@charset "UTF-8";
body.template-partner-register .complete .complete-button {
  font-size: 16px;
  padding: 15px 20px; }

body {
  -webkit-font-smoothing: antialiased;
  word-break: break-all; }

html.modern-browser .if-legacy {
  display: none; }

html.legacy-browser .if-modern {
  display: none; }

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
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, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

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

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

body.template-partner-register .complete .complete-button {
  font-size: 16px;
  padding: 15px 20px; }

@-webkit-keyframes flip-down-from-top {
  0% {
    -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg); }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); } }

@keyframes flip-down-from-top {
  0% {
    -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg); }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); } }

@-webkit-keyframes extend-down-from-top {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0); }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@keyframes extend-down-from-top {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0); }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@-webkit-keyframes extend-left-from-right {
  0% {
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1); }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@keyframes extend-left-from-right {
  0% {
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1); }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@keyframes extend-down-from-top {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@-webkit-keyframes swan-spin {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg); }
  20% {
    -webkit-transform: rotateY(-20deg);
            transform: rotateY(-20deg); }
  90% {
    -webkit-transform: rotateY(760deg);
            transform: rotateY(760deg); }
  100% {
    -webkit-transform: rotateY(720deg);
            transform: rotateY(720deg); } }

@keyframes swan-spin {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg); }
  20% {
    -webkit-transform: rotateY(-20deg);
            transform: rotateY(-20deg); }
  90% {
    -webkit-transform: rotateY(760deg);
            transform: rotateY(760deg); }
  100% {
    -webkit-transform: rotateY(720deg);
            transform: rotateY(720deg); } }

@-webkit-keyframes small-bubble {
  0% {
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
    -webkit-transform: translate(0, 0.2em);
            transform: translate(0, 0.2em); }
  50% {
    -webkit-transform: scaleY(1.5);
            transform: scaleY(1.5);
    -webkit-transform: rotatex(-10deg);
            transform: rotatex(-10deg);
    -webkit-transform: translate(0, -0.6em);
            transform: translate(0, -0.6em); }
  100% {
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
    -webkit-transform: translate(0, 0.2em);
            transform: translate(0, 0.2em); } }

@keyframes small-bubble {
  0% {
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
    -webkit-transform: translate(0, 0.2em);
            transform: translate(0, 0.2em); }
  50% {
    -webkit-transform: scaleY(1.5);
            transform: scaleY(1.5);
    -webkit-transform: rotatex(-10deg);
            transform: rotatex(-10deg);
    -webkit-transform: translate(0, -0.6em);
            transform: translate(0, -0.6em); }
  100% {
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
    -webkit-transform: translate(0, 0.2em);
            transform: translate(0, 0.2em); } }

@-webkit-keyframes extending-transverse {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes extending-transverse {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

body.template-partner-register .complete .complete-button {
  font-size: 16px;
  padding: 15px 20px; }

.notification-bar {
  text-align: center;
  height: 40px;
  line-height: 40px;
  overflow-y: hidden; }
  .notification-bar a {
    text-decoration: underline; }
  .notification-bar .debug-header {
    background: #41495A;
    color: #ccc; }
    .notification-bar .debug-header .debug-tips {
      padding-left: 3em;
      display: inline-block; }
    .notification-bar .debug-header .tips-text {
      color: white;
      font-weight: bold; }

input:focus,
textarea:focus {
  outline: 0; }

input[type="checkbox"]:focus {
  outline: auto; }

body {
  font: 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, sans-serif;
  color: #666;
  line-height: 1.5;
  min-width: 950px; }

a,
a:link {
  color: #0084d2;
  text-decoration: none; }

a:hover {
  color: #064DBF; }

a:visited,
a:active {
  color: #2519a8; }

i, em, strong {
  font-style: normal; }

input[type="search"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

html {
  box-sizing: border-box; }

html *, html *:before, html *:after {
  box-sizing: inherit; }

body.template-partner-work .btn-apply, body.template-partner-register .fields .field .inputs input[type="submit"],
body.template-partner-register .fields .field .inputs input[type="button"] {
  display: inline-block;
  padding: 15px 40px;
  border: 1px solid #c2c2c2;
  border-radius: 3px;
  font-weight: bold;
  background: #fcfcfc;
  background: linear-gradient(to bottom, #fcfcfc, #e8e8e8);
  cursor: pointer;
  color: #666;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08); }
  body.template-partner-work .btn-apply:hover, body.template-partner-register .fields .field .inputs input[type="submit"]:hover,
  body.template-partner-register .fields .field .inputs input[type="button"]:hover {
    background: #e8e8e8;
    background: linear-gradient(to bottom, white, whitesmoke); }

body.template-partner-register .complete .complete-button {
  display: inline-block;
  padding: 15px 40px;
  border: 1px solid #0c5a8e;
  border-radius: 3px;
  font-weight: bold;
  background: #40a4d5;
  background: linear-gradient(to bottom, #40a4d5, #1287d5);
  cursor: pointer;
  color: white; }
  body.template-partner-register .complete .complete-button:hover {
    background: #1287d5;
    background: linear-gradient(to bottom, #55aeda, #1596eb); }

body.template-member-leave .member-leave-content .leave-button-container input.leave-button {
  display: inline-block;
  padding: 15px 40px;
  border: 1px solid #a81b00;
  border-radius: 3px;
  font-weight: bold;
  background: #ff5432;
  background: linear-gradient(to bottom, #ff5432, #f42800);
  cursor: pointer;
  color: white; }
  body.template-member-leave .member-leave-content .leave-button-container input.leave-button:hover {
    background: #f42800;
    background: linear-gradient(to bottom, #ff694c, #ff360f); }

.l-bottom-ads, #bottom-ad-area.l-bottom-ads {
  width: 940px;
  margin: 10px auto 30px; }

.l-container {
  width: 950px;
  margin: 20px auto 0;
  margin-bottom: 1em; }
  .l-container .l-main-column {
    float: left;
    width: 635px; }
  .l-container .l-side-column {
    float: right;
    width: 300px; }
  .l-container:after {
    content: "";
    display: block;
    clear: both; }

.c-sidebar-company-ranking-section {
  box-sizing: border-box;
  margin-bottom: 20px; }
  .c-sidebar-company-ranking-section *,
  .c-sidebar-company-ranking-section *:before,
  .c-sidebar-company-ranking-section *:after {
    box-sizing: inherit; }
  .c-sidebar-company-ranking-section .ranking-head {
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px; }
    .c-sidebar-company-ranking-section .ranking-head .head-label {
      border-top: 2px solid #ffa821;
      border-bottom: 1px solid #eee;
      display: block;
      font-size: 18px;
      text-align: center;
      padding: 3px; }
    .c-sidebar-company-ranking-section .ranking-head .head-title {
      padding: 5px;
      color: #888;
      font-size: 12px; }
    .c-sidebar-company-ranking-section .ranking-head .head-title-cross {
      color: #ccc; }
  .c-sidebar-company-ranking-section .ranking-body {
    border-bottom: 1px solid #ccc; }
    .c-sidebar-company-ranking-section .ranking-body .rank-block {
      border-top: 1px solid #ccc;
      padding: 20px 10px; }
    .c-sidebar-company-ranking-section .ranking-body .rank-text-head .rank-no-item {
      display: table-cell;
      padding-right: 10px;
      vertical-align: middle; }
    .c-sidebar-company-ranking-section .ranking-body .rank-text-head .rank-title-point-item {
      display: table-cell;
      color: #333; }
      .c-sidebar-company-ranking-section .ranking-body .rank-text-head .rank-title-point-item .star {
        display: inline-block; }
    .c-sidebar-company-ranking-section .ranking-body .rank-company {
      display: table-cell;
      vertical-align: middle; }
    .c-sidebar-company-ranking-section .ranking-body .rank-no {
      display: inline-block;
      background: #ECECEC;
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px;
      color: #666;
      font-weight: bold;
      border-radius: 15px;
      font-size: 12px; }
    .c-sidebar-company-ranking-section .ranking-body .point-star-box {
      color: #ffa821;
      font-weight: bold;
      font-size: 16px;
      display: inline-block; }
      .c-sidebar-company-ranking-section .ranking-body .point-star-box .point-count {
        font-size: 14px; }
    .c-sidebar-company-ranking-section .ranking-body .rank-1 {
      background: #FFFFE6; }
      .c-sidebar-company-ranking-section .ranking-body .rank-1 .rank-no {
        color: #fff;
        background: #FF7400; }
    .c-sidebar-company-ranking-section .ranking-body .rank-2 {
      background: #FFFFF6; }
      .c-sidebar-company-ranking-section .ranking-body .rank-2 .rank-no {
        color: #fff;
        background: #9AA8B2; }
    .c-sidebar-company-ranking-section .ranking-body .rank-3 {
      background: #FFFFFB; }
      .c-sidebar-company-ranking-section .ranking-body .rank-3 .rank-no {
        color: #fff;
        background: #F4B85C; }
    .c-sidebar-company-ranking-section .ranking-body .point-summary {
      font-size: 16px;
      font-weight: bold;
      color: #ee8715; }
    .c-sidebar-company-ranking-section .ranking-body .rank-title {
      font-size: 16px;
      font-weight: bold; }
    .c-sidebar-company-ranking-section .ranking-body .info-kuchikomi-item {
      font-size: 13px;
      margin: 5px 0; }
    .c-sidebar-company-ranking-section .ranking-body .info-sub-item {
      display: inline-block;
      margin-right: 10px;
      font-size: 10px;
      color: #666; }
  .c-sidebar-company-ranking-section .ranking-more {
    display: block;
    padding: 18px 19px;
    border: medium none;
    text-align: center;
    text-decoration: none;
    background: #F8F8F8;
    font-weight: bold;
    border-bottom: 1px solid #ccc; }

.indeed-section {
  box-sizing: border-box;
  margin-bottom: 20px; }
  .indeed-section *,
  .indeed-section *:before,
  .indeed-section *:after {
    box-sizing: inherit; }
  .indeed-section.prerender {
    min-height: 600px; }
  .indeed-section .head-label {
    border-top: 2px solid #6ec5e7;
    border-bottom: 1px solid #eee;
    font-size: 18px;
    display: block;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 3px; }
  .indeed-section .head-title {
    padding: 10px; }
    .indeed-section .head-title .feature {
      font-size: 14px;
      font-weight: bold; }
  .indeed-section ul {
    border-bottom: 1px solid #e0e0e0; }
    .indeed-section ul li {
      border-top: 1px solid #e0e0e0; }
      .indeed-section ul li:nth-child(odd) {
        background-color: #f9f9f9; }
      .indeed-section ul li a.indeed-link {
        padding: 10px;
        display: block; }
        .indeed-section ul li a.indeed-link:hover {
          background: #FFFFF6; }
        .indeed-section ul li a.indeed-link .job-title {
          margin-bottom: 10px;
          line-height: 1.3;
          font-size: 13px;
          font-weight: bold; }
        .indeed-section ul li a.indeed-link .description {
          margin-bottom: 5px;
          color: #666;
          font-size: 11px; }
        .indeed-section ul li a.indeed-link .extra-info {
          margin-bottom: 5px;
          font-size: 12px; }
  .indeed-section .indeed-at {
    margin-top: 10px;
    text-align: right; }

.member-company-info .member-company-info-title {
  padding: 10px 0 7px;
  margin-bottom: 5px;
  padding: 15px 10px 10px;
  border-top: 2px solid #7ec000;
  color: #333;
  font-size: 14px;
  font-weight: bold; }

.member-company-info .menu-item {
  border-top: 1px dotted #ccc; }
  .member-company-info .menu-item .item-link {
    display: block;
    padding: 15px 0 15px 20px;
    background-position: 5px 50%;
    background: url(/img/front/common/icon/icon_arrow_r_02.png) 5px 50% no-repeat;
    font-size: 11px; }
    .member-company-info .menu-item .item-link:hover {
      background-color: #ebf6f8; }
  .member-company-info .menu-item:last-child {
    border-bottom: none; }

.c-side-report-feed {
  border: 1px solid #e8e8e8;
  background: #fff; }
  .c-side-report-feed .report-feed-header {
    margin-bottom: 0px;
    padding: 8px;
    background-color: #fafafa; }
    .c-side-report-feed .report-feed-header .report-logo {
      width: 160px; }
  .c-side-report-feed .report-title {
    display: none; }
  .c-side-report-feed .report-feed-container .report-feed-box {
    padding: 15px;
    width: 100%;
    height: 210px;
    border-top: 1px solid #e8e8e8; }
    .c-side-report-feed .report-feed-container .report-feed-box:hover {
      background-color: #f5f5f5; }
    .c-side-report-feed .report-feed-container .report-feed-box .report-feed-img-frame {
      position: relative;
      width: 268px;
      height: 120px; }
      .c-side-report-feed .report-feed-container .report-feed-box .report-feed-img-frame .report-feed-img {
        position: absolute;
        top: 0;
        width: 100%;
        clip: rect(0px 268px 120px 0px); }
    .c-side-report-feed .report-feed-container .report-feed-box .report-feed-text-frame {
      padding: 5px 5px 0;
      color: #666; }
      .c-side-report-feed .report-feed-container .report-feed-box .report-feed-text-frame .report-feed-date {
        font-size: 11px; }
      .c-side-report-feed .report-feed-container .report-feed-box .report-feed-text-frame .report-feed-title {
        font-weight: bold; }
  .c-side-report-feed .report-link-container {
    height: 85px;
    border-top: 1px solid #e8e8e8;
    background-color: #fafafa; }
    .c-side-report-feed .report-link-container .report-link {
      display: block;
      margin: 15px;
      padding: 16px 0;
      border: 1px solid;
      border-color: #e8e8e8 #e8e8e8 #d6d6d6 #e8e8e8;
      background-color: #fff;
      text-align: center;
      color: #666;
      font-size: 115%;
      font-weight: bold; }
      .c-side-report-feed .report-link-container .report-link:hover {
        background-color: #f5f5f5; }
      .c-side-report-feed .report-link-container .report-link .report-link-text {
        padding: 0 20px;
        background: url(/img/front/common/icon/icon_arrow_b.png) 0 50% no-repeat; }

#aside h2.report-feed-header {
  margin: 0;
  border-top: none; }

#aside h3.report-title {
  display: none; }

.c-agency-banner {
  border: 1px solid #eee;
  margin-bottom: 20px;
  overflow: hidden; }
  .c-agency-banner .agency-banner-title {
    background: #eee;
    font-weight: bold;
    padding: 5px; }
  .c-agency-banner .agency-banner-body {
    font-size: 14px;
    padding: 5px;
    overflow: hidden;
    line-height: 1.4; }
    .c-agency-banner .agency-banner-body .agency-banner-content {
      display: block; }
      .c-agency-banner .agency-banner-body .agency-banner-content img {
        margin-right: 10px;
        float: left; }
      .c-agency-banner .agency-banner-body .agency-banner-content .body-text {
        float: right;
        width: 185px; }
      .c-agency-banner .agency-banner-body .agency-banner-content .agency-banner-button {
        background: #FF9700;
        border-radius: 4px;
        color: #fff;
        display: inline-block;
        padding: 2px 6px;
        font-weight: bold;
        border-bottom: 2px solid #D27C00;
        text-align: right;
        margin-top: 4px; }
        .c-agency-banner .agency-banner-body .agency-banner-content .agency-banner-button:hover {
          background: #F38F00; }

.c-industry-links .industry-links-title {
  padding-left: 5px;
  border-left: 3px solid #87c20a;
  font-size: 18px; }

.c-industry-links .industry-name {
  font-weight: bold;
  background: #F5F5F5;
  display: block;
  padding: 3px;
  margin-bottom: 5px; }

.c-industry-links .big-industries-lists {
  padding: 10px 0; }
  .c-industry-links .big-industries-lists .big-industries-list {
    margin-bottom: 20px;
    list-style-type: none; }

.c-industry-links .industries-list {
  list-style: none;
  list-style-type: none; }
  .c-industry-links .industries-list .industry-link {
    color: #888;
    padding: 5px 0 5px 5px;
    display: block; }
    .c-industry-links .industries-list .industry-link:hover {
      background: #FbFbFb;
      text-decoration: underline; }

.c-sidebar-score-categories .score-categories-title {
  padding-left: 5px;
  border-left: 3px solid #87c20a;
  font-size: 18px; }

.c-sidebar-score-categories .score-categories-list {
  padding-top: 10px;
  padding-left: 20px; }
  .c-sidebar-score-categories .score-categories-list .score-category {
    width: 200px;
    list-style-type: none; }
    .c-sidebar-score-categories .score-categories-list .score-category .score-category-link {
      display: block;
      padding-left: 15px;
      height: 40px;
      border-bottom: 1px solid #e8e8e8;
      background-color: #fff;
      line-height: 40px;
      font-size: 13px;
      color: #666;
      cursor: pointer;
      transition: all ease 0.3s; }
      .c-sidebar-score-categories .score-categories-list .score-category .score-category-link:hover {
        padding-left: 25px;
        border-bottom: none;
        color: #87c20a; }
    .c-sidebar-score-categories .score-categories-list .score-category:after {
      content: "";
      display: block;
      visibility: hidden;
      margin: 0 auto;
      width: 1px;
      border-bottom: 1px solid #87c20a;
      transition: all ease 0.3s; }
    .c-sidebar-score-categories .score-categories-list .score-category:hover:after {
      visibility: visible;
      width: 100%; }

.l-side-column .section {
  margin-bottom: 20px; }

.l-side-column li {
  list-style: none; }

body.template-partner-register .complete .complete-button {
  font-size: 16px;
  padding: 15px 20px; }

.form-errors {
  color: #f42800;
  background: #ffe5e5;
  padding: 10px; }
  .form-errors ul {
    margin: 10px 20px 0; }

body.template-mail-subscription .form-table, body.template-member-leave .member-leave-content .leave-form {
  margin-bottom: 20px;
  border-bottom: 1px dotted #ccc; }
  body.template-mail-subscription .form-table td, body.template-member-leave .member-leave-content .leave-form td, body.template-mail-subscription .form-table th, body.template-member-leave .member-leave-content .leave-form th {
    padding: 20px 10px;
    border-top: 1px dotted #ccc; }
  body.template-mail-subscription .form-table th, body.template-member-leave .member-leave-content .leave-form th {
    width: 210px;
    vertical-align: middle;
    text-align: left;
    color: #666; }
  body.template-mail-subscription .form-table td, body.template-member-leave .member-leave-content .leave-form td {
    position: relative;
    width: 500px;
    vertical-align: middle; }

body.template-partner-register .complete .complete-button {
  font-size: 16px;
  padding: 15px 20px; }

.notification-bar {
  text-align: center;
  height: 40px;
  line-height: 40px;
  overflow-y: hidden; }
  .notification-bar a {
    text-decoration: underline; }
  .notification-bar .debug-header {
    background: #41495A;
    color: #ccc; }
    .notification-bar .debug-header .debug-tips {
      padding-left: 3em;
      display: inline-block; }
    .notification-bar .debug-header .tips-text {
      color: white;
      font-weight: bold; }

body.template-partner-register .complete .complete-button {
  font-size: 16px;
  padding: 15px 20px; }

.c-header {
  /* #logo */
  /* ul.headerNavigationNarrow */
  /* .headerNavigationWide */
  /* .loginHeaderNavigation */ }
  .c-header .header .modNotification {
    display: inline-block;
    padding: 2px 4px;
    min-width: 15px;
    border-bottom: 1px solid #CF661B;
    border-radius: 10px;
    background: #ffa821;
    /* Old browsers */
    font-size: 83%;
    color: #fff; }
  .c-header .header ul li {
    list-style-type: none; }
  .c-header .header {
    position: relative;
    z-index: 300;
    border-top: 2px solid #87c20a;
    border-bottom: 1px solid #e8e8e8;
    background: #fff;
    min-width: 960px; }
  .c-header .headerInr {
    width: 960px;
    height: 72px;
    margin: 0 auto; }
    .c-header .headerInr:after {
      clear: both;
      content: "";
      display: table; }
  .c-header .header2ColA {
    float: left;
    display: inline-block;
    height: 100%; }
  .c-header .header2ColB {
    position: relative;
    float: right;
    display: inline-block;
    text-align: right;
    height: 100%; }
  .c-header .logo {
    display: inline-block;
    margin-right: 16px;
    padding: 8px 0;
    vertical-align: top; }
    .c-header .logo a {
      display: block;
      transition: .2s; }
      .c-header .logo a:hover {
        opacity: .6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
    .c-header .logo .logo-copy {
      color: #999999;
      font-size: 10px;
      margin-bottom: 2px; }
  .c-header .headerNavigationNarrow {
    display: inline-block;
    height: 58px; }
    .c-header .headerNavigationNarrow:after {
      clear: both;
      content: "";
      display: table; }
  .c-header .headerNavigationNarrow li {
    position: relative;
    display: block;
    float: left;
    width: 72px;
    height: 100%; }
  .c-header .headerNavigationNarrow li a {
    position: relative;
    display: block;
    height: 22px;
    padding: 40px 0 0 0;
    background: url(/img/front/common/header/icon_header_navigation_green.png) center 24px no-repeat;
    color: #666;
    font-weight: bold;
    text-align: center;
    box-sizing: content-box;
    transition: .2s;
    font-size: 11px; }
  .c-header .headerNavigationNarrow a:hover {
    color: #87c20a; }
  .c-header .headerNavigationNarrow li.recommend a {
    background-position: center -138px; }
  .c-header .headerNavigationNarrow li.scout a {
    background-position: center 10px; }
  .c-header .headerNavigationNarrow li.member a {
    background-position: center -46px; }
  .c-header .headerNavigationNarrow li.login a {
    background-position: center 3px; }
  .c-header .headerNavigationNarrow li.setting a {
    padding-top: 20px;
    height: 40px;
    background-position: center -88px; }
  .c-header .headerNavigationNarrow li.setting a i {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto 5px;
    background: url(/img/front/common/header/icon_header_navigation_green.png) center -90px no-repeat; }
  .c-header .headerNavigationNarrow li a span.countNum {
    position: absolute;
    right: 13px;
    top: 6px;
    box-sizing: border-box;
    min-width: 20px;
    font-weight: bold; }
  .c-header .headerNavigationWide {
    display: inline-block; }
  .c-header .headerNavigationWide li {
    display: inline-block;
    float: left;
    padding: 0 16px;
    height: 100%; }
  .c-header .headerNavigationWide li a {
    display: block;
    position: relative;
    height: 100%;
    color: #666;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 72px;
    overflow: visible;
    transition: .2s; }
    .c-header .headerNavigationWide li a:before {
      content: "";
      display: inline-block;
      width: 16px;
      height: 20px;
      margin-bottom: -5px;
      margin-right: 3px; }
    .c-header .headerNavigationWide li a .headerNotification {
      font-size: 14px; }
  .c-header .headerNavigationWide li a.header-menu-kuchikomi:before {
    background: url(/img/front/common/icon/icon_balloon_green.png) no-repeat left 2px; }
  .c-header .headerNavigationWide li a.header-menu-job:before {
    background: url(/img/front/common/icon/icon_memo.png) no-repeat left -24px; }
  .c-header .headerNavigationWide li a.active {
    color: #87c20a; }
  .c-header .headerNavigationWide a:hover {
    color: #87c20a; }
  .c-header .headerNavigationWide .headerNotification {
    display: none; }
  .c-header .headerNavigationWide .modNotification {
    position: relative;
    background: #ffa821;
    text-shadow: 0 1px 0 #cf661b; }
  .c-header .headerNavigationWide .modNotification:after {
    position: absolute;
    left: 50%;
    bottom: 100%;
    height: 0;
    width: 0;
    margin-left: -4px;
    border: solid transparent;
    border-color: rgba(255, 168, 33, 0);
    border-bottom-color: #ffa821;
    border-width: 4px;
    pointer-events: none;
    content: " "; }
  .c-header .headerNavigationWide .countNum {
    position: absolute;
    left: 50%;
    top: 49px;
    width: 100px;
    margin-left: -50px;
    line-height: 1.3em;
    text-shadow: none; }
  .c-header .headerNavigationWide .countNum i {
    font-size: 78%; }
  .c-header .loginHeaderNavigation {
    display: inline-block;
    font-weight: bold;
    padding-top: 20px; }
  .c-header .loginHeaderNavigation li {
    display: inline-block;
    text-align: center; }
  .c-header .loginHeaderNavigation a {
    position: relative;
    display: block;
    box-sizing: border-box;
    font-size: 14px;
    transition: .2s; }
  .c-header .reflection-button {
    overflow: hidden;
    outline: none; }
  .c-header .login-button {
    height: 32px;
    line-height: 30px;
    padding: 0 12px;
    border-radius: 4px;
    border: 1px solid #87c20a;
    color: #87c20a;
    margin-left: 8px; }
    .c-header .login-button:hover {
      border: 1px solid #ffa821;
      color: #ffa821; }
  .c-header .member-button {
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    border: 1px solid #87c20a;
    border-radius: 3px;
    background: #87c20a;
    box-shadow: 0 2px 0 #76b003;
    color: #fff;
    margin-left: 4px; }
    .c-header .member-button:hover {
      border: 1px solid #ffa821;
      background: #ffa821;
      box-shadow: 0 2px 0 #ee8715;
      text-decoration: none; }
  .c-header .reflection {
    display: block;
    height: 100%;
    width: 30px;
    position: absolute;
    top: -180px;
    left: 0;
    background-color: #fff;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-animation-name: reflection;
            animation-name: reflection;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }

@-webkit-keyframes reflection {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
            transform: scale(0) rotate(45deg);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
            transform: scale(0) rotate(45deg);
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
            transform: scale(4) rotate(45deg);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
            transform: scale(50) rotate(45deg);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@keyframes reflection {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
            transform: scale(0) rotate(45deg);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
            transform: scale(0) rotate(45deg);
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
            transform: scale(4) rotate(45deg);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
            transform: scale(50) rotate(45deg);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

.c-header-bottom .header-bottom {
  border: 1px solid #eee;
  background: #f5f5f5;
  text-align: right; }

.c-header-bottom .header-bottom h1 {
  width: 950px;
  margin: 0 auto;
  padding: 3px;
  color: #aaa;
  font-size: 83%; }

.c-breadcrumb {
  background-color: #F5F5F5;
  border-bottom: 1px solid #eee; }

.simpleHeaderSection .simpleHeader {
  background: #fff;
  border-top: 2px solid #87c20a;
  border-bottom: 1px solid #e8e8e8;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  height: 40px; }

.simpleHeaderSection .simpleHeader .modCol2A,
.simpleHeaderSection .simple-header-logo {
  text-align: left;
  float: left;
  width: 50%; }

.simpleHeaderSection .simpleHeaderContents {
  margin: 0 auto;
  width: 720px;
  padding: 6px 0 0; }
  .simpleHeaderSection .simpleHeaderContents:after {
    clear: both;
    content: "";
    display: table; }

.simpleHeaderSection .headerGuide {
  padding-top: 2px;
  font-size: 92%;
  color: #87c20a;
  text-align: right;
  float: right;
  width: 50%; }

.simpleHeaderSection .headerGuide a,
.simpleHeaderSection .headerGuide a:link {
  display: inline-block;
  color: #87c20a;
  vertical-align: middle;
  padding-left: 18px;
  height: 28px;
  line-height: 28px;
  overflow: visible;
  background: url(/img/front/common/icon/icon_login.png) no-repeat left 6px; }
  .simpleHeaderSection .headerGuide a:hover,
  .simpleHeaderSection .headerGuide a:link:hover {
    text-decoration: underline; }

.simpleHeaderSection .headerGuide a:hover,
.simpleHeaderSection .headerGuide a:visited {
  text-decoration: none;
  color: #76b003; }

.search-company-box {
  float: left;
  position: relative;
  display: inline-block;
  padding-top: 20px;
  margin-right: 12px;
  vertical-align: top; }
  .search-company-box ul.search-type {
    float: left; }
  .search-company-box input[type="search"] {
    -webkit-appearance: textfield; }
    .search-company-box input[type="search"]::-webkit-search-decoration, .search-company-box input[type="search"]::-webkit-search-cancel-button, .search-company-box input[type="search"]::-webkit-search-results-button, .search-company-box input[type="search"]::-webkit-search-results-decoration {
      display: none;
      -webkit-appearance: none; }
  .search-company-box input.search-field {
    width: 200px;
    height: 32px;
    padding: 0 32px 0 8px;
    line-height: 28px;
    border-top: 2px solid #619614;
    border-right: 2px solid #619614;
    border-bottom: 2px solid #619614;
    border-left: 2px solid #619614;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    font-size: 12px; }
  .search-company-box input.search-btn {
    position: absolute;
    top: 26px;
    right: 13px;
    width: 20px;
    height: 20px;
    border: none;
    background: url(/img/front/common/icon/icon_settings.png) 0 0 no-repeat; }

.search-company-box {
  font-size: 14px;
  text-align: left; }
  .search-company-box .tt-cursor,
  .search-company-box .tt-suggestion:hover {
    background: rgba(135, 194, 10, 0.1); }
    .search-company-box .tt-cursor .tt-highlight,
    .search-company-box .tt-suggestion:hover .tt-highlight {
      background: transparent; }
  .search-company-box .tt-menu {
    border: 1px solid #CCC;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 1px 3px 8px #999; }
  .search-company-box .tt-menu .tt-suggestion {
    padding: 8px 14px 8px 8px;
    display: block;
    white-space: nowrap;
    cursor: pointer;
    font-size: 11px;
    color: #aaa; }
  .search-company-box .tt-highlight {
    background: #fffcda;
    color: #333;
    font-size: 13px; }

.direct-offer-baloon {
  -webkit-animation: baloon-appear linear 6s 1s;
          animation: baloon-appear linear 6s 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: block;
  position: absolute;
  left: -130px;
  top: 64px;
  z-index: 1;
  width: 320px;
  border: 2px solid #76b003;
  border-radius: 3px;
  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.4), 0 8px 32px rgba(0, 0, 0, 0.2); }
  .direct-offer-baloon:before {
    content: "";
    display: block;
    position: absolute;
    top: -16px;
    left: 50%;
    margin-left: -4px;
    border: 8px solid transparent;
    border-bottom-color: #76b003; }
  .direct-offer-baloon .direct-offer-title {
    font-size: 14px;
    padding: 12px 16px;
    background: rgba(118, 176, 3, 0.95);
    color: #fff; }
  .direct-offer-baloon .direct-offer-description {
    font-weight: normal;
    padding: 16px;
    text-align: left;
    background: rgba(255, 255, 255, 0.9); }

@-webkit-keyframes baloon-appear {
  0% {
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  8% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  92% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@keyframes baloon-appear {
  0% {
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  8% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  92% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

.c-header .member-menu {
  right: 0; }

.c-header .scout-menu {
  right: 72px; }

.c-header .header-dropdown {
  position: absolute;
  top: 66px;
  background: #FFF;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.35), 0 3px 32px rgba(0, 0, 0, 0.1), 0 12px 12px rgba(0, 0, 0, 0.1);
  z-index: 10000; }

.c-header .header-dropdown-inner {
  position: relative;
  width: 250px;
  background: #fff;
  text-align: left; }

.c-header .header-dropdown-inner:after, .c-header .header-dropdown-inner:before {
  right: 30px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 8px; }

.c-header .header-dropdown-inner:after {
  top: -15px;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff; }

.c-header .header-dropdown-inner:before {
  top: -16px;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ddd; }

.c-header .header-dropdown-inner p {
  padding: 14px 12px;
  margin-bottom: 1px;
  border-bottom: 1px solid #98C200;
  font-weight: bold;
  color: #5d5d5d; }

.c-header .header-dropdown-inner ul li {
  width: auto; }

.c-header .header-dropdown-inner ul li:last-child {
  margin-bottom: 0; }

.c-header .header-dropdown-inner ul li.menuSection {
  border-bottom: 1px solid #ddd; }

.c-header .header-dropdown-inner ul li a {
  display: block;
  padding: 12px 10px;
  color: #5d5d5d; }

.c-header .header-dropdown-inner ul li a:hover {
  background-color: whitesmoke;
  color: #333333; }

.c-header .dropdown-notification-num {
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  height: 16px;
  line-height: 16px;
  padding: 0 6px;
  border-radius: 8px;
  display: inline-block;
  text-align: right;
  background: #ee8715; }

.c-legacy-ie-notification {
  background: #ee8715; }
  .c-legacy-ie-notification a {
    color: white;
    font-weight: bold;
    display: block;
    width: 100%;
    height: 100%; }

body.template-partner-register .complete .complete-button {
  font-size: 16px;
  padding: 15px 20px; }

.c-breadcrumb .topic-path-wrap {
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  background-color: #F5F5F5; }
  .c-breadcrumb .topic-path-wrap:after {
    clear: both;
    content: "";
    display: table; }

.c-breadcrumb .topic-path {
  position: relative;
  width: 950px;
  margin: 0 auto;
  padding: 8px 0;
  font-size: 85%;
  z-index: 106; }
  .c-breadcrumb .topic-path:after {
    clear: both;
    content: "";
    display: table; }
  .c-breadcrumb .topic-path li {
    position: relative;
    display: inline-block;
    margin-left: 0.6em;
    padding-left: 2.2em;
    background: url(/img/front/common/header/parts_icon_breadcrumb.png) no-repeat left -42px;
    line-height: 20px; }
    .c-breadcrumb .topic-path li.first {
      margin-left: 0;
      background-position: -3px 0px;
      -webkit-transform-origin: 50% 50%;
      transition: background 0.5s ease; }
      .c-breadcrumb .topic-path li.first:hover {
        background-position: -3px -18px; }
    .c-breadcrumb .topic-path li.last {
      margin-left: 0;
      padding-left: 2.2em;
      background-position: -3px -40px; }
    .c-breadcrumb .topic-path li img {
      vertical-align: middle;
      padding: 0 0 0 5px;
      cursor: pointer; }
    .c-breadcrumb .topic-path li.home-icon {
      background: url(/img/front/common/header/parts_icon_breadcrumb.png) no-repeat -3px 0px; }
  .c-breadcrumb .topic-path .pulldown-list {
    position: absolute;
    top: 20px;
    left: 0;
    width: 373px;
    border: 1px solid #CCC;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 1px 3px 6px #999;
    z-index: 105;
    width: 330px; }
    .c-breadcrumb .topic-path .pulldown-list ul {
      padding: 10px; }
    .c-breadcrumb .topic-path .pulldown-list li {
      display: block;
      background: none;
      margin: 0;
      padding-left: 0;
      float: none;
      zoom: 1; }
      .c-breadcrumb .topic-path .pulldown-list li a {
        display: block;
        padding: 5px;
        border: 1px solid #ededed;
        background: #f5f5f5; }
        .c-breadcrumb .topic-path .pulldown-list li a:hover {
          border: 1px solid #08c;
          background: #dcf4ff;
          color: #08c; }

body.template-partner-register .complete .complete-button {
  font-size: 16px;
  padding: 15px 20px; }

.c-footer {
  background: #41495A; }
  .c-footer a {
    color: #949CAE; }
  .c-footer a:hover {
    color: #fff; }
  .c-footer .footer-guide {
    width: 950px;
    min-height: 190px;
    padding: 10px 0;
    overflow: hidden;
    margin: 0 auto 20px;
    font-size: 12px; }
    .c-footer .footer-guide dl {
      overflow: hidden;
      padding: 10px 0px 10px 20px;
      float: left;
      width: 222px; }
    .c-footer .footer-guide dl:first-child {
      width: 224px;
      padding-left: 0; }
    .c-footer .footer-guide dt {
      margin-bottom: 15px;
      line-height: 2em;
      color: #F2F4F5;
      font-size: 14px;
      border-bottom: 1px solid #616877; }
    .c-footer .footer-guide li {
      position: relative;
      margin: 0 10px 5px 0;
      margin-left: 10px;
      display: block; }
    .c-footer .footer-guide li:before {
      color: #fff;
      content: ' ';
      border: transparent solid 3px;
      border-left-color: #949CAE;
      position: absolute;
      height: 0;
      width: 0;
      left: -8px;
      margin: 0.5em 0 0 0;
      padding: 0px; }
  .c-footer .footer-nav-list {
    width: 950px;
    margin: 0 auto;
    border-top: 1px solid #616877;
    padding: 20px 0 10px;
    text-align: center; }
  .c-footer .footer-copyright {
    text-align: center;
    padding-bottom: 20px;
    color: #F2F4F5; }

.simpleFooter {
  padding: 20px 0;
  border-top: 3px solid #e0e0e0;
  background-color: #fff;
  font-size: 73%;
  color: #999;
  text-align: center; }

.c-header .header .modIconPrev, .modal .modIconPrev {
  padding-left: 18px;
  background: url(/img/front/common/icon/icon_prev.png) 0 45% no-repeat; }

.c-header .header .modIconNext, .modal .modIconNext {
  padding-left: 6px;
  background: url(/img/front/common/icon/icon_next.png) 0 50% no-repeat; }

.c-header .header .modIconUnder, .modal .modIconUnder {
  padding-right: 10px;
  background: url(/img/front/common/icon/icon_under.png) right 50% no-repeat; }

.c-header .header .modIconOtherWin, .modal .modIconOtherWin {
  padding-left: 15px;
  background: url(/img/front/common/icon/icon_other_win.png) 0 45% no-repeat; }

.c-header .header .modIconOtherWinWhite, .modal .modIconOtherWinWhite {
  padding-left: 20px;
  background: url(/img/front/common/icon/icon_other_win_white.png) 0 45% no-repeat; }

.c-header .header .modIconTrans, .modal .modIconTrans {
  padding-left: 20px;
  background: url(/img/front/common/icon/icon_bus.png) 5px 50% no-repeat; }

.c-header .header .modIconArrowR, .modal .modIconArrowR {
  padding-left: 20px;
  background: url(/img/front/common/icon/icon_arrow_r.png) 5px 50% no-repeat;
  line-height: 1.5; }

.c-header .header .modIconArrowR02, .modal .modIconArrowR02 {
  padding-left: 10px;
  background: url(/img/front/common/icon/icon_arrow_r_02.png) 0 50% no-repeat; }

.c-header .header .modIconArrowUnder, .modal .modIconArrowUnder {
  padding-left: 20px;
  background: url(/img/front/common/icon/icon_arrow_b.png) 0 50% no-repeat; }

.c-header .header .modIconArrowTop, .modal .modIconArrowTop {
  padding-left: 20px;
  background: url(/img/front/common/icon/icon_arrow_t.png) 0 30% no-repeat; }

.c-header .header .modIconArrowRight, .modal .modIconArrowRight {
  padding-left: 14px;
  background: url(/img/front/common/icon/icon_arrow_r_03.png) 0 50% no-repeat; }

.c-header .header .modIconArrowRightByRight, .modal .modIconArrowRightByRight {
  padding-right: 14px;
  background: url(/img/front/common/icon/icon_arrow_r_02.png) 98% 50% no-repeat; }

.c-header .header .modIconArrowRightBlue, .modal .modIconArrowRightBlue {
  padding-right: 14px;
  background: url(/img/front/common/icon/icon_arrow_blue.png) 98% 50% no-repeat; }

.c-header .header .modIconAdd, .modal .modIconAdd {
  padding-left: 18px;
  background: url(/img/front/common/icon/icon_add.png) 0 50% no-repeat; }

.c-header .header .modIconPin, .modal .modIconPin {
  padding-left: 15px;
  background: url(/img/front/common/icon/icon_pin.png) 0 50% no-repeat; }

.c-header .header .modIconYen, .modal .modIconYen {
  padding-left: 15px;
  background: url(/img/front/common/icon/icon_yen.png) 0 50% no-repeat; }

.c-header .header .modIconFree, .modal .modIconFree {
  padding: 2px 0 5px 34px;
  background: url(/img/front/common/icon/icon_free_min.png) 0 0 no-repeat; }

.c-header .header .modIconGreenCheck, .modal .modIconGreenCheck {
  padding: 2px 0 2px 19px;
  background: url(/img/front/common/icon/icon_green_check.png) 0 50% no-repeat; }

.c-header .header .modIconPen, .modal .modIconPen, .c-header .header .modIconPoint, .modal .modIconPoint, .c-header .header .modIconBalloon, .modal .modIconBalloon, .c-header .header .modIconStar, .modal .modIconStar, .c-header .header .modIconFavorite, .modal .modIconFavorite, .c-header .header .modIconClock, .modal .modIconClock, .c-header .header .modIconMail, .modal .modIconMail, .c-header .header .modIconMemo, .modal .modIconMemo, .c-header .header .modIconCog, .modal .modIconCog, .c-header .header .modIconPower, .modal .modIconPower, .c-header .header .modIconCompany, .modal .modIconCompany {
  padding: 10px 0 8px 25px;
  background: url(/img/front/common/icon/icon_settings.png) 0 0 no-repeat; }

.c-header .header .modIconPen, .modal .modIconPen {
  background-position: 0 -355px; }

.c-header .header .modIconPoint, .modal .modIconPoint {
  background-position: 0 -474px; }

.c-header .header .modIconBalloon, .modal .modIconBalloon {
  background-position: 0 -33px; }

.c-header .header .modIconBalloonGreen, .modal .modIconBalloonGreen {
  padding-left: 26px;
  background: url(/img/front/common/icon/icon_balloon_green.png) 0 0 no-repeat; }

.c-header .header h2.modIconBalloonGreen, .modal h2.modIconBalloonGreen {
  background-position: 0 45%; }

.c-header .header .modIconStar, .modal .modIconStar {
  background-position: 0 -74px; }

.c-header .header .modIconFavorite, .modal .modIconFavorite {
  background-position: 0 -113px; }

.c-header .header .modIconClock, .modal .modIconClock {
  background-position: 0 -153px; }

.c-header .header .modIconMail, .modal .modIconMail {
  background-position: 0 -194px; }

.c-header .header .modIconMemo, .modal .modIconMemo {
  background-position: 0 -233px; }

.c-header .header .modIconCog, .modal .modIconCog {
  background-position: 0 -274px; }

.c-header .header .modIconPower, .modal .modIconPower {
  background-position: 0 -313px; }

.c-header .header .modIconCompany, .modal .modIconCompany {
  background-position: 0 -434px; }

.c-header .header .modIconJob, .modal .modIconJob, .c-header .header .modIconBuilding, .modal .modIconBuilding, .c-header .header .modIconPlace, .modal .modIconPlace {
  display: inline-block;
  padding: 4px 0 0 34px;
  line-height: 2; }

.c-header .header .modIconJob, .modal .modIconJob {
  background: url(/img/front/common/icon/icon_job.png) no-repeat 0 0; }

.c-header .header .modIconBuilding, .modal .modIconBuilding {
  background: url(/img/front/common/icon/icon_building.png) no-repeat 0 0; }

.c-header .header .modIconPlace, .modal .modIconPlace {
  padding-left: 27px;
  background: url(/img/front/common/icon/icon_place.png) no-repeat 0 0; }

.c-header .header .modIconFolder, .modal .modIconFolder {
  padding-left: 24px;
  background: url(/img/front/common/icon/icon_folder.png) no-repeat 0 0; }

.c-header .header .modIconAlerm, .modal .modIconAlerm {
  padding-left: 24px;
  background: url(/img/front/common/icon/icon_clock_blue.png) no-repeat 0 0; }

.c-header .header .modIconSave, .modal .modIconSave {
  padding: 10px 0px 8px 24px;
  background: url(/img/front/common/icon/icon_save.png) no-repeat 0 50%; }

.c-header .header .modIconInfoTxt, .modal .modIconInfoTxt {
  padding: 5px;
  border-radius: 2px;
  background: #f5853f;
  color: #fff;
  font-size: 77%;
  text-align: center;
  vertical-align: text-top; }

.c-header .header .modIconGuideTxt, .modal .modIconGuideTxt {
  padding: 3px 4px 2px;
  background: #87c20a;
  border-radius: 3px;
  color: #fff;
  font-size: 77%;
  vertical-align: top; }

.modal {
  /* btn */ }
  .modal a.modPealGrayBtn, .modal a.modPealGrayBtnMin, .modal a.modPealGrayBtnWide, .modal .modPealGrayBtn, .modal .modPealGrayBtnMin, .modal .modPealGrayBtnWide, .modal .btnGray, .modal .btnGrayMin, .modal .btnGrayWide {
    display: inline-block;
    border: 1px solid;
    border-color: #c7c7c7;
    background: #fdfdfd;
    /* Old browsers */
    background: linear-gradient(to bottom, #fdfdfd 0%, #d7d7d7 100%);
    /* W3C */
    color: #666;
    font-weight: bold;
    vertical-align: top;
    border-radius: 3px; }
  .modal .modPealGrayBtnMin, .modal .btnGrayMin {
    padding: 6px 13px; }
  .modal .modPealGrayBtn, .modal .btnGray {
    padding: 13px 20px 11px;
    font-size: 110%; }
  .modal .modPealGrayBtnWide, .modal .btnGrayWide {
    width: 300px;
    padding: 13px 20px 11px;
    font-size: 153% !important; }
  .modal a.modPealGrayBtn:hover, .modal a.modPealGrayBtnMin:hover, .modal a.modPealGrayBtnWide:hover, .modal a.btnGray:hover, .modal a.btnGrayMin:hover, .modal a.btnGrayWide:hover {
    color: #656565; }
  .modal .modPealGrayBtn:hover, .modal .modPealGrayBtnMin:hover, .modal .modPealGrayBtnWide:hover, .modal .btnGray:hover, .modal .btnGrayMin:hover, .modal .btnGrayWide:hover {
    border-color: #cdcdcd;
    background: #f1f1f1;
    /* Old browsers */
    background: linear-gradient(to bottom, #f1f1f1 0%, #d1d1d1 100%);
    /* W3C */ }
  .modal a.modGrayBtn, .modal a.modGrayBtnMin, .modal a.modGrayBtnWide, .modal .modGrayBtn, .modal .modGrayBtnMin, .modal .modGrayBtnWide, .modal .btnBlack, .modal .btnBlackMin, .modal .btnBlackWide {
    display: inline-block;
    background: #464646;
    /* Old browsers */
    background: linear-gradient(to bottom, #555555 41%, #464646 93%);
    /* W3C */
    border: 1px solid;
    border-color: #646464 #434343 #434343 #646464;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    font-weight: bold; }
  .modal .modGrayBtn:hover, .modal .modGrayBtnMin:hover, .modal .modGrayBtnWide:hover, .modal .btnBlack:hover, .modal .btnBlackMin:hover, .modal .btnBlackWide:hover {
    background: #3d3d3d;
    /* Old browsers */
    background: linear-gradient(to bottom, #3d3d3d 15%, #191919 88%);
    /* W3C */
    color: #fff; }
  .modal .modGrayBtn, .modal .btnBlack {
    padding: 13px 20px 11px; }
  .modal .modGrayBtn {
    width: 120px; }
  .modal .modGrayBtnMin, .modal .btnGrayMin, .modal .btnGrayWide {
    padding: 5px 10px 4px; }
  .modal .modGrayBtnWide, .modal .btnGrayWide {
    width: 300px;
    padding: 13px 20px 11px;
    font-size: 153% !important; }
  .modal .modBlueBtn {
    display: inline-block;
    padding: 14px 20px 12px;
    background: #0045ba;
    /* Old browsers */
    background: linear-gradient(to bottom, #0073e3 0%, #0067d8 30%, #0045ba 100%);
    /* W3C */
    border: 1px solid #024CA3;
    border-radius: 3px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 115%; }
  .modal .modBlueBtn:hover {
    background: #002e98;
    /* Old browsers */
    background: linear-gradient(to bottom, #4082d8 4%, #0057ca 4%, #0045ba 51%, #002e98 100%);
    /* W3C */
    border: 1px solid #024CA2; }
  .modal .modAccentBtn, .modal .modAccentBtnWide, .modal .btnBlue, .modal .btnBlueWide {
    display: inline-block;
    padding: 13px 20px 11px;
    background: #51b4e9;
    /* Old browsers */
    background: linear-gradient(to bottom, #51b4e9 7%, #2e9fdf 61%, #1e98dc 100%);
    /* W3C */
    border: 1px solid;
    border-color: #3eb3e7 #0191d1 #0075a8 #0091d1;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-align: center;
    color: #FFF !important;
    font-size: 115%;
    font-weight: bold; }
    .modal .modAccentBtn:hover, .modal .modAccentBtnWide:hover, .modal .btnBlue:hover, .modal .btnBlueWide:hover {
      background: #1d87be;
      /* Old browsers */
      background: linear-gradient(to bottom, #2e9fdf 7%, #1d87be 87%);
      /* W3C */
      border-color: #3e97bd #016f9e #00597e #006f9d; }
  .modal .modAccentBtnWide, .modal .btnBlueWide {
    display: block; }
  .modal .btnLarge {
    width: 211px !important; }
  .modal .btnWidthAuto {
    width: auto !important; }
  .modal .fontSizeL {
    font-size: 115% !important; }
  .modal .modSimpleBtnWide a {
    display: block;
    padding: 16px 0;
    border: 1px solid;
    border-color: #eee #eee #d6d6d6 #eee;
    background-color: #fcfcfc;
    text-align: center;
    color: #666;
    font-size: 115%;
    font-weight: bold; }
  .modal .modSimpleBtnWide a:hover {
    background-color: #f5f5f5; }
  .modal .btnOrange, .modal .btnRed {
    display: inline-block;
    padding: 13px 20px 11px;
    border: 1px solid;
    border-radius: 2px;
    color: #fff;
    font-weight: bold; }
  .modal .btnOrange:link, .modal .btnOrange:hover, .modal .btnOrange:active, .modal .btnOrange:visited, .modal .btnRed:link, .modal .btnRed:hover, .modal .btnRed:active, .modal .btnRed:visited {
    color: #fff; }
  .modal .btnRed {
    border-color: #d20000;
    background: #fc3b0e;
    /* Old browsers */
    background: linear-gradient(to bottom, #fc3b0e 0%, #d42300 100%);
    /* W3C */ }
  .modal .btnRed:hover {
    border-color: #900300;
    background: #d52800;
    /* Old browsers */
    background: linear-gradient(to bottom, #d52800 0%, #ab1c00 100%);
    /* W3C */ }
  .modal .btnOrange {
    border-color: #f18600;
    background: #ffaa00;
    /* Old browsers */
    background: linear-gradient(to bottom, #ffaa00 0%, #ea8108 100%);
    /* W3C */ }
  .modal .btnOrange:hover {
    border-color: #cd7200;
    background: #e09300;
    /* Old browsers */
    background: linear-gradient(to bottom, #e09300 0%, #d57405 100%);
    /* W3C */ }
  .modal .btn-apply {
    display: inline-block;
    padding: 13px 60px 11px;
    border: 1px solid;
    border-radius: 3px;
    color: #fff;
    font-weight: bold; }
  .modal .btn-apply, .modal .btn-apply:link, .modal .btn-apply:hover, .modal .btn-apply:active, .modal .btn-apply:visited {
    color: #656565; }
  .modal .btn-apply {
    border-color: #c7c7c7;
    background: #fdfdfd;
    /* Old browsers */
    background: linear-gradient(to bottom, #fdfdfd 0%, #d7d7d7 100%);
    /* W3C */ }
  .modal .btn-apply:hover {
    border-color: #cdcdcd;
    background: #f1f1f1;
    /* Old browsers */
    background: linear-gradient(to bottom, #f1f1f1 0%, #d1d1d1 100%);
    /* W3C */ }

.modal .modSimpleBox {
  margin: 15px auto 0;
  padding: 10px;
  border: 1px solid #eee;
  text-align: left;
  background: #fff; }

.modal .modSimpleBoxWide {
  padding: 10px 0;
  border: 1px solid #eee;
  background: #fff; }

.modal .modSimpleBox p {
  font-size: 118%;
  font-weight: bold;
  color: #868686; }

.modal .modSectionXS {
  margin-bottom: 5px; }

.modal .modSectionS {
  margin-bottom: 10px; }

.modal .modSectionM {
  margin-bottom: 20px; }

.modal .modSectionL {
  margin-bottom: 50px; }

.modal .modSimpleBox li {
  display: inline-block;
  margin: 0 auto; }

.modal .modSimpleBox li:first-child {
  margin-bottom: 0; }

.modalOverlayBG {
  background-color: #000;
  filter: alpha(opacity=75);
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }

.modalOverlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: #000;
  filter: alpha(opacity=30);
  opacity: 0.45;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; }

.modal {
  display: none;
  position: fixed;
  left: 50%;
  top: 80px;
  padding: 50px 20px 20px;
  width: 614px;
  margin-left: -307px;
  background-color: #fff;
  box-shadow: 2px 2px 2px 0 #999;
  text-align: center;
  color: #444;
  z-index: 10000; }

.modal .inner {
  position: relative; }

.modal .btnClose {
  position: absolute;
  top: -30px;
  right: 0px;
  display: block;
  width: 22px;
  height: 0;
  padding-top: 20px;
  background: url(/img/front/common/icon/icon_close.png) 0 0 no-repeat;
  overflow: hidden; }

.modal .modalClose {
  color: #999; }

.modal a.modalClose:hover {
  color: #999; }

.modal p.title {
  margin-bottom: 40px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  font-size: 118%; }

.modal p.guide {
  font-size: 118%;
  line-height: 1.8; }

.modal p.complement {
  margin-bottom: 5px; }

.modal .loading {
  padding: 14px 0 10px; }

.modal .announce {
  padding: 19px 0 10px; }

.modal ul {
  padding: 0 20px;
  border-radius: 5px;
  background: #fff; }

.modal ul li {
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: bold; }

.modal ul li:first-child {
  margin-bottom: 35px;
  border-bottom: 1px solid #fff; }

.modal ul li p {
  margin-bottom: 20px; }

.modal ul li span {
  font-weight: bold; }

.modal ul li span em {
  padding-left: 10px; }

.modal .modSimpleBox {
  width: 438px; }

.modal .modTxtEmphasisNumberLarge {
  font-size: 158%;
  margin-left: 10px; }

.modal .modIconOtherWinWhite {
  margin-left: 6px; }

.modal .copyright {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #ddd; }

.modal .copyright p {
  color: #999; }

.modal.recommend-modal {
  width: 654px;
  padding: 0; }
  .modal.recommend-modal .btnClose {
    top: 0;
    right: -2px; }
  .modal.recommend-modal .recommend-modal-head {
    padding: 30px 0 20px;
    background-color: #FFAE00;
    color: #fff;
    line-height: 1.2; }
    .modal.recommend-modal .recommend-modal-head .recommend-modal-description {
      font-weight: bold;
      font-size: 18px; }
    .modal.recommend-modal .recommend-modal-head .recommend-modal-index {
      font-size: 29px;
      font-weight: bold;
      display: block;
      margin-bottom: 10px; }
  .modal.recommend-modal .recommend-modal-content {
    overflow: hidden;
    padding: 20px; }
    .modal.recommend-modal .recommend-modal-content .modCol2Wrap {
      font-size: 10px; }
    .modal.recommend-modal .recommend-modal-content .modSimpleBox {
      margin: 0; }
      .modal.recommend-modal .recommend-modal-content .modSimpleBox p {
        margin-bottom: 10px; }
      .modal.recommend-modal .recommend-modal-content .modSimpleBox .modTxtEmphasisNumberLarge {
        margin-left: 0; }
    .modal.recommend-modal .recommend-modal-content .modSimpleBox.modCol2A {
      width: 280px;
      float: left; }
    .modal.recommend-modal .recommend-modal-content .modSimpleBox.modCol2B {
      width: 280px;
      float: right; }
    .modal.recommend-modal .recommend-modal-content .recommend-modal-title {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      margin-bottom: 10px; }
  .modal.recommend-modal .recommend-modal-footer {
    margin-bottom: 20px; }

.modal.c-scout-modal li {
  list-style: none; }

.modal.c-scout-modal em.scout-count {
  color: #f48500;
  font-size: 158%;
  padding-left: 0.5rem; }

.modal * {
  box-sizing: content-box; }

.modal .modAnnotation {
  color: #999;
  font-size: 83%; }

.attention-text {
  color: #F00;
  padding-left: 1em;
  text-indent: -1em; }

.provider-form-text {
  font-weight: bold; }

.provider-text-number {
  font-size: 15px;
  font-weight: bold;
  margin-right: 10px; }

.provider-attention-list {
  width: 585px;
  margin: 0px 0px 15px 30px; }
  .provider-attention-list li {
    padding: 0px 0px 10px 0px;
    padding-left: 2em;
    text-indent: -2em; }
  .provider-attention-list p {
    padding: 10px 0px 0px; }

.provider-confirm-text {
  width: 595px;
  margin: 15px 20px 15px;
  font-size: 15px;
  font-weight: bold;
  border-bottom: solid 1px #eee; }

.document-confirm-box {
  padding: 0px 0px 10px 20px;
  border: solid 1px #e0e0e0;
  background: #fafafa;
  margin: 5px 0px 15px; }

.message-box-error, .message-box-caution, .message-box-notice, .message-box-info {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  perspective: 500;
  -webkit-perspective: 500; }

.message-box-error {
  background-color: #F54728;
  padding: 8px;
  color: #fff;
  -ms-transform-origin: center top;
      transform-origin: center top;
  -webkit-transform-origin: center top;
  -webkit-animation: extend-down-from-top 1s ease;
          animation: extend-down-from-top 1s ease; }
  .message-box-error p {
    margin-bottom: 5px; }
  .message-box-error li {
    list-style-type: decimal;
    text-indent: 1em;
    font-weight: normal; }

.message-box-caution {
  text-align: center; }
  .message-box-caution .message-box-content {
    background-color: #F54728;
    padding: 8px;
    -ms-transform-origin: center top;
        transform-origin: center top;
    -webkit-transform-origin: center top;
    -webkit-animation: flip-down-from-top 0.8s ease;
            animation: flip-down-from-top 0.8s ease; }

.message-box-notice, .message-box-info {
  text-align: center; }
  .message-box-notice p, .message-box-info p {
    padding: 8px;
    background-color: #22B0F5;
    -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
            transform-origin: center top;
    -webkit-animation: flip-down-from-top 0.8s ease;
            animation: flip-down-from-top 0.8s ease; }

.message-box-info {
  text-align: center; }
  .message-box-info .message-box-contents {
    font-size: 14px;
    font-weight: bold; }

.headerNavigationWide .modNotification.work-notification-badge {
  display: inline-block;
  color: #ffa821;
  background: #fff;
  font-size: 10px;
  border: 2px solid rgba(255, 168, 33, 0.8);
  border-radius: 3px;
  height: 24px;
  line-height: 24px;
  margin-left: 4px;
  text-shadow: none; }
  .headerNavigationWide .modNotification.work-notification-badge::after {
    display: none; }

#work-notification-badge {
  display: none; }

body.template-new-answers .new-answers-title {
  position: relative;
  margin-bottom: 18px;
  padding: 15px 20px;
  background-color: #fff;
  box-shadow: 0px 0px 3px 3px #fafafa;
  border-top: 4px solid #87c20a;
  font-size: 138%;
  font-weight: bold;
  color: #666; }

body.template-new-answers .c-new-answer {
  padding: 15px 0;
  border-bottom: 1px solid #eee; }
  body.template-new-answers .c-new-answer .new-answer-icon {
    float: left; }
    body.template-new-answers .c-new-answer .new-answer-icon .company-image {
      width: 104px;
      height: 80px; }
  body.template-new-answers .c-new-answer .new-answer-body {
    float: left;
    padding-left: 15px;
    max-width: 495px; }
    body.template-new-answers .c-new-answer .new-answer-body .company-name {
      font-size: 18px;
      font-weight: bold; }
  body.template-new-answers .c-new-answer:after {
    content: "";
    display: block;
    clear: both; }

body.template-new-answers .company-detail {
  padding-top: 5px;
  font-size: 12px;
  color: #888; }
  body.template-new-answers .company-detail .company-address {
    display: inline-block;
    margin-right: 10px; }
  body.template-new-answers .company-detail .company-search-link {
    color: #888;
    text-decoration: underline; }

body.template-new-answers .company-rating {
  padding-top: 7px;
  font-weight: bold;
  color: #888; }
  body.template-new-answers .company-rating .company-rating-title {
    display: inline-block;
    margin-right: 7px;
    vertical-align: middle; }
  body.template-new-answers .company-rating .company-review-display {
    font-size: 16px;
    color: #333;
    vertical-align: middle; }
  body.template-new-answers .company-rating img {
    vertical-align: middle; }

body.template-score-ranking .score-ranking-title {
  position: relative;
  margin-bottom: 18px;
  padding: 15px 20px;
  background-color: #fff;
  box-shadow: 0px 0px 3px 3px #fafafa;
  border-top: 4px solid #87c20a;
  font-size: 138%;
  font-weight: bold;
  color: #666; }

body.template-score-ranking .c-score-ranking {
  padding: 15px 0;
  border-bottom: 1px solid #eee; }
  body.template-score-ranking .c-score-ranking .score-ranking-icon {
    float: left; }
    body.template-score-ranking .c-score-ranking .score-ranking-icon .company-image {
      width: 104px;
      height: 80px; }
  body.template-score-ranking .c-score-ranking .score-ranking-body {
    float: left;
    padding-left: 15px;
    max-width: 495px; }
    body.template-score-ranking .c-score-ranking .score-ranking-body .company-name {
      font-size: 18px;
      font-weight: bold; }
  body.template-score-ranking .c-score-ranking:after {
    content: "";
    display: block;
    clear: both; }

body.template-score-ranking .company-detail {
  padding-top: 5px;
  font-size: 12px;
  color: #888; }
  body.template-score-ranking .company-detail .company-address {
    display: inline-block;
    margin-right: 10px; }
  body.template-score-ranking .company-detail .company-search-link {
    color: #888;
    text-decoration: underline; }

body.template-score-ranking .company-rating {
  padding-top: 7px;
  font-weight: bold;
  color: #888; }
  body.template-score-ranking .company-rating .company-rating-title {
    display: inline-block;
    margin-right: 7px;
    vertical-align: middle; }
  body.template-score-ranking .company-rating .company-review-display {
    font-size: 16px;
    color: #333;
    vertical-align: middle; }
  body.template-score-ranking .company-rating img {
    vertical-align: middle; }

body.template-company-top .l-company-information .c-company-info {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 140px;
  padding: 20px 0 20px 200px; }
  body.template-company-top .l-company-information .c-company-info .l-company-image {
    position: absolute;
    left: 0; }
    body.template-company-top .l-company-information .c-company-info .l-company-image .company-image {
      border-radius: 4px;
      border: 4px solid #fff;
      box-shadow: 0 2px 4px #CACACA;
      width: 200px; }
  body.template-company-top .l-company-information .c-company-info .l-company-info {
    margin-left: 20px; }
    body.template-company-top .l-company-information .c-company-info .l-company-info .company-name-info {
      display: 20px; }
      body.template-company-top .l-company-information .c-company-info .l-company-info .company-name-info #company-title {
        margin-bottom: 0;
        max-width: 620px;
        font-size: 26px;
        color: #333; }
    body.template-company-top .l-company-information .c-company-info .l-company-info .evaluate-point {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 5px; }
      body.template-company-top .l-company-information .c-company-info .l-company-info .evaluate-point .total-evaluate-point {
        font-size: 17px;
        font-weight: bold;
        color: #ffa821; }
      body.template-company-top .l-company-information .c-company-info .l-company-info .evaluate-point .total-answer-count {
        margin-left: 10px;
        padding-top: 5px; }
        body.template-company-top .l-company-information .c-company-info .l-company-info .evaluate-point .total-answer-count .total-answer-count-number {
          color: #ffa821; }
    body.template-company-top .l-company-information .c-company-info .l-company-info .company-detail-info {
      display: inline-block;
      font-size: 12px;
      color: #666; }
      body.template-company-top .l-company-information .c-company-info .l-company-info .company-detail-info .company-location {
        margin-right: 5px; }
      body.template-company-top .l-company-information .c-company-info .l-company-info .company-detail-info .company-url {
        color: #666; }
      body.template-company-top .l-company-information .c-company-info .l-company-info .company-detail-info > div {
        float: left; }
      body.template-company-top .l-company-information .c-company-info .l-company-info .company-detail-info:after {
        content: "";
        display: inline-block;
        clear: left; }
    body.template-company-top .l-company-information .c-company-info .l-company-info .to-detail-info {
      display: inline-block;
      margin-top: 5px;
      font-size: 11px;
      color: #40a4d5;
      cursor: pointer; }
      body.template-company-top .l-company-information .c-company-info .l-company-info .to-detail-info:hover {
        color: #1287d5; }
      body.template-company-top .l-company-information .c-company-info .l-company-info .to-detail-info:after {
        content: "";
        position: relative;
        top: 11px;
        right: -2px;
        border-top: 9px solid #40a4d5;
        border-right: 5px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 5px solid transparent; }
    body.template-company-top .l-company-information .c-company-info .l-company-info .company-work-link {
      position: absolute;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      border: 1px solid #ccc;
      box-shadow: 0 2px 2px #D8D8D8;
      background: #fff;
      border-radius: 5px;
      padding: 10px 20px;
      font-size: 15px;
      font-weight: bold;
      color: #333;
      position: absolute;
      right: 0;
      top: 20px;
      transition: 0.2s; }
      body.template-company-top .l-company-information .c-company-info .l-company-info .company-work-link .job-count {
        margin-left: 3px;
        padding: 0 5px;
        height: 20px;
        border-radius: 10px;
        background-color: #76aa09;
        font-size: 12px;
        color: #fff;
        text-align: center;
        line-height: 20px;
        transition: 0.2s; }
      body.template-company-top .l-company-information .c-company-info .l-company-info .company-work-link:hover {
        color: #ffa821;
        background: #fcfcfc; }
        body.template-company-top .l-company-information .c-company-info .l-company-info .company-work-link:hover .job-count {
          background: #ffa821; }
      body.template-company-top .l-company-information .c-company-info .l-company-info .company-work-link > div {
        float: left; }
    body.template-company-top .l-company-information .c-company-info .l-company-info .company-header-ad {
      width: 300px;
      height: 250px;
      position: absolute;
      top: 0;
      right: 0; }
  body.template-company-top .l-company-information .c-company-info > div {
    float: left; }
  body.template-company-top .l-company-information .c-company-info:after {
    content: "";
    display: inline-block;
    clear: left; }

body.template-company-top .c-same-name-company {
  position: relative;
  display: inline-block;
  line-height: 24px;
  font-size: 12px; }
  body.template-company-top .c-same-name-company .same-name-company-hook a:hover {
    text-decoration: none; }
  body.template-company-top .c-same-name-company .same-name-company-hook img {
    vertical-align: middle;
    margin-right: 2px;
    padding-bottom: 2px; }
  body.template-company-top .c-same-name-company .sama-name-company-window {
    position: absolute;
    display: none;
    top: 32px;
    left: 0;
    width: 230px;
    padding: 10px;
    border: 1px solid;
    border-color: #e0e0e0 transparent transparent #e0e0e0;
    background: #fff;
    box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.25);
    text-align: left;
    z-index: 1000; }
    body.template-company-top .c-same-name-company .sama-name-company-window .sama-name-company-title {
      margin-bottom: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #e0e0e0;
      font-weight: bold; }
    body.template-company-top .c-same-name-company .sama-name-company-window:after, body.template-company-top .c-same-name-company .sama-name-company-window:before {
      bottom: 100%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    body.template-company-top .c-same-name-company .sama-name-company-window:after {
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #fff;
      border-width: 10px;
      left: 23px;
      margin-left: -10px; }
    body.template-company-top .c-same-name-company .sama-name-company-window:before {
      border-color: rgba(224, 224, 224, 0);
      border-bottom-color: #e0e0e0;
      border-width: 11px;
      left: 23px;
      margin-left: -11px; }
    body.template-company-top .c-same-name-company .sama-name-company-window .tip-close {
      position: absolute;
      right: 10px;
      top: 10px;
      width: 20px;
      height: 0;
      padding-top: 20px;
      background: url(/img/front/common/btn_close.png) no-repeat 0 0;
      cursor: pointer;
      overflow: hidden; }
    body.template-company-top .c-same-name-company .sama-name-company-window .same-company-names .same-name-company {
      padding: 8px 0;
      border-top: 1px solid #e0e0e0; }
      body.template-company-top .c-same-name-company .sama-name-company-window .same-company-names .same-name-company:first-child {
        border-top: none; }
      body.template-company-top .c-same-name-company .sama-name-company-window .same-company-names .same-name-company:last-child {
        margin-bottom: 0; }
      body.template-company-top .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-info {
        font-weight: bold; }
      body.template-company-top .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link {
        color: #666;
        word-break: break-all; }
        body.template-company-top .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link a {
          padding-left: 15px;
          background: url(/img/front/common/icon/icon_other_win.png) 0 45% no-repeat; }
          body.template-company-top .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link a:hover {
            text-decoration: underline; }

body.template-company-top .company-announce {
  margin-bottom: 15px;
  padding: 8px;
  background: #fefdec;
  font-size: 14px;
  text-align: center;
  clear: both; }
  body.template-company-top .company-announce .company-announce-link {
    background: url(/img/front/common/icon/icon_mod_announce.png) left 50% no-repeat;
    padding: 4px 0 2px 24px;
    color: #f00;
    font-weight: bold;
    text-decoration: underline; }
    body.template-company-top .company-announce .company-announce-link:hover {
      color: #d90000;
      text-decoration: none; }

body.template-company-top .company-tab {
  width: 950px;
  padding-left: 220px;
  border-right: 1px solid #e6e6e6;
  margin: 0px auto 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  clear: both; }
  body.template-company-top .company-tab .company-tab-link {
    width: 25%;
    float: left;
    height: 53px;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 5px 0 8px;
    box-shadow: 0 -2px 0 #F5F5F5 inset;
    border-right: 1px solid #e6e6e6;
    background-color: #fff;
    color: #333;
    text-align: center;
    font-weight: bold;
    transition: 0.2s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    box-sizing: border-box; }
    body.template-company-top .company-tab .company-tab-link.is-top-tab-active {
      color: #777;
      box-shadow: none;
      background: #EFEFEF; }
    body.template-company-top .company-tab .company-tab-link.is-kuchikomi-tab-active {
      box-shadow: none;
      background: #EFEFEF;
      color: #777; }
    body.template-company-top .company-tab .company-tab-link.not-active:hover {
      color: #ffa821;
      background: #fcfcfc; }
    body.template-company-top .company-tab .company-tab-link .tab-top-title {
      padding-top: 5px;
      font-size: 20px; }
    body.template-company-top .company-tab .company-tab-link .tab-kuchikomi-title {
      height: 23px;
      font-size: 17px; }
    body.template-company-top .company-tab .company-tab-link .kuchikomi-count {
      margin-top: -3px;
      height: 18px;
      color: #ffa821; }
    body.template-company-top .company-tab .company-tab-link:first-child {
      border-left: 1px solid #e6e6e6; }
    body.template-company-top .company-tab .company-tab-link:last-child {
      border-right: none; }
  body.template-company-top .company-tab:after {
    content: "";
    display: block;
    clear: left; }

body.template-company-top .l-company-header {
  width: 950px;
  margin: 0 auto; }

body.template-company-top .c-bottom-ad {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
  text-align: center;
  overflow: hidden; }
  body.template-company-top .c-bottom-ad .bottom-left-ad, body.template-company-top .c-bottom-ad .bottom-right-ad {
    width: 49%; }
  body.template-company-top .c-bottom-ad .bottom-left-ad {
    float: left; }
  body.template-company-top .c-bottom-ad .bottom-right-ad {
    float: right; }

body.template-company-top .c-company-related-section {
  margin-bottom: 40px; }
  body.template-company-top .c-company-related-section .company-related-title {
    color: #aaa;
    font-weight: nomal;
    font-size: 12px;
    margin: 40px 0 15px;
    border-bottom: 1px solid #e8e8e8; }
    body.template-company-top .c-company-related-section .company-related-title em {
      line-height: 1;
      margin-bottom: 5px;
      font-weight: bold;
      color: #87c20a;
      display: block;
      font-size: 24px; }
  body.template-company-top .c-company-related-section .company-related-content-box {
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
    box-shadow: 0 2px 0 #e8e8e8; }
    body.template-company-top .c-company-related-section .company-related-content-box .related-img {
      display: block;
      float: left;
      width: 102px;
      border: 1px solid #e8e8e8; }
    body.template-company-top .c-company-related-section .company-related-content-box .related-detail {
      width: 470px;
      float: right; }
    body.template-company-top .c-company-related-section .company-related-content-box .detail-title {
      font-size: 18px;
      font-weight: bold; }
    body.template-company-top .c-company-related-section .company-related-content-box .detail-url {
      color: #aaa;
      font-size: 10px;
      margin-bottom: 3px; }
    body.template-company-top .c-company-related-section .company-related-content-box .detail-star {
      display: inline-block; }
      body.template-company-top .c-company-related-section .company-related-content-box .detail-star span {
        font-weight: bold;
        display: inline-block; }
      body.template-company-top .c-company-related-section .company-related-content-box .detail-star .point-count {
        display: inline-block;
        background-color: #ff9700;
        border-radius: 4px;
        padding: 0 4px;
        color: #fff;
        font-weight: bold; }
    body.template-company-top .c-company-related-section .company-related-content-box .detail-place {
      display: inline-block;
      margin-left: 10px; }
    body.template-company-top .c-company-related-section .company-related-content-box .recent-kuchikomi {
      color: #333;
      display: block;
      margin-top: 5px;
      margin-bottom: 10px; }
      body.template-company-top .c-company-related-section .company-related-content-box .recent-kuchikomi .kuchikomi-new {
        display: inline-block;
        color: #ffa821;
        font-weight: bold;
        margin-right: 5px; }
      body.template-company-top .c-company-related-section .company-related-content-box .recent-kuchikomi .kuchikomi-lead {
        font-size: 13px; }
      body.template-company-top .c-company-related-section .company-related-content-box .recent-kuchikomi .read-more {
        text-decoration: underline;
        color: #1287d5;
        font-weight: bold; }

body.template-company-top .category-select-box {
  text-align: center;
  background: #F3F3F3;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 4px; }

body.template-company-top .evalaute-category-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 8px;
  font-size: 14px;
  border: 1px solid #ccc;
  background: #fff url("/img/sp/cmn/select-arrow.png") center right no-repeat;
  display: inline-block;
  width: 420px; }

body.template-company-top .category-select-title {
  display: inline-block;
  font-weight: bold;
  font-size: 16px;
  margin: 0 10px;
  vertical-align: middle; }

body.template-company-top .c-company-category-list {
  margin-bottom: 40px;
  box-sizing: border-box; }
  body.template-company-top .c-company-category-list *,
  body.template-company-top .c-company-category-list *:before,
  body.template-company-top .c-company-category-list *:after {
    box-sizing: inherit; }
  body.template-company-top .c-company-category-list .category-list-title {
    line-height: 1;
    margin-bottom: 5px;
    font-weight: bold;
    color: #87c20a;
    display: block;
    font-size: 24px; }
  body.template-company-top .c-company-category-list .list-body {
    background: #e8e8e8;
    padding: 1px 1px 2px 2px;
    overflow: hidden; }
    body.template-company-top .c-company-category-list .list-body li {
      float: left;
      box-sizing: border-box;
      width: 50%;
      display: block; }
      body.template-company-top .c-company-category-list .list-body li span, body.template-company-top .c-company-category-list .list-body li a {
        display: block;
        width: 100%;
        background: #fff;
        text-overflow: ellipsis;
        margin: 1px 1px 0 0;
        padding: 10px;
        border-right: 1px solid #e8e8e8;
        font-size: 14px; }
      body.template-company-top .c-company-category-list .list-body li a:hover {
        background: #fff5e1; }

body.template-company-top .c-company-question-category-list {
  margin-bottom: 40px;
  box-sizing: border-box; }
  body.template-company-top .c-company-question-category-list *,
  body.template-company-top .c-company-question-category-list *:before,
  body.template-company-top .c-company-question-category-list *:after {
    box-sizing: inherit; }
  body.template-company-top .c-company-question-category-list .category-list-title {
    line-height: 1;
    margin-bottom: 5px;
    font-weight: bold;
    color: #87c20a;
    display: block;
    font-size: 24px; }
  body.template-company-top .c-company-question-category-list .list-body {
    background: #e8e8e8;
    padding: 1px 1px 2px 2px;
    overflow: hidden; }
    body.template-company-top .c-company-question-category-list .list-body li {
      float: left;
      box-sizing: border-box;
      width: 50%;
      display: block; }
      body.template-company-top .c-company-question-category-list .list-body li span, body.template-company-top .c-company-question-category-list .list-body li a {
        display: block;
        width: 100%;
        background: #fff;
        text-overflow: ellipsis;
        margin: 1px 1px 0 0;
        padding: 10px;
        border-right: 1px solid #e8e8e8;
        font-size: 12px; }
      body.template-company-top .c-company-question-category-list .list-body li a:hover {
        background: #fff5e1; }

body.template-company-top .company-nav-etc {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 20px; }
  body.template-company-top .company-nav-etc div {
    float: left;
    width: 33%;
    border: 2px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-left: none; }
    body.template-company-top .company-nav-etc div a {
      display: block;
      padding: 10px;
      font-size: 12px;
      text-align: center; }
      body.template-company-top .company-nav-etc div a:hover {
        text-decoration: underline; }
  body.template-company-top .company-nav-etc div:first-child a {
    border-left: 2px solid #e8e8e8; }
  body.template-company-top .company-nav-etc div:last-child a {
    border-right: 1px solid #e8e8e8; }

body.template-company-top .c-company-contents {
  margin-bottom: 30px; }
  body.template-company-top .c-company-contents .contents-title {
    font-size: 21px; }
    body.template-company-top .c-company-contents .contents-title .company-name {
      font-size: 12px;
      color: #ccc; }

body.template-company-top .chart-title-evaluate-info {
  font-size: 14px;
  font-weight: normal; }
  body.template-company-top .chart-title-evaluate-info .evaluate-total-point {
    font-size: 28px;
    font-weight: bold;
    color: #87c20a; }
  body.template-company-top .chart-title-evaluate-info .star-none {
    padding-left: 90px;
    background: url(/img/front/common/parts_graf.png) no-repeat;
    overflow: hidden;
    background-position: 0 -1223px; }

body.template-company-top .c-chart {
  padding: 10px 15px 0;
  border-radius: 4px;
  border: 1px solid #e6e6e6; }

body.template-company-top .l-company-review.company-reviews {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
  body.template-company-top .l-company-review.company-reviews .answer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    margin-bottom: 10px; }
    body.template-company-top .l-company-review.company-reviews .answer .questionee-status {
      float: left;
      width: 140px; }
    body.template-company-top .l-company-review.company-reviews .answer .job-type {
      font-size: 15px;
      font-weight: bold;
      margin-bottom: 5px; }
    body.template-company-top .l-company-review.company-reviews .answer .other-status {
      color: #ccc;
      font-size: 12px; }
    body.template-company-top .l-company-review.company-reviews .answer .answer-face-icon {
      float: left;
      padding-top: 5px;
      width: 60px; }
      body.template-company-top .l-company-review.company-reviews .answer .answer-face-icon .emotional-rating {
        background: url(../../img/common/company/face-icon-joy.png);
        background-repeat: no-repeat;
        background-size: 40px;
        height: 40px;
        width: 40px;
        float: left;
        margin-right: 10px; }
      body.template-company-top .l-company-review.company-reviews .answer .answer-face-icon .rating-none {
        background-image: url(../../img/common/company/face-icon-none.png); }
      body.template-company-top .l-company-review.company-reviews .answer .answer-face-icon .rating-5 {
        background-image: url(../../img/common/company/face-icon-happy.png); }
      body.template-company-top .l-company-review.company-reviews .answer .answer-face-icon .rating-3,
      body.template-company-top .l-company-review.company-reviews .answer .answer-face-icon .rating-4 {
        background-image: url(../../img/common/company/face-icon-joy.png); }
      body.template-company-top .l-company-review.company-reviews .answer .answer-face-icon .rating-2 {
        background-image: url(../../img/common/company/face-icon-soso.png); }
      body.template-company-top .l-company-review.company-reviews .answer .answer-face-icon .rating-1 {
        background-image: url(../../img/common/company/face-icon-sad.png); }
    body.template-company-top .l-company-review.company-reviews .answer .answer-body {
      float: left;
      width: 390px;
      margin-bottom: 15px;
      padding: 7px 10px;
      border-radius: 3px;
      background-color: #f6f6f6;
      font-size: 14px; }
      body.template-company-top .l-company-review.company-reviews .answer .answer-body .rating-stars .star-on {
        color: #ffa821; }
      body.template-company-top .l-company-review.company-reviews .answer .answer-body .rating-stars .star-off {
        color: #ccc; }
      body.template-company-top .l-company-review.company-reviews .answer .answer-body .rest-text {
        font-size: 12px; }
  body.template-company-top .l-company-review.company-reviews .answer:last-child {
    margin-bottom: 0; }

body.template-company-top .l-company-review.company-salaries .questionee-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  margin-bottom: 10px; }
  body.template-company-top .l-company-review.company-salaries .questionee-row .questionee-status {
    float: left;
    width: 140px; }
    body.template-company-top .l-company-review.company-salaries .questionee-row .questionee-status .job-type {
      font-weight: bold; }
    body.template-company-top .l-company-review.company-salaries .questionee-row .questionee-status .questionee-salary {
      font-size: 18px;
      font-weight: bold;
      color: #87c20a;
      line-height: 30px; }
      body.template-company-top .l-company-review.company-salaries .questionee-row .questionee-status .questionee-salary .salary-amount {
        font-size: 26px; }
    body.template-company-top .l-company-review.company-salaries .questionee-row .questionee-status .other-status {
      color: #ccc; }
  body.template-company-top .l-company-review.company-salaries .questionee-row .answer-face-icon {
    float: left;
    padding-top: 10px;
    width: 60px; }
    body.template-company-top .l-company-review.company-salaries .questionee-row .answer-face-icon .emotional-rating {
      background: url(../../img/common/company/face-icon-joy.png);
      background-repeat: no-repeat;
      background-size: 40px;
      height: 40px;
      width: 40px;
      float: left;
      margin-right: 10px; }
    body.template-company-top .l-company-review.company-salaries .questionee-row .answer-face-icon .rating-none {
      background-image: url(../../img/common/company/face-icon-none.png); }
    body.template-company-top .l-company-review.company-salaries .questionee-row .answer-face-icon .rating-5 {
      background-image: url(../../img/common/company/face-icon-happy.png); }
    body.template-company-top .l-company-review.company-salaries .questionee-row .answer-face-icon .rating-3,
    body.template-company-top .l-company-review.company-salaries .questionee-row .answer-face-icon .rating-4 {
      background-image: url(../../img/common/company/face-icon-joy.png); }
    body.template-company-top .l-company-review.company-salaries .questionee-row .answer-face-icon .rating-2 {
      background-image: url(../../img/common/company/face-icon-soso.png); }
    body.template-company-top .l-company-review.company-salaries .questionee-row .answer-face-icon .rating-1 {
      background-image: url(../../img/common/company/face-icon-sad.png); }
  body.template-company-top .l-company-review.company-salaries .questionee-row .answer-body {
    float: left;
    width: 390px;
    margin-bottom: 15px;
    padding: 7px 10px;
    border-radius: 3px;
    background-color: #f6f6f6;
    font-size: 14px; }
    body.template-company-top .l-company-review.company-salaries .questionee-row .answer-body .star-on {
      color: #ffa821; }
    body.template-company-top .l-company-review.company-salaries .questionee-row .answer-body .star-off {
      color: #ccc; }
    body.template-company-top .l-company-review.company-salaries .questionee-row .answer-body .rest-text {
      font-size: 12px; }

body.template-company-top .l-company-review.company-salaries .questionee-row:last-child {
  margin-bottom: 0; }

body.template-company-top .l-company-review.company-exams .exam-answer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none; }
  body.template-company-top .l-company-review.company-exams .exam-answer .questionee {
    float: left;
    width: 140px;
    font-size: 15px;
    font-weight: bold; }
  body.template-company-top .l-company-review.company-exams .exam-answer .answer-face-icon {
    float: left;
    padding-top: 10px;
    width: 60px; }
    body.template-company-top .l-company-review.company-exams .exam-answer .answer-face-icon .emotional-rating {
      background: url(../../img/common/company/face-icon-joy.png);
      background-repeat: no-repeat;
      background-size: 40px;
      height: 40px;
      width: 40px;
      float: left;
      margin-right: 10px; }
    body.template-company-top .l-company-review.company-exams .exam-answer .answer-face-icon .rating-none {
      background-image: url(../../img/common/company/face-icon-none.png); }
    body.template-company-top .l-company-review.company-exams .exam-answer .answer-face-icon .rating-5 {
      background-image: url(../../img/common/company/face-icon-happy.png); }
    body.template-company-top .l-company-review.company-exams .exam-answer .answer-face-icon .rating-3,
    body.template-company-top .l-company-review.company-exams .exam-answer .answer-face-icon .rating-4 {
      background-image: url(../../img/common/company/face-icon-joy.png); }
    body.template-company-top .l-company-review.company-exams .exam-answer .answer-face-icon .rating-2 {
      background-image: url(../../img/common/company/face-icon-soso.png); }
    body.template-company-top .l-company-review.company-exams .exam-answer .answer-face-icon .rating-1 {
      background-image: url(../../img/common/company/face-icon-sad.png); }
  body.template-company-top .l-company-review.company-exams .exam-answer .answer-body {
    float: left;
    width: 390px;
    margin-bottom: 15px;
    padding: 7px 10px;
    border-radius: 3px;
    background-color: #f6f6f6;
    font-size: 14px; }
    body.template-company-top .l-company-review.company-exams .exam-answer .answer-body .asking-index {
      font-weight: bold;
      color: #87c20a; }

body.template-company-top .l-company-review.company-exams .exam-answer:last-child {
  margin-bottom: 0; }

body.template-company-top .c-reviews .answer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none; }
  body.template-company-top .c-reviews .answer .answer-face-icon {
    float: left;
    padding-top: 5px;
    width: 50px; }
    body.template-company-top .c-reviews .answer .answer-face-icon .emotional-rating {
      background: url(../../img/common/company/face-icon-joy.png);
      background-repeat: no-repeat;
      background-size: 40px;
      height: 40px;
      width: 40px;
      float: left;
      margin-right: 10px; }
    body.template-company-top .c-reviews .answer .answer-face-icon .rating-none {
      background-image: url(../../img/common/company/face-icon-none.png); }
    body.template-company-top .c-reviews .answer .answer-face-icon .rating-5 {
      background-image: url(../../img/common/company/face-icon-happy.png); }
    body.template-company-top .c-reviews .answer .answer-face-icon .rating-3,
    body.template-company-top .c-reviews .answer .answer-face-icon .rating-4 {
      background-image: url(../../img/common/company/face-icon-joy.png); }
    body.template-company-top .c-reviews .answer .answer-face-icon .rating-2 {
      background-image: url(../../img/common/company/face-icon-soso.png); }
    body.template-company-top .c-reviews .answer .answer-face-icon .rating-1 {
      background-image: url(../../img/common/company/face-icon-sad.png); }
  body.template-company-top .c-reviews .answer .new-answer-body {
    float: left;
    width: 528px; }
    body.template-company-top .c-reviews .answer .new-answer-body .question-name {
      margin-bottom: 12px;
      padding-left: 5px;
      font-size: 14px;
      font-weight: bold; }
    body.template-company-top .c-reviews .answer .new-answer-body .answer-review-text {
      margin-bottom: 12px;
      font-size: 13px; }
    body.template-company-top .c-reviews .answer .new-answer-body .answer-footer {
      margin-bottom: 20px;
      font-size: 11px;
      color: #ccc; }

body.template-company-top .c-company-contents {
  margin-bottom: 30px; }
  body.template-company-top .c-company-contents .contents-title {
    font-size: 21px; }
    body.template-company-top .c-company-contents .contents-title .green-highlighted {
      font-size: 30px;
      font-weight: bold;
      color: #76b003; }
    body.template-company-top .c-company-contents .contents-title .company-name {
      font-size: 12px;
      color: #ccc; }
  body.template-company-top .c-company-contents .l-company-review {
    padding: 15px;
    padding-left: 20px;
    width: 100%;
    border-radius: 4px 4px 0 0;
    border: 1px solid #e6e6e6;
    border-bottom: none;
    float: left; }
    body.template-company-top .c-company-contents .l-company-review .c-reviews {
      width: 100%; }
      body.template-company-top .c-company-contents .l-company-review .c-reviews .no-content-text {
        font-size: 15px;
        font-weight: bold;
        text-align: center;
        color: #ccc; }
        body.template-company-top .c-company-contents .l-company-review .c-reviews .no-content-text a {
          color: #0087cc; }
  body.template-company-top .c-company-contents .page-link-box {
    clear: both;
    height: 45px;
    border-radius: 0 0 4px 4px;
    border: 1px solid #e6e6e6;
    border-top: none;
    box-shadow: 0 -4px 0 #EAEAEA inset;
    background-color: #f7f7f7;
    text-align: center;
    line-height: 45px; }
    body.template-company-top .c-company-contents .page-link-box .page-link {
      display: block;
      font-size: 14px;
      font-weight: bold; }
      body.template-company-top .c-company-contents .page-link-box .page-link .all-answer-count {
        padding: 4px 8px;
        border-radius: 20px;
        background: #87C20A;
        font-size: 12px;
        color: #FFFFFF; }

body.template-company-top .l-company-detail-info {
  position: relative;
  border-radius: 0 0 4px 4px;
  border-bottom: 1px solid #e6e6e6; }
  body.template-company-top .l-company-detail-info .c-company-detail-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 15px;
    width: 100%;
    border-radius: 4px 4px 0 0;
    border: 1px solid #e6e6e6;
    border-bottom: none; }
    body.template-company-top .l-company-detail-info .c-company-detail-info .a-company-info {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 5px;
      width: 50%; }
      body.template-company-top .l-company-detail-info .c-company-detail-info .a-company-info .info-key {
        display: inline-block;
        margin-right: 5px;
        min-width: 60px;
        font-weight: bold;
        color: #76b003; }
      body.template-company-top .l-company-detail-info .c-company-detail-info .a-company-info .info-value {
        padding-right: 5px; }
  body.template-company-top .l-company-detail-info .pedia-toggle-button {
    position: absolute;
    bottom: 0px;
    padding: 20px 5px 10px;
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, white 50%);
    font-weight: bold;
    color: #0084d2;
    text-align: center;
    cursor: pointer;
    width: 100%;
    border-radius: 0 0 4px 4px;
    border: 1px solid #e6e6e6;
    border-top: none;
    border-bottom: none; }
  body.template-company-top .l-company-detail-info .company-info-pedia-frame {
    overflow: hidden;
    height: 0; }

body.template-company-top .rader-chart {
  height: auto; }

body.template-company-top .pickup-culture .pickup .pickup-value, body.template-company-top .c-seek-chart .seek-chart-label.is-active, body.template-company-top .evaluate-title .evaluate-title-point em {
  color: #ffa821;
  font-weight: bold; }

body.template-company-top .company-evaluate {
  margin: 20px 0; }
  body.template-company-top .company-evaluate:after {
    clear: both;
    content: "";
    display: table; }
  body.template-company-top .company-evaluate .rader-chart {
    float: left; }
  body.template-company-top .company-evaluate .company-culture {
    float: right;
    width: 48%; }

body.template-company-top .evaluate-more {
  width: 100%;
  margin-top: 5px;
  text-align: right; }

body.template-company-top .pickup-culture:after {
  clear: both;
  content: "";
  display: table; }

body.template-company-top .pickup-culture .left-label {
  float: left;
  margin: 15px 5px 5px 0; }

body.template-company-top .pickup-culture .right-label {
  float: right;
  margin: 15px 0 5px 5px; }

body.template-company-top .pickup-culture .pickup {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px 9px;
  width: 48%;
  text-align: center; }
  body.template-company-top .pickup-culture .pickup .pickup-value {
    font-size: 150%; }

body.template-company-top .c-rader-chart {
  overflow: hidden;
  float: left; }

body.template-company-top .c-seek-chart {
  width: 100%; }
  body.template-company-top .c-seek-chart .seek-chart-row {
    text-align: center;
    border-top: 1px solid #f8f8f8; }
    body.template-company-top .c-seek-chart .seek-chart-row:first-child {
      border-top: 0px; }
    body.template-company-top .c-seek-chart .seek-chart-row:nth-child(even) {
      background: #f8f8f8; }
    body.template-company-top .c-seek-chart .seek-chart-row td {
      padding: 10px 5px;
      vertical-align: middle;
      width: 1%;
      white-space: nowrap; }
    body.template-company-top .c-seek-chart .seek-chart-row td.seek-chart-graph {
      width: 98%; }
    body.template-company-top .c-seek-chart .seek-chart-row .seek-val {
      vertical-align: middle;
      margin-left: 4px; }
      body.template-company-top .c-seek-chart .seek-chart-row .seek-val:first-child {
        margin-left: 0; }

body.template-company-top .evaluate-title {
  margin: 10px 0 20px;
  border-bottom: 1px solid #e0e0e0; }
  body.template-company-top .evaluate-title:after {
    clear: both;
    content: "";
    display: table; }
  body.template-company-top .evaluate-title .evaluate-title-info {
    float: left; }
    body.template-company-top .evaluate-title .evaluate-title-info:after {
      clear: both;
      content: "";
      display: table; }
  body.template-company-top .evaluate-title .evaluate-title-point {
    float: left;
    margin: 15px 0 0 5px; }
  body.template-company-top .evaluate-title .evaluate-title-label {
    color: #88bf00;
    font-weight: bold;
    float: left;
    font-size: 200%; }

body.template-company-top .company-content-title {
  margin: 10px 0 20px;
  border-bottom: 1px solid #e0e0e0; }
  body.template-company-top .company-content-title .content-title {
    margin-bottom: 5px;
    color: #88bf00;
    font-weight: bold;
    font-size: 24px;
    line-height: 1em; }
  body.template-company-top .company-content-title .company-name {
    color: #aaa;
    font-weight: normal;
    font-size: 12px; }

body.template-company-top .questionnaire-label {
  float: right;
  line-height: 35px;
  text-align: center; }
  body.template-company-top .questionnaire-label img {
    vertical-align: middle;
    margin-right: 3px; }
  body.template-company-top .questionnaire-label span {
    vertical-align: middle; }

body.template-company-kuchikomi {
  /* 口コミ用　ページナビゲーション */
  /*公開データ*/
  /* 公開データアイコン */
  /* 高い */
  /* 普通 */
  /* 低い */
  /* 長い */
  /* 短い */
  /* 大企業 */
  /* 中小企業 */
  /* 売上・業績 */ }
  body.template-company-kuchikomi .l-company-information .c-company-info {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 140px;
    padding: 20px 0 20px 200px; }
    body.template-company-kuchikomi .l-company-information .c-company-info .l-company-image {
      position: absolute;
      left: 0; }
      body.template-company-kuchikomi .l-company-information .c-company-info .l-company-image .company-image {
        border-radius: 4px;
        border: 4px solid #fff;
        box-shadow: 0 2px 4px #CACACA;
        width: 200px; }
    body.template-company-kuchikomi .l-company-information .c-company-info .l-company-info {
      margin-left: 20px; }
      body.template-company-kuchikomi .l-company-information .c-company-info .l-company-info .company-name-info {
        display: 20px; }
        body.template-company-kuchikomi .l-company-information .c-company-info .l-company-info .company-name-info #company-title {
          margin-bottom: 0;
          max-width: 620px;
          font-size: 26px;
          color: #333; }
      body.template-company-kuchikomi .l-company-information .c-company-info .l-company-info .evaluate-point {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 5px; }
        body.template-company-kuchikomi .l-company-information .c-company-info .l-company-info .evaluate-point .total-evaluate-point {
          font-size: 17px;
          font-weight: bold;
          color: #ffa821; }
        body.template-company-kuchikomi .l-company-information .c-company-info .l-company-info .evaluate-point .total-answer-count {
          margin-left: 10px;
          padding-top: 5px; }
          body.template-company-kuchikomi .l-company-information .c-company-info .l-company-info .evaluate-point .total-answer-count .total-answer-count-number {
            color: #ffa821; }
      body.template-company-kuchikomi .l-company-information .c-company-info .l-company-info .company-detail-info {
        display: inline-block;
        font-size: 12px;
        color: #666; }
        body.template-company-kuchikomi .l-company-information .c-company-info .l-company-info .company-detail-info .company-location {
          margin-right: 5px; }
        body.template-company-kuchikomi .l-company-information .c-company-info .l-company-info .company-detail-info .company-url {
          color: #666; }
        body.template-company-kuchikomi .l-company-information .c-company-info .l-company-info .company-detail-info > div {
          float: left; }
        body.template-company-kuchikomi .l-company-information .c-company-info .l-company-info .company-detail-info:after {
          content: "";
          display: inline-block;
          clear: left; }
      body.template-company-kuchikomi .l-company-information .c-company-info .l-company-info .to-detail-info {
        display: inline-block;
        margin-top: 5px;
        font-size: 11px;
        color: #40a4d5;
        cursor: pointer; }
        body.template-company-kuchikomi .l-company-information .c-company-info .l-company-info .to-detail-info:hover {
          color: #1287d5; }
        body.template-company-kuchikomi .l-company-information .c-company-info .l-company-info .to-detail-info:after {
          content: "";
          position: relative;
          top: 11px;
          right: -2px;
          border-top: 9px solid #40a4d5;
          border-right: 5px solid transparent;
          border-bottom: 9px solid transparent;
          border-left: 5px solid transparent; }
      body.template-company-kuchikomi .l-company-information .c-company-info .l-company-info .company-work-link {
        position: absolute;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        border: 1px solid #ccc;
        box-shadow: 0 2px 2px #D8D8D8;
        background: #fff;
        border-radius: 5px;
        padding: 10px 20px;
        font-size: 15px;
        font-weight: bold;
        color: #333;
        position: absolute;
        right: 0;
        top: 20px;
        transition: 0.2s; }
        body.template-company-kuchikomi .l-company-information .c-company-info .l-company-info .company-work-link .job-count {
          margin-left: 3px;
          padding: 0 5px;
          height: 20px;
          border-radius: 10px;
          background-color: #76aa09;
          font-size: 12px;
          color: #fff;
          text-align: center;
          line-height: 20px;
          transition: 0.2s; }
        body.template-company-kuchikomi .l-company-information .c-company-info .l-company-info .company-work-link:hover {
          color: #ffa821;
          background: #fcfcfc; }
          body.template-company-kuchikomi .l-company-information .c-company-info .l-company-info .company-work-link:hover .job-count {
            background: #ffa821; }
        body.template-company-kuchikomi .l-company-information .c-company-info .l-company-info .company-work-link > div {
          float: left; }
      body.template-company-kuchikomi .l-company-information .c-company-info .l-company-info .company-header-ad {
        width: 300px;
        height: 250px;
        position: absolute;
        top: 0;
        right: 0; }
    body.template-company-kuchikomi .l-company-information .c-company-info > div {
      float: left; }
    body.template-company-kuchikomi .l-company-information .c-company-info:after {
      content: "";
      display: inline-block;
      clear: left; }
  body.template-company-kuchikomi .c-same-name-company {
    position: relative;
    display: inline-block;
    line-height: 24px;
    font-size: 12px; }
    body.template-company-kuchikomi .c-same-name-company .same-name-company-hook a:hover {
      text-decoration: none; }
    body.template-company-kuchikomi .c-same-name-company .same-name-company-hook img {
      vertical-align: middle;
      margin-right: 2px;
      padding-bottom: 2px; }
    body.template-company-kuchikomi .c-same-name-company .sama-name-company-window {
      position: absolute;
      display: none;
      top: 32px;
      left: 0;
      width: 230px;
      padding: 10px;
      border: 1px solid;
      border-color: #e0e0e0 transparent transparent #e0e0e0;
      background: #fff;
      box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.25);
      text-align: left;
      z-index: 1000; }
      body.template-company-kuchikomi .c-same-name-company .sama-name-company-window .sama-name-company-title {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #e0e0e0;
        font-weight: bold; }
      body.template-company-kuchikomi .c-same-name-company .sama-name-company-window:after, body.template-company-kuchikomi .c-same-name-company .sama-name-company-window:before {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      body.template-company-kuchikomi .c-same-name-company .sama-name-company-window:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 10px;
        left: 23px;
        margin-left: -10px; }
      body.template-company-kuchikomi .c-same-name-company .sama-name-company-window:before {
        border-color: rgba(224, 224, 224, 0);
        border-bottom-color: #e0e0e0;
        border-width: 11px;
        left: 23px;
        margin-left: -11px; }
      body.template-company-kuchikomi .c-same-name-company .sama-name-company-window .tip-close {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 20px;
        height: 0;
        padding-top: 20px;
        background: url(/img/front/common/btn_close.png) no-repeat 0 0;
        cursor: pointer;
        overflow: hidden; }
      body.template-company-kuchikomi .c-same-name-company .sama-name-company-window .same-company-names .same-name-company {
        padding: 8px 0;
        border-top: 1px solid #e0e0e0; }
        body.template-company-kuchikomi .c-same-name-company .sama-name-company-window .same-company-names .same-name-company:first-child {
          border-top: none; }
        body.template-company-kuchikomi .c-same-name-company .sama-name-company-window .same-company-names .same-name-company:last-child {
          margin-bottom: 0; }
        body.template-company-kuchikomi .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-info {
          font-weight: bold; }
        body.template-company-kuchikomi .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link {
          color: #666;
          word-break: break-all; }
          body.template-company-kuchikomi .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link a {
            padding-left: 15px;
            background: url(/img/front/common/icon/icon_other_win.png) 0 45% no-repeat; }
            body.template-company-kuchikomi .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link a:hover {
              text-decoration: underline; }
  body.template-company-kuchikomi .company-announce {
    margin-bottom: 15px;
    padding: 8px;
    background: #fefdec;
    font-size: 14px;
    text-align: center;
    clear: both; }
    body.template-company-kuchikomi .company-announce .company-announce-link {
      background: url(/img/front/common/icon/icon_mod_announce.png) left 50% no-repeat;
      padding: 4px 0 2px 24px;
      color: #f00;
      font-weight: bold;
      text-decoration: underline; }
      body.template-company-kuchikomi .company-announce .company-announce-link:hover {
        color: #d90000;
        text-decoration: none; }
  body.template-company-kuchikomi .company-tab {
    width: 950px;
    padding-left: 220px;
    border-right: 1px solid #e6e6e6;
    margin: 0px auto 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    clear: both; }
    body.template-company-kuchikomi .company-tab .company-tab-link {
      width: 25%;
      float: left;
      height: 53px;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding: 5px 0 8px;
      box-shadow: 0 -2px 0 #F5F5F5 inset;
      border-right: 1px solid #e6e6e6;
      background-color: #fff;
      color: #333;
      text-align: center;
      font-weight: bold;
      transition: 0.2s;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      box-sizing: border-box; }
      body.template-company-kuchikomi .company-tab .company-tab-link.is-top-tab-active {
        color: #777;
        box-shadow: none;
        background: #EFEFEF; }
      body.template-company-kuchikomi .company-tab .company-tab-link.is-kuchikomi-tab-active {
        box-shadow: none;
        background: #EFEFEF;
        color: #777; }
      body.template-company-kuchikomi .company-tab .company-tab-link.not-active:hover {
        color: #ffa821;
        background: #fcfcfc; }
      body.template-company-kuchikomi .company-tab .company-tab-link .tab-top-title {
        padding-top: 5px;
        font-size: 20px; }
      body.template-company-kuchikomi .company-tab .company-tab-link .tab-kuchikomi-title {
        height: 23px;
        font-size: 17px; }
      body.template-company-kuchikomi .company-tab .company-tab-link .kuchikomi-count {
        margin-top: -3px;
        height: 18px;
        color: #ffa821; }
      body.template-company-kuchikomi .company-tab .company-tab-link:first-child {
        border-left: 1px solid #e6e6e6; }
      body.template-company-kuchikomi .company-tab .company-tab-link:last-child {
        border-right: none; }
    body.template-company-kuchikomi .company-tab:after {
      content: "";
      display: block;
      clear: left; }
  body.template-company-kuchikomi .l-company-header {
    width: 950px;
    margin: 0 auto; }
  body.template-company-kuchikomi .c-bottom-ad {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 15px;
    text-align: center;
    overflow: hidden; }
    body.template-company-kuchikomi .c-bottom-ad .bottom-left-ad, body.template-company-kuchikomi .c-bottom-ad .bottom-right-ad {
      width: 49%; }
    body.template-company-kuchikomi .c-bottom-ad .bottom-left-ad {
      float: left; }
    body.template-company-kuchikomi .c-bottom-ad .bottom-right-ad {
      float: right; }
  body.template-company-kuchikomi .c-company-related-section {
    margin-bottom: 40px; }
    body.template-company-kuchikomi .c-company-related-section .company-related-title {
      color: #aaa;
      font-weight: nomal;
      font-size: 12px;
      margin: 40px 0 15px;
      border-bottom: 1px solid #e8e8e8; }
      body.template-company-kuchikomi .c-company-related-section .company-related-title em {
        line-height: 1;
        margin-bottom: 5px;
        font-weight: bold;
        color: #87c20a;
        display: block;
        font-size: 24px; }
    body.template-company-kuchikomi .c-company-related-section .company-related-content-box {
      overflow: hidden;
      border: 1px solid #ccc;
      border-radius: 4px;
      padding: 10px;
      margin-bottom: 10px;
      box-shadow: 0 2px 0 #e8e8e8; }
      body.template-company-kuchikomi .c-company-related-section .company-related-content-box .related-img {
        display: block;
        float: left;
        width: 102px;
        border: 1px solid #e8e8e8; }
      body.template-company-kuchikomi .c-company-related-section .company-related-content-box .related-detail {
        width: 470px;
        float: right; }
      body.template-company-kuchikomi .c-company-related-section .company-related-content-box .detail-title {
        font-size: 18px;
        font-weight: bold; }
      body.template-company-kuchikomi .c-company-related-section .company-related-content-box .detail-url {
        color: #aaa;
        font-size: 10px;
        margin-bottom: 3px; }
      body.template-company-kuchikomi .c-company-related-section .company-related-content-box .detail-star {
        display: inline-block; }
        body.template-company-kuchikomi .c-company-related-section .company-related-content-box .detail-star span {
          font-weight: bold;
          display: inline-block; }
        body.template-company-kuchikomi .c-company-related-section .company-related-content-box .detail-star .point-count {
          display: inline-block;
          background-color: #ff9700;
          border-radius: 4px;
          padding: 0 4px;
          color: #fff;
          font-weight: bold; }
      body.template-company-kuchikomi .c-company-related-section .company-related-content-box .detail-place {
        display: inline-block;
        margin-left: 10px; }
      body.template-company-kuchikomi .c-company-related-section .company-related-content-box .recent-kuchikomi {
        color: #333;
        display: block;
        margin-top: 5px;
        margin-bottom: 10px; }
        body.template-company-kuchikomi .c-company-related-section .company-related-content-box .recent-kuchikomi .kuchikomi-new {
          display: inline-block;
          color: #ffa821;
          font-weight: bold;
          margin-right: 5px; }
        body.template-company-kuchikomi .c-company-related-section .company-related-content-box .recent-kuchikomi .kuchikomi-lead {
          font-size: 13px; }
        body.template-company-kuchikomi .c-company-related-section .company-related-content-box .recent-kuchikomi .read-more {
          text-decoration: underline;
          color: #1287d5;
          font-weight: bold; }
  body.template-company-kuchikomi .category-select-box {
    text-align: center;
    background: #F3F3F3;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px; }
  body.template-company-kuchikomi .evalaute-category-select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    background: #fff url("/img/sp/cmn/select-arrow.png") center right no-repeat;
    display: inline-block;
    width: 420px; }
  body.template-company-kuchikomi .category-select-title {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    margin: 0 10px;
    vertical-align: middle; }
  body.template-company-kuchikomi .c-company-category-list {
    margin-bottom: 40px;
    box-sizing: border-box; }
    body.template-company-kuchikomi .c-company-category-list *,
    body.template-company-kuchikomi .c-company-category-list *:before,
    body.template-company-kuchikomi .c-company-category-list *:after {
      box-sizing: inherit; }
    body.template-company-kuchikomi .c-company-category-list .category-list-title {
      line-height: 1;
      margin-bottom: 5px;
      font-weight: bold;
      color: #87c20a;
      display: block;
      font-size: 24px; }
    body.template-company-kuchikomi .c-company-category-list .list-body {
      background: #e8e8e8;
      padding: 1px 1px 2px 2px;
      overflow: hidden; }
      body.template-company-kuchikomi .c-company-category-list .list-body li {
        float: left;
        box-sizing: border-box;
        width: 50%;
        display: block; }
        body.template-company-kuchikomi .c-company-category-list .list-body li span, body.template-company-kuchikomi .c-company-category-list .list-body li a {
          display: block;
          width: 100%;
          background: #fff;
          text-overflow: ellipsis;
          margin: 1px 1px 0 0;
          padding: 10px;
          border-right: 1px solid #e8e8e8;
          font-size: 14px; }
        body.template-company-kuchikomi .c-company-category-list .list-body li a:hover {
          background: #fff5e1; }
  body.template-company-kuchikomi .c-company-question-category-list {
    margin-bottom: 40px;
    box-sizing: border-box; }
    body.template-company-kuchikomi .c-company-question-category-list *,
    body.template-company-kuchikomi .c-company-question-category-list *:before,
    body.template-company-kuchikomi .c-company-question-category-list *:after {
      box-sizing: inherit; }
    body.template-company-kuchikomi .c-company-question-category-list .category-list-title {
      line-height: 1;
      margin-bottom: 5px;
      font-weight: bold;
      color: #87c20a;
      display: block;
      font-size: 24px; }
    body.template-company-kuchikomi .c-company-question-category-list .list-body {
      background: #e8e8e8;
      padding: 1px 1px 2px 2px;
      overflow: hidden; }
      body.template-company-kuchikomi .c-company-question-category-list .list-body li {
        float: left;
        box-sizing: border-box;
        width: 50%;
        display: block; }
        body.template-company-kuchikomi .c-company-question-category-list .list-body li span, body.template-company-kuchikomi .c-company-question-category-list .list-body li a {
          display: block;
          width: 100%;
          background: #fff;
          text-overflow: ellipsis;
          margin: 1px 1px 0 0;
          padding: 10px;
          border-right: 1px solid #e8e8e8;
          font-size: 12px; }
        body.template-company-kuchikomi .c-company-question-category-list .list-body li a:hover {
          background: #fff5e1; }
  body.template-company-kuchikomi .company-nav-etc {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 20px; }
    body.template-company-kuchikomi .company-nav-etc div {
      float: left;
      width: 33%;
      border: 2px solid #e8e8e8;
      border-right: 1px solid #e8e8e8;
      border-left: none; }
      body.template-company-kuchikomi .company-nav-etc div a {
        display: block;
        padding: 10px;
        font-size: 12px;
        text-align: center; }
        body.template-company-kuchikomi .company-nav-etc div a:hover {
          text-decoration: underline; }
    body.template-company-kuchikomi .company-nav-etc div:first-child a {
      border-left: 2px solid #e8e8e8; }
    body.template-company-kuchikomi .company-nav-etc div:last-child a {
      border-right: 1px solid #e8e8e8; }
  body.template-company-kuchikomi .c-company-contents {
    margin-bottom: 30px; }
    body.template-company-kuchikomi .c-company-contents .contents-title {
      font-size: 21px; }
      body.template-company-kuchikomi .c-company-contents .contents-title .company-name {
        font-size: 12px;
        color: #ccc; }
  body.template-company-kuchikomi .kuchikomiPageNavi {
    padding: 0 0 15px;
    margin: 0 0 40px;
    background-image: -moz-linear-gradient(center bottom, #FAFAFA 0%, #FFFFFF 3%); }
  body.template-company-kuchikomi #osusumeNews .kuchikomiPageNavi {
    border-bottom: none;
    background-image: none;
    margin: 0; }
  body.template-company-kuchikomi .kuchikomiPageNavi.min {
    border-top: 1px dotted #D0D0D0; }
  body.template-company-kuchikomi .kuchikomiPageNavi p {
    text-align: center;
    padding: 5px 0 10px; }
  body.template-company-kuchikomi .kuchikomiPageNavi p strong {
    color: #F90;
    font-weight: bold;
    padding: 0 2px;
    font-size: 150% !important; }
  body.template-company-kuchikomi .kuchikomiPageNavi.min p strong {
    font-size: 100% !important; }
  body.template-company-kuchikomi .kuchikomiPageNavi .pageNaviInner {
    padding: 5px 0;
    font-size: 93%;
    display: block;
    text-align: center; }
  body.template-company-kuchikomi .kuchikomiPageNavi .pageNaviInner span {
    font-size: 108%;
    margin: 0 2px;
    font-weight: bold;
    background: #F9F9F9; }
  body.template-company-kuchikomi .kuchikomiPageNavi .pageNaviInner span a {
    background: #F9F9F9;
    color: #666;
    padding: 6px 9px;
    border: 1px solid #DBDBDB;
    border-bottom: 1px solid #FCFCFC;
    border-right: 1px solid #FCFCFC; }
  body.template-company-kuchikomi .kuchikomiPageNavi .pageNaviInner span a:hover,
  body.template-company-kuchikomi .kuchikomiPageNavi .pageNaviInner span.current {
    color: #FFF;
    background: #F90;
    padding: 6px 9px;
    border: 1px solid #D17D00;
    border-bottom: 1px solid #FFA927;
    border-right: 1px solid #FFA927; }
  body.template-company-kuchikomi .kuchikomiPageNavi .pageNaviInner span.prev,
  body.template-company-kuchikomi .kuchikomiPageNavi .pageNaviInner span.next {
    margin: 0 5px; }
  body.template-company-kuchikomi .kuchikomiPageNavi .pageNaviInner span.prev a,
  body.template-company-kuchikomi .kuchikomiPageNavi .pageNaviInner span.next a {
    background: #FFF;
    border: 1px solid #FCFCFC;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC; }
  body.template-company-kuchikomi .kuchikomiPageNavi .pageNaviInner span.prev a:hover,
  body.template-company-kuchikomi .kuchikomiPageNavi .pageNaviInner span.next a:hover {
    background: #EEE;
    border: 1px solid #FCFCFC;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC; }
  body.template-company-kuchikomi .kuchikomiPageNavi .pageNaviInner span img {
    vertical-align: middle;
    margin-bottom: 3px; }
  body.template-company-kuchikomi .kuchikomiPageNavi .pageNaviInner span a,
  body.template-company-kuchikomi .kuchikomiPageNavi .pageNaviInner span a:hover,
  body.template-company-kuchikomi .kuchikomiPageNavi .pageNaviInner span.current,
  body.template-company-kuchikomi .kuchikomiPageNavi .pageNaviInner span.prev a,
  body.template-company-kuchikomi .kuchikomiPageNavi .pageNaviInner span.next a {
    border-radius: 3px; }
  body.template-company-kuchikomi #article h3.stitle09 {
    background: url(/img/front/common/h3_back09.png);
    border: 1px solid #7E7E7E;
    color: #FFF;
    display: block;
    font-weight: bold;
    margin: 0 0 2px;
    padding: 8px 0 8px 10px; }
  body.template-company-kuchikomi .grayTable {
    width: 100%;
    margin: 0 0 15px;
    border: 1px solid;
    border-color: #e0e0e0;
    color: #666;
    text-align: left; }
    body.template-company-kuchikomi .grayTable th {
      border-bottom: 1px solid #e0e0e0;
      border-right: 1px solid #e0e0e0;
      padding: 10px 13px;
      width: 120px; }
    body.template-company-kuchikomi .grayTable td {
      border-bottom: 1px solid #e0e0e0;
      padding: 10px 0 10px 13px; }
      body.template-company-kuchikomi .grayTable td .tani {
        font-size: 85%; }
    body.template-company-kuchikomi .grayTable td.mPoint {
      width: 90px;
      padding: 10px 0 10px 10px;
      font-size: 108%; }
    body.template-company-kuchikomi .grayTable td.average {
      width: 46px;
      padding: 12px 0 10px; }
    body.template-company-kuchikomi .grayTable td.comRank {
      text-align: right;
      padding: 10px 10px 10px 0;
      border-right: 1px solid #e0e0e0; }
      body.template-company-kuchikomi .grayTable td.comRank p {
        background: url(/img/front/common/icon/icon100.png) no-repeat 0 2px;
        font-size: 85%;
        padding: 0 0 0 20px;
        display: inline; }
      body.template-company-kuchikomi .grayTable td.comRank dl {
        width: 200px;
        float: right; }
        body.template-company-kuchikomi .grayTable td.comRank dl dt {
          background: url(/img/front/common/icon/icon100.png) no-repeat 0 4px;
          font-size: 93%;
          padding: 2px 0 2px 20px;
          float: left;
          text-align: left; }
        body.template-company-kuchikomi .grayTable td.comRank dl dd {
          width: 115px;
          font-size: 93%;
          padding: 2px 0;
          float: left;
          text-align: right; }
  body.template-company-kuchikomi .grayTable td.average p {
    width: 46px;
    height: 0;
    overflow: hidden;
    font-size: 10px; }
  body.template-company-kuchikomi .grayTable td.average p.highIcon {
    background-position: 0 0; }
  body.template-company-kuchikomi .grayTable td.average p.normalIcon {
    background-position: -56px 0; }
  body.template-company-kuchikomi .grayTable td.average p.lowIcon {
    background-position: -112px 0; }
  body.template-company-kuchikomi .grayTable td.average p.longIcon {
    background-position: 0 -19px; }
  body.template-company-kuchikomi .grayTable td.average p.shortIcon {
    background-position: -56px -19px; }
  body.template-company-kuchikomi .grayTable td.average p.bigComIcon {
    background-position: 0 -38px; }
  body.template-company-kuchikomi .grayTable td.average p.smallComIcon {
    background-position: -56px -38px; }
  body.template-company-kuchikomi .grayTable .grayBack {
    width: 150px;
    text-align: center; }
  body.template-company-kuchikomi .grayTable .vector {
    margin: 0 5px 0 0;
    vertical-align: middle; }
  body.template-company-kuchikomi .compnay-salary-graph {
    border: 1px solid #e6e6e6;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 30px; }
    body.template-company-kuchikomi .compnay-salary-graph .salary-graph-title {
      border-left: 3px solid #87C20A;
      padding-left: 5px;
      font-size: 15px;
      margin-bottom: 15px; }
    body.template-company-kuchikomi .compnay-salary-graph #chart_legend {
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      margin: 3px; }
      body.template-company-kuchikomi .compnay-salary-graph #chart_legend li {
        margin-right: 3px; }

body.template-company-graph {
  /* 社風 */
  /* サイズ大きい */
  /* 会社情報パネル用 & 評価分布用背景グレイ*/
  /* グラフ */ }
  body.template-company-graph .l-company-information .c-company-info {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 140px;
    padding: 20px 0 20px 200px; }
    body.template-company-graph .l-company-information .c-company-info .l-company-image {
      position: absolute;
      left: 0; }
      body.template-company-graph .l-company-information .c-company-info .l-company-image .company-image {
        border-radius: 4px;
        border: 4px solid #fff;
        box-shadow: 0 2px 4px #CACACA;
        width: 200px; }
    body.template-company-graph .l-company-information .c-company-info .l-company-info {
      margin-left: 20px; }
      body.template-company-graph .l-company-information .c-company-info .l-company-info .company-name-info {
        display: 20px; }
        body.template-company-graph .l-company-information .c-company-info .l-company-info .company-name-info #company-title {
          margin-bottom: 0;
          max-width: 620px;
          font-size: 26px;
          color: #333; }
      body.template-company-graph .l-company-information .c-company-info .l-company-info .evaluate-point {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 5px; }
        body.template-company-graph .l-company-information .c-company-info .l-company-info .evaluate-point .total-evaluate-point {
          font-size: 17px;
          font-weight: bold;
          color: #ffa821; }
        body.template-company-graph .l-company-information .c-company-info .l-company-info .evaluate-point .total-answer-count {
          margin-left: 10px;
          padding-top: 5px; }
          body.template-company-graph .l-company-information .c-company-info .l-company-info .evaluate-point .total-answer-count .total-answer-count-number {
            color: #ffa821; }
      body.template-company-graph .l-company-information .c-company-info .l-company-info .company-detail-info {
        display: inline-block;
        font-size: 12px;
        color: #666; }
        body.template-company-graph .l-company-information .c-company-info .l-company-info .company-detail-info .company-location {
          margin-right: 5px; }
        body.template-company-graph .l-company-information .c-company-info .l-company-info .company-detail-info .company-url {
          color: #666; }
        body.template-company-graph .l-company-information .c-company-info .l-company-info .company-detail-info > div {
          float: left; }
        body.template-company-graph .l-company-information .c-company-info .l-company-info .company-detail-info:after {
          content: "";
          display: inline-block;
          clear: left; }
      body.template-company-graph .l-company-information .c-company-info .l-company-info .to-detail-info {
        display: inline-block;
        margin-top: 5px;
        font-size: 11px;
        color: #40a4d5;
        cursor: pointer; }
        body.template-company-graph .l-company-information .c-company-info .l-company-info .to-detail-info:hover {
          color: #1287d5; }
        body.template-company-graph .l-company-information .c-company-info .l-company-info .to-detail-info:after {
          content: "";
          position: relative;
          top: 11px;
          right: -2px;
          border-top: 9px solid #40a4d5;
          border-right: 5px solid transparent;
          border-bottom: 9px solid transparent;
          border-left: 5px solid transparent; }
      body.template-company-graph .l-company-information .c-company-info .l-company-info .company-work-link {
        position: absolute;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        border: 1px solid #ccc;
        box-shadow: 0 2px 2px #D8D8D8;
        background: #fff;
        border-radius: 5px;
        padding: 10px 20px;
        font-size: 15px;
        font-weight: bold;
        color: #333;
        position: absolute;
        right: 0;
        top: 20px;
        transition: 0.2s; }
        body.template-company-graph .l-company-information .c-company-info .l-company-info .company-work-link .job-count {
          margin-left: 3px;
          padding: 0 5px;
          height: 20px;
          border-radius: 10px;
          background-color: #76aa09;
          font-size: 12px;
          color: #fff;
          text-align: center;
          line-height: 20px;
          transition: 0.2s; }
        body.template-company-graph .l-company-information .c-company-info .l-company-info .company-work-link:hover {
          color: #ffa821;
          background: #fcfcfc; }
          body.template-company-graph .l-company-information .c-company-info .l-company-info .company-work-link:hover .job-count {
            background: #ffa821; }
        body.template-company-graph .l-company-information .c-company-info .l-company-info .company-work-link > div {
          float: left; }
      body.template-company-graph .l-company-information .c-company-info .l-company-info .company-header-ad {
        width: 300px;
        height: 250px;
        position: absolute;
        top: 0;
        right: 0; }
    body.template-company-graph .l-company-information .c-company-info > div {
      float: left; }
    body.template-company-graph .l-company-information .c-company-info:after {
      content: "";
      display: inline-block;
      clear: left; }
  body.template-company-graph .c-same-name-company {
    position: relative;
    display: inline-block;
    line-height: 24px;
    font-size: 12px; }
    body.template-company-graph .c-same-name-company .same-name-company-hook a:hover {
      text-decoration: none; }
    body.template-company-graph .c-same-name-company .same-name-company-hook img {
      vertical-align: middle;
      margin-right: 2px;
      padding-bottom: 2px; }
    body.template-company-graph .c-same-name-company .sama-name-company-window {
      position: absolute;
      display: none;
      top: 32px;
      left: 0;
      width: 230px;
      padding: 10px;
      border: 1px solid;
      border-color: #e0e0e0 transparent transparent #e0e0e0;
      background: #fff;
      box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.25);
      text-align: left;
      z-index: 1000; }
      body.template-company-graph .c-same-name-company .sama-name-company-window .sama-name-company-title {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #e0e0e0;
        font-weight: bold; }
      body.template-company-graph .c-same-name-company .sama-name-company-window:after, body.template-company-graph .c-same-name-company .sama-name-company-window:before {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      body.template-company-graph .c-same-name-company .sama-name-company-window:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 10px;
        left: 23px;
        margin-left: -10px; }
      body.template-company-graph .c-same-name-company .sama-name-company-window:before {
        border-color: rgba(224, 224, 224, 0);
        border-bottom-color: #e0e0e0;
        border-width: 11px;
        left: 23px;
        margin-left: -11px; }
      body.template-company-graph .c-same-name-company .sama-name-company-window .tip-close {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 20px;
        height: 0;
        padding-top: 20px;
        background: url(/img/front/common/btn_close.png) no-repeat 0 0;
        cursor: pointer;
        overflow: hidden; }
      body.template-company-graph .c-same-name-company .sama-name-company-window .same-company-names .same-name-company {
        padding: 8px 0;
        border-top: 1px solid #e0e0e0; }
        body.template-company-graph .c-same-name-company .sama-name-company-window .same-company-names .same-name-company:first-child {
          border-top: none; }
        body.template-company-graph .c-same-name-company .sama-name-company-window .same-company-names .same-name-company:last-child {
          margin-bottom: 0; }
        body.template-company-graph .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-info {
          font-weight: bold; }
        body.template-company-graph .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link {
          color: #666;
          word-break: break-all; }
          body.template-company-graph .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link a {
            padding-left: 15px;
            background: url(/img/front/common/icon/icon_other_win.png) 0 45% no-repeat; }
            body.template-company-graph .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link a:hover {
              text-decoration: underline; }
  body.template-company-graph .company-announce {
    margin-bottom: 15px;
    padding: 8px;
    background: #fefdec;
    font-size: 14px;
    text-align: center;
    clear: both; }
    body.template-company-graph .company-announce .company-announce-link {
      background: url(/img/front/common/icon/icon_mod_announce.png) left 50% no-repeat;
      padding: 4px 0 2px 24px;
      color: #f00;
      font-weight: bold;
      text-decoration: underline; }
      body.template-company-graph .company-announce .company-announce-link:hover {
        color: #d90000;
        text-decoration: none; }
  body.template-company-graph .company-tab {
    width: 950px;
    padding-left: 220px;
    border-right: 1px solid #e6e6e6;
    margin: 0px auto 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    clear: both; }
    body.template-company-graph .company-tab .company-tab-link {
      width: 25%;
      float: left;
      height: 53px;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding: 5px 0 8px;
      box-shadow: 0 -2px 0 #F5F5F5 inset;
      border-right: 1px solid #e6e6e6;
      background-color: #fff;
      color: #333;
      text-align: center;
      font-weight: bold;
      transition: 0.2s;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      box-sizing: border-box; }
      body.template-company-graph .company-tab .company-tab-link.is-top-tab-active {
        color: #777;
        box-shadow: none;
        background: #EFEFEF; }
      body.template-company-graph .company-tab .company-tab-link.is-kuchikomi-tab-active {
        box-shadow: none;
        background: #EFEFEF;
        color: #777; }
      body.template-company-graph .company-tab .company-tab-link.not-active:hover {
        color: #ffa821;
        background: #fcfcfc; }
      body.template-company-graph .company-tab .company-tab-link .tab-top-title {
        padding-top: 5px;
        font-size: 20px; }
      body.template-company-graph .company-tab .company-tab-link .tab-kuchikomi-title {
        height: 23px;
        font-size: 17px; }
      body.template-company-graph .company-tab .company-tab-link .kuchikomi-count {
        margin-top: -3px;
        height: 18px;
        color: #ffa821; }
      body.template-company-graph .company-tab .company-tab-link:first-child {
        border-left: 1px solid #e6e6e6; }
      body.template-company-graph .company-tab .company-tab-link:last-child {
        border-right: none; }
    body.template-company-graph .company-tab:after {
      content: "";
      display: block;
      clear: left; }
  body.template-company-graph .l-company-header {
    width: 950px;
    margin: 0 auto; }
  body.template-company-graph .c-bottom-ad {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 15px;
    text-align: center;
    overflow: hidden; }
    body.template-company-graph .c-bottom-ad .bottom-left-ad, body.template-company-graph .c-bottom-ad .bottom-right-ad {
      width: 49%; }
    body.template-company-graph .c-bottom-ad .bottom-left-ad {
      float: left; }
    body.template-company-graph .c-bottom-ad .bottom-right-ad {
      float: right; }
  body.template-company-graph .c-company-related-section {
    margin-bottom: 40px; }
    body.template-company-graph .c-company-related-section .company-related-title {
      color: #aaa;
      font-weight: nomal;
      font-size: 12px;
      margin: 40px 0 15px;
      border-bottom: 1px solid #e8e8e8; }
      body.template-company-graph .c-company-related-section .company-related-title em {
        line-height: 1;
        margin-bottom: 5px;
        font-weight: bold;
        color: #87c20a;
        display: block;
        font-size: 24px; }
    body.template-company-graph .c-company-related-section .company-related-content-box {
      overflow: hidden;
      border: 1px solid #ccc;
      border-radius: 4px;
      padding: 10px;
      margin-bottom: 10px;
      box-shadow: 0 2px 0 #e8e8e8; }
      body.template-company-graph .c-company-related-section .company-related-content-box .related-img {
        display: block;
        float: left;
        width: 102px;
        border: 1px solid #e8e8e8; }
      body.template-company-graph .c-company-related-section .company-related-content-box .related-detail {
        width: 470px;
        float: right; }
      body.template-company-graph .c-company-related-section .company-related-content-box .detail-title {
        font-size: 18px;
        font-weight: bold; }
      body.template-company-graph .c-company-related-section .company-related-content-box .detail-url {
        color: #aaa;
        font-size: 10px;
        margin-bottom: 3px; }
      body.template-company-graph .c-company-related-section .company-related-content-box .detail-star {
        display: inline-block; }
        body.template-company-graph .c-company-related-section .company-related-content-box .detail-star span {
          font-weight: bold;
          display: inline-block; }
        body.template-company-graph .c-company-related-section .company-related-content-box .detail-star .point-count {
          display: inline-block;
          background-color: #ff9700;
          border-radius: 4px;
          padding: 0 4px;
          color: #fff;
          font-weight: bold; }
      body.template-company-graph .c-company-related-section .company-related-content-box .detail-place {
        display: inline-block;
        margin-left: 10px; }
      body.template-company-graph .c-company-related-section .company-related-content-box .recent-kuchikomi {
        color: #333;
        display: block;
        margin-top: 5px;
        margin-bottom: 10px; }
        body.template-company-graph .c-company-related-section .company-related-content-box .recent-kuchikomi .kuchikomi-new {
          display: inline-block;
          color: #ffa821;
          font-weight: bold;
          margin-right: 5px; }
        body.template-company-graph .c-company-related-section .company-related-content-box .recent-kuchikomi .kuchikomi-lead {
          font-size: 13px; }
        body.template-company-graph .c-company-related-section .company-related-content-box .recent-kuchikomi .read-more {
          text-decoration: underline;
          color: #1287d5;
          font-weight: bold; }
  body.template-company-graph .category-select-box {
    text-align: center;
    background: #F3F3F3;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px; }
  body.template-company-graph .evalaute-category-select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    background: #fff url("/img/sp/cmn/select-arrow.png") center right no-repeat;
    display: inline-block;
    width: 420px; }
  body.template-company-graph .category-select-title {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    margin: 0 10px;
    vertical-align: middle; }
  body.template-company-graph .c-company-category-list {
    margin-bottom: 40px;
    box-sizing: border-box; }
    body.template-company-graph .c-company-category-list *,
    body.template-company-graph .c-company-category-list *:before,
    body.template-company-graph .c-company-category-list *:after {
      box-sizing: inherit; }
    body.template-company-graph .c-company-category-list .category-list-title {
      line-height: 1;
      margin-bottom: 5px;
      font-weight: bold;
      color: #87c20a;
      display: block;
      font-size: 24px; }
    body.template-company-graph .c-company-category-list .list-body {
      background: #e8e8e8;
      padding: 1px 1px 2px 2px;
      overflow: hidden; }
      body.template-company-graph .c-company-category-list .list-body li {
        float: left;
        box-sizing: border-box;
        width: 50%;
        display: block; }
        body.template-company-graph .c-company-category-list .list-body li span, body.template-company-graph .c-company-category-list .list-body li a {
          display: block;
          width: 100%;
          background: #fff;
          text-overflow: ellipsis;
          margin: 1px 1px 0 0;
          padding: 10px;
          border-right: 1px solid #e8e8e8;
          font-size: 14px; }
        body.template-company-graph .c-company-category-list .list-body li a:hover {
          background: #fff5e1; }
  body.template-company-graph .c-company-question-category-list {
    margin-bottom: 40px;
    box-sizing: border-box; }
    body.template-company-graph .c-company-question-category-list *,
    body.template-company-graph .c-company-question-category-list *:before,
    body.template-company-graph .c-company-question-category-list *:after {
      box-sizing: inherit; }
    body.template-company-graph .c-company-question-category-list .category-list-title {
      line-height: 1;
      margin-bottom: 5px;
      font-weight: bold;
      color: #87c20a;
      display: block;
      font-size: 24px; }
    body.template-company-graph .c-company-question-category-list .list-body {
      background: #e8e8e8;
      padding: 1px 1px 2px 2px;
      overflow: hidden; }
      body.template-company-graph .c-company-question-category-list .list-body li {
        float: left;
        box-sizing: border-box;
        width: 50%;
        display: block; }
        body.template-company-graph .c-company-question-category-list .list-body li span, body.template-company-graph .c-company-question-category-list .list-body li a {
          display: block;
          width: 100%;
          background: #fff;
          text-overflow: ellipsis;
          margin: 1px 1px 0 0;
          padding: 10px;
          border-right: 1px solid #e8e8e8;
          font-size: 12px; }
        body.template-company-graph .c-company-question-category-list .list-body li a:hover {
          background: #fff5e1; }
  body.template-company-graph .company-nav-etc {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 20px; }
    body.template-company-graph .company-nav-etc div {
      float: left;
      width: 33%;
      border: 2px solid #e8e8e8;
      border-right: 1px solid #e8e8e8;
      border-left: none; }
      body.template-company-graph .company-nav-etc div a {
        display: block;
        padding: 10px;
        font-size: 12px;
        text-align: center; }
        body.template-company-graph .company-nav-etc div a:hover {
          text-decoration: underline; }
    body.template-company-graph .company-nav-etc div:first-child a {
      border-left: 2px solid #e8e8e8; }
    body.template-company-graph .company-nav-etc div:last-child a {
      border-right: 1px solid #e8e8e8; }
  body.template-company-graph .c-company-contents {
    margin-bottom: 30px; }
    body.template-company-graph .c-company-contents .contents-title {
      font-size: 21px; }
      body.template-company-graph .c-company-contents .contents-title .company-name {
        font-size: 12px;
        color: #ccc; }
  body.template-company-graph .sliderBox {
    float: left;
    margin-bottom: 13px;
    padding: 0;
    width: 300px; }
    body.template-company-graph .sliderBox:nth-child(odd) {
      margin-right: 15px; }
    body.template-company-graph .sliderBox:after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      line-height: 0;
      visibility: hidden; }
    body.template-company-graph .sliderBox .voteAll {
      padding: 3px 5px 1px;
      line-height: 1.4;
      background: #64A00A;
      font-size: 85%;
      font-weight: bold;
      color: #FFF;
      border: 1px solid #64A00A;
      background-image: -moz-linear-gradient(center bottom, #64A00A 0%, #9AC44B 100%); }
      body.template-company-graph .sliderBox .voteAll span {
        padding: 2px 0 3px 16px;
        background: url(/img/front/common/main_parts_icon.gif) no-repeat;
        background-position: -15px -487px; }
  body.template-company-graph .sliderBoxInner {
    border: 1px solid #EDEDED;
    border-top: none;
    height: 45px;
    padding: 0; }
  body.template-company-graph .pickup-shafu {
    width: 625px; }
    body.template-company-graph .pickup-shafu h4 {
      font-weight: bold;
      margin-bottom: 5px; }
    body.template-company-graph .pickup-shafu .hukidashi-box {
      background: #FAFAFA;
      border: 1px solid #DDD;
      border-top: 1px solid #BBB;
      border-bottom: 1px solid #F5F5F5;
      border-radius: 5px;
      box-shadow: inset 0 3px 2px 0 #CCC;
      float: left;
      margin-right: 11px;
      padding: 8px 0;
      text-align: center;
      width: 143px;
      margin-bottom: 10px; }
      body.template-company-graph .pickup-shafu .hukidashi-box:last-child {
        margin-right: 0; }
    body.template-company-graph .pickup-shafu:after {
      content: "";
      display: block;
      clear: left; }
  body.template-company-graph .etcShafu {
    margin-bottom: 10px;
    padding: 5px 0; }
    body.template-company-graph .etcShafu li {
      float: left;
      width: 307px;
      padding: 0 0 3px;
      font-weight: bold;
      color: #666; }
      body.template-company-graph .etcShafu li em {
        font-style: normal !important;
        font-weight: bold;
        text-decoration: none;
        color: #F60;
        padding: 0 3px; }
      body.template-company-graph .etcShafu li .small {
        font-weight: normal;
        font-size: 77%;
        color: #666; }
    body.template-company-graph .etcShafu:after {
      content: "";
      display: block;
      clear: left; }
  body.template-company-graph .c-evaluate-total-point {
    margin-bottom: 10px;
    background: #FFF;
    border: 1px solid #CCC;
    padding: 5px 5px; }
    body.template-company-graph .c-evaluate-total-point:after {
      display: block;
      content: "";
      clear: both; }
  body.template-company-graph .star01_none,
  body.template-company-graph .star01_00,
  body.template-company-graph .star01_05,
  body.template-company-graph .star01_10,
  body.template-company-graph .star01_15,
  body.template-company-graph .star01_20,
  body.template-company-graph .star01_25,
  body.template-company-graph .star01_30,
  body.template-company-graph .star01_35,
  body.template-company-graph .star01_40,
  body.template-company-graph .star01_45,
  body.template-company-graph .star01_50 {
    display: block;
    height: 20px;
    padding-left: 110px;
    background: url(/img/front/common/parts_graf.png) no-repeat;
    overflow: hidden; }
  body.template-company-graph .star01_50 {
    background-position: 0 -0px; }
  body.template-company-graph .star01_45 {
    background-position: 0 -20px; }
  body.template-company-graph .star01_40 {
    background-position: 0 -40px; }
  body.template-company-graph .star01_35 {
    background-position: 0 -60px; }
  body.template-company-graph .star01_30 {
    background-position: 0 -80px; }
  body.template-company-graph .star01_25 {
    background-position: 0 -100px; }
  body.template-company-graph .star01_20 {
    background-position: 0 -120px; }
  body.template-company-graph .star01_15 {
    background-position: 0 -140px; }
  body.template-company-graph .star01_10 {
    background-position: 0 -160px; }
  body.template-company-graph .star01_05 {
    background-position: 0 -180px; }
  body.template-company-graph .star01_00 {
    background-position: 0 -200px; }
  body.template-company-graph .star01_none {
    background-position: 0 -222px; }
  body.template-company-graph .allPoint .star01_50,
  body.template-company-graph #reportBox .graphBox .star01_50 {
    background-position: 0 -256px; }
  body.template-company-graph .allPoint .star01_45,
  body.template-company-graph #reportBox .graphBox .star01_45 {
    background-position: 0 -276px; }
  body.template-company-graph .allPoint .star01_40,
  body.template-company-graph #reportBox .graphBox .star01_40 {
    background-position: 0 -296px; }
  body.template-company-graph .allPoint .star01_35,
  body.template-company-graph #reportBox .graphBox .star01_35 {
    background-position: 0 -316px; }
  body.template-company-graph .allPoint .star01_30,
  body.template-company-graph #reportBox .graphBox .star01_30 {
    background-position: 0 -336px; }
  body.template-company-graph .allPoint .star01_25,
  body.template-company-graph #reportBox .graphBox .star01_25 {
    background-position: 0 -356px; }
  body.template-company-graph .allPoint .star01_20,
  body.template-company-graph #reportBox .graphBox .star01_20 {
    background-position: 0 -376px; }
  body.template-company-graph .allPoint .star01_15,
  body.template-company-graph #reportBox .graphBox .star01_15 {
    background-position: 0 -396px; }
  body.template-company-graph .allPoint .star01_10,
  body.template-company-graph #reportBox .graphBox .star01_10 {
    background-position: 0 -416px; }
  body.template-company-graph .allPoint .star01_05,
  body.template-company-graph #reportBox .graphBox .star01_05 {
    background-position: 0 -436px; }
  body.template-company-graph .allPoint .star01_00,
  body.template-company-graph #reportBox .graphBox .star01_00 {
    background-position: 0 -456px; }
  body.template-company-graph .allPoint .star01_none,
  body.template-company-graph #reportBox .graphBox .star01_none {
    background-position: 0 -478px; }
  body.template-company-graph .graph {
    float: left;
    margin-bottom: 10px;
    width: 288px;
    height: 210px;
    background: #FFF;
    border: 1px solid #DDD;
    margin-bottom: 10px; }
    body.template-company-graph .graph:nth-child(odd) {
      margin-right: 17px; }
    body.template-company-graph .graph:after {
      content: "";
      display: block;
      clear: left; }
  body.template-company-graph table.graph th.caption {
    background: #FAFAFA;
    font-size: 100%;
    line-height: 1.3;
    padding: 6px 9px 3px;
    white-space: nowrap;
    width: 272px;
    border-bottom: 1px solid #DDD;
    background-image: -moz-linear-gradient(center bottom, #FAFAFA 85%, #FFFFFF 100%); }
  body.template-company-graph table.graph th.caption p {
    padding-bottom: 2px;
    font-weight: bold;
    color: #666;
    text-shadow: 1px 1px 0 #FFF; }
  body.template-company-graph table.graph th.caption strong {
    padding: 0 5px 0;
    color: #F60;
    line-height: 24px;
    vertical-align: bottom;
    font-size: 108%;
    text-shadow: 1px 1px 0 #FFF; }
  body.template-company-graph table.graph th.caption span em {
    color: #F60;
    line-height: 24px;
    vertical-align: bottom;
    font-size: 108%;
    font-weight: bold;
    text-shadow: 1px 1px 0 #FFF; }
  body.template-company-graph table.graph th.caption .red {
    background: url(/img/front/common/graf_parts.png) no-repeat -415px -60px;
    padding: 2px 0 4px 20px;
    line-height: 15px;
    color: #F60;
    font-weight: bold; }
  body.template-company-graph table.graph th {
    background: url(/img/front/common/graf_parts.png) no-repeat -405px 7px;
    padding: 7px 0 0 30px;
    font-size: 77%;
    font-weight: normal;
    width: 53px; }
  body.template-company-graph table.graph th.last {
    background: url(/img/front/common/graf_parts.png) no-repeat -405px 7px; }
  body.template-company-graph table.graph td {
    padding: 4px 6px;
    font-size: 69%;
    overflow: hidden;
    width: 224px;
    white-space: nowrap; }
  body.template-company-graph table.graph td.value {
    background: #FFF url(/img/front/common/graph_back.png) repeat-y;
    padding: 4px 0; }
  body.template-company-graph table.noPoint {
    background: #FFF url(/img/front/common/vote_question.png) no-repeat 56px 66px; }
  body.template-company-graph table.graph td img {
    margin: 5px 5px 5px 0;
    vertical-align: middle; }
  body.template-company-graph table.graph td.last {
    background: url(/img/front/common/graph_back_end.png) no-repeat 0 bottom;
    padding: 4px 0 15px; }
  body.template-company-graph table.graph td.percent {
    background: #FFF url(/img/front/common/graph_percent.png) no-repeat 47px 5px;
    height: 13px; }
  body.template-company-graph table.graph td.none {
    border: none;
    font-size: 0;
    line-height: 0;
    height: 5px; }
  body.template-company-graph table.noPoint td.value,
  body.template-company-graph table.noPoint td.last {
    background: none; }
  body.template-company-graph .questionnaire-label {
    float: right;
    line-height: 35px;
    text-align: center;
    margin-top: 0.8em; }
    body.template-company-graph .questionnaire-label img {
      vertical-align: middle;
      margin-right: 3px; }
    body.template-company-graph .questionnaire-label span {
      vertical-align: middle; }
  body.template-company-graph .c-company-score {
    margin: 10px 0 20px;
    border-bottom: 1px solid #e0e0e0; }
    body.template-company-graph .c-company-score .score-title {
      float: left;
      width: 450px; }
      body.template-company-graph .c-company-score .score-title .company-name {
        color: #aaa;
        font-weight: normal;
        font-size: 12px; }
      body.template-company-graph .c-company-score .score-title .green-emphasis {
        margin-bottom: 5px;
        color: #88bf00;
        font-weight: bold;
        font-size: 24px;
        line-height: 1em; }
    body.template-company-graph .c-company-score .questionnaire-link {
      float: right;
      padding-top: 15px;
      width: 160px;
      text-align: right; }
    body.template-company-graph .c-company-score:after {
      content: "";
      display: block;
      clear: both; }
  body.template-company-graph .score-policy {
    margin-bottom: 30px;
    padding: 5px 0;
    text-align: right;
    color: #666;
    font-size: 85%; }

body.template-external-articles {
  /* 口コミ用　ページナビゲーション */ }
  body.template-external-articles .l-company-information .c-company-info {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 140px;
    padding: 20px 0 20px 200px; }
    body.template-external-articles .l-company-information .c-company-info .l-company-image {
      position: absolute;
      left: 0; }
      body.template-external-articles .l-company-information .c-company-info .l-company-image .company-image {
        border-radius: 4px;
        border: 4px solid #fff;
        box-shadow: 0 2px 4px #CACACA;
        width: 200px; }
    body.template-external-articles .l-company-information .c-company-info .l-company-info {
      margin-left: 20px; }
      body.template-external-articles .l-company-information .c-company-info .l-company-info .company-name-info {
        display: 20px; }
        body.template-external-articles .l-company-information .c-company-info .l-company-info .company-name-info #company-title {
          margin-bottom: 0;
          max-width: 620px;
          font-size: 26px;
          color: #333; }
      body.template-external-articles .l-company-information .c-company-info .l-company-info .evaluate-point {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 5px; }
        body.template-external-articles .l-company-information .c-company-info .l-company-info .evaluate-point .total-evaluate-point {
          font-size: 17px;
          font-weight: bold;
          color: #ffa821; }
        body.template-external-articles .l-company-information .c-company-info .l-company-info .evaluate-point .total-answer-count {
          margin-left: 10px;
          padding-top: 5px; }
          body.template-external-articles .l-company-information .c-company-info .l-company-info .evaluate-point .total-answer-count .total-answer-count-number {
            color: #ffa821; }
      body.template-external-articles .l-company-information .c-company-info .l-company-info .company-detail-info {
        display: inline-block;
        font-size: 12px;
        color: #666; }
        body.template-external-articles .l-company-information .c-company-info .l-company-info .company-detail-info .company-location {
          margin-right: 5px; }
        body.template-external-articles .l-company-information .c-company-info .l-company-info .company-detail-info .company-url {
          color: #666; }
        body.template-external-articles .l-company-information .c-company-info .l-company-info .company-detail-info > div {
          float: left; }
        body.template-external-articles .l-company-information .c-company-info .l-company-info .company-detail-info:after {
          content: "";
          display: inline-block;
          clear: left; }
      body.template-external-articles .l-company-information .c-company-info .l-company-info .to-detail-info {
        display: inline-block;
        margin-top: 5px;
        font-size: 11px;
        color: #40a4d5;
        cursor: pointer; }
        body.template-external-articles .l-company-information .c-company-info .l-company-info .to-detail-info:hover {
          color: #1287d5; }
        body.template-external-articles .l-company-information .c-company-info .l-company-info .to-detail-info:after {
          content: "";
          position: relative;
          top: 11px;
          right: -2px;
          border-top: 9px solid #40a4d5;
          border-right: 5px solid transparent;
          border-bottom: 9px solid transparent;
          border-left: 5px solid transparent; }
      body.template-external-articles .l-company-information .c-company-info .l-company-info .company-work-link {
        position: absolute;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        border: 1px solid #ccc;
        box-shadow: 0 2px 2px #D8D8D8;
        background: #fff;
        border-radius: 5px;
        padding: 10px 20px;
        font-size: 15px;
        font-weight: bold;
        color: #333;
        position: absolute;
        right: 0;
        top: 20px;
        transition: 0.2s; }
        body.template-external-articles .l-company-information .c-company-info .l-company-info .company-work-link .job-count {
          margin-left: 3px;
          padding: 0 5px;
          height: 20px;
          border-radius: 10px;
          background-color: #76aa09;
          font-size: 12px;
          color: #fff;
          text-align: center;
          line-height: 20px;
          transition: 0.2s; }
        body.template-external-articles .l-company-information .c-company-info .l-company-info .company-work-link:hover {
          color: #ffa821;
          background: #fcfcfc; }
          body.template-external-articles .l-company-information .c-company-info .l-company-info .company-work-link:hover .job-count {
            background: #ffa821; }
        body.template-external-articles .l-company-information .c-company-info .l-company-info .company-work-link > div {
          float: left; }
      body.template-external-articles .l-company-information .c-company-info .l-company-info .company-header-ad {
        width: 300px;
        height: 250px;
        position: absolute;
        top: 0;
        right: 0; }
    body.template-external-articles .l-company-information .c-company-info > div {
      float: left; }
    body.template-external-articles .l-company-information .c-company-info:after {
      content: "";
      display: inline-block;
      clear: left; }
  body.template-external-articles .c-same-name-company {
    position: relative;
    display: inline-block;
    line-height: 24px;
    font-size: 12px; }
    body.template-external-articles .c-same-name-company .same-name-company-hook a:hover {
      text-decoration: none; }
    body.template-external-articles .c-same-name-company .same-name-company-hook img {
      vertical-align: middle;
      margin-right: 2px;
      padding-bottom: 2px; }
    body.template-external-articles .c-same-name-company .sama-name-company-window {
      position: absolute;
      display: none;
      top: 32px;
      left: 0;
      width: 230px;
      padding: 10px;
      border: 1px solid;
      border-color: #e0e0e0 transparent transparent #e0e0e0;
      background: #fff;
      box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.25);
      text-align: left;
      z-index: 1000; }
      body.template-external-articles .c-same-name-company .sama-name-company-window .sama-name-company-title {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #e0e0e0;
        font-weight: bold; }
      body.template-external-articles .c-same-name-company .sama-name-company-window:after, body.template-external-articles .c-same-name-company .sama-name-company-window:before {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      body.template-external-articles .c-same-name-company .sama-name-company-window:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 10px;
        left: 23px;
        margin-left: -10px; }
      body.template-external-articles .c-same-name-company .sama-name-company-window:before {
        border-color: rgba(224, 224, 224, 0);
        border-bottom-color: #e0e0e0;
        border-width: 11px;
        left: 23px;
        margin-left: -11px; }
      body.template-external-articles .c-same-name-company .sama-name-company-window .tip-close {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 20px;
        height: 0;
        padding-top: 20px;
        background: url(/img/front/common/btn_close.png) no-repeat 0 0;
        cursor: pointer;
        overflow: hidden; }
      body.template-external-articles .c-same-name-company .sama-name-company-window .same-company-names .same-name-company {
        padding: 8px 0;
        border-top: 1px solid #e0e0e0; }
        body.template-external-articles .c-same-name-company .sama-name-company-window .same-company-names .same-name-company:first-child {
          border-top: none; }
        body.template-external-articles .c-same-name-company .sama-name-company-window .same-company-names .same-name-company:last-child {
          margin-bottom: 0; }
        body.template-external-articles .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-info {
          font-weight: bold; }
        body.template-external-articles .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link {
          color: #666;
          word-break: break-all; }
          body.template-external-articles .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link a {
            padding-left: 15px;
            background: url(/img/front/common/icon/icon_other_win.png) 0 45% no-repeat; }
            body.template-external-articles .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link a:hover {
              text-decoration: underline; }
  body.template-external-articles .company-announce {
    margin-bottom: 15px;
    padding: 8px;
    background: #fefdec;
    font-size: 14px;
    text-align: center;
    clear: both; }
    body.template-external-articles .company-announce .company-announce-link {
      background: url(/img/front/common/icon/icon_mod_announce.png) left 50% no-repeat;
      padding: 4px 0 2px 24px;
      color: #f00;
      font-weight: bold;
      text-decoration: underline; }
      body.template-external-articles .company-announce .company-announce-link:hover {
        color: #d90000;
        text-decoration: none; }
  body.template-external-articles .company-tab {
    width: 950px;
    padding-left: 220px;
    border-right: 1px solid #e6e6e6;
    margin: 0px auto 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    clear: both; }
    body.template-external-articles .company-tab .company-tab-link {
      width: 25%;
      float: left;
      height: 53px;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding: 5px 0 8px;
      box-shadow: 0 -2px 0 #F5F5F5 inset;
      border-right: 1px solid #e6e6e6;
      background-color: #fff;
      color: #333;
      text-align: center;
      font-weight: bold;
      transition: 0.2s;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      box-sizing: border-box; }
      body.template-external-articles .company-tab .company-tab-link.is-top-tab-active {
        color: #777;
        box-shadow: none;
        background: #EFEFEF; }
      body.template-external-articles .company-tab .company-tab-link.is-kuchikomi-tab-active {
        box-shadow: none;
        background: #EFEFEF;
        color: #777; }
      body.template-external-articles .company-tab .company-tab-link.not-active:hover {
        color: #ffa821;
        background: #fcfcfc; }
      body.template-external-articles .company-tab .company-tab-link .tab-top-title {
        padding-top: 5px;
        font-size: 20px; }
      body.template-external-articles .company-tab .company-tab-link .tab-kuchikomi-title {
        height: 23px;
        font-size: 17px; }
      body.template-external-articles .company-tab .company-tab-link .kuchikomi-count {
        margin-top: -3px;
        height: 18px;
        color: #ffa821; }
      body.template-external-articles .company-tab .company-tab-link:first-child {
        border-left: 1px solid #e6e6e6; }
      body.template-external-articles .company-tab .company-tab-link:last-child {
        border-right: none; }
    body.template-external-articles .company-tab:after {
      content: "";
      display: block;
      clear: left; }
  body.template-external-articles .l-company-header {
    width: 950px;
    margin: 0 auto; }
  body.template-external-articles .c-bottom-ad {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 15px;
    text-align: center;
    overflow: hidden; }
    body.template-external-articles .c-bottom-ad .bottom-left-ad, body.template-external-articles .c-bottom-ad .bottom-right-ad {
      width: 49%; }
    body.template-external-articles .c-bottom-ad .bottom-left-ad {
      float: left; }
    body.template-external-articles .c-bottom-ad .bottom-right-ad {
      float: right; }
  body.template-external-articles .c-company-related-section {
    margin-bottom: 40px; }
    body.template-external-articles .c-company-related-section .company-related-title {
      color: #aaa;
      font-weight: nomal;
      font-size: 12px;
      margin: 40px 0 15px;
      border-bottom: 1px solid #e8e8e8; }
      body.template-external-articles .c-company-related-section .company-related-title em {
        line-height: 1;
        margin-bottom: 5px;
        font-weight: bold;
        color: #87c20a;
        display: block;
        font-size: 24px; }
    body.template-external-articles .c-company-related-section .company-related-content-box {
      overflow: hidden;
      border: 1px solid #ccc;
      border-radius: 4px;
      padding: 10px;
      margin-bottom: 10px;
      box-shadow: 0 2px 0 #e8e8e8; }
      body.template-external-articles .c-company-related-section .company-related-content-box .related-img {
        display: block;
        float: left;
        width: 102px;
        border: 1px solid #e8e8e8; }
      body.template-external-articles .c-company-related-section .company-related-content-box .related-detail {
        width: 470px;
        float: right; }
      body.template-external-articles .c-company-related-section .company-related-content-box .detail-title {
        font-size: 18px;
        font-weight: bold; }
      body.template-external-articles .c-company-related-section .company-related-content-box .detail-url {
        color: #aaa;
        font-size: 10px;
        margin-bottom: 3px; }
      body.template-external-articles .c-company-related-section .company-related-content-box .detail-star {
        display: inline-block; }
        body.template-external-articles .c-company-related-section .company-related-content-box .detail-star span {
          font-weight: bold;
          display: inline-block; }
        body.template-external-articles .c-company-related-section .company-related-content-box .detail-star .point-count {
          display: inline-block;
          background-color: #ff9700;
          border-radius: 4px;
          padding: 0 4px;
          color: #fff;
          font-weight: bold; }
      body.template-external-articles .c-company-related-section .company-related-content-box .detail-place {
        display: inline-block;
        margin-left: 10px; }
      body.template-external-articles .c-company-related-section .company-related-content-box .recent-kuchikomi {
        color: #333;
        display: block;
        margin-top: 5px;
        margin-bottom: 10px; }
        body.template-external-articles .c-company-related-section .company-related-content-box .recent-kuchikomi .kuchikomi-new {
          display: inline-block;
          color: #ffa821;
          font-weight: bold;
          margin-right: 5px; }
        body.template-external-articles .c-company-related-section .company-related-content-box .recent-kuchikomi .kuchikomi-lead {
          font-size: 13px; }
        body.template-external-articles .c-company-related-section .company-related-content-box .recent-kuchikomi .read-more {
          text-decoration: underline;
          color: #1287d5;
          font-weight: bold; }
  body.template-external-articles .category-select-box {
    text-align: center;
    background: #F3F3F3;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px; }
  body.template-external-articles .evalaute-category-select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    background: #fff url("/img/sp/cmn/select-arrow.png") center right no-repeat;
    display: inline-block;
    width: 420px; }
  body.template-external-articles .category-select-title {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    margin: 0 10px;
    vertical-align: middle; }
  body.template-external-articles .c-company-category-list {
    margin-bottom: 40px;
    box-sizing: border-box; }
    body.template-external-articles .c-company-category-list *,
    body.template-external-articles .c-company-category-list *:before,
    body.template-external-articles .c-company-category-list *:after {
      box-sizing: inherit; }
    body.template-external-articles .c-company-category-list .category-list-title {
      line-height: 1;
      margin-bottom: 5px;
      font-weight: bold;
      color: #87c20a;
      display: block;
      font-size: 24px; }
    body.template-external-articles .c-company-category-list .list-body {
      background: #e8e8e8;
      padding: 1px 1px 2px 2px;
      overflow: hidden; }
      body.template-external-articles .c-company-category-list .list-body li {
        float: left;
        box-sizing: border-box;
        width: 50%;
        display: block; }
        body.template-external-articles .c-company-category-list .list-body li span, body.template-external-articles .c-company-category-list .list-body li a {
          display: block;
          width: 100%;
          background: #fff;
          text-overflow: ellipsis;
          margin: 1px 1px 0 0;
          padding: 10px;
          border-right: 1px solid #e8e8e8;
          font-size: 14px; }
        body.template-external-articles .c-company-category-list .list-body li a:hover {
          background: #fff5e1; }
  body.template-external-articles .c-company-question-category-list {
    margin-bottom: 40px;
    box-sizing: border-box; }
    body.template-external-articles .c-company-question-category-list *,
    body.template-external-articles .c-company-question-category-list *:before,
    body.template-external-articles .c-company-question-category-list *:after {
      box-sizing: inherit; }
    body.template-external-articles .c-company-question-category-list .category-list-title {
      line-height: 1;
      margin-bottom: 5px;
      font-weight: bold;
      color: #87c20a;
      display: block;
      font-size: 24px; }
    body.template-external-articles .c-company-question-category-list .list-body {
      background: #e8e8e8;
      padding: 1px 1px 2px 2px;
      overflow: hidden; }
      body.template-external-articles .c-company-question-category-list .list-body li {
        float: left;
        box-sizing: border-box;
        width: 50%;
        display: block; }
        body.template-external-articles .c-company-question-category-list .list-body li span, body.template-external-articles .c-company-question-category-list .list-body li a {
          display: block;
          width: 100%;
          background: #fff;
          text-overflow: ellipsis;
          margin: 1px 1px 0 0;
          padding: 10px;
          border-right: 1px solid #e8e8e8;
          font-size: 12px; }
        body.template-external-articles .c-company-question-category-list .list-body li a:hover {
          background: #fff5e1; }
  body.template-external-articles .company-nav-etc {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 20px; }
    body.template-external-articles .company-nav-etc div {
      float: left;
      width: 33%;
      border: 2px solid #e8e8e8;
      border-right: 1px solid #e8e8e8;
      border-left: none; }
      body.template-external-articles .company-nav-etc div a {
        display: block;
        padding: 10px;
        font-size: 12px;
        text-align: center; }
        body.template-external-articles .company-nav-etc div a:hover {
          text-decoration: underline; }
    body.template-external-articles .company-nav-etc div:first-child a {
      border-left: 2px solid #e8e8e8; }
    body.template-external-articles .company-nav-etc div:last-child a {
      border-right: 1px solid #e8e8e8; }
  body.template-external-articles .c-company-contents {
    margin-bottom: 30px; }
    body.template-external-articles .c-company-contents .contents-title {
      font-size: 21px; }
      body.template-external-articles .c-company-contents .contents-title .company-name {
        font-size: 12px;
        color: #ccc; }
  body.template-external-articles .kuchikomiPageNavi {
    padding: 0 0 15px;
    margin: 0 0 40px;
    background-image: -moz-linear-gradient(center bottom, #FAFAFA 0%, #FFFFFF 3%); }
  body.template-external-articles #osusumeNews .kuchikomiPageNavi {
    border-bottom: none;
    background-image: none;
    margin: 0; }
  body.template-external-articles .kuchikomiPageNavi.min {
    border-top: 1px dotted #D0D0D0; }
  body.template-external-articles .kuchikomiPageNavi p {
    text-align: center;
    padding: 5px 0 10px; }
  body.template-external-articles .kuchikomiPageNavi p strong {
    color: #F90;
    font-weight: bold;
    padding: 0 2px;
    font-size: 150% !important; }
  body.template-external-articles .kuchikomiPageNavi.min p strong {
    font-size: 100% !important; }
  body.template-external-articles .kuchikomiPageNavi .pageNaviInner {
    padding: 5px 0;
    font-size: 93%;
    display: block;
    text-align: center; }
  body.template-external-articles .kuchikomiPageNavi .pageNaviInner span {
    font-size: 108%;
    margin: 0 2px;
    font-weight: bold;
    background: #F9F9F9; }
  body.template-external-articles .kuchikomiPageNavi .pageNaviInner span a {
    background: #F9F9F9;
    color: #666;
    padding: 6px 9px;
    border: 1px solid #DBDBDB;
    border-bottom: 1px solid #FCFCFC;
    border-right: 1px solid #FCFCFC; }
  body.template-external-articles .kuchikomiPageNavi .pageNaviInner span a:hover,
  body.template-external-articles .kuchikomiPageNavi .pageNaviInner span.current {
    color: #FFF;
    background: #F90;
    padding: 6px 9px;
    border: 1px solid #D17D00;
    border-bottom: 1px solid #FFA927;
    border-right: 1px solid #FFA927; }
  body.template-external-articles .kuchikomiPageNavi .pageNaviInner span.prev,
  body.template-external-articles .kuchikomiPageNavi .pageNaviInner span.next {
    margin: 0 5px; }
  body.template-external-articles .kuchikomiPageNavi .pageNaviInner span.prev a,
  body.template-external-articles .kuchikomiPageNavi .pageNaviInner span.next a {
    background: #FFF;
    border: 1px solid #FCFCFC;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC; }
  body.template-external-articles .kuchikomiPageNavi .pageNaviInner span.prev a:hover,
  body.template-external-articles .kuchikomiPageNavi .pageNaviInner span.next a:hover {
    background: #EEE;
    border: 1px solid #FCFCFC;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC; }
  body.template-external-articles .kuchikomiPageNavi .pageNaviInner span img {
    vertical-align: middle;
    margin-bottom: 3px; }
  body.template-external-articles .kuchikomiPageNavi .pageNaviInner span a,
  body.template-external-articles .kuchikomiPageNavi .pageNaviInner span a:hover,
  body.template-external-articles .kuchikomiPageNavi .pageNaviInner span.current,
  body.template-external-articles .kuchikomiPageNavi .pageNaviInner span.prev a,
  body.template-external-articles .kuchikomiPageNavi .pageNaviInner span.next a {
    border-radius: 3px; }

body.template-company-work .l-company-information .c-company-info {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 140px;
  padding: 20px 0 20px 200px; }
  body.template-company-work .l-company-information .c-company-info .l-company-image {
    position: absolute;
    left: 0; }
    body.template-company-work .l-company-information .c-company-info .l-company-image .company-image {
      border-radius: 4px;
      border: 4px solid #fff;
      box-shadow: 0 2px 4px #CACACA;
      width: 200px; }
  body.template-company-work .l-company-information .c-company-info .l-company-info {
    margin-left: 20px; }
    body.template-company-work .l-company-information .c-company-info .l-company-info .company-name-info {
      display: 20px; }
      body.template-company-work .l-company-information .c-company-info .l-company-info .company-name-info #company-title {
        margin-bottom: 0;
        max-width: 620px;
        font-size: 26px;
        color: #333; }
    body.template-company-work .l-company-information .c-company-info .l-company-info .evaluate-point {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 5px; }
      body.template-company-work .l-company-information .c-company-info .l-company-info .evaluate-point .total-evaluate-point {
        font-size: 17px;
        font-weight: bold;
        color: #ffa821; }
      body.template-company-work .l-company-information .c-company-info .l-company-info .evaluate-point .total-answer-count {
        margin-left: 10px;
        padding-top: 5px; }
        body.template-company-work .l-company-information .c-company-info .l-company-info .evaluate-point .total-answer-count .total-answer-count-number {
          color: #ffa821; }
    body.template-company-work .l-company-information .c-company-info .l-company-info .company-detail-info {
      display: inline-block;
      font-size: 12px;
      color: #666; }
      body.template-company-work .l-company-information .c-company-info .l-company-info .company-detail-info .company-location {
        margin-right: 5px; }
      body.template-company-work .l-company-information .c-company-info .l-company-info .company-detail-info .company-url {
        color: #666; }
      body.template-company-work .l-company-information .c-company-info .l-company-info .company-detail-info > div {
        float: left; }
      body.template-company-work .l-company-information .c-company-info .l-company-info .company-detail-info:after {
        content: "";
        display: inline-block;
        clear: left; }
    body.template-company-work .l-company-information .c-company-info .l-company-info .to-detail-info {
      display: inline-block;
      margin-top: 5px;
      font-size: 11px;
      color: #40a4d5;
      cursor: pointer; }
      body.template-company-work .l-company-information .c-company-info .l-company-info .to-detail-info:hover {
        color: #1287d5; }
      body.template-company-work .l-company-information .c-company-info .l-company-info .to-detail-info:after {
        content: "";
        position: relative;
        top: 11px;
        right: -2px;
        border-top: 9px solid #40a4d5;
        border-right: 5px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 5px solid transparent; }
    body.template-company-work .l-company-information .c-company-info .l-company-info .company-work-link {
      position: absolute;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      border: 1px solid #ccc;
      box-shadow: 0 2px 2px #D8D8D8;
      background: #fff;
      border-radius: 5px;
      padding: 10px 20px;
      font-size: 15px;
      font-weight: bold;
      color: #333;
      position: absolute;
      right: 0;
      top: 20px;
      transition: 0.2s; }
      body.template-company-work .l-company-information .c-company-info .l-company-info .company-work-link .job-count {
        margin-left: 3px;
        padding: 0 5px;
        height: 20px;
        border-radius: 10px;
        background-color: #76aa09;
        font-size: 12px;
        color: #fff;
        text-align: center;
        line-height: 20px;
        transition: 0.2s; }
      body.template-company-work .l-company-information .c-company-info .l-company-info .company-work-link:hover {
        color: #ffa821;
        background: #fcfcfc; }
        body.template-company-work .l-company-information .c-company-info .l-company-info .company-work-link:hover .job-count {
          background: #ffa821; }
      body.template-company-work .l-company-information .c-company-info .l-company-info .company-work-link > div {
        float: left; }
    body.template-company-work .l-company-information .c-company-info .l-company-info .company-header-ad {
      width: 300px;
      height: 250px;
      position: absolute;
      top: 0;
      right: 0; }
  body.template-company-work .l-company-information .c-company-info > div {
    float: left; }
  body.template-company-work .l-company-information .c-company-info:after {
    content: "";
    display: inline-block;
    clear: left; }

body.template-company-work .c-same-name-company {
  position: relative;
  display: inline-block;
  line-height: 24px;
  font-size: 12px; }
  body.template-company-work .c-same-name-company .same-name-company-hook a:hover {
    text-decoration: none; }
  body.template-company-work .c-same-name-company .same-name-company-hook img {
    vertical-align: middle;
    margin-right: 2px;
    padding-bottom: 2px; }
  body.template-company-work .c-same-name-company .sama-name-company-window {
    position: absolute;
    display: none;
    top: 32px;
    left: 0;
    width: 230px;
    padding: 10px;
    border: 1px solid;
    border-color: #e0e0e0 transparent transparent #e0e0e0;
    background: #fff;
    box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.25);
    text-align: left;
    z-index: 1000; }
    body.template-company-work .c-same-name-company .sama-name-company-window .sama-name-company-title {
      margin-bottom: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #e0e0e0;
      font-weight: bold; }
    body.template-company-work .c-same-name-company .sama-name-company-window:after, body.template-company-work .c-same-name-company .sama-name-company-window:before {
      bottom: 100%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    body.template-company-work .c-same-name-company .sama-name-company-window:after {
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #fff;
      border-width: 10px;
      left: 23px;
      margin-left: -10px; }
    body.template-company-work .c-same-name-company .sama-name-company-window:before {
      border-color: rgba(224, 224, 224, 0);
      border-bottom-color: #e0e0e0;
      border-width: 11px;
      left: 23px;
      margin-left: -11px; }
    body.template-company-work .c-same-name-company .sama-name-company-window .tip-close {
      position: absolute;
      right: 10px;
      top: 10px;
      width: 20px;
      height: 0;
      padding-top: 20px;
      background: url(/img/front/common/btn_close.png) no-repeat 0 0;
      cursor: pointer;
      overflow: hidden; }
    body.template-company-work .c-same-name-company .sama-name-company-window .same-company-names .same-name-company {
      padding: 8px 0;
      border-top: 1px solid #e0e0e0; }
      body.template-company-work .c-same-name-company .sama-name-company-window .same-company-names .same-name-company:first-child {
        border-top: none; }
      body.template-company-work .c-same-name-company .sama-name-company-window .same-company-names .same-name-company:last-child {
        margin-bottom: 0; }
      body.template-company-work .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-info {
        font-weight: bold; }
      body.template-company-work .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link {
        color: #666;
        word-break: break-all; }
        body.template-company-work .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link a {
          padding-left: 15px;
          background: url(/img/front/common/icon/icon_other_win.png) 0 45% no-repeat; }
          body.template-company-work .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link a:hover {
            text-decoration: underline; }

body.template-company-work .company-announce {
  margin-bottom: 15px;
  padding: 8px;
  background: #fefdec;
  font-size: 14px;
  text-align: center;
  clear: both; }
  body.template-company-work .company-announce .company-announce-link {
    background: url(/img/front/common/icon/icon_mod_announce.png) left 50% no-repeat;
    padding: 4px 0 2px 24px;
    color: #f00;
    font-weight: bold;
    text-decoration: underline; }
    body.template-company-work .company-announce .company-announce-link:hover {
      color: #d90000;
      text-decoration: none; }

body.template-company-work .company-tab {
  width: 950px;
  padding-left: 220px;
  border-right: 1px solid #e6e6e6;
  margin: 0px auto 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  clear: both; }
  body.template-company-work .company-tab .company-tab-link {
    width: 25%;
    float: left;
    height: 53px;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 5px 0 8px;
    box-shadow: 0 -2px 0 #F5F5F5 inset;
    border-right: 1px solid #e6e6e6;
    background-color: #fff;
    color: #333;
    text-align: center;
    font-weight: bold;
    transition: 0.2s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    box-sizing: border-box; }
    body.template-company-work .company-tab .company-tab-link.is-top-tab-active {
      color: #777;
      box-shadow: none;
      background: #EFEFEF; }
    body.template-company-work .company-tab .company-tab-link.is-kuchikomi-tab-active {
      box-shadow: none;
      background: #EFEFEF;
      color: #777; }
    body.template-company-work .company-tab .company-tab-link.not-active:hover {
      color: #ffa821;
      background: #fcfcfc; }
    body.template-company-work .company-tab .company-tab-link .tab-top-title {
      padding-top: 5px;
      font-size: 20px; }
    body.template-company-work .company-tab .company-tab-link .tab-kuchikomi-title {
      height: 23px;
      font-size: 17px; }
    body.template-company-work .company-tab .company-tab-link .kuchikomi-count {
      margin-top: -3px;
      height: 18px;
      color: #ffa821; }
    body.template-company-work .company-tab .company-tab-link:first-child {
      border-left: 1px solid #e6e6e6; }
    body.template-company-work .company-tab .company-tab-link:last-child {
      border-right: none; }
  body.template-company-work .company-tab:after {
    content: "";
    display: block;
    clear: left; }

body.template-company-work .l-company-header {
  width: 950px;
  margin: 0 auto; }

body.template-company-work .c-bottom-ad {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
  text-align: center;
  overflow: hidden; }
  body.template-company-work .c-bottom-ad .bottom-left-ad, body.template-company-work .c-bottom-ad .bottom-right-ad {
    width: 49%; }
  body.template-company-work .c-bottom-ad .bottom-left-ad {
    float: left; }
  body.template-company-work .c-bottom-ad .bottom-right-ad {
    float: right; }

body.template-company-work .c-company-related-section {
  margin-bottom: 40px; }
  body.template-company-work .c-company-related-section .company-related-title {
    color: #aaa;
    font-weight: nomal;
    font-size: 12px;
    margin: 40px 0 15px;
    border-bottom: 1px solid #e8e8e8; }
    body.template-company-work .c-company-related-section .company-related-title em {
      line-height: 1;
      margin-bottom: 5px;
      font-weight: bold;
      color: #87c20a;
      display: block;
      font-size: 24px; }
  body.template-company-work .c-company-related-section .company-related-content-box {
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
    box-shadow: 0 2px 0 #e8e8e8; }
    body.template-company-work .c-company-related-section .company-related-content-box .related-img {
      display: block;
      float: left;
      width: 102px;
      border: 1px solid #e8e8e8; }
    body.template-company-work .c-company-related-section .company-related-content-box .related-detail {
      width: 470px;
      float: right; }
    body.template-company-work .c-company-related-section .company-related-content-box .detail-title {
      font-size: 18px;
      font-weight: bold; }
    body.template-company-work .c-company-related-section .company-related-content-box .detail-url {
      color: #aaa;
      font-size: 10px;
      margin-bottom: 3px; }
    body.template-company-work .c-company-related-section .company-related-content-box .detail-star {
      display: inline-block; }
      body.template-company-work .c-company-related-section .company-related-content-box .detail-star span {
        font-weight: bold;
        display: inline-block; }
      body.template-company-work .c-company-related-section .company-related-content-box .detail-star .point-count {
        display: inline-block;
        background-color: #ff9700;
        border-radius: 4px;
        padding: 0 4px;
        color: #fff;
        font-weight: bold; }
    body.template-company-work .c-company-related-section .company-related-content-box .detail-place {
      display: inline-block;
      margin-left: 10px; }
    body.template-company-work .c-company-related-section .company-related-content-box .recent-kuchikomi {
      color: #333;
      display: block;
      margin-top: 5px;
      margin-bottom: 10px; }
      body.template-company-work .c-company-related-section .company-related-content-box .recent-kuchikomi .kuchikomi-new {
        display: inline-block;
        color: #ffa821;
        font-weight: bold;
        margin-right: 5px; }
      body.template-company-work .c-company-related-section .company-related-content-box .recent-kuchikomi .kuchikomi-lead {
        font-size: 13px; }
      body.template-company-work .c-company-related-section .company-related-content-box .recent-kuchikomi .read-more {
        text-decoration: underline;
        color: #1287d5;
        font-weight: bold; }

body.template-company-work .category-select-box {
  text-align: center;
  background: #F3F3F3;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 4px; }

body.template-company-work .evalaute-category-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 8px;
  font-size: 14px;
  border: 1px solid #ccc;
  background: #fff url("/img/sp/cmn/select-arrow.png") center right no-repeat;
  display: inline-block;
  width: 420px; }

body.template-company-work .category-select-title {
  display: inline-block;
  font-weight: bold;
  font-size: 16px;
  margin: 0 10px;
  vertical-align: middle; }

body.template-company-work .c-company-category-list {
  margin-bottom: 40px;
  box-sizing: border-box; }
  body.template-company-work .c-company-category-list *,
  body.template-company-work .c-company-category-list *:before,
  body.template-company-work .c-company-category-list *:after {
    box-sizing: inherit; }
  body.template-company-work .c-company-category-list .category-list-title {
    line-height: 1;
    margin-bottom: 5px;
    font-weight: bold;
    color: #87c20a;
    display: block;
    font-size: 24px; }
  body.template-company-work .c-company-category-list .list-body {
    background: #e8e8e8;
    padding: 1px 1px 2px 2px;
    overflow: hidden; }
    body.template-company-work .c-company-category-list .list-body li {
      float: left;
      box-sizing: border-box;
      width: 50%;
      display: block; }
      body.template-company-work .c-company-category-list .list-body li span, body.template-company-work .c-company-category-list .list-body li a {
        display: block;
        width: 100%;
        background: #fff;
        text-overflow: ellipsis;
        margin: 1px 1px 0 0;
        padding: 10px;
        border-right: 1px solid #e8e8e8;
        font-size: 14px; }
      body.template-company-work .c-company-category-list .list-body li a:hover {
        background: #fff5e1; }

body.template-company-work .c-company-question-category-list {
  margin-bottom: 40px;
  box-sizing: border-box; }
  body.template-company-work .c-company-question-category-list *,
  body.template-company-work .c-company-question-category-list *:before,
  body.template-company-work .c-company-question-category-list *:after {
    box-sizing: inherit; }
  body.template-company-work .c-company-question-category-list .category-list-title {
    line-height: 1;
    margin-bottom: 5px;
    font-weight: bold;
    color: #87c20a;
    display: block;
    font-size: 24px; }
  body.template-company-work .c-company-question-category-list .list-body {
    background: #e8e8e8;
    padding: 1px 1px 2px 2px;
    overflow: hidden; }
    body.template-company-work .c-company-question-category-list .list-body li {
      float: left;
      box-sizing: border-box;
      width: 50%;
      display: block; }
      body.template-company-work .c-company-question-category-list .list-body li span, body.template-company-work .c-company-question-category-list .list-body li a {
        display: block;
        width: 100%;
        background: #fff;
        text-overflow: ellipsis;
        margin: 1px 1px 0 0;
        padding: 10px;
        border-right: 1px solid #e8e8e8;
        font-size: 12px; }
      body.template-company-work .c-company-question-category-list .list-body li a:hover {
        background: #fff5e1; }

body.template-company-work .company-nav-etc {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 20px; }
  body.template-company-work .company-nav-etc div {
    float: left;
    width: 33%;
    border: 2px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-left: none; }
    body.template-company-work .company-nav-etc div a {
      display: block;
      padding: 10px;
      font-size: 12px;
      text-align: center; }
      body.template-company-work .company-nav-etc div a:hover {
        text-decoration: underline; }
  body.template-company-work .company-nav-etc div:first-child a {
    border-left: 2px solid #e8e8e8; }
  body.template-company-work .company-nav-etc div:last-child a {
    border-right: 1px solid #e8e8e8; }

body.template-company-work .c-company-contents {
  margin-bottom: 30px; }
  body.template-company-work .c-company-contents .contents-title {
    font-size: 21px; }
    body.template-company-work .c-company-contents .contents-title .company-name {
      font-size: 12px;
      color: #ccc; }

body.template-company-work .modItemBox {
  margin-bottom: 20px;
  border: 1px solid #e0e0e0;
  border-top: 3px solid #6ec5e7; }

body.template-company-work .sectionTop .modSectionS {
  margin-bottom: 10px; }

body.template-company-work .sectionTop .company-name {
  display: block;
  font-size: 18px;
  line-height: 1.3;
  padding: 0; }

body.template-company-work .sectionTop .job-name {
  font-weight: bold;
  color: #666;
  display: block;
  padding: 4px 0;
  font-size: 14px; }

body.template-company-work .sectionBottom {
  padding: 10px 20px 10px; }
  body.template-company-work .sectionBottom .partner-work-bread-crunmb {
    color: #999;
    margin-bottom: 8px;
    font-size: 77%; }
  body.template-company-work .sectionBottom .modCol2A {
    width: 185px;
    margin-right: 8px;
    text-align: center;
    float: left; }
    body.template-company-work .sectionBottom .modCol2A a {
      width: 186px; }
  body.template-company-work .sectionBottom .modCol2B {
    float: right;
    width: 396px; }
    body.template-company-work .sectionBottom .modCol2B .requirement-title {
      width: 5em; }
  body.template-company-work .sectionBottom:after {
    content: "";
    display: block;
    clear: both; }

body.template-company-work .submitArea {
  clear: both;
  padding: 10px;
  border-top: 1px solid #eee;
  background-color: #f9f9f9;
  text-align: center; }
  body.template-company-work .submitArea .btn {
    display: inline-block;
    width: 210px;
    vertical-align: middle; }
    body.template-company-work .submitArea .btn .modAccentBtnWide {
      display: block;
      padding: 13px 20px 11px;
      background: #51b4e9;
      background: linear-gradient(to bottom, #51b4e9 7%, #2e9fdf 61%, #1e98dc 100%);
      border: 1px solid;
      border-color: #3eb3e7 #0191d1 #0075a8 #0091d1;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      text-align: center;
      color: #FFF;
      font-size: 115%;
      font-weight: bold; }
  body.template-company-work .submitArea .modIconFolder {
    padding-left: 24px;
    background: url(/img/front/common/icon/icon_folder.png) no-repeat 0 0; }

body.template-company-work .nextPreview {
  margin: 30px 20px; }
  body.template-company-work .nextPreview a {
    display: block;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 123.1%;
    color: #099;
    border: 1px solid #CCC;
    border-right: 1px solid #A6A6A6;
    border-bottom: 1px solid #A6A6A6;
    border-radius: 8px;
    box-shadow: 1px 1px 2px #CCC; }
    body.template-company-work .nextPreview a:hover {
      color: #099;
      border: 1px solid #9BD4D4;
      border-right: 1px solid #7FACAC;
      border-bottom: 1px solid #7FACAC;
      background: #C4E7E7;
      box-shadow: 1px 1px 2px #C4E7E7; }

body.template-company-work .modTxtCautionLarge {
  color: #fc4a00;
  font-size: 166%;
  font-weight: bold; }

body.template-company-work .sectionBottom .conciergeMask {
  width: 593px;
  height: 180px;
  background: url(/img/front/jobs/concierge_mask.jpg) 0 0 no-repeat;
  overflow: hidden; }
  body.template-company-work .sectionBottom .conciergeMask .inner {
    width: 300px;
    margin: 20px auto 0;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); }
    body.template-company-work .sectionBottom .conciergeMask .inner p {
      font-size: 117%;
      font-weight: bold;
      margin-bottom: 10px; }
    body.template-company-work .sectionBottom .conciergeMask .inner a {
      display: block;
      padding: 13px 20px 11px;
      background: #51b4e9;
      background: linear-gradient(to bottom, #51b4e9 7%, #2e9fdf 61%, #1e98dc 100%);
      border: 1px solid;
      border-color: #3eb3e7 #0191d1 #0075a8 #0091d1;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      text-align: center;
      color: #FFF;
      font-size: 115%;
      font-weight: bold; }

body.template-company-work .partner-work-item .partner-name-in-title a:hover .job-name {
  text-decoration: underline;
  color: #2519a8; }

body.template-company-work .partner-work-item .partner-name-in-title a:hover .company-name {
  text-decoration: underline;
  color: #2519a8; }

body.template-company-work .partner-work-item .partner-name-in-title .job-name {
  font-weight: bold;
  color: #666;
  display: block;
  padding: 4px 0;
  font-size: 14px; }

body.template-company-work .partner-work-item .partner-name-in-title .company-name {
  display: block;
  font-size: 18px;
  line-height: 1.3;
  padding: 0; }

body.template-company-work .clear-search-conditions-btn {
  font-size: 12px;
  float: right; }
  body.template-company-work .clear-search-conditions-btn:before {
    content: "×";
    display: inline-block;
    margin-right: 4px;
    width: 14px;
    height: 14px;
    line-height: 12px;
    border-radius: 2px;
    background: #1287d5;
    color: #fff;
    text-align: center;
    vertical-align: text-top; }

body.template-company-work .search-ranking-banner {
  width: 100%;
  box-sizing: border-box;
  margin: 32px 0;
  border: 1px solid #e0e0e0;
  border-radius: 1px;
  background: #fff;
  transition: .2s; }
  body.template-company-work .search-ranking-banner:hover .banner-link-block {
    background-color: #f8fbed; }
  body.template-company-work .search-ranking-banner:hover .banner-job-name, body.template-company-work .search-ranking-banner:hover .banner-prefecture {
    color: #1287d5;
    text-decoration: underline; }
  body.template-company-work .search-ranking-banner .banner-title-block {
    width: 100%;
    display: table;
    box-sizing: border-box;
    background: url("/img/front/jobs/ranking-head.jpg") #87c20a fixed;
    background-size: cover;
    padding: 8px 20px;
    color: #fff;
    font-weight: bold; }
    body.template-company-work .search-ranking-banner .banner-title-block > div {
      display: table-cell;
      vertical-align: middle;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
    body.template-company-work .search-ranking-banner .banner-title-block .banner-title {
      text-align: left;
      font-size: 18px; }
      body.template-company-work .search-ranking-banner .banner-title-block .banner-title .ranking-banner-logo {
        vertical-align: middle; }
    body.template-company-work .search-ranking-banner .banner-title-block .banner-copy {
      text-align: right;
      line-height: 24px; }
  body.template-company-work .search-ranking-banner .banner-link-block {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 8px 40px 8px 20px;
    font-weight: bold;
    color: #0084d2; }
    body.template-company-work .search-ranking-banner .banner-link-block:after {
      display: block;
      content: "";
      width: 6px;
      height: 6px;
      position: absolute;
      right: 16px;
      top: 50%;
      margin-top: -3px;
      border-top: 1px solid #40a4d5;
      border-right: 1px solid #40a4d5;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
    body.template-company-work .search-ranking-banner .banner-link-block .banner-prefecture {
      font-size: 12px;
      line-height: 1.4;
      display: inline-block; }
    body.template-company-work .search-ranking-banner .banner-link-block .banner-job-category {
      font-size: 16px;
      line-height: 1.4;
      display: inline-block; }
      body.template-company-work .search-ranking-banner .banner-link-block .banner-job-category .banner-job-name:hover {
        color: #1287d5;
        text-decoration: underline; }
      body.template-company-work .search-ranking-banner .banner-link-block .banner-job-category .banner-static-text {
        font-size: 12px;
        margin-left: -2px;
        color: #8c8c8c; }

body.template-company-work .l-direct-job-posting .job-status-direct, body.template-company-work .l-direct-job-posting .job-status-inexperience {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  font-size: 10px;
  font-weight: bold;
  margin-right: 4px;
  padding: 0 6px; }

body.template-company-work .l-direct-job-posting {
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  background: #fff;
  margin-bottom: 24px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
  transition: 0.2s; }
  body.template-company-work .l-direct-job-posting:hover {
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.2); }
    body.template-company-work .l-direct-job-posting:hover img {
      opacity: 0.8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
    body.template-company-work .l-direct-job-posting:hover .job-posting-title {
      color: #40a4d5;
      text-decoration: underline; }
    body.template-company-work .l-direct-job-posting:hover .job-posting-earn {
      color: #76b003; }
      body.template-company-work .l-direct-job-posting:hover .job-posting-earn:before {
        background: #76b003; }
  body.template-company-work .l-direct-job-posting a {
    color: #333; }
  body.template-company-work .l-direct-job-posting .job-posting-header {
    padding: 20px 16px; }
    body.template-company-work .l-direct-job-posting .job-posting-header:after {
      clear: both;
      content: "";
      display: table; }
  body.template-company-work .l-direct-job-posting .job-posting-image-wrapper {
    background: #f2f2f2;
    position: relative;
    width: 220px;
    height: 160px;
    overflow: hidden;
    margin-right: 16px;
    float: left; }
    body.template-company-work .l-direct-job-posting .job-posting-image-wrapper img {
      height: 100%;
      width: auto;
      position: absolute;
      left: 50%;
      top: 0;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
  body.template-company-work .l-direct-job-posting .l-job-posting-status {
    margin-bottom: 8px; }
  body.template-company-work .l-direct-job-posting .job-status-direct {
    background: #87c20a;
    color: #fff; }
  body.template-company-work .l-direct-job-posting .job-status-inexperience {
    border: 1px solid #87c20a;
    color: #87c20a; }
  body.template-company-work .l-direct-job-posting .job-posting-header-text {
    float: left;
    width: calc(100% - 236px); }
  body.template-company-work .l-direct-job-posting .job-posting-title {
    font-size: 20px;
    margin-bottom: 24px;
    line-height: 1.4; }
  body.template-company-work .l-direct-job-posting .job-posting-earn {
    font-size: 16px;
    color: #87c20a;
    font-weight: bold; }
    body.template-company-work .l-direct-job-posting .job-posting-earn:before {
      display: inline-block;
      content: "¥";
      color: #fff;
      font-size: 14px;
      background: #87c20a;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      line-height: 22px;
      text-align: center;
      margin-right: 2px; }
  body.template-company-work .l-direct-job-posting .job-posting-info {
    border-top: 1px solid #e6e6e6;
    padding: 16px;
    background: #f2f2f2;
    transition: 0.2s; }
    body.template-company-work .l-direct-job-posting .job-posting-info .company-info {
      padding-bottom: 16px;
      border-bottom: 1px solid #e6e6e6; }
    body.template-company-work .l-direct-job-posting .job-posting-info .job-posting-company-name {
      font-weight: bold;
      font-size: 18px;
      white-space: nowrap;
      width: 100%;
      text-overflow: ellipsis;
      overflow: hidden; }
    body.template-company-work .l-direct-job-posting .job-posting-info .job-posting-industry {
      font-size: 10px;
      color: #999; }
  body.template-company-work .l-direct-job-posting .job-posting-summary-block {
    border-bottom: 1px solid #e6e6e6;
    padding: 12px 0; }
    body.template-company-work .l-direct-job-posting .job-posting-summary-block:last-child {
      border-bottom: none; }
  body.template-company-work .l-direct-job-posting .job-posting-summary-label {
    display: inline-block;
    width: 72px;
    font-weight: bold;
    color: #999;
    vertical-align: top; }
  body.template-company-work .l-direct-job-posting .job-posting-summary-contents {
    font-size: 12px;
    vertical-align: top;
    width: calc(100% - 88px);
    display: inline-block;
    color: #666; }

body.template-company-work .c-agency-banner-search {
  border: 1px solid #eee;
  border-top: 3px solid #6ec5e7;
  margin: 10px 0 30px;
  overflow: hidden; }
  body.template-company-work .c-agency-banner-search .agency-banner-title {
    font-weight: bold;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
    margin-bottom: 5px; }
  body.template-company-work .c-agency-banner-search .agency-banner-body {
    font-size: 14px;
    padding: 5px;
    overflow: hidden;
    line-height: 1.4; }
    body.template-company-work .c-agency-banner-search .agency-banner-body .agency-banner-content {
      display: block; }
      body.template-company-work .c-agency-banner-search .agency-banner-body .agency-banner-content img {
        margin-right: 10px;
        float: left; }
      body.template-company-work .c-agency-banner-search .agency-banner-body .agency-banner-content .body-text {
        float: right;
        width: 520px; }
      body.template-company-work .c-agency-banner-search .agency-banner-body .agency-banner-content .agency-banner-button {
        background: #FF9700;
        border-radius: 4px;
        color: #fff;
        display: inline-block;
        padding: 2px 6px;
        font-weight: bold;
        border-bottom: 2px solid #D27C00;
        text-align: right;
        margin-top: 4px;
        float: right; }
        body.template-company-work .c-agency-banner-search .agency-banner-body .agency-banner-content .agency-banner-button:hover {
          background: #F38F00; }

body.template-company-answer .l-company-information .c-company-info {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 140px;
  padding: 20px 0 20px 200px; }
  body.template-company-answer .l-company-information .c-company-info .l-company-image {
    position: absolute;
    left: 0; }
    body.template-company-answer .l-company-information .c-company-info .l-company-image .company-image {
      border-radius: 4px;
      border: 4px solid #fff;
      box-shadow: 0 2px 4px #CACACA;
      width: 200px; }
  body.template-company-answer .l-company-information .c-company-info .l-company-info {
    margin-left: 20px; }
    body.template-company-answer .l-company-information .c-company-info .l-company-info .company-name-info {
      display: 20px; }
      body.template-company-answer .l-company-information .c-company-info .l-company-info .company-name-info #company-title {
        margin-bottom: 0;
        max-width: 620px;
        font-size: 26px;
        color: #333; }
    body.template-company-answer .l-company-information .c-company-info .l-company-info .evaluate-point {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 5px; }
      body.template-company-answer .l-company-information .c-company-info .l-company-info .evaluate-point .total-evaluate-point {
        font-size: 17px;
        font-weight: bold;
        color: #ffa821; }
      body.template-company-answer .l-company-information .c-company-info .l-company-info .evaluate-point .total-answer-count {
        margin-left: 10px;
        padding-top: 5px; }
        body.template-company-answer .l-company-information .c-company-info .l-company-info .evaluate-point .total-answer-count .total-answer-count-number {
          color: #ffa821; }
    body.template-company-answer .l-company-information .c-company-info .l-company-info .company-detail-info {
      display: inline-block;
      font-size: 12px;
      color: #666; }
      body.template-company-answer .l-company-information .c-company-info .l-company-info .company-detail-info .company-location {
        margin-right: 5px; }
      body.template-company-answer .l-company-information .c-company-info .l-company-info .company-detail-info .company-url {
        color: #666; }
      body.template-company-answer .l-company-information .c-company-info .l-company-info .company-detail-info > div {
        float: left; }
      body.template-company-answer .l-company-information .c-company-info .l-company-info .company-detail-info:after {
        content: "";
        display: inline-block;
        clear: left; }
    body.template-company-answer .l-company-information .c-company-info .l-company-info .to-detail-info {
      display: inline-block;
      margin-top: 5px;
      font-size: 11px;
      color: #40a4d5;
      cursor: pointer; }
      body.template-company-answer .l-company-information .c-company-info .l-company-info .to-detail-info:hover {
        color: #1287d5; }
      body.template-company-answer .l-company-information .c-company-info .l-company-info .to-detail-info:after {
        content: "";
        position: relative;
        top: 11px;
        right: -2px;
        border-top: 9px solid #40a4d5;
        border-right: 5px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 5px solid transparent; }
    body.template-company-answer .l-company-information .c-company-info .l-company-info .company-work-link {
      position: absolute;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      border: 1px solid #ccc;
      box-shadow: 0 2px 2px #D8D8D8;
      background: #fff;
      border-radius: 5px;
      padding: 10px 20px;
      font-size: 15px;
      font-weight: bold;
      color: #333;
      position: absolute;
      right: 0;
      top: 20px;
      transition: 0.2s; }
      body.template-company-answer .l-company-information .c-company-info .l-company-info .company-work-link .job-count {
        margin-left: 3px;
        padding: 0 5px;
        height: 20px;
        border-radius: 10px;
        background-color: #76aa09;
        font-size: 12px;
        color: #fff;
        text-align: center;
        line-height: 20px;
        transition: 0.2s; }
      body.template-company-answer .l-company-information .c-company-info .l-company-info .company-work-link:hover {
        color: #ffa821;
        background: #fcfcfc; }
        body.template-company-answer .l-company-information .c-company-info .l-company-info .company-work-link:hover .job-count {
          background: #ffa821; }
      body.template-company-answer .l-company-information .c-company-info .l-company-info .company-work-link > div {
        float: left; }
    body.template-company-answer .l-company-information .c-company-info .l-company-info .company-header-ad {
      width: 300px;
      height: 250px;
      position: absolute;
      top: 0;
      right: 0; }
  body.template-company-answer .l-company-information .c-company-info > div {
    float: left; }
  body.template-company-answer .l-company-information .c-company-info:after {
    content: "";
    display: inline-block;
    clear: left; }

body.template-company-answer .c-same-name-company {
  position: relative;
  display: inline-block;
  line-height: 24px;
  font-size: 12px; }
  body.template-company-answer .c-same-name-company .same-name-company-hook a:hover {
    text-decoration: none; }
  body.template-company-answer .c-same-name-company .same-name-company-hook img {
    vertical-align: middle;
    margin-right: 2px;
    padding-bottom: 2px; }
  body.template-company-answer .c-same-name-company .sama-name-company-window {
    position: absolute;
    display: none;
    top: 32px;
    left: 0;
    width: 230px;
    padding: 10px;
    border: 1px solid;
    border-color: #e0e0e0 transparent transparent #e0e0e0;
    background: #fff;
    box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.25);
    text-align: left;
    z-index: 1000; }
    body.template-company-answer .c-same-name-company .sama-name-company-window .sama-name-company-title {
      margin-bottom: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #e0e0e0;
      font-weight: bold; }
    body.template-company-answer .c-same-name-company .sama-name-company-window:after, body.template-company-answer .c-same-name-company .sama-name-company-window:before {
      bottom: 100%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    body.template-company-answer .c-same-name-company .sama-name-company-window:after {
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #fff;
      border-width: 10px;
      left: 23px;
      margin-left: -10px; }
    body.template-company-answer .c-same-name-company .sama-name-company-window:before {
      border-color: rgba(224, 224, 224, 0);
      border-bottom-color: #e0e0e0;
      border-width: 11px;
      left: 23px;
      margin-left: -11px; }
    body.template-company-answer .c-same-name-company .sama-name-company-window .tip-close {
      position: absolute;
      right: 10px;
      top: 10px;
      width: 20px;
      height: 0;
      padding-top: 20px;
      background: url(/img/front/common/btn_close.png) no-repeat 0 0;
      cursor: pointer;
      overflow: hidden; }
    body.template-company-answer .c-same-name-company .sama-name-company-window .same-company-names .same-name-company {
      padding: 8px 0;
      border-top: 1px solid #e0e0e0; }
      body.template-company-answer .c-same-name-company .sama-name-company-window .same-company-names .same-name-company:first-child {
        border-top: none; }
      body.template-company-answer .c-same-name-company .sama-name-company-window .same-company-names .same-name-company:last-child {
        margin-bottom: 0; }
      body.template-company-answer .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-info {
        font-weight: bold; }
      body.template-company-answer .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link {
        color: #666;
        word-break: break-all; }
        body.template-company-answer .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link a {
          padding-left: 15px;
          background: url(/img/front/common/icon/icon_other_win.png) 0 45% no-repeat; }
          body.template-company-answer .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link a:hover {
            text-decoration: underline; }

body.template-company-answer .company-announce {
  margin-bottom: 15px;
  padding: 8px;
  background: #fefdec;
  font-size: 14px;
  text-align: center;
  clear: both; }
  body.template-company-answer .company-announce .company-announce-link {
    background: url(/img/front/common/icon/icon_mod_announce.png) left 50% no-repeat;
    padding: 4px 0 2px 24px;
    color: #f00;
    font-weight: bold;
    text-decoration: underline; }
    body.template-company-answer .company-announce .company-announce-link:hover {
      color: #d90000;
      text-decoration: none; }

body.template-company-answer .company-tab {
  width: 950px;
  padding-left: 220px;
  border-right: 1px solid #e6e6e6;
  margin: 0px auto 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  clear: both; }
  body.template-company-answer .company-tab .company-tab-link {
    width: 25%;
    float: left;
    height: 53px;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 5px 0 8px;
    box-shadow: 0 -2px 0 #F5F5F5 inset;
    border-right: 1px solid #e6e6e6;
    background-color: #fff;
    color: #333;
    text-align: center;
    font-weight: bold;
    transition: 0.2s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    box-sizing: border-box; }
    body.template-company-answer .company-tab .company-tab-link.is-top-tab-active {
      color: #777;
      box-shadow: none;
      background: #EFEFEF; }
    body.template-company-answer .company-tab .company-tab-link.is-kuchikomi-tab-active {
      box-shadow: none;
      background: #EFEFEF;
      color: #777; }
    body.template-company-answer .company-tab .company-tab-link.not-active:hover {
      color: #ffa821;
      background: #fcfcfc; }
    body.template-company-answer .company-tab .company-tab-link .tab-top-title {
      padding-top: 5px;
      font-size: 20px; }
    body.template-company-answer .company-tab .company-tab-link .tab-kuchikomi-title {
      height: 23px;
      font-size: 17px; }
    body.template-company-answer .company-tab .company-tab-link .kuchikomi-count {
      margin-top: -3px;
      height: 18px;
      color: #ffa821; }
    body.template-company-answer .company-tab .company-tab-link:first-child {
      border-left: 1px solid #e6e6e6; }
    body.template-company-answer .company-tab .company-tab-link:last-child {
      border-right: none; }
  body.template-company-answer .company-tab:after {
    content: "";
    display: block;
    clear: left; }

body.template-company-answer .l-company-header {
  width: 950px;
  margin: 0 auto; }

body.template-company-answer .c-bottom-ad {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
  text-align: center;
  overflow: hidden; }
  body.template-company-answer .c-bottom-ad .bottom-left-ad, body.template-company-answer .c-bottom-ad .bottom-right-ad {
    width: 49%; }
  body.template-company-answer .c-bottom-ad .bottom-left-ad {
    float: left; }
  body.template-company-answer .c-bottom-ad .bottom-right-ad {
    float: right; }

body.template-company-answer .c-company-related-section {
  margin-bottom: 40px; }
  body.template-company-answer .c-company-related-section .company-related-title {
    color: #aaa;
    font-weight: nomal;
    font-size: 12px;
    margin: 40px 0 15px;
    border-bottom: 1px solid #e8e8e8; }
    body.template-company-answer .c-company-related-section .company-related-title em {
      line-height: 1;
      margin-bottom: 5px;
      font-weight: bold;
      color: #87c20a;
      display: block;
      font-size: 24px; }
  body.template-company-answer .c-company-related-section .company-related-content-box {
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
    box-shadow: 0 2px 0 #e8e8e8; }
    body.template-company-answer .c-company-related-section .company-related-content-box .related-img {
      display: block;
      float: left;
      width: 102px;
      border: 1px solid #e8e8e8; }
    body.template-company-answer .c-company-related-section .company-related-content-box .related-detail {
      width: 470px;
      float: right; }
    body.template-company-answer .c-company-related-section .company-related-content-box .detail-title {
      font-size: 18px;
      font-weight: bold; }
    body.template-company-answer .c-company-related-section .company-related-content-box .detail-url {
      color: #aaa;
      font-size: 10px;
      margin-bottom: 3px; }
    body.template-company-answer .c-company-related-section .company-related-content-box .detail-star {
      display: inline-block; }
      body.template-company-answer .c-company-related-section .company-related-content-box .detail-star span {
        font-weight: bold;
        display: inline-block; }
      body.template-company-answer .c-company-related-section .company-related-content-box .detail-star .point-count {
        display: inline-block;
        background-color: #ff9700;
        border-radius: 4px;
        padding: 0 4px;
        color: #fff;
        font-weight: bold; }
    body.template-company-answer .c-company-related-section .company-related-content-box .detail-place {
      display: inline-block;
      margin-left: 10px; }
    body.template-company-answer .c-company-related-section .company-related-content-box .recent-kuchikomi {
      color: #333;
      display: block;
      margin-top: 5px;
      margin-bottom: 10px; }
      body.template-company-answer .c-company-related-section .company-related-content-box .recent-kuchikomi .kuchikomi-new {
        display: inline-block;
        color: #ffa821;
        font-weight: bold;
        margin-right: 5px; }
      body.template-company-answer .c-company-related-section .company-related-content-box .recent-kuchikomi .kuchikomi-lead {
        font-size: 13px; }
      body.template-company-answer .c-company-related-section .company-related-content-box .recent-kuchikomi .read-more {
        text-decoration: underline;
        color: #1287d5;
        font-weight: bold; }

body.template-company-answer .category-select-box {
  text-align: center;
  background: #F3F3F3;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 4px; }

body.template-company-answer .evalaute-category-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 8px;
  font-size: 14px;
  border: 1px solid #ccc;
  background: #fff url("/img/sp/cmn/select-arrow.png") center right no-repeat;
  display: inline-block;
  width: 420px; }

body.template-company-answer .category-select-title {
  display: inline-block;
  font-weight: bold;
  font-size: 16px;
  margin: 0 10px;
  vertical-align: middle; }

body.template-company-answer .c-company-category-list {
  margin-bottom: 40px;
  box-sizing: border-box; }
  body.template-company-answer .c-company-category-list *,
  body.template-company-answer .c-company-category-list *:before,
  body.template-company-answer .c-company-category-list *:after {
    box-sizing: inherit; }
  body.template-company-answer .c-company-category-list .category-list-title {
    line-height: 1;
    margin-bottom: 5px;
    font-weight: bold;
    color: #87c20a;
    display: block;
    font-size: 24px; }
  body.template-company-answer .c-company-category-list .list-body {
    background: #e8e8e8;
    padding: 1px 1px 2px 2px;
    overflow: hidden; }
    body.template-company-answer .c-company-category-list .list-body li {
      float: left;
      box-sizing: border-box;
      width: 50%;
      display: block; }
      body.template-company-answer .c-company-category-list .list-body li span, body.template-company-answer .c-company-category-list .list-body li a {
        display: block;
        width: 100%;
        background: #fff;
        text-overflow: ellipsis;
        margin: 1px 1px 0 0;
        padding: 10px;
        border-right: 1px solid #e8e8e8;
        font-size: 14px; }
      body.template-company-answer .c-company-category-list .list-body li a:hover {
        background: #fff5e1; }

body.template-company-answer .c-company-question-category-list {
  margin-bottom: 40px;
  box-sizing: border-box; }
  body.template-company-answer .c-company-question-category-list *,
  body.template-company-answer .c-company-question-category-list *:before,
  body.template-company-answer .c-company-question-category-list *:after {
    box-sizing: inherit; }
  body.template-company-answer .c-company-question-category-list .category-list-title {
    line-height: 1;
    margin-bottom: 5px;
    font-weight: bold;
    color: #87c20a;
    display: block;
    font-size: 24px; }
  body.template-company-answer .c-company-question-category-list .list-body {
    background: #e8e8e8;
    padding: 1px 1px 2px 2px;
    overflow: hidden; }
    body.template-company-answer .c-company-question-category-list .list-body li {
      float: left;
      box-sizing: border-box;
      width: 50%;
      display: block; }
      body.template-company-answer .c-company-question-category-list .list-body li span, body.template-company-answer .c-company-question-category-list .list-body li a {
        display: block;
        width: 100%;
        background: #fff;
        text-overflow: ellipsis;
        margin: 1px 1px 0 0;
        padding: 10px;
        border-right: 1px solid #e8e8e8;
        font-size: 12px; }
      body.template-company-answer .c-company-question-category-list .list-body li a:hover {
        background: #fff5e1; }

body.template-company-answer .company-nav-etc {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 20px; }
  body.template-company-answer .company-nav-etc div {
    float: left;
    width: 33%;
    border: 2px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-left: none; }
    body.template-company-answer .company-nav-etc div a {
      display: block;
      padding: 10px;
      font-size: 12px;
      text-align: center; }
      body.template-company-answer .company-nav-etc div a:hover {
        text-decoration: underline; }
  body.template-company-answer .company-nav-etc div:first-child a {
    border-left: 2px solid #e8e8e8; }
  body.template-company-answer .company-nav-etc div:last-child a {
    border-right: 1px solid #e8e8e8; }

body.template-company-answer .c-company-contents {
  margin-bottom: 30px; }
  body.template-company-answer .c-company-contents .contents-title {
    font-size: 21px; }
    body.template-company-answer .c-company-contents .contents-title .company-name {
      font-size: 12px;
      color: #ccc; }

body.template-company-answer .kuchikomi-section-title {
  margin-bottom: 10px;
  color: #666;
  font-size: 138%;
  font-weight: bold; }

body.template-company-answer .company-more-button {
  display: block;
  margin-bottom: 20px;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 123.1%;
  color: #099;
  border: 1px solid #CCC;
  border-right: 1px solid #A6A6A6;
  border-bottom: 1px solid #A6A6A6;
  border-radius: 8px;
  box-shadow: 1px 1px 2px #CCC; }
  body.template-company-answer .company-more-button:hover {
    color: #099;
    border: 1px solid #9BD4D4;
    border-right: 1px solid #7FACAC;
    border-bottom: 1px solid #7FACAC;
    background: #C4E7E7;
    box-shadow: 1px 1px 2px #C4E7E7; }

body.template-questionnaire .l-company-information .c-company-info,
body.template-questionnaire-career .l-company-information .c-company-info {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 140px;
  padding: 20px 0 20px 200px; }
  body.template-questionnaire .l-company-information .c-company-info .l-company-image,
  body.template-questionnaire-career .l-company-information .c-company-info .l-company-image {
    position: absolute;
    left: 0; }
    body.template-questionnaire .l-company-information .c-company-info .l-company-image .company-image,
    body.template-questionnaire-career .l-company-information .c-company-info .l-company-image .company-image {
      border-radius: 4px;
      border: 4px solid #fff;
      box-shadow: 0 2px 4px #CACACA;
      width: 200px; }
  body.template-questionnaire .l-company-information .c-company-info .l-company-info,
  body.template-questionnaire-career .l-company-information .c-company-info .l-company-info {
    margin-left: 20px; }
    body.template-questionnaire .l-company-information .c-company-info .l-company-info .company-name-info,
    body.template-questionnaire-career .l-company-information .c-company-info .l-company-info .company-name-info {
      display: 20px; }
      body.template-questionnaire .l-company-information .c-company-info .l-company-info .company-name-info #company-title,
      body.template-questionnaire-career .l-company-information .c-company-info .l-company-info .company-name-info #company-title {
        margin-bottom: 0;
        max-width: 620px;
        font-size: 26px;
        color: #333; }
    body.template-questionnaire .l-company-information .c-company-info .l-company-info .evaluate-point,
    body.template-questionnaire-career .l-company-information .c-company-info .l-company-info .evaluate-point {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 5px; }
      body.template-questionnaire .l-company-information .c-company-info .l-company-info .evaluate-point .total-evaluate-point,
      body.template-questionnaire-career .l-company-information .c-company-info .l-company-info .evaluate-point .total-evaluate-point {
        font-size: 17px;
        font-weight: bold;
        color: #ffa821; }
      body.template-questionnaire .l-company-information .c-company-info .l-company-info .evaluate-point .total-answer-count,
      body.template-questionnaire-career .l-company-information .c-company-info .l-company-info .evaluate-point .total-answer-count {
        margin-left: 10px;
        padding-top: 5px; }
        body.template-questionnaire .l-company-information .c-company-info .l-company-info .evaluate-point .total-answer-count .total-answer-count-number,
        body.template-questionnaire-career .l-company-information .c-company-info .l-company-info .evaluate-point .total-answer-count .total-answer-count-number {
          color: #ffa821; }
    body.template-questionnaire .l-company-information .c-company-info .l-company-info .company-detail-info,
    body.template-questionnaire-career .l-company-information .c-company-info .l-company-info .company-detail-info {
      display: inline-block;
      font-size: 12px;
      color: #666; }
      body.template-questionnaire .l-company-information .c-company-info .l-company-info .company-detail-info .company-location,
      body.template-questionnaire-career .l-company-information .c-company-info .l-company-info .company-detail-info .company-location {
        margin-right: 5px; }
      body.template-questionnaire .l-company-information .c-company-info .l-company-info .company-detail-info .company-url,
      body.template-questionnaire-career .l-company-information .c-company-info .l-company-info .company-detail-info .company-url {
        color: #666; }
      body.template-questionnaire .l-company-information .c-company-info .l-company-info .company-detail-info > div,
      body.template-questionnaire-career .l-company-information .c-company-info .l-company-info .company-detail-info > div {
        float: left; }
      body.template-questionnaire .l-company-information .c-company-info .l-company-info .company-detail-info:after,
      body.template-questionnaire-career .l-company-information .c-company-info .l-company-info .company-detail-info:after {
        content: "";
        display: inline-block;
        clear: left; }
    body.template-questionnaire .l-company-information .c-company-info .l-company-info .to-detail-info,
    body.template-questionnaire-career .l-company-information .c-company-info .l-company-info .to-detail-info {
      display: inline-block;
      margin-top: 5px;
      font-size: 11px;
      color: #40a4d5;
      cursor: pointer; }
      body.template-questionnaire .l-company-information .c-company-info .l-company-info .to-detail-info:hover,
      body.template-questionnaire-career .l-company-information .c-company-info .l-company-info .to-detail-info:hover {
        color: #1287d5; }
      body.template-questionnaire .l-company-information .c-company-info .l-company-info .to-detail-info:after,
      body.template-questionnaire-career .l-company-information .c-company-info .l-company-info .to-detail-info:after {
        content: "";
        position: relative;
        top: 11px;
        right: -2px;
        border-top: 9px solid #40a4d5;
        border-right: 5px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 5px solid transparent; }
    body.template-questionnaire .l-company-information .c-company-info .l-company-info .company-work-link,
    body.template-questionnaire-career .l-company-information .c-company-info .l-company-info .company-work-link {
      position: absolute;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      border: 1px solid #ccc;
      box-shadow: 0 2px 2px #D8D8D8;
      background: #fff;
      border-radius: 5px;
      padding: 10px 20px;
      font-size: 15px;
      font-weight: bold;
      color: #333;
      position: absolute;
      right: 0;
      top: 20px;
      transition: 0.2s; }
      body.template-questionnaire .l-company-information .c-company-info .l-company-info .company-work-link .job-count,
      body.template-questionnaire-career .l-company-information .c-company-info .l-company-info .company-work-link .job-count {
        margin-left: 3px;
        padding: 0 5px;
        height: 20px;
        border-radius: 10px;
        background-color: #76aa09;
        font-size: 12px;
        color: #fff;
        text-align: center;
        line-height: 20px;
        transition: 0.2s; }
      body.template-questionnaire .l-company-information .c-company-info .l-company-info .company-work-link:hover,
      body.template-questionnaire-career .l-company-information .c-company-info .l-company-info .company-work-link:hover {
        color: #ffa821;
        background: #fcfcfc; }
        body.template-questionnaire .l-company-information .c-company-info .l-company-info .company-work-link:hover .job-count,
        body.template-questionnaire-career .l-company-information .c-company-info .l-company-info .company-work-link:hover .job-count {
          background: #ffa821; }
      body.template-questionnaire .l-company-information .c-company-info .l-company-info .company-work-link > div,
      body.template-questionnaire-career .l-company-information .c-company-info .l-company-info .company-work-link > div {
        float: left; }
    body.template-questionnaire .l-company-information .c-company-info .l-company-info .company-header-ad,
    body.template-questionnaire-career .l-company-information .c-company-info .l-company-info .company-header-ad {
      width: 300px;
      height: 250px;
      position: absolute;
      top: 0;
      right: 0; }
  body.template-questionnaire .l-company-information .c-company-info > div,
  body.template-questionnaire-career .l-company-information .c-company-info > div {
    float: left; }
  body.template-questionnaire .l-company-information .c-company-info:after,
  body.template-questionnaire-career .l-company-information .c-company-info:after {
    content: "";
    display: inline-block;
    clear: left; }

body.template-questionnaire .c-same-name-company,
body.template-questionnaire-career .c-same-name-company {
  position: relative;
  display: inline-block;
  line-height: 24px;
  font-size: 12px; }
  body.template-questionnaire .c-same-name-company .same-name-company-hook a:hover,
  body.template-questionnaire-career .c-same-name-company .same-name-company-hook a:hover {
    text-decoration: none; }
  body.template-questionnaire .c-same-name-company .same-name-company-hook img,
  body.template-questionnaire-career .c-same-name-company .same-name-company-hook img {
    vertical-align: middle;
    margin-right: 2px;
    padding-bottom: 2px; }
  body.template-questionnaire .c-same-name-company .sama-name-company-window,
  body.template-questionnaire-career .c-same-name-company .sama-name-company-window {
    position: absolute;
    display: none;
    top: 32px;
    left: 0;
    width: 230px;
    padding: 10px;
    border: 1px solid;
    border-color: #e0e0e0 transparent transparent #e0e0e0;
    background: #fff;
    box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.25);
    text-align: left;
    z-index: 1000; }
    body.template-questionnaire .c-same-name-company .sama-name-company-window .sama-name-company-title,
    body.template-questionnaire-career .c-same-name-company .sama-name-company-window .sama-name-company-title {
      margin-bottom: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #e0e0e0;
      font-weight: bold; }
    body.template-questionnaire .c-same-name-company .sama-name-company-window:after, body.template-questionnaire .c-same-name-company .sama-name-company-window:before,
    body.template-questionnaire-career .c-same-name-company .sama-name-company-window:after,
    body.template-questionnaire-career .c-same-name-company .sama-name-company-window:before {
      bottom: 100%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    body.template-questionnaire .c-same-name-company .sama-name-company-window:after,
    body.template-questionnaire-career .c-same-name-company .sama-name-company-window:after {
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #fff;
      border-width: 10px;
      left: 23px;
      margin-left: -10px; }
    body.template-questionnaire .c-same-name-company .sama-name-company-window:before,
    body.template-questionnaire-career .c-same-name-company .sama-name-company-window:before {
      border-color: rgba(224, 224, 224, 0);
      border-bottom-color: #e0e0e0;
      border-width: 11px;
      left: 23px;
      margin-left: -11px; }
    body.template-questionnaire .c-same-name-company .sama-name-company-window .tip-close,
    body.template-questionnaire-career .c-same-name-company .sama-name-company-window .tip-close {
      position: absolute;
      right: 10px;
      top: 10px;
      width: 20px;
      height: 0;
      padding-top: 20px;
      background: url(/img/front/common/btn_close.png) no-repeat 0 0;
      cursor: pointer;
      overflow: hidden; }
    body.template-questionnaire .c-same-name-company .sama-name-company-window .same-company-names .same-name-company,
    body.template-questionnaire-career .c-same-name-company .sama-name-company-window .same-company-names .same-name-company {
      padding: 8px 0;
      border-top: 1px solid #e0e0e0; }
      body.template-questionnaire .c-same-name-company .sama-name-company-window .same-company-names .same-name-company:first-child,
      body.template-questionnaire-career .c-same-name-company .sama-name-company-window .same-company-names .same-name-company:first-child {
        border-top: none; }
      body.template-questionnaire .c-same-name-company .sama-name-company-window .same-company-names .same-name-company:last-child,
      body.template-questionnaire-career .c-same-name-company .sama-name-company-window .same-company-names .same-name-company:last-child {
        margin-bottom: 0; }
      body.template-questionnaire .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-info,
      body.template-questionnaire-career .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-info {
        font-weight: bold; }
      body.template-questionnaire .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link,
      body.template-questionnaire-career .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link {
        color: #666;
        word-break: break-all; }
        body.template-questionnaire .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link a,
        body.template-questionnaire-career .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link a {
          padding-left: 15px;
          background: url(/img/front/common/icon/icon_other_win.png) 0 45% no-repeat; }
          body.template-questionnaire .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link a:hover,
          body.template-questionnaire-career .c-same-name-company .sama-name-company-window .same-company-names .same-name-company .same-name-company-link a:hover {
            text-decoration: underline; }

body.template-questionnaire .company-announce,
body.template-questionnaire-career .company-announce {
  margin-bottom: 15px;
  padding: 8px;
  background: #fefdec;
  font-size: 14px;
  text-align: center;
  clear: both; }
  body.template-questionnaire .company-announce .company-announce-link,
  body.template-questionnaire-career .company-announce .company-announce-link {
    background: url(/img/front/common/icon/icon_mod_announce.png) left 50% no-repeat;
    padding: 4px 0 2px 24px;
    color: #f00;
    font-weight: bold;
    text-decoration: underline; }
    body.template-questionnaire .company-announce .company-announce-link:hover,
    body.template-questionnaire-career .company-announce .company-announce-link:hover {
      color: #d90000;
      text-decoration: none; }

body.template-questionnaire .company-tab,
body.template-questionnaire-career .company-tab {
  width: 950px;
  padding-left: 220px;
  border-right: 1px solid #e6e6e6;
  margin: 0px auto 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  clear: both; }
  body.template-questionnaire .company-tab .company-tab-link,
  body.template-questionnaire-career .company-tab .company-tab-link {
    width: 25%;
    float: left;
    height: 53px;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 5px 0 8px;
    box-shadow: 0 -2px 0 #F5F5F5 inset;
    border-right: 1px solid #e6e6e6;
    background-color: #fff;
    color: #333;
    text-align: center;
    font-weight: bold;
    transition: 0.2s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    box-sizing: border-box; }
    body.template-questionnaire .company-tab .company-tab-link.is-top-tab-active,
    body.template-questionnaire-career .company-tab .company-tab-link.is-top-tab-active {
      color: #777;
      box-shadow: none;
      background: #EFEFEF; }
    body.template-questionnaire .company-tab .company-tab-link.is-kuchikomi-tab-active,
    body.template-questionnaire-career .company-tab .company-tab-link.is-kuchikomi-tab-active {
      box-shadow: none;
      background: #EFEFEF;
      color: #777; }
    body.template-questionnaire .company-tab .company-tab-link.not-active:hover,
    body.template-questionnaire-career .company-tab .company-tab-link.not-active:hover {
      color: #ffa821;
      background: #fcfcfc; }
    body.template-questionnaire .company-tab .company-tab-link .tab-top-title,
    body.template-questionnaire-career .company-tab .company-tab-link .tab-top-title {
      padding-top: 5px;
      font-size: 20px; }
    body.template-questionnaire .company-tab .company-tab-link .tab-kuchikomi-title,
    body.template-questionnaire-career .company-tab .company-tab-link .tab-kuchikomi-title {
      height: 23px;
      font-size: 17px; }
    body.template-questionnaire .company-tab .company-tab-link .kuchikomi-count,
    body.template-questionnaire-career .company-tab .company-tab-link .kuchikomi-count {
      margin-top: -3px;
      height: 18px;
      color: #ffa821; }
    body.template-questionnaire .company-tab .company-tab-link:first-child,
    body.template-questionnaire-career .company-tab .company-tab-link:first-child {
      border-left: 1px solid #e6e6e6; }
    body.template-questionnaire .company-tab .company-tab-link:last-child,
    body.template-questionnaire-career .company-tab .company-tab-link:last-child {
      border-right: none; }
  body.template-questionnaire .company-tab:after,
  body.template-questionnaire-career .company-tab:after {
    content: "";
    display: block;
    clear: left; }

body.template-questionnaire .l-company-header,
body.template-questionnaire-career .l-company-header {
  width: 950px;
  margin: 0 auto; }

body.template-questionnaire .c-bottom-ad,
body.template-questionnaire-career .c-bottom-ad {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
  text-align: center;
  overflow: hidden; }
  body.template-questionnaire .c-bottom-ad .bottom-left-ad, body.template-questionnaire .c-bottom-ad .bottom-right-ad,
  body.template-questionnaire-career .c-bottom-ad .bottom-left-ad,
  body.template-questionnaire-career .c-bottom-ad .bottom-right-ad {
    width: 49%; }
  body.template-questionnaire .c-bottom-ad .bottom-left-ad,
  body.template-questionnaire-career .c-bottom-ad .bottom-left-ad {
    float: left; }
  body.template-questionnaire .c-bottom-ad .bottom-right-ad,
  body.template-questionnaire-career .c-bottom-ad .bottom-right-ad {
    float: right; }

body.template-questionnaire .c-company-related-section,
body.template-questionnaire-career .c-company-related-section {
  margin-bottom: 40px; }
  body.template-questionnaire .c-company-related-section .company-related-title,
  body.template-questionnaire-career .c-company-related-section .company-related-title {
    color: #aaa;
    font-weight: nomal;
    font-size: 12px;
    margin: 40px 0 15px;
    border-bottom: 1px solid #e8e8e8; }
    body.template-questionnaire .c-company-related-section .company-related-title em,
    body.template-questionnaire-career .c-company-related-section .company-related-title em {
      line-height: 1;
      margin-bottom: 5px;
      font-weight: bold;
      color: #87c20a;
      display: block;
      font-size: 24px; }
  body.template-questionnaire .c-company-related-section .company-related-content-box,
  body.template-questionnaire-career .c-company-related-section .company-related-content-box {
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
    box-shadow: 0 2px 0 #e8e8e8; }
    body.template-questionnaire .c-company-related-section .company-related-content-box .related-img,
    body.template-questionnaire-career .c-company-related-section .company-related-content-box .related-img {
      display: block;
      float: left;
      width: 102px;
      border: 1px solid #e8e8e8; }
    body.template-questionnaire .c-company-related-section .company-related-content-box .related-detail,
    body.template-questionnaire-career .c-company-related-section .company-related-content-box .related-detail {
      width: 470px;
      float: right; }
    body.template-questionnaire .c-company-related-section .company-related-content-box .detail-title,
    body.template-questionnaire-career .c-company-related-section .company-related-content-box .detail-title {
      font-size: 18px;
      font-weight: bold; }
    body.template-questionnaire .c-company-related-section .company-related-content-box .detail-url,
    body.template-questionnaire-career .c-company-related-section .company-related-content-box .detail-url {
      color: #aaa;
      font-size: 10px;
      margin-bottom: 3px; }
    body.template-questionnaire .c-company-related-section .company-related-content-box .detail-star,
    body.template-questionnaire-career .c-company-related-section .company-related-content-box .detail-star {
      display: inline-block; }
      body.template-questionnaire .c-company-related-section .company-related-content-box .detail-star span,
      body.template-questionnaire-career .c-company-related-section .company-related-content-box .detail-star span {
        font-weight: bold;
        display: inline-block; }
      body.template-questionnaire .c-company-related-section .company-related-content-box .detail-star .point-count,
      body.template-questionnaire-career .c-company-related-section .company-related-content-box .detail-star .point-count {
        display: inline-block;
        background-color: #ff9700;
        border-radius: 4px;
        padding: 0 4px;
        color: #fff;
        font-weight: bold; }
    body.template-questionnaire .c-company-related-section .company-related-content-box .detail-place,
    body.template-questionnaire-career .c-company-related-section .company-related-content-box .detail-place {
      display: inline-block;
      margin-left: 10px; }
    body.template-questionnaire .c-company-related-section .company-related-content-box .recent-kuchikomi,
    body.template-questionnaire-career .c-company-related-section .company-related-content-box .recent-kuchikomi {
      color: #333;
      display: block;
      margin-top: 5px;
      margin-bottom: 10px; }
      body.template-questionnaire .c-company-related-section .company-related-content-box .recent-kuchikomi .kuchikomi-new,
      body.template-questionnaire-career .c-company-related-section .company-related-content-box .recent-kuchikomi .kuchikomi-new {
        display: inline-block;
        color: #ffa821;
        font-weight: bold;
        margin-right: 5px; }
      body.template-questionnaire .c-company-related-section .company-related-content-box .recent-kuchikomi .kuchikomi-lead,
      body.template-questionnaire-career .c-company-related-section .company-related-content-box .recent-kuchikomi .kuchikomi-lead {
        font-size: 13px; }
      body.template-questionnaire .c-company-related-section .company-related-content-box .recent-kuchikomi .read-more,
      body.template-questionnaire-career .c-company-related-section .company-related-content-box .recent-kuchikomi .read-more {
        text-decoration: underline;
        color: #1287d5;
        font-weight: bold; }

body.template-questionnaire .category-select-box,
body.template-questionnaire-career .category-select-box {
  text-align: center;
  background: #F3F3F3;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 4px; }

body.template-questionnaire .evalaute-category-select,
body.template-questionnaire-career .evalaute-category-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 8px;
  font-size: 14px;
  border: 1px solid #ccc;
  background: #fff url("/img/sp/cmn/select-arrow.png") center right no-repeat;
  display: inline-block;
  width: 420px; }

body.template-questionnaire .category-select-title,
body.template-questionnaire-career .category-select-title {
  display: inline-block;
  font-weight: bold;
  font-size: 16px;
  margin: 0 10px;
  vertical-align: middle; }

body.template-questionnaire .c-company-category-list,
body.template-questionnaire-career .c-company-category-list {
  margin-bottom: 40px;
  box-sizing: border-box; }
  body.template-questionnaire .c-company-category-list *,
  body.template-questionnaire .c-company-category-list *:before,
  body.template-questionnaire .c-company-category-list *:after,
  body.template-questionnaire-career .c-company-category-list *,
  body.template-questionnaire-career .c-company-category-list *:before,
  body.template-questionnaire-career .c-company-category-list *:after {
    box-sizing: inherit; }
  body.template-questionnaire .c-company-category-list .category-list-title,
  body.template-questionnaire-career .c-company-category-list .category-list-title {
    line-height: 1;
    margin-bottom: 5px;
    font-weight: bold;
    color: #87c20a;
    display: block;
    font-size: 24px; }
  body.template-questionnaire .c-company-category-list .list-body,
  body.template-questionnaire-career .c-company-category-list .list-body {
    background: #e8e8e8;
    padding: 1px 1px 2px 2px;
    overflow: hidden; }
    body.template-questionnaire .c-company-category-list .list-body li,
    body.template-questionnaire-career .c-company-category-list .list-body li {
      float: left;
      box-sizing: border-box;
      width: 50%;
      display: block; }
      body.template-questionnaire .c-company-category-list .list-body li span, body.template-questionnaire .c-company-category-list .list-body li a,
      body.template-questionnaire-career .c-company-category-list .list-body li span,
      body.template-questionnaire-career .c-company-category-list .list-body li a {
        display: block;
        width: 100%;
        background: #fff;
        text-overflow: ellipsis;
        margin: 1px 1px 0 0;
        padding: 10px;
        border-right: 1px solid #e8e8e8;
        font-size: 14px; }
      body.template-questionnaire .c-company-category-list .list-body li a:hover,
      body.template-questionnaire-career .c-company-category-list .list-body li a:hover {
        background: #fff5e1; }

body.template-questionnaire .c-company-question-category-list,
body.template-questionnaire-career .c-company-question-category-list {
  margin-bottom: 40px;
  box-sizing: border-box; }
  body.template-questionnaire .c-company-question-category-list *,
  body.template-questionnaire .c-company-question-category-list *:before,
  body.template-questionnaire .c-company-question-category-list *:after,
  body.template-questionnaire-career .c-company-question-category-list *,
  body.template-questionnaire-career .c-company-question-category-list *:before,
  body.template-questionnaire-career .c-company-question-category-list *:after {
    box-sizing: inherit; }
  body.template-questionnaire .c-company-question-category-list .category-list-title,
  body.template-questionnaire-career .c-company-question-category-list .category-list-title {
    line-height: 1;
    margin-bottom: 5px;
    font-weight: bold;
    color: #87c20a;
    display: block;
    font-size: 24px; }
  body.template-questionnaire .c-company-question-category-list .list-body,
  body.template-questionnaire-career .c-company-question-category-list .list-body {
    background: #e8e8e8;
    padding: 1px 1px 2px 2px;
    overflow: hidden; }
    body.template-questionnaire .c-company-question-category-list .list-body li,
    body.template-questionnaire-career .c-company-question-category-list .list-body li {
      float: left;
      box-sizing: border-box;
      width: 50%;
      display: block; }
      body.template-questionnaire .c-company-question-category-list .list-body li span, body.template-questionnaire .c-company-question-category-list .list-body li a,
      body.template-questionnaire-career .c-company-question-category-list .list-body li span,
      body.template-questionnaire-career .c-company-question-category-list .list-body li a {
        display: block;
        width: 100%;
        background: #fff;
        text-overflow: ellipsis;
        margin: 1px 1px 0 0;
        padding: 10px;
        border-right: 1px solid #e8e8e8;
        font-size: 12px; }
      body.template-questionnaire .c-company-question-category-list .list-body li a:hover,
      body.template-questionnaire-career .c-company-question-category-list .list-body li a:hover {
        background: #fff5e1; }

body.template-questionnaire .company-nav-etc,
body.template-questionnaire-career .company-nav-etc {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 20px; }
  body.template-questionnaire .company-nav-etc div,
  body.template-questionnaire-career .company-nav-etc div {
    float: left;
    width: 33%;
    border: 2px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-left: none; }
    body.template-questionnaire .company-nav-etc div a,
    body.template-questionnaire-career .company-nav-etc div a {
      display: block;
      padding: 10px;
      font-size: 12px;
      text-align: center; }
      body.template-questionnaire .company-nav-etc div a:hover,
      body.template-questionnaire-career .company-nav-etc div a:hover {
        text-decoration: underline; }
  body.template-questionnaire .company-nav-etc div:first-child a,
  body.template-questionnaire-career .company-nav-etc div:first-child a {
    border-left: 2px solid #e8e8e8; }
  body.template-questionnaire .company-nav-etc div:last-child a,
  body.template-questionnaire-career .company-nav-etc div:last-child a {
    border-right: 1px solid #e8e8e8; }

body.template-questionnaire .c-company-contents,
body.template-questionnaire-career .c-company-contents {
  margin-bottom: 30px; }
  body.template-questionnaire .c-company-contents .contents-title,
  body.template-questionnaire-career .c-company-contents .contents-title {
    font-size: 21px; }
    body.template-questionnaire .c-company-contents .contents-title .company-name,
    body.template-questionnaire-career .c-company-contents .contents-title .company-name {
      font-size: 12px;
      color: #ccc; }

body.template-company-top .c-ability-earns-box,
body.template-company-kuchikomi .c-ability-earns-box,
body.template-company-graph .c-ability-earns-box,
body.template-external-articles .c-ability-earns-box,
body.template-company-work .c-ability-earns-box,
body.template-company-answer .c-ability-earns-box,
body.template-questionnaire .c-ability-earns-box,
body.template-questionnaire-career .c-ability-earns-box {
  padding: 0 10px 10px 0;
  font-size: 12px;
  margin-left: -56px;
  display: table; }
  body.template-company-top .c-ability-earns-box .earn-box,
  body.template-company-kuchikomi .c-ability-earns-box .earn-box,
  body.template-company-graph .c-ability-earns-box .earn-box,
  body.template-external-articles .c-ability-earns-box .earn-box,
  body.template-company-work .c-ability-earns-box .earn-box,
  body.template-company-answer .c-ability-earns-box .earn-box,
  body.template-questionnaire .c-ability-earns-box .earn-box,
  body.template-questionnaire-career .c-ability-earns-box .earn-box {
    background: #ffa821;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    display: table-cell;
    white-space: nowrap; }
  body.template-company-top .c-ability-earns-box .other-box,
  body.template-company-kuchikomi .c-ability-earns-box .other-box,
  body.template-company-graph .c-ability-earns-box .other-box,
  body.template-external-articles .c-ability-earns-box .other-box,
  body.template-company-work .c-ability-earns-box .other-box,
  body.template-company-answer .c-ability-earns-box .other-box,
  body.template-questionnaire .c-ability-earns-box .other-box,
  body.template-questionnaire-career .c-ability-earns-box .other-box {
    display: table-cell;
    font-size: 12px;
    background: #FFEED4;
    color: #B3710A; }
  body.template-company-top .c-ability-earns-box .other-box-content,
  body.template-company-kuchikomi .c-ability-earns-box .other-box-content,
  body.template-company-graph .c-ability-earns-box .other-box-content,
  body.template-external-articles .c-ability-earns-box .other-box-content,
  body.template-company-work .c-ability-earns-box .other-box-content,
  body.template-company-answer .c-ability-earns-box .other-box-content,
  body.template-questionnaire .c-ability-earns-box .other-box-content,
  body.template-questionnaire-career .c-ability-earns-box .other-box-content {
    display: table-cell;
    padding: 5px;
    white-space: nowrap; }
  body.template-company-top .c-ability-earns-box .earn-box-blur,
  body.template-company-kuchikomi .c-ability-earns-box .earn-box-blur,
  body.template-company-graph .c-ability-earns-box .earn-box-blur,
  body.template-external-articles .c-ability-earns-box .earn-box-blur,
  body.template-company-work .c-ability-earns-box .earn-box-blur,
  body.template-company-answer .c-ability-earns-box .earn-box-blur,
  body.template-questionnaire .c-ability-earns-box .earn-box-blur,
  body.template-questionnaire-career .c-ability-earns-box .earn-box-blur {
    -webkit-filter: blur(3px);
            filter: blur(3px); }

body.template-company-top body.template-partner-register .complete .complete-button, body.template-partner-register .complete body.template-company-top .complete-button,
body.template-company-kuchikomi body.template-partner-register .complete .complete-button, body.template-partner-register .complete
body.template-company-kuchikomi .complete-button,
body.template-company-graph body.template-partner-register .complete .complete-button, body.template-partner-register .complete
body.template-company-graph .complete-button,
body.template-external-articles body.template-partner-register .complete .complete-button, body.template-partner-register .complete
body.template-external-articles .complete-button,
body.template-company-work body.template-partner-register .complete .complete-button, body.template-partner-register .complete
body.template-company-work .complete-button,
body.template-company-answer body.template-partner-register .complete .complete-button, body.template-partner-register .complete
body.template-company-answer .complete-button,
body.template-questionnaire body.template-partner-register .complete .complete-button, body.template-partner-register .complete
body.template-questionnaire .complete-button,
body.template-questionnaire-career body.template-partner-register .complete .complete-button, body.template-partner-register .complete
body.template-questionnaire-career .complete-button {
  font-size: 16px;
  padding: 15px 20px; }

body.template-company-top .c-answer-section,
body.template-company-kuchikomi .c-answer-section,
body.template-company-graph .c-answer-section,
body.template-external-articles .c-answer-section,
body.template-company-work .c-answer-section,
body.template-company-answer .c-answer-section,
body.template-questionnaire .c-answer-section,
body.template-questionnaire-career .c-answer-section {
  box-sizing: border-box;
  background: white;
  margin: 10px 0px 40px;
  font-size: 14px; }
  body.template-company-top .c-answer-section .emotional-rating,
  body.template-company-kuchikomi .c-answer-section .emotional-rating,
  body.template-company-graph .c-answer-section .emotional-rating,
  body.template-external-articles .c-answer-section .emotional-rating,
  body.template-company-work .c-answer-section .emotional-rating,
  body.template-company-answer .c-answer-section .emotional-rating,
  body.template-questionnaire .c-answer-section .emotional-rating,
  body.template-questionnaire-career .c-answer-section .emotional-rating {
    background: url(../../img/common/company/face-icon-joy.png);
    background-repeat: no-repeat;
    background-size: 50px;
    height: 50px;
    width: 50px;
    float: left;
    margin-right: 10px; }
  body.template-company-top .c-answer-section .rating-none,
  body.template-company-kuchikomi .c-answer-section .rating-none,
  body.template-company-graph .c-answer-section .rating-none,
  body.template-external-articles .c-answer-section .rating-none,
  body.template-company-work .c-answer-section .rating-none,
  body.template-company-answer .c-answer-section .rating-none,
  body.template-questionnaire .c-answer-section .rating-none,
  body.template-questionnaire-career .c-answer-section .rating-none {
    background-image: url(../../img/common/company/face-icon-none.png); }
  body.template-company-top .c-answer-section .rating-5,
  body.template-company-kuchikomi .c-answer-section .rating-5,
  body.template-company-graph .c-answer-section .rating-5,
  body.template-external-articles .c-answer-section .rating-5,
  body.template-company-work .c-answer-section .rating-5,
  body.template-company-answer .c-answer-section .rating-5,
  body.template-questionnaire .c-answer-section .rating-5,
  body.template-questionnaire-career .c-answer-section .rating-5 {
    background-image: url(../../img/common/company/face-icon-happy.png); }
  body.template-company-top .c-answer-section .rating-3,
  body.template-company-top .c-answer-section .rating-4,
  body.template-company-kuchikomi .c-answer-section .rating-3,
  body.template-company-kuchikomi .c-answer-section .rating-4,
  body.template-company-graph .c-answer-section .rating-3,
  body.template-company-graph .c-answer-section .rating-4,
  body.template-external-articles .c-answer-section .rating-3,
  body.template-external-articles .c-answer-section .rating-4,
  body.template-company-work .c-answer-section .rating-3,
  body.template-company-work .c-answer-section .rating-4,
  body.template-company-answer .c-answer-section .rating-3,
  body.template-company-answer .c-answer-section .rating-4,
  body.template-questionnaire .c-answer-section .rating-3,
  body.template-questionnaire .c-answer-section .rating-4,
  body.template-questionnaire-career .c-answer-section .rating-3,
  body.template-questionnaire-career .c-answer-section .rating-4 {
    background-image: url(../../img/common/company/face-icon-joy.png); }
  body.template-company-top .c-answer-section .rating-2,
  body.template-company-kuchikomi .c-answer-section .rating-2,
  body.template-company-graph .c-answer-section .rating-2,
  body.template-external-articles .c-answer-section .rating-2,
  body.template-company-work .c-answer-section .rating-2,
  body.template-company-answer .c-answer-section .rating-2,
  body.template-questionnaire .c-answer-section .rating-2,
  body.template-questionnaire-career .c-answer-section .rating-2 {
    background-image: url(../../img/common/company/face-icon-soso.png); }
  body.template-company-top .c-answer-section .rating-1,
  body.template-company-kuchikomi .c-answer-section .rating-1,
  body.template-company-graph .c-answer-section .rating-1,
  body.template-external-articles .c-answer-section .rating-1,
  body.template-company-work .c-answer-section .rating-1,
  body.template-company-answer .c-answer-section .rating-1,
  body.template-questionnaire .c-answer-section .rating-1,
  body.template-questionnaire-career .c-answer-section .rating-1 {
    background-image: url(../../img/common/company/face-icon-sad.png); }
  body.template-company-top .c-answer-section .answer-heading,
  body.template-company-kuchikomi .c-answer-section .answer-heading,
  body.template-company-graph .c-answer-section .answer-heading,
  body.template-external-articles .c-answer-section .answer-heading,
  body.template-company-work .c-answer-section .answer-heading,
  body.template-company-answer .c-answer-section .answer-heading,
  body.template-questionnaire .c-answer-section .answer-heading,
  body.template-questionnaire-career .c-answer-section .answer-heading {
    padding: 10px 10px 10px 0;
    font-weight: bold;
    font-size: 16px;
    overflow: hidden; }
    body.template-company-top .c-answer-section .answer-heading .question-answers-count,
    body.template-company-kuchikomi .c-answer-section .answer-heading .question-answers-count,
    body.template-company-graph .c-answer-section .answer-heading .question-answers-count,
    body.template-external-articles .c-answer-section .answer-heading .question-answers-count,
    body.template-company-work .c-answer-section .answer-heading .question-answers-count,
    body.template-company-answer .c-answer-section .answer-heading .question-answers-count,
    body.template-questionnaire .c-answer-section .answer-heading .question-answers-count,
    body.template-questionnaire-career .c-answer-section .answer-heading .question-answers-count {
      display: inline-block;
      position: relative;
      font-size: 75%;
      top: -1px; }
  body.template-company-top .c-answer-section .answer-review,
  body.template-company-kuchikomi .c-answer-section .answer-review,
  body.template-company-graph .c-answer-section .answer-review,
  body.template-external-articles .c-answer-section .answer-review,
  body.template-company-work .c-answer-section .answer-review,
  body.template-company-answer .c-answer-section .answer-review,
  body.template-questionnaire .c-answer-section .answer-review,
  body.template-questionnaire-career .c-answer-section .answer-review {
    padding: 5px 10px 5px 33px;
    margin-left: 23px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 16px;
    line-height: 1.7;
    border-left: 2px solid #eee; }
    body.template-company-top .c-answer-section .answer-review .masked-text-length,
    body.template-company-kuchikomi .c-answer-section .answer-review .masked-text-length,
    body.template-company-graph .c-answer-section .answer-review .masked-text-length,
    body.template-external-articles .c-answer-section .answer-review .masked-text-length,
    body.template-company-work .c-answer-section .answer-review .masked-text-length,
    body.template-company-answer .c-answer-section .answer-review .masked-text-length,
    body.template-questionnaire .c-answer-section .answer-review .masked-text-length,
    body.template-questionnaire-career .c-answer-section .answer-review .masked-text-length {
      display: inline-block;
      font-size: 12px;
      color: #1080CB; }
  body.template-company-top .c-answer-section .answer-questionee,
  body.template-company-kuchikomi .c-answer-section .answer-questionee,
  body.template-company-graph .c-answer-section .answer-questionee,
  body.template-external-articles .c-answer-section .answer-questionee,
  body.template-company-work .c-answer-section .answer-questionee,
  body.template-company-answer .c-answer-section .answer-questionee,
  body.template-questionnaire .c-answer-section .answer-questionee,
  body.template-questionnaire-career .c-answer-section .answer-questionee {
    font-size: 12px; }
    body.template-company-top .c-answer-section .answer-questionee .questionee-item,
    body.template-company-kuchikomi .c-answer-section .answer-questionee .questionee-item,
    body.template-company-graph .c-answer-section .answer-questionee .questionee-item,
    body.template-external-articles .c-answer-section .answer-questionee .questionee-item,
    body.template-company-work .c-answer-section .answer-questionee .questionee-item,
    body.template-company-answer .c-answer-section .answer-questionee .questionee-item,
    body.template-questionnaire .c-answer-section .answer-questionee .questionee-item,
    body.template-questionnaire-career .c-answer-section .answer-questionee .questionee-item {
      display: inline-block;
      margin-right: 5px;
      border-radius: 4px;
      color: #666; }
  body.template-company-top .c-answer-section .answer-info,
  body.template-company-kuchikomi .c-answer-section .answer-info,
  body.template-company-graph .c-answer-section .answer-info,
  body.template-external-articles .c-answer-section .answer-info,
  body.template-company-work .c-answer-section .answer-info,
  body.template-company-answer .c-answer-section .answer-info,
  body.template-questionnaire .c-answer-section .answer-info,
  body.template-questionnaire-career .c-answer-section .answer-info {
    margin: 0;
    padding: 10px 10px 10px 20px;
    text-align: left;
    font-size: 10px; }
    body.template-company-top .c-answer-section .answer-info .answer-review-id,
    body.template-company-kuchikomi .c-answer-section .answer-info .answer-review-id,
    body.template-company-graph .c-answer-section .answer-info .answer-review-id,
    body.template-external-articles .c-answer-section .answer-info .answer-review-id,
    body.template-company-work .c-answer-section .answer-info .answer-review-id,
    body.template-company-answer .c-answer-section .answer-info .answer-review-id,
    body.template-questionnaire .c-answer-section .answer-info .answer-review-id,
    body.template-questionnaire-career .c-answer-section .answer-info .answer-review-id {
      padding-left: 7px; }
  body.template-company-top .c-answer-section .blur-mask,
  body.template-company-kuchikomi .c-answer-section .blur-mask,
  body.template-company-graph .c-answer-section .blur-mask,
  body.template-external-articles .c-answer-section .blur-mask,
  body.template-company-work .c-answer-section .blur-mask,
  body.template-company-answer .c-answer-section .blur-mask,
  body.template-questionnaire .c-answer-section .blur-mask,
  body.template-questionnaire-career .c-answer-section .blur-mask {
    box-shadow: 0 0 10px 5px #FFFFFF inset;
    box-sizing: border-box;
    width: 100%;
    height: 124px;
    background: url(/img/front/company/text-blur-pc.jpg) no-repeat 0 0;
    box-shadow: 0 0 4px 4px #fff inset;
    cursor: pointer; }
    body.template-company-top .c-answer-section .blur-mask:hover,
    body.template-company-kuchikomi .c-answer-section .blur-mask:hover,
    body.template-company-graph .c-answer-section .blur-mask:hover,
    body.template-external-articles .c-answer-section .blur-mask:hover,
    body.template-company-work .c-answer-section .blur-mask:hover,
    body.template-company-answer .c-answer-section .blur-mask:hover,
    body.template-questionnaire .c-answer-section .blur-mask:hover,
    body.template-questionnaire-career .c-answer-section .blur-mask:hover {
      background-position: 0 -124px; }
    body.template-company-top .c-answer-section .blur-mask .button-outer,
    body.template-company-kuchikomi .c-answer-section .blur-mask .button-outer,
    body.template-company-graph .c-answer-section .blur-mask .button-outer,
    body.template-external-articles .c-answer-section .blur-mask .button-outer,
    body.template-company-work .c-answer-section .blur-mask .button-outer,
    body.template-company-answer .c-answer-section .blur-mask .button-outer,
    body.template-questionnaire .c-answer-section .blur-mask .button-outer,
    body.template-questionnaire-career .c-answer-section .blur-mask .button-outer {
      width: 100%;
      height: 124px;
      position: relative;
      display: block; }
      body.template-company-top .c-answer-section .blur-mask .button-outer .signup-button,
      body.template-company-kuchikomi .c-answer-section .blur-mask .button-outer .signup-button,
      body.template-company-graph .c-answer-section .blur-mask .button-outer .signup-button,
      body.template-external-articles .c-answer-section .blur-mask .button-outer .signup-button,
      body.template-company-work .c-answer-section .blur-mask .button-outer .signup-button,
      body.template-company-answer .c-answer-section .blur-mask .button-outer .signup-button,
      body.template-questionnaire .c-answer-section .blur-mask .button-outer .signup-button,
      body.template-questionnaire-career .c-answer-section .blur-mask .button-outer .signup-button {
        font-weight: bold;
        position: absolute;
        display: block;
        border: 1px solid #F9F9F9;
        border-radius: 6px;
        line-height: 1.4;
        text-align: center;
        padding: 0.5em;
        background: white;
        margin: 0 auto;
        top: 35%;
        left: 0;
        right: 0;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.7); }
        body.template-company-top .c-answer-section .blur-mask .button-outer .signup-button .answers-count,
        body.template-company-kuchikomi .c-answer-section .blur-mask .button-outer .signup-button .answers-count,
        body.template-company-graph .c-answer-section .blur-mask .button-outer .signup-button .answers-count,
        body.template-external-articles .c-answer-section .blur-mask .button-outer .signup-button .answers-count,
        body.template-company-work .c-answer-section .blur-mask .button-outer .signup-button .answers-count,
        body.template-company-answer .c-answer-section .blur-mask .button-outer .signup-button .answers-count,
        body.template-questionnaire .c-answer-section .blur-mask .button-outer .signup-button .answers-count,
        body.template-questionnaire-career .c-answer-section .blur-mask .button-outer .signup-button .answers-count {
          position: absolute;
          bottom: -18px;
          right: 0;
          left: 0;
          text-align: center;
          margin: 0 auto;
          width: 90px;
          background: #87C20A;
          color: #fff;
          padding: 3px 0px;
          font-size: 15px;
          border-radius: 30px; }
    body.template-company-top .c-answer-section .blur-mask .signup-button,
    body.template-company-kuchikomi .c-answer-section .blur-mask .signup-button,
    body.template-company-graph .c-answer-section .blur-mask .signup-button,
    body.template-external-articles .c-answer-section .blur-mask .signup-button,
    body.template-company-work .c-answer-section .blur-mask .signup-button,
    body.template-company-answer .c-answer-section .blur-mask .signup-button,
    body.template-questionnaire .c-answer-section .blur-mask .signup-button,
    body.template-questionnaire-career .c-answer-section .blur-mask .signup-button {
      width: 280px; }
      body.template-company-top .c-answer-section .blur-mask .signup-button .answers-company-name,
      body.template-company-kuchikomi .c-answer-section .blur-mask .signup-button .answers-company-name,
      body.template-company-graph .c-answer-section .blur-mask .signup-button .answers-company-name,
      body.template-external-articles .c-answer-section .blur-mask .signup-button .answers-company-name,
      body.template-company-work .c-answer-section .blur-mask .signup-button .answers-company-name,
      body.template-company-answer .c-answer-section .blur-mask .signup-button .answers-company-name,
      body.template-questionnaire .c-answer-section .blur-mask .signup-button .answers-company-name,
      body.template-questionnaire-career .c-answer-section .blur-mask .signup-button .answers-company-name {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      body.template-company-top .c-answer-section .blur-mask .signup-button .mask-text-tail,
      body.template-company-kuchikomi .c-answer-section .blur-mask .signup-button .mask-text-tail,
      body.template-company-graph .c-answer-section .blur-mask .signup-button .mask-text-tail,
      body.template-external-articles .c-answer-section .blur-mask .signup-button .mask-text-tail,
      body.template-company-work .c-answer-section .blur-mask .signup-button .mask-text-tail,
      body.template-company-answer .c-answer-section .blur-mask .signup-button .mask-text-tail,
      body.template-questionnaire .c-answer-section .blur-mask .signup-button .mask-text-tail,
      body.template-questionnaire-career .c-answer-section .blur-mask .signup-button .mask-text-tail {
        font-size: 14px;
        display: block; }
    body.template-company-top .c-answer-section .blur-mask .hsc-button-desc,
    body.template-company-kuchikomi .c-answer-section .blur-mask .hsc-button-desc,
    body.template-company-graph .c-answer-section .blur-mask .hsc-button-desc,
    body.template-external-articles .c-answer-section .blur-mask .hsc-button-desc,
    body.template-company-work .c-answer-section .blur-mask .hsc-button-desc,
    body.template-company-answer .c-answer-section .blur-mask .hsc-button-desc,
    body.template-questionnaire .c-answer-section .blur-mask .hsc-button-desc,
    body.template-questionnaire-career .c-answer-section .blur-mask .hsc-button-desc {
      display: block;
      font-size: 12px; }
  body.template-company-top .c-answer-section .rating-star,
  body.template-company-kuchikomi .c-answer-section .rating-star,
  body.template-company-graph .c-answer-section .rating-star,
  body.template-external-articles .c-answer-section .rating-star,
  body.template-company-work .c-answer-section .rating-star,
  body.template-company-answer .c-answer-section .rating-star,
  body.template-questionnaire .c-answer-section .rating-star,
  body.template-questionnaire-career .c-answer-section .rating-star {
    color: #d1d1d1;
    letter-spacing: -2px;
    font-size: 18px;
    line-height: 18px;
    margin-left: 5px; }
    body.template-company-top .c-answer-section .rating-star .star-on,
    body.template-company-kuchikomi .c-answer-section .rating-star .star-on,
    body.template-company-graph .c-answer-section .rating-star .star-on,
    body.template-external-articles .c-answer-section .rating-star .star-on,
    body.template-company-work .c-answer-section .rating-star .star-on,
    body.template-company-answer .c-answer-section .rating-star .star-on,
    body.template-questionnaire .c-answer-section .rating-star .star-on,
    body.template-questionnaire-career .c-answer-section .rating-star .star-on {
      color: #ffb821; }

body.template-company-top .kuchikomi-notice,
body.template-company-kuchikomi .kuchikomi-notice,
body.template-company-graph .kuchikomi-notice,
body.template-external-articles .kuchikomi-notice,
body.template-company-work .kuchikomi-notice,
body.template-company-answer .kuchikomi-notice,
body.template-questionnaire .kuchikomi-notice,
body.template-questionnaire-career .kuchikomi-notice {
  font-size: 10px;
  padding: 0 10px 10px;
  color: #666; }

body.template-company-top .c-company-no-post,
body.template-company-kuchikomi .c-company-no-post,
body.template-company-graph .c-company-no-post,
body.template-external-articles .c-company-no-post,
body.template-company-work .c-company-no-post,
body.template-company-answer .c-company-no-post,
body.template-questionnaire .c-company-no-post,
body.template-questionnaire-career .c-company-no-post {
  box-sizing: border-box;
  background: #fff5e1;
  border: 1px solid #ccc;
  margin: 20px 0 20px;
  padding: 10px 20px; }
  body.template-company-top .c-company-no-post .no-post-title,
  body.template-company-kuchikomi .c-company-no-post .no-post-title,
  body.template-company-graph .c-company-no-post .no-post-title,
  body.template-external-articles .c-company-no-post .no-post-title,
  body.template-company-work .c-company-no-post .no-post-title,
  body.template-company-answer .c-company-no-post .no-post-title,
  body.template-questionnaire .c-company-no-post .no-post-title,
  body.template-questionnaire-career .c-company-no-post .no-post-title {
    font-size: 18px;
    margin-bottom: 10px;
    color: #ffa821;
    font-weight: bold; }
  body.template-company-top .c-company-no-post .none-kuchikomi-post-button,
  body.template-company-kuchikomi .c-company-no-post .none-kuchikomi-post-button,
  body.template-company-graph .c-company-no-post .none-kuchikomi-post-button,
  body.template-external-articles .c-company-no-post .none-kuchikomi-post-button,
  body.template-company-work .c-company-no-post .none-kuchikomi-post-button,
  body.template-company-answer .c-company-no-post .none-kuchikomi-post-button,
  body.template-questionnaire .c-company-no-post .none-kuchikomi-post-button,
  body.template-questionnaire-career .c-company-no-post .none-kuchikomi-post-button {
    display: block;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    padding: 15px 20px 20px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 -4px 0 #efefef inset; }
    body.template-company-top .c-company-no-post .none-kuchikomi-post-button:hover,
    body.template-company-kuchikomi .c-company-no-post .none-kuchikomi-post-button:hover,
    body.template-company-graph .c-company-no-post .none-kuchikomi-post-button:hover,
    body.template-external-articles .c-company-no-post .none-kuchikomi-post-button:hover,
    body.template-company-work .c-company-no-post .none-kuchikomi-post-button:hover,
    body.template-company-answer .c-company-no-post .none-kuchikomi-post-button:hover,
    body.template-questionnaire .c-company-no-post .none-kuchikomi-post-button:hover,
    body.template-questionnaire-career .c-company-no-post .none-kuchikomi-post-button:hover {
      background: #F6FBFF;
      box-shadow: 0 -4px 0 #CEE6F5 inset; }

body.template-company-top .c-deleted-info-box .provider-member-request-deleted em,
body.template-company-kuchikomi .c-deleted-info-box .provider-member-request-deleted em,
body.template-company-graph .c-deleted-info-box .provider-member-request-deleted em,
body.template-external-articles .c-deleted-info-box .provider-member-request-deleted em,
body.template-company-work .c-deleted-info-box .provider-member-request-deleted em,
body.template-company-answer .c-deleted-info-box .provider-member-request-deleted em,
body.template-questionnaire .c-deleted-info-box .provider-member-request-deleted em,
body.template-questionnaire-career .c-deleted-info-box .provider-member-request-deleted em {
  font-weight: bold; }

body.template-company-top .c-deleted-info-box p,
body.template-company-kuchikomi .c-deleted-info-box p,
body.template-company-graph .c-deleted-info-box p,
body.template-external-articles .c-deleted-info-box p,
body.template-company-work .c-deleted-info-box p,
body.template-company-answer .c-deleted-info-box p,
body.template-questionnaire .c-deleted-info-box p,
body.template-questionnaire-career .c-deleted-info-box p {
  padding: 15px; }

body.template-company-top .c-deleted-info-box .info-alert-request,
body.template-company-kuchikomi .c-deleted-info-box .info-alert-request,
body.template-company-graph .c-deleted-info-box .info-alert-request,
body.template-external-articles .c-deleted-info-box .info-alert-request,
body.template-company-work .c-deleted-info-box .info-alert-request,
body.template-company-answer .c-deleted-info-box .info-alert-request,
body.template-questionnaire .c-deleted-info-box .info-alert-request,
body.template-questionnaire-career .c-deleted-info-box .info-alert-request {
  border-left: 4px solid #D8D8D8;
  border-bottom: 1px solid #eee;
  background: #FBFBFB url(../../img/common/company/delete-info.png) no-repeat 10px center;
  background-size: 25px;
  padding-left: 45px; }

body.template-company-top .c-deleted-info-box .link-removed-answers,
body.template-company-kuchikomi .c-deleted-info-box .link-removed-answers,
body.template-company-graph .c-deleted-info-box .link-removed-answers,
body.template-external-articles .c-deleted-info-box .link-removed-answers,
body.template-company-work .c-deleted-info-box .link-removed-answers,
body.template-company-answer .c-deleted-info-box .link-removed-answers,
body.template-questionnaire .c-deleted-info-box .link-removed-answers,
body.template-questionnaire-career .c-deleted-info-box .link-removed-answers {
  padding: 3px 5px;
  display: block;
  background: #F3F3F3;
  text-align: right;
  border-left: 4px solid #D8D8D8; }

body.template-company-top .delete-period-info,
body.template-company-kuchikomi .delete-period-info,
body.template-company-graph .delete-period-info,
body.template-external-articles .delete-period-info,
body.template-company-work .delete-period-info,
body.template-company-answer .delete-period-info,
body.template-questionnaire .delete-period-info,
body.template-questionnaire-career .delete-period-info {
  text-align: right;
  margin-bottom: 10px; }

body.template-company-top .info-delete-policy,
body.template-company-kuchikomi .info-delete-policy,
body.template-company-graph .info-delete-policy,
body.template-external-articles .info-delete-policy,
body.template-company-work .info-delete-policy,
body.template-company-answer .info-delete-policy,
body.template-questionnaire .info-delete-policy,
body.template-questionnaire-career .info-delete-policy {
  border: 1px solid #eee;
  padding: 3px;
  text-align: center; }

body.template-company-top .deleted-label,
body.template-company-kuchikomi .deleted-label,
body.template-company-graph .deleted-label,
body.template-external-articles .deleted-label,
body.template-company-work .deleted-label,
body.template-company-answer .deleted-label,
body.template-questionnaire .deleted-label,
body.template-questionnaire-career .deleted-label {
  font-size: 13px;
  color: #F5AA37;
  font-weight: bold;
  padding: 5px;
  background: url(../../img/common/company/delete-info.png) no-repeat 12px center;
  background-size: 25px;
  padding-left: 45px; }

body.template-company-top .c-answer-vote,
body.template-company-kuchikomi .c-answer-vote,
body.template-company-graph .c-answer-vote,
body.template-external-articles .c-answer-vote,
body.template-company-work .c-answer-vote,
body.template-company-answer .c-answer-vote,
body.template-questionnaire .c-answer-vote,
body.template-questionnaire-career .c-answer-vote {
  margin-top: 1.5em;
  text-align: left;
  font-size: 0.8em;
  overflow: hidden; }
  body.template-company-top .c-answer-vote .answer-votes,
  body.template-company-kuchikomi .c-answer-vote .answer-votes,
  body.template-company-graph .c-answer-vote .answer-votes,
  body.template-external-articles .c-answer-vote .answer-votes,
  body.template-company-work .c-answer-vote .answer-votes,
  body.template-company-answer .c-answer-vote .answer-votes,
  body.template-questionnaire .c-answer-vote .answer-votes,
  body.template-questionnaire-career .c-answer-vote .answer-votes {
    float: right; }
  body.template-company-top .c-answer-vote .vote-button,
  body.template-company-kuchikomi .c-answer-vote .vote-button,
  body.template-company-graph .c-answer-vote .vote-button,
  body.template-external-articles .c-answer-vote .vote-button,
  body.template-company-work .c-answer-vote .vote-button,
  body.template-company-answer .c-answer-vote .vote-button,
  body.template-questionnaire .c-answer-vote .vote-button,
  body.template-questionnaire-career .c-answer-vote .vote-button {
    width: 4em;
    text-align: center;
    border-radius: 4px;
    background: white;
    font-weight: bold;
    border: 1px solid #ddd;
    border-bottom: 2px solid #ddd;
    padding: 2px;
    display: inline-block; }
    body.template-company-top .c-answer-vote .vote-button:hover,
    body.template-company-kuchikomi .c-answer-vote .vote-button:hover,
    body.template-company-graph .c-answer-vote .vote-button:hover,
    body.template-external-articles .c-answer-vote .vote-button:hover,
    body.template-company-work .c-answer-vote .vote-button:hover,
    body.template-company-answer .c-answer-vote .vote-button:hover,
    body.template-questionnaire .c-answer-vote .vote-button:hover,
    body.template-questionnaire-career .c-answer-vote .vote-button:hover {
      color: #ffa821;
      background: #fcfcfc; }

body.template-company-top .premium-banner,
body.template-company-kuchikomi .premium-banner,
body.template-company-graph .premium-banner,
body.template-external-articles .premium-banner,
body.template-company-work .premium-banner,
body.template-company-answer .premium-banner,
body.template-questionnaire .premium-banner,
body.template-questionnaire-career .premium-banner {
  background-color: #ce0d51;
  padding: 10px 20px;
  font-size: 17px;
  margin-bottom: 15px;
  text-align: center; }
  body.template-company-top .premium-banner .how-to-message,
  body.template-company-kuchikomi .premium-banner .how-to-message,
  body.template-company-graph .premium-banner .how-to-message,
  body.template-external-articles .premium-banner .how-to-message,
  body.template-company-work .premium-banner .how-to-message,
  body.template-company-answer .premium-banner .how-to-message,
  body.template-questionnaire .premium-banner .how-to-message,
  body.template-questionnaire-career .premium-banner .how-to-message {
    color: #fff;
    font-size: 1em;
    font-weight: bold; }
  body.template-company-top .premium-banner .thanks-message,
  body.template-company-kuchikomi .premium-banner .thanks-message,
  body.template-company-graph .premium-banner .thanks-message,
  body.template-external-articles .premium-banner .thanks-message,
  body.template-company-work .premium-banner .thanks-message,
  body.template-company-answer .premium-banner .thanks-message,
  body.template-questionnaire .premium-banner .thanks-message,
  body.template-questionnaire-career .premium-banner .thanks-message {
    color: #fff;
    font-size: 13px;
    font-weight: bold; }

body.template-company-top .banner-allow,
body.template-company-kuchikomi .banner-allow,
body.template-company-graph .banner-allow,
body.template-external-articles .banner-allow,
body.template-company-work .banner-allow,
body.template-company-answer .banner-allow,
body.template-questionnaire .banner-allow,
body.template-questionnaire-career .banner-allow {
  display: none; }

body.template-company-top .btn-kuchikomi-wrapper,
body.template-company-kuchikomi .btn-kuchikomi-wrapper,
body.template-company-graph .btn-kuchikomi-wrapper,
body.template-external-articles .btn-kuchikomi-wrapper,
body.template-company-work .btn-kuchikomi-wrapper,
body.template-company-answer .btn-kuchikomi-wrapper,
body.template-questionnaire .btn-kuchikomi-wrapper,
body.template-questionnaire-career .btn-kuchikomi-wrapper {
  padding: 10px 0px;
  min-height: 50px; }
  body.template-company-top .btn-kuchikomi-wrapper .btn-kuchikomi,
  body.template-company-kuchikomi .btn-kuchikomi-wrapper .btn-kuchikomi,
  body.template-company-graph .btn-kuchikomi-wrapper .btn-kuchikomi,
  body.template-external-articles .btn-kuchikomi-wrapper .btn-kuchikomi,
  body.template-company-work .btn-kuchikomi-wrapper .btn-kuchikomi,
  body.template-company-answer .btn-kuchikomi-wrapper .btn-kuchikomi,
  body.template-questionnaire .btn-kuchikomi-wrapper .btn-kuchikomi,
  body.template-questionnaire-career .btn-kuchikomi-wrapper .btn-kuchikomi {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    background-color: #fff;
    border-radius: 6px;
    font-size: 1em;
    font-weight: bold;
    color: #333;
    box-shadow: 0px 5px #d4d4d4;
    text-align: center; }
    body.template-company-top .btn-kuchikomi-wrapper .btn-kuchikomi .free-label,
    body.template-company-kuchikomi .btn-kuchikomi-wrapper .btn-kuchikomi .free-label,
    body.template-company-graph .btn-kuchikomi-wrapper .btn-kuchikomi .free-label,
    body.template-external-articles .btn-kuchikomi-wrapper .btn-kuchikomi .free-label,
    body.template-company-work .btn-kuchikomi-wrapper .btn-kuchikomi .free-label,
    body.template-company-answer .btn-kuchikomi-wrapper .btn-kuchikomi .free-label,
    body.template-questionnaire .btn-kuchikomi-wrapper .btn-kuchikomi .free-label,
    body.template-questionnaire-career .btn-kuchikomi-wrapper .btn-kuchikomi .free-label {
      background-color: #fa9900;
      color: #fff;
      padding: 4px;
      font-size: 0.8em;
      font-weight: bold;
      border-radius: 2px;
      margin-right: 4px; }
    body.template-company-top .btn-kuchikomi-wrapper .btn-kuchikomi:active,
    body.template-company-kuchikomi .btn-kuchikomi-wrapper .btn-kuchikomi:active,
    body.template-company-graph .btn-kuchikomi-wrapper .btn-kuchikomi:active,
    body.template-external-articles .btn-kuchikomi-wrapper .btn-kuchikomi:active,
    body.template-company-work .btn-kuchikomi-wrapper .btn-kuchikomi:active,
    body.template-company-answer .btn-kuchikomi-wrapper .btn-kuchikomi:active,
    body.template-questionnaire .btn-kuchikomi-wrapper .btn-kuchikomi:active,
    body.template-questionnaire-career .btn-kuchikomi-wrapper .btn-kuchikomi:active {
      margin-top: 4px;
      background-color: #e8e8e8;
      box-shadow: 0px 3px #d4d4d4; }

body.template-company-top .browse-by-point,
body.template-company-kuchikomi .browse-by-point,
body.template-company-graph .browse-by-point,
body.template-external-articles .browse-by-point,
body.template-company-work .browse-by-point,
body.template-company-answer .browse-by-point,
body.template-questionnaire .browse-by-point,
body.template-questionnaire-career .browse-by-point {
  display: block;
  width: 33%;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: 0px;
  font-weight: bold;
  font-size: 13px; }
  body.template-company-top .browse-by-point:before,
  body.template-company-kuchikomi .browse-by-point:before,
  body.template-company-graph .browse-by-point:before,
  body.template-external-articles .browse-by-point:before,
  body.template-company-work .browse-by-point:before,
  body.template-company-answer .browse-by-point:before,
  body.template-questionnaire .browse-by-point:before,
  body.template-questionnaire-career .browse-by-point:before {
    content: '>'; }

body.template-company-top .c-answers-filter,
body.template-company-kuchikomi .c-answers-filter,
body.template-company-graph .c-answers-filter,
body.template-external-articles .c-answers-filter,
body.template-company-work .c-answers-filter,
body.template-company-answer .c-answers-filter,
body.template-questionnaire .c-answers-filter,
body.template-questionnaire-career .c-answers-filter {
  border-radius: 4px;
  background: #F7F7F7;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  height: 160px; }
  body.template-company-top .c-answers-filter .answer-filter-blur-area,
  body.template-company-kuchikomi .c-answers-filter .answer-filter-blur-area,
  body.template-company-graph .c-answers-filter .answer-filter-blur-area,
  body.template-external-articles .c-answers-filter .answer-filter-blur-area,
  body.template-company-work .c-answers-filter .answer-filter-blur-area,
  body.template-company-answer .c-answers-filter .answer-filter-blur-area,
  body.template-questionnaire .c-answers-filter .answer-filter-blur-area,
  body.template-questionnaire-career .c-answers-filter .answer-filter-blur-area {
    overflow: hidden; }
  body.template-company-top .c-answers-filter .answer-filters,
  body.template-company-kuchikomi .c-answers-filter .answer-filters,
  body.template-company-graph .c-answers-filter .answer-filters,
  body.template-external-articles .c-answers-filter .answer-filters,
  body.template-company-work .c-answers-filter .answer-filters,
  body.template-company-answer .c-answers-filter .answer-filters,
  body.template-questionnaire .c-answers-filter .answer-filters,
  body.template-questionnaire-career .c-answers-filter .answer-filters {
    margin: 10px 10px 40px 10px;
    float: left; }
  body.template-company-top .c-answers-filter .filters-left,
  body.template-company-kuchikomi .c-answers-filter .filters-left,
  body.template-company-graph .c-answers-filter .filters-left,
  body.template-external-articles .c-answers-filter .filters-left,
  body.template-company-work .c-answers-filter .filters-left,
  body.template-company-answer .c-answers-filter .filters-left,
  body.template-questionnaire .c-answers-filter .filters-left,
  body.template-questionnaire-career .c-answers-filter .filters-left {
    width: 233px; }
  body.template-company-top .c-answers-filter .filters-right,
  body.template-company-kuchikomi .c-answers-filter .filters-right,
  body.template-company-graph .c-answers-filter .filters-right,
  body.template-external-articles .c-answers-filter .filters-right,
  body.template-company-work .c-answers-filter .filters-right,
  body.template-company-answer .c-answers-filter .filters-right,
  body.template-questionnaire .c-answers-filter .filters-right,
  body.template-questionnaire-career .c-answers-filter .filters-right {
    width: 340px; }
  body.template-company-top .c-answers-filter .answer-filters-title,
  body.template-company-kuchikomi .c-answers-filter .answer-filters-title,
  body.template-company-graph .c-answers-filter .answer-filters-title,
  body.template-external-articles .c-answers-filter .answer-filters-title,
  body.template-company-work .c-answers-filter .answer-filters-title,
  body.template-company-answer .c-answers-filter .answer-filters-title,
  body.template-questionnaire .c-answers-filter .answer-filters-title,
  body.template-questionnaire-career .c-answers-filter .answer-filters-title {
    border-bottom: 1px solid #eee;
    margin: 0 0 10px 0;
    font-weight: bold;
    font-size: 14px; }
  body.template-company-top .c-answers-filter .answers-filter-link,
  body.template-company-kuchikomi .c-answers-filter .answers-filter-link,
  body.template-company-graph .c-answers-filter .answers-filter-link,
  body.template-external-articles .c-answers-filter .answers-filter-link,
  body.template-company-work .c-answers-filter .answers-filter-link,
  body.template-company-answer .c-answers-filter .answers-filter-link,
  body.template-questionnaire .c-answers-filter .answers-filter-link,
  body.template-questionnaire-career .c-answers-filter .answers-filter-link {
    display: block;
    padding: 5px 5px 5px 20px;
    background-size: 6px 6px;
    border: 1px solid #eee;
    margin: 5px 0;
    border-radius: 4px; }
    body.template-company-top .c-answers-filter .answers-filter-link:hover,
    body.template-company-kuchikomi .c-answers-filter .answers-filter-link:hover,
    body.template-company-graph .c-answers-filter .answers-filter-link:hover,
    body.template-external-articles .c-answers-filter .answers-filter-link:hover,
    body.template-company-work .c-answers-filter .answers-filter-link:hover,
    body.template-company-answer .c-answers-filter .answers-filter-link:hover,
    body.template-questionnaire .c-answers-filter .answers-filter-link:hover,
    body.template-questionnaire-career .c-answers-filter .answers-filter-link:hover {
      border: 1px solid #8AC03C; }
    body.template-company-top .c-answers-filter .answers-filter-link .answers-number,
    body.template-company-kuchikomi .c-answers-filter .answers-filter-link .answers-number,
    body.template-company-graph .c-answers-filter .answers-filter-link .answers-number,
    body.template-external-articles .c-answers-filter .answers-filter-link .answers-number,
    body.template-company-work .c-answers-filter .answers-filter-link .answers-number,
    body.template-company-answer .c-answers-filter .answers-filter-link .answers-number,
    body.template-questionnaire .c-answers-filter .answers-filter-link .answers-number,
    body.template-questionnaire-career .c-answers-filter .answers-filter-link .answers-number {
      display: inline-block;
      background: #F7F7F7;
      color: #FFA821;
      font-weight: bold;
      padding: 1px 5px;
      border-radius: 20px;
      font-size: 10px;
      border: 1px solid #ECECEC; }
    body.template-company-top .c-answers-filter .answers-filter-link .number-none,
    body.template-company-kuchikomi .c-answers-filter .answers-filter-link .number-none,
    body.template-company-graph .c-answers-filter .answers-filter-link .number-none,
    body.template-external-articles .c-answers-filter .answers-filter-link .number-none,
    body.template-company-work .c-answers-filter .answers-filter-link .number-none,
    body.template-company-answer .c-answers-filter .answers-filter-link .number-none,
    body.template-questionnaire .c-answers-filter .answers-filter-link .number-none,
    body.template-questionnaire-career .c-answers-filter .answers-filter-link .number-none {
      color: #CACACA;
      border: none; }
  body.template-company-top .c-answers-filter .no-answers:hover,
  body.template-company-kuchikomi .c-answers-filter .no-answers:hover,
  body.template-company-graph .c-answers-filter .no-answers:hover,
  body.template-external-articles .c-answers-filter .no-answers:hover,
  body.template-company-work .c-answers-filter .no-answers:hover,
  body.template-company-answer .c-answers-filter .no-answers:hover,
  body.template-questionnaire .c-answers-filter .no-answers:hover,
  body.template-questionnaire-career .c-answers-filter .no-answers:hover {
    border: 1px solid #ECECEC; }
  body.template-company-top .c-answers-filter .not-active,
  body.template-company-kuchikomi .c-answers-filter .not-active,
  body.template-company-graph .c-answers-filter .not-active,
  body.template-external-articles .c-answers-filter .not-active,
  body.template-company-work .c-answers-filter .not-active,
  body.template-company-answer .c-answers-filter .not-active,
  body.template-questionnaire .c-answers-filter .not-active,
  body.template-questionnaire-career .c-answers-filter .not-active {
    background: url(/img/common/company/list-marker.png) no-repeat 8px center #fff;
    background-size: 6px 6px; }
  body.template-company-top .c-answers-filter .active,
  body.template-company-kuchikomi .c-answers-filter .active,
  body.template-company-graph .c-answers-filter .active,
  body.template-external-articles .c-answers-filter .active,
  body.template-company-work .c-answers-filter .active,
  body.template-company-answer .c-answers-filter .active,
  body.template-questionnaire .c-answers-filter .active,
  body.template-questionnaire-career .c-answers-filter .active {
    background: url(/img/common/company/list-marker-check.png) no-repeat 8px center #E6E6E6;
    background-size: 8px 8px;
    border: 1px solid #E6E6E6; }
  body.template-company-top .c-answers-filter:after,
  body.template-company-kuchikomi .c-answers-filter:after,
  body.template-company-graph .c-answers-filter:after,
  body.template-external-articles .c-answers-filter:after,
  body.template-company-work .c-answers-filter:after,
  body.template-company-answer .c-answers-filter:after,
  body.template-questionnaire .c-answers-filter:after,
  body.template-questionnaire-career .c-answers-filter:after {
    content: "";
    display: block;
    clear: left; }
  body.template-company-top .c-answers-filter .filter-more-button,
  body.template-company-kuchikomi .c-answers-filter .filter-more-button,
  body.template-company-graph .c-answers-filter .filter-more-button,
  body.template-external-articles .c-answers-filter .filter-more-button,
  body.template-company-work .c-answers-filter .filter-more-button,
  body.template-company-answer .c-answers-filter .filter-more-button,
  body.template-questionnaire .c-answers-filter .filter-more-button,
  body.template-questionnaire-career .c-answers-filter .filter-more-button {
    display: block;
    position: absolute;
    bottom: 0px;
    padding: 20px 5px 10px;
    background: linear-gradient(rgba(247, 247, 247, 0) 0%, #f7f7f7 50%);
    font-weight: bold;
    color: #0084d2;
    text-align: center;
    cursor: pointer;
    width: 100%; }

body.template-company-top .answer-breadcrumb,
body.template-company-kuchikomi .answer-breadcrumb,
body.template-company-graph .answer-breadcrumb,
body.template-external-articles .answer-breadcrumb,
body.template-company-work .answer-breadcrumb,
body.template-company-answer .answer-breadcrumb,
body.template-questionnaire .answer-breadcrumb,
body.template-questionnaire-career .answer-breadcrumb {
  position: relative;
  width: 500px; }
  body.template-company-top .answer-breadcrumb li,
  body.template-company-kuchikomi .answer-breadcrumb li,
  body.template-company-graph .answer-breadcrumb li,
  body.template-external-articles .answer-breadcrumb li,
  body.template-company-work .answer-breadcrumb li,
  body.template-company-answer .answer-breadcrumb li,
  body.template-questionnaire .answer-breadcrumb li,
  body.template-questionnaire-career .answer-breadcrumb li {
    display: inline-block;
    font-size: 14px; }
  body.template-company-top .answer-breadcrumb a.breadcrumb-all,
  body.template-company-kuchikomi .answer-breadcrumb a.breadcrumb-all,
  body.template-company-graph .answer-breadcrumb a.breadcrumb-all,
  body.template-external-articles .answer-breadcrumb a.breadcrumb-all,
  body.template-company-work .answer-breadcrumb a.breadcrumb-all,
  body.template-company-answer .answer-breadcrumb a.breadcrumb-all,
  body.template-questionnaire .answer-breadcrumb a.breadcrumb-all,
  body.template-questionnaire-career .answer-breadcrumb a.breadcrumb-all {
    color: #666;
    text-decoration: underline; }
  body.template-company-top .answer-breadcrumb .breadcrumb-here,
  body.template-company-kuchikomi .answer-breadcrumb .breadcrumb-here,
  body.template-company-graph .answer-breadcrumb .breadcrumb-here,
  body.template-external-articles .answer-breadcrumb .breadcrumb-here,
  body.template-company-work .answer-breadcrumb .breadcrumb-here,
  body.template-company-answer .answer-breadcrumb .breadcrumb-here,
  body.template-questionnaire .answer-breadcrumb .breadcrumb-here,
  body.template-questionnaire-career .answer-breadcrumb .breadcrumb-here {
    color: #ee8715; }

body.template-company-top .c-pedia-content,
body.template-company-kuchikomi .c-pedia-content,
body.template-company-graph .c-pedia-content,
body.template-external-articles .c-pedia-content,
body.template-company-work .c-pedia-content,
body.template-company-answer .c-pedia-content,
body.template-questionnaire .c-pedia-content,
body.template-questionnaire-career .c-pedia-content {
  margin-bottom: 20px;
  padding: 20px 10px 20px;
  border-radius: 0 0 4px 4px;
  border: 1px solid #e6e6e6;
  border-top: none;
  border-bottom: none; }
  body.template-company-top .c-pedia-content h3, body.template-company-top .c-pedia-content h4, body.template-company-top .c-pedia-content h5,
  body.template-company-kuchikomi .c-pedia-content h3,
  body.template-company-kuchikomi .c-pedia-content h4,
  body.template-company-kuchikomi .c-pedia-content h5,
  body.template-company-graph .c-pedia-content h3,
  body.template-company-graph .c-pedia-content h4,
  body.template-company-graph .c-pedia-content h5,
  body.template-external-articles .c-pedia-content h3,
  body.template-external-articles .c-pedia-content h4,
  body.template-external-articles .c-pedia-content h5,
  body.template-company-work .c-pedia-content h3,
  body.template-company-work .c-pedia-content h4,
  body.template-company-work .c-pedia-content h5,
  body.template-company-answer .c-pedia-content h3,
  body.template-company-answer .c-pedia-content h4,
  body.template-company-answer .c-pedia-content h5,
  body.template-questionnaire .c-pedia-content h3,
  body.template-questionnaire .c-pedia-content h4,
  body.template-questionnaire .c-pedia-content h5,
  body.template-questionnaire-career .c-pedia-content h3,
  body.template-questionnaire-career .c-pedia-content h4,
  body.template-questionnaire-career .c-pedia-content h5 {
    color: #666;
    font-weight: bold; }
  body.template-company-top .c-pedia-content h3,
  body.template-company-kuchikomi .c-pedia-content h3,
  body.template-company-graph .c-pedia-content h3,
  body.template-external-articles .c-pedia-content h3,
  body.template-company-work .c-pedia-content h3,
  body.template-company-answer .c-pedia-content h3,
  body.template-questionnaire .c-pedia-content h3,
  body.template-questionnaire-career .c-pedia-content h3 {
    padding-bottom: 10px;
    font-size: 121.3%; }
  body.template-company-top .c-pedia-content h4,
  body.template-company-kuchikomi .c-pedia-content h4,
  body.template-company-graph .c-pedia-content h4,
  body.template-external-articles .c-pedia-content h4,
  body.template-company-work .c-pedia-content h4,
  body.template-company-answer .c-pedia-content h4,
  body.template-questionnaire .c-pedia-content h4,
  body.template-questionnaire-career .c-pedia-content h4 {
    margin-bottom: 0 !important;
    padding: 2px 0 2px 5px;
    border-left: 3px solid #E0E0E0;
    font-size: 116%; }
  body.template-company-top .c-pedia-content h5,
  body.template-company-kuchikomi .c-pedia-content h5,
  body.template-company-graph .c-pedia-content h5,
  body.template-external-articles .c-pedia-content h5,
  body.template-company-work .c-pedia-content h5,
  body.template-company-answer .c-pedia-content h5,
  body.template-questionnaire .c-pedia-content h5,
  body.template-questionnaire-career .c-pedia-content h5 {
    margin-bottom: 10px;
    font-size: 108%; }
  body.template-company-top .c-pedia-content h6,
  body.template-company-kuchikomi .c-pedia-content h6,
  body.template-company-graph .c-pedia-content h6,
  body.template-external-articles .c-pedia-content h6,
  body.template-company-work .c-pedia-content h6,
  body.template-company-answer .c-pedia-content h6,
  body.template-questionnaire .c-pedia-content h6,
  body.template-questionnaire-career .c-pedia-content h6 {
    margin-bottom: 8px;
    padding-left: 5px;
    border-left: 2px solid #E0E0E0;
    color: #666;
    font-weight: bold; }
  body.template-company-top .c-pedia-content i,
  body.template-company-kuchikomi .c-pedia-content i,
  body.template-company-graph .c-pedia-content i,
  body.template-external-articles .c-pedia-content i,
  body.template-company-work .c-pedia-content i,
  body.template-company-answer .c-pedia-content i,
  body.template-questionnaire .c-pedia-content i,
  body.template-questionnaire-career .c-pedia-content i {
    font-style: italic; }
  body.template-company-top .c-pedia-content em,
  body.template-company-kuchikomi .c-pedia-content em,
  body.template-company-graph .c-pedia-content em,
  body.template-external-articles .c-pedia-content em,
  body.template-company-work .c-pedia-content em,
  body.template-company-answer .c-pedia-content em,
  body.template-questionnaire .c-pedia-content em,
  body.template-questionnaire-career .c-pedia-content em {
    font-weight: bold; }
  body.template-company-top .c-pedia-content p,
  body.template-company-kuchikomi .c-pedia-content p,
  body.template-company-graph .c-pedia-content p,
  body.template-external-articles .c-pedia-content p,
  body.template-company-work .c-pedia-content p,
  body.template-company-answer .c-pedia-content p,
  body.template-questionnaire .c-pedia-content p,
  body.template-questionnaire-career .c-pedia-content p {
    margin-bottom: 10px;
    font-size: 100% !important; }
    body.template-company-top .c-pedia-content p:last-child,
    body.template-company-kuchikomi .c-pedia-content p:last-child,
    body.template-company-graph .c-pedia-content p:last-child,
    body.template-external-articles .c-pedia-content p:last-child,
    body.template-company-work .c-pedia-content p:last-child,
    body.template-company-answer .c-pedia-content p:last-child,
    body.template-questionnaire .c-pedia-content p:last-child,
    body.template-questionnaire-career .c-pedia-content p:last-child {
      margin-bottom: 0; }
  body.template-company-top .c-pedia-content strong,
  body.template-company-kuchikomi .c-pedia-content strong,
  body.template-company-graph .c-pedia-content strong,
  body.template-external-articles .c-pedia-content strong,
  body.template-company-work .c-pedia-content strong,
  body.template-company-answer .c-pedia-content strong,
  body.template-questionnaire .c-pedia-content strong,
  body.template-questionnaire-career .c-pedia-content strong {
    display: block;
    margin-bottom: 5px;
    color: #9A9A8C; }
  body.template-company-top .c-pedia-content div.section,
  body.template-company-kuchikomi .c-pedia-content div.section,
  body.template-company-graph .c-pedia-content div.section,
  body.template-external-articles .c-pedia-content div.section,
  body.template-company-work .c-pedia-content div.section,
  body.template-company-answer .c-pedia-content div.section,
  body.template-questionnaire .c-pedia-content div.section,
  body.template-questionnaire-career .c-pedia-content div.section {
    margin-top: 20px; }
  body.template-company-top .c-pedia-content div div,
  body.template-company-kuchikomi .c-pedia-content div div,
  body.template-company-graph .c-pedia-content div div,
  body.template-external-articles .c-pedia-content div div,
  body.template-company-work .c-pedia-content div div,
  body.template-company-answer .c-pedia-content div div,
  body.template-questionnaire .c-pedia-content div div,
  body.template-questionnaire-career .c-pedia-content div div {
    padding: 10px 10px 20px; }
  body.template-company-top .c-pedia-content div ul li,
  body.template-company-kuchikomi .c-pedia-content div ul li,
  body.template-company-graph .c-pedia-content div ul li,
  body.template-external-articles .c-pedia-content div ul li,
  body.template-company-work .c-pedia-content div ul li,
  body.template-company-answer .c-pedia-content div ul li,
  body.template-questionnaire .c-pedia-content div ul li,
  body.template-questionnaire-career .c-pedia-content div ul li {
    margin-left: 15px;
    font-size: 100% !important;
    line-height: 1.5;
    list-style-type: disc; }
    body.template-company-top .c-pedia-content div ul li ul li,
    body.template-company-kuchikomi .c-pedia-content div ul li ul li,
    body.template-company-graph .c-pedia-content div ul li ul li,
    body.template-external-articles .c-pedia-content div ul li ul li,
    body.template-company-work .c-pedia-content div ul li ul li,
    body.template-company-answer .c-pedia-content div ul li ul li,
    body.template-questionnaire .c-pedia-content div ul li ul li,
    body.template-questionnaire-career .c-pedia-content div ul li ul li {
      margin-left: 15px;
      list-style-type: square; }
  body.template-company-top .c-pedia-content div ol,
  body.template-company-kuchikomi .c-pedia-content div ol,
  body.template-company-graph .c-pedia-content div ol,
  body.template-external-articles .c-pedia-content div ol,
  body.template-company-work .c-pedia-content div ol,
  body.template-company-answer .c-pedia-content div ol,
  body.template-questionnaire .c-pedia-content div ol,
  body.template-questionnaire-career .c-pedia-content div ol {
    margin-left: 20px; }
  body.template-company-top .c-pedia-content ul,
  body.template-company-kuchikomi .c-pedia-content ul,
  body.template-company-graph .c-pedia-content ul,
  body.template-external-articles .c-pedia-content ul,
  body.template-company-work .c-pedia-content ul,
  body.template-company-answer .c-pedia-content ul,
  body.template-questionnaire .c-pedia-content ul,
  body.template-questionnaire-career .c-pedia-content ul {
    margin-bottom: 10px; }
  body.template-company-top .c-pedia-content div ol li,
  body.template-company-kuchikomi .c-pedia-content div ol li,
  body.template-company-graph .c-pedia-content div ol li,
  body.template-external-articles .c-pedia-content div ol li,
  body.template-company-work .c-pedia-content div ol li,
  body.template-company-answer .c-pedia-content div ol li,
  body.template-questionnaire .c-pedia-content div ol li,
  body.template-questionnaire-career .c-pedia-content div ol li {
    font-size: 100% !important;
    list-style-type: decimal; }

body.template-company-top .related-answers-title,
body.template-company-kuchikomi .related-answers-title,
body.template-company-graph .related-answers-title,
body.template-external-articles .related-answers-title,
body.template-company-work .related-answers-title,
body.template-company-answer .related-answers-title,
body.template-questionnaire .related-answers-title,
body.template-questionnaire-career .related-answers-title {
  padding-left: 5px;
  border-left: 4px solid #87C20A;
  font-weight: bold;
  font-size: 14px; }

body.template-company-top .related-answers-description,
body.template-company-kuchikomi .related-answers-description,
body.template-company-graph .related-answers-description,
body.template-external-articles .related-answers-description,
body.template-company-work .related-answers-description,
body.template-company-answer .related-answers-description,
body.template-questionnaire .related-answers-description,
body.template-questionnaire-career .related-answers-description {
  font-size: 95%;
  margin-top: 15px;
  padding: 10px;
  color: gray;
  border: 1px solid #eee; }

body.template-company-top .c-answer-section .mask-0,
body.template-company-kuchikomi .c-answer-section .mask-0,
body.template-company-graph .c-answer-section .mask-0,
body.template-external-articles .c-answer-section .mask-0,
body.template-company-work .c-answer-section .mask-0,
body.template-company-answer .c-answer-section .mask-0,
body.template-questionnaire .c-answer-section .mask-0,
body.template-questionnaire-career .c-answer-section .mask-0 {
  background: url(/img/front/company/mask/0.jpg) no-repeat 0 0;
  height: 164px; }
  body.template-company-top .c-answer-section .mask-0:hover,
  body.template-company-kuchikomi .c-answer-section .mask-0:hover,
  body.template-company-graph .c-answer-section .mask-0:hover,
  body.template-external-articles .c-answer-section .mask-0:hover,
  body.template-company-work .c-answer-section .mask-0:hover,
  body.template-company-answer .c-answer-section .mask-0:hover,
  body.template-questionnaire .c-answer-section .mask-0:hover,
  body.template-questionnaire-career .c-answer-section .mask-0:hover {
    background-position: 0 -164px; }
  body.template-company-top .c-answer-section .mask-0 .button-outer,
  body.template-company-kuchikomi .c-answer-section .mask-0 .button-outer,
  body.template-company-graph .c-answer-section .mask-0 .button-outer,
  body.template-external-articles .c-answer-section .mask-0 .button-outer,
  body.template-company-work .c-answer-section .mask-0 .button-outer,
  body.template-company-answer .c-answer-section .mask-0 .button-outer,
  body.template-questionnaire .c-answer-section .mask-0 .button-outer,
  body.template-questionnaire-career .c-answer-section .mask-0 .button-outer {
    height: 164px; }

body.template-company-top .c-answer-section .mask-1,
body.template-company-kuchikomi .c-answer-section .mask-1,
body.template-company-graph .c-answer-section .mask-1,
body.template-external-articles .c-answer-section .mask-1,
body.template-company-work .c-answer-section .mask-1,
body.template-company-answer .c-answer-section .mask-1,
body.template-questionnaire .c-answer-section .mask-1,
body.template-questionnaire-career .c-answer-section .mask-1 {
  background: url(/img/front/company/mask/1.jpg) no-repeat 0 0;
  height: 140px; }
  body.template-company-top .c-answer-section .mask-1:hover,
  body.template-company-kuchikomi .c-answer-section .mask-1:hover,
  body.template-company-graph .c-answer-section .mask-1:hover,
  body.template-external-articles .c-answer-section .mask-1:hover,
  body.template-company-work .c-answer-section .mask-1:hover,
  body.template-company-answer .c-answer-section .mask-1:hover,
  body.template-questionnaire .c-answer-section .mask-1:hover,
  body.template-questionnaire-career .c-answer-section .mask-1:hover {
    background-position: 0 -200px; }
  body.template-company-top .c-answer-section .mask-1 .button-outer,
  body.template-company-kuchikomi .c-answer-section .mask-1 .button-outer,
  body.template-company-graph .c-answer-section .mask-1 .button-outer,
  body.template-external-articles .c-answer-section .mask-1 .button-outer,
  body.template-company-work .c-answer-section .mask-1 .button-outer,
  body.template-company-answer .c-answer-section .mask-1 .button-outer,
  body.template-questionnaire .c-answer-section .mask-1 .button-outer,
  body.template-questionnaire-career .c-answer-section .mask-1 .button-outer {
    height: 140px; }

body.template-company-top .c-answer-section .mask-2,
body.template-company-kuchikomi .c-answer-section .mask-2,
body.template-company-graph .c-answer-section .mask-2,
body.template-external-articles .c-answer-section .mask-2,
body.template-company-work .c-answer-section .mask-2,
body.template-company-answer .c-answer-section .mask-2,
body.template-questionnaire .c-answer-section .mask-2,
body.template-questionnaire-career .c-answer-section .mask-2 {
  background: url(/img/front/company/mask/2.jpg) no-repeat 0 0;
  height: 200px; }
  body.template-company-top .c-answer-section .mask-2:hover,
  body.template-company-kuchikomi .c-answer-section .mask-2:hover,
  body.template-company-graph .c-answer-section .mask-2:hover,
  body.template-external-articles .c-answer-section .mask-2:hover,
  body.template-company-work .c-answer-section .mask-2:hover,
  body.template-company-answer .c-answer-section .mask-2:hover,
  body.template-questionnaire .c-answer-section .mask-2:hover,
  body.template-questionnaire-career .c-answer-section .mask-2:hover {
    background-position: 0 -200px; }
  body.template-company-top .c-answer-section .mask-2 .button-outer,
  body.template-company-kuchikomi .c-answer-section .mask-2 .button-outer,
  body.template-company-graph .c-answer-section .mask-2 .button-outer,
  body.template-external-articles .c-answer-section .mask-2 .button-outer,
  body.template-company-work .c-answer-section .mask-2 .button-outer,
  body.template-company-answer .c-answer-section .mask-2 .button-outer,
  body.template-questionnaire .c-answer-section .mask-2 .button-outer,
  body.template-questionnaire-career .c-answer-section .mask-2 .button-outer {
    height: 200px; }

body.template-company-top .c-answer-section .mask-3,
body.template-company-kuchikomi .c-answer-section .mask-3,
body.template-company-graph .c-answer-section .mask-3,
body.template-external-articles .c-answer-section .mask-3,
body.template-company-work .c-answer-section .mask-3,
body.template-company-answer .c-answer-section .mask-3,
body.template-questionnaire .c-answer-section .mask-3,
body.template-questionnaire-career .c-answer-section .mask-3 {
  background: url(/img/front/company/mask/3.jpg) no-repeat 0 0; }

body.template-company-top .l-company-overview,
body.template-company-kuchikomi .l-company-overview,
body.template-company-graph .l-company-overview,
body.template-external-articles .l-company-overview,
body.template-company-work .l-company-overview,
body.template-company-answer .l-company-overview,
body.template-questionnaire .l-company-overview,
body.template-questionnaire-career .l-company-overview {
  background: #f5f5f5; }

body.template-company-top .l-company-page-body,
body.template-company-kuchikomi .l-company-page-body,
body.template-company-graph .l-company-page-body,
body.template-external-articles .l-company-page-body,
body.template-company-work .l-company-page-body,
body.template-company-answer .l-company-page-body,
body.template-questionnaire .l-company-page-body,
body.template-questionnaire-career .l-company-page-body {
  width: 950px;
  margin: 0 auto;
  overflow: hidden; }
  body.template-company-top .l-company-page-body .l-company-side-column,
  body.template-company-kuchikomi .l-company-page-body .l-company-side-column,
  body.template-company-graph .l-company-page-body .l-company-side-column,
  body.template-external-articles .l-company-page-body .l-company-side-column,
  body.template-company-work .l-company-page-body .l-company-side-column,
  body.template-company-answer .l-company-page-body .l-company-side-column,
  body.template-questionnaire .l-company-page-body .l-company-side-column,
  body.template-questionnaire-career .l-company-page-body .l-company-side-column {
    float: left;
    margin-right: 15px;
    width: 300px;
    padding: 0 20px 0 0; }
  body.template-company-top .l-company-page-body .l-company-main-column,
  body.template-company-kuchikomi .l-company-page-body .l-company-main-column,
  body.template-company-graph .l-company-page-body .l-company-main-column,
  body.template-external-articles .l-company-page-body .l-company-main-column,
  body.template-company-work .l-company-page-body .l-company-main-column,
  body.template-company-answer .l-company-page-body .l-company-main-column,
  body.template-questionnaire .l-company-page-body .l-company-main-column,
  body.template-questionnaire-career .l-company-page-body .l-company-main-column {
    float: right;
    width: 635px;
    margin-bottom: 40px; }

body.template-company-top .l-company-related,
body.template-company-kuchikomi .l-company-related,
body.template-company-graph .l-company-related,
body.template-external-articles .l-company-related,
body.template-company-work .l-company-related,
body.template-company-answer .l-company-related,
body.template-questionnaire .l-company-related,
body.template-questionnaire-career .l-company-related {
  clear: both;
  background: #EAEAEA; }
  body.template-company-top .l-company-related .company-related-inner,
  body.template-company-kuchikomi .l-company-related .company-related-inner,
  body.template-company-graph .l-company-related .company-related-inner,
  body.template-external-articles .l-company-related .company-related-inner,
  body.template-company-work .l-company-related .company-related-inner,
  body.template-company-answer .l-company-related .company-related-inner,
  body.template-questionnaire .l-company-related .company-related-inner,
  body.template-questionnaire-career .l-company-related .company-related-inner {
    width: 950px;
    margin: 0 auto;
    padding: 40px 0; }

body.template-company-top .l-company-tab,
body.template-company-kuchikomi .l-company-tab,
body.template-company-graph .l-company-tab,
body.template-external-articles .l-company-tab,
body.template-company-work .l-company-tab,
body.template-company-answer .l-company-tab,
body.template-questionnaire .l-company-tab,
body.template-questionnaire-career .l-company-tab {
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  margin-bottom: 30px; }

body.template-company-top .c-question-categories,
body.template-company-kuchikomi .c-question-categories,
body.template-company-graph .c-question-categories,
body.template-external-articles .c-question-categories,
body.template-company-work .c-question-categories,
body.template-company-answer .c-question-categories,
body.template-questionnaire .c-question-categories,
body.template-questionnaire-career .c-question-categories {
  margin-bottom: 20px; }
  body.template-company-top .c-question-categories .question-categories-title,
  body.template-company-kuchikomi .c-question-categories .question-categories-title,
  body.template-company-graph .c-question-categories .question-categories-title,
  body.template-external-articles .c-question-categories .question-categories-title,
  body.template-company-work .c-question-categories .question-categories-title,
  body.template-company-answer .c-question-categories .question-categories-title,
  body.template-questionnaire .c-question-categories .question-categories-title,
  body.template-questionnaire-career .c-question-categories .question-categories-title {
    font-size: 15px;
    padding: 8px 12px;
    margin: 0;
    line-height: 1.4;
    border-bottom: 1px solid #e6e6e6; }
    body.template-company-top .c-question-categories .question-categories-title span,
    body.template-company-kuchikomi .c-question-categories .question-categories-title span,
    body.template-company-graph .c-question-categories .question-categories-title span,
    body.template-external-articles .c-question-categories .question-categories-title span,
    body.template-company-work .c-question-categories .question-categories-title span,
    body.template-company-answer .c-question-categories .question-categories-title span,
    body.template-questionnaire .c-question-categories .question-categories-title span,
    body.template-questionnaire-career .c-question-categories .question-categories-title span {
      color: #76b003; }
  body.template-company-top .c-question-categories .question-categories-outer-list,
  body.template-company-kuchikomi .c-question-categories .question-categories-outer-list,
  body.template-company-graph .c-question-categories .question-categories-outer-list,
  body.template-external-articles .c-question-categories .question-categories-outer-list,
  body.template-company-work .c-question-categories .question-categories-outer-list,
  body.template-company-answer .c-question-categories .question-categories-outer-list,
  body.template-questionnaire .c-question-categories .question-categories-outer-list,
  body.template-questionnaire-career .c-question-categories .question-categories-outer-list {
    padding: 10px 10px 0; }
    body.template-company-top .c-question-categories .question-categories-outer-list .question-category-title,
    body.template-company-kuchikomi .c-question-categories .question-categories-outer-list .question-category-title,
    body.template-company-graph .c-question-categories .question-categories-outer-list .question-category-title,
    body.template-external-articles .c-question-categories .question-categories-outer-list .question-category-title,
    body.template-company-work .c-question-categories .question-categories-outer-list .question-category-title,
    body.template-company-answer .c-question-categories .question-categories-outer-list .question-category-title,
    body.template-questionnaire .c-question-categories .question-categories-outer-list .question-category-title,
    body.template-questionnaire-career .c-question-categories .question-categories-outer-list .question-category-title {
      display: block;
      font-size: 14px;
      font-weight: bold; }
  body.template-company-top .c-question-categories .question-category-link,
  body.template-company-kuchikomi .c-question-categories .question-category-link,
  body.template-company-graph .c-question-categories .question-category-link,
  body.template-external-articles .c-question-categories .question-category-link,
  body.template-company-work .c-question-categories .question-category-link,
  body.template-company-answer .c-question-categories .question-category-link,
  body.template-questionnaire .c-question-categories .question-category-link,
  body.template-questionnaire-career .c-question-categories .question-category-link {
    display: block;
    margin: 10px 0;
    margin-left: 10px;
    font-size: 13px;
    color: #666; }
    body.template-company-top .c-question-categories .question-category-link:hover,
    body.template-company-kuchikomi .c-question-categories .question-category-link:hover,
    body.template-company-graph .c-question-categories .question-category-link:hover,
    body.template-external-articles .c-question-categories .question-category-link:hover,
    body.template-company-work .c-question-categories .question-category-link:hover,
    body.template-company-answer .c-question-categories .question-category-link:hover,
    body.template-questionnaire .c-question-categories .question-category-link:hover,
    body.template-questionnaire-career .c-question-categories .question-category-link:hover {
      text-decoration: underline; }
    body.template-company-top .c-question-categories .question-category-link:before,
    body.template-company-kuchikomi .c-question-categories .question-category-link:before,
    body.template-company-graph .c-question-categories .question-category-link:before,
    body.template-external-articles .c-question-categories .question-category-link:before,
    body.template-company-work .c-question-categories .question-category-link:before,
    body.template-company-answer .c-question-categories .question-category-link:before,
    body.template-questionnaire .c-question-categories .question-category-link:before,
    body.template-questionnaire-career .c-question-categories .question-category-link:before {
      content: "";
      display: inline-block;
      width: 0;
      height: 0;
      border-top: 3px solid transparent;
      border-right: 0px solid transparent;
      border-bottom: 3px solid transparent;
      border-left: 4px solid #666; }
    body.template-company-top .c-question-categories .question-category-link.no-answers,
    body.template-company-kuchikomi .c-question-categories .question-category-link.no-answers,
    body.template-company-graph .c-question-categories .question-category-link.no-answers,
    body.template-external-articles .c-question-categories .question-category-link.no-answers,
    body.template-company-work .c-question-categories .question-category-link.no-answers,
    body.template-company-answer .c-question-categories .question-category-link.no-answers,
    body.template-questionnaire .c-question-categories .question-category-link.no-answers,
    body.template-questionnaire-career .c-question-categories .question-category-link.no-answers {
      color: #b3b3b3; }
  body.template-company-top .c-question-categories .question-category-count,
  body.template-company-kuchikomi .c-question-categories .question-category-count,
  body.template-company-graph .c-question-categories .question-category-count,
  body.template-external-articles .c-question-categories .question-category-count,
  body.template-company-work .c-question-categories .question-category-count,
  body.template-company-answer .c-question-categories .question-category-count,
  body.template-questionnaire .c-question-categories .question-category-count,
  body.template-questionnaire-career .c-question-categories .question-category-count {
    font-size: 12px; }

body.template-company-top .side-column-ad,
body.template-company-kuchikomi .side-column-ad,
body.template-company-graph .side-column-ad,
body.template-external-articles .side-column-ad,
body.template-company-work .side-column-ad,
body.template-company-answer .side-column-ad,
body.template-questionnaire .side-column-ad,
body.template-questionnaire-career .side-column-ad {
  margin-bottom: 20px; }

body.template-company-top li,
body.template-company-kuchikomi li,
body.template-company-graph li,
body.template-external-articles li,
body.template-company-work li,
body.template-company-answer li,
body.template-questionnaire li,
body.template-questionnaire-career li {
  list-style: none; }

body.template-company-top .c-answer-section,
body.template-company-kuchikomi .c-answer-section,
body.template-company-graph .c-answer-section,
body.template-external-articles .c-answer-section,
body.template-company-work .c-answer-section,
body.template-company-answer .c-answer-section,
body.template-questionnaire .c-answer-section,
body.template-questionnaire-career .c-answer-section {
  border: 1px solid #e6e6e6;
  padding: 15px;
  border-radius: 4px; }
  body.template-company-top .c-answer-section .answer-review,
  body.template-company-kuchikomi .c-answer-section .answer-review,
  body.template-company-graph .c-answer-section .answer-review,
  body.template-external-articles .c-answer-section .answer-review,
  body.template-company-work .c-answer-section .answer-review,
  body.template-company-answer .c-answer-section .answer-review,
  body.template-questionnaire .c-answer-section .answer-review,
  body.template-questionnaire-career .c-answer-section .answer-review {
    border-left: none; }

body.template-company-top #boxInTab,
body.template-company-kuchikomi #boxInTab,
body.template-company-graph #boxInTab,
body.template-external-articles #boxInTab,
body.template-company-work #boxInTab,
body.template-company-answer #boxInTab,
body.template-questionnaire #boxInTab,
body.template-questionnaire-career #boxInTab {
  width: auto; }
  body.template-company-top #boxInTab .company-recommend-indeed,
  body.template-company-kuchikomi #boxInTab .company-recommend-indeed,
  body.template-company-graph #boxInTab .company-recommend-indeed,
  body.template-external-articles #boxInTab .company-recommend-indeed,
  body.template-company-work #boxInTab .company-recommend-indeed,
  body.template-company-answer #boxInTab .company-recommend-indeed,
  body.template-questionnaire #boxInTab .company-recommend-indeed,
  body.template-questionnaire-career #boxInTab .company-recommend-indeed {
    border-radius: 4px;
    border: 1px solid #e6e6e6; }

body.template-company-top .main-column-ad,
body.template-company-kuchikomi .main-column-ad,
body.template-company-graph .main-column-ad,
body.template-external-articles .main-column-ad,
body.template-company-work .main-column-ad,
body.template-company-answer .main-column-ad,
body.template-questionnaire .main-column-ad,
body.template-questionnaire-career .main-column-ad {
  display: inline-block;
  margin-right: 15px; }

body.template-company-top .answer-post-button .answer-post-link,
body.template-company-kuchikomi .answer-post-button .answer-post-link,
body.template-company-graph .answer-post-button .answer-post-link,
body.template-external-articles .answer-post-button .answer-post-link,
body.template-company-work .answer-post-button .answer-post-link,
body.template-company-answer .answer-post-button .answer-post-link,
body.template-questionnaire .answer-post-button .answer-post-link,
body.template-questionnaire-career .answer-post-button .answer-post-link {
  position: absolute;
  right: -130px;
  top: -6px;
  display: inline-block;
  padding: 5px 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 13px;
  font-weight: bold;
  color: #91d10b;
  transition: all ease 0.2s;
  box-shadow: 0 1px 1px #D8D8D8; }
  body.template-company-top .answer-post-button .answer-post-link:hover,
  body.template-company-kuchikomi .answer-post-button .answer-post-link:hover,
  body.template-company-graph .answer-post-button .answer-post-link:hover,
  body.template-external-articles .answer-post-button .answer-post-link:hover,
  body.template-company-work .answer-post-button .answer-post-link:hover,
  body.template-company-answer .answer-post-button .answer-post-link:hover,
  body.template-questionnaire .answer-post-button .answer-post-link:hover,
  body.template-questionnaire-career .answer-post-button .answer-post-link:hover {
    color: #ffa821; }

body.template-company-top .recommended-companies-title,
body.template-company-kuchikomi .recommended-companies-title,
body.template-company-graph .recommended-companies-title,
body.template-external-articles .recommended-companies-title,
body.template-company-work .recommended-companies-title,
body.template-company-answer .recommended-companies-title,
body.template-questionnaire .recommended-companies-title,
body.template-questionnaire-career .recommended-companies-title {
  margin-bottom: 15px;
  padding-left: 5px;
  font-size: 15px;
  font-weight: bold;
  clear: left; }
  body.template-company-top .recommended-companies-title span,
  body.template-company-kuchikomi .recommended-companies-title span,
  body.template-company-graph .recommended-companies-title span,
  body.template-external-articles .recommended-companies-title span,
  body.template-company-work .recommended-companies-title span,
  body.template-company-answer .recommended-companies-title span,
  body.template-questionnaire .recommended-companies-title span,
  body.template-questionnaire-career .recommended-companies-title span {
    color: #76b003; }

body.template-company-top .c-related-company,
body.template-company-kuchikomi .c-related-company,
body.template-company-graph .c-related-company,
body.template-external-articles .c-related-company,
body.template-company-work .c-related-company,
body.template-company-answer .c-related-company,
body.template-questionnaire .c-related-company,
body.template-questionnaire-career .c-related-company {
  margin-bottom: 40px;
  overflow: hidden;
  border-bottom: 1px solid #D4D4D4;
  padding-bottom: 30px; }
  body.template-company-top .c-related-company .c-related-answer,
  body.template-company-kuchikomi .c-related-company .c-related-answer,
  body.template-company-graph .c-related-company .c-related-answer,
  body.template-external-articles .c-related-company .c-related-answer,
  body.template-company-work .c-related-company .c-related-answer,
  body.template-company-answer .c-related-company .c-related-answer,
  body.template-questionnaire .c-related-company .c-related-answer,
  body.template-questionnaire-career .c-related-company .c-related-answer {
    padding: 10px;
    width: 190px;
    float: left;
    transition: all 0.4s ease; }
    body.template-company-top .c-related-company .c-related-answer:hover,
    body.template-company-kuchikomi .c-related-company .c-related-answer:hover,
    body.template-company-graph .c-related-company .c-related-answer:hover,
    body.template-external-articles .c-related-company .c-related-answer:hover,
    body.template-company-work .c-related-company .c-related-answer:hover,
    body.template-company-answer .c-related-company .c-related-answer:hover,
    body.template-questionnaire .c-related-company .c-related-answer:hover,
    body.template-questionnaire-career .c-related-company .c-related-answer:hover {
      background-color: #fcfcfc; }
    body.template-company-top .c-related-company .c-related-answer .related-company-image-frame,
    body.template-company-kuchikomi .c-related-company .c-related-answer .related-company-image-frame,
    body.template-company-graph .c-related-company .c-related-answer .related-company-image-frame,
    body.template-external-articles .c-related-company .c-related-answer .related-company-image-frame,
    body.template-company-work .c-related-company .c-related-answer .related-company-image-frame,
    body.template-company-answer .c-related-company .c-related-answer .related-company-image-frame,
    body.template-questionnaire .c-related-company .c-related-answer .related-company-image-frame,
    body.template-questionnaire-career .c-related-company .c-related-answer .related-company-image-frame {
      margin-bottom: 3px;
      height: 130px;
      width: 170px;
      overflow: hidden;
      background: #fff;
      position: relative; }
      body.template-company-top .c-related-company .c-related-answer .related-company-image-frame .related-company-image,
      body.template-company-kuchikomi .c-related-company .c-related-answer .related-company-image-frame .related-company-image,
      body.template-company-graph .c-related-company .c-related-answer .related-company-image-frame .related-company-image,
      body.template-external-articles .c-related-company .c-related-answer .related-company-image-frame .related-company-image,
      body.template-company-work .c-related-company .c-related-answer .related-company-image-frame .related-company-image,
      body.template-company-answer .c-related-company .c-related-answer .related-company-image-frame .related-company-image,
      body.template-questionnaire .c-related-company .c-related-answer .related-company-image-frame .related-company-image,
      body.template-questionnaire-career .c-related-company .c-related-answer .related-company-image-frame .related-company-image {
        width: 170px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto; }
    body.template-company-top .c-related-company .c-related-answer .related-company-name,
    body.template-company-kuchikomi .c-related-company .c-related-answer .related-company-name,
    body.template-company-graph .c-related-company .c-related-answer .related-company-name,
    body.template-external-articles .c-related-company .c-related-answer .related-company-name,
    body.template-company-work .c-related-company .c-related-answer .related-company-name,
    body.template-company-answer .c-related-company .c-related-answer .related-company-name,
    body.template-questionnaire .c-related-company .c-related-answer .related-company-name,
    body.template-questionnaire-career .c-related-company .c-related-answer .related-company-name {
      height: 2.8em;
      overflow: hidden;
      margin-bottom: 2px;
      padding: 0 2px;
      font-size: 13px;
      font-weight: bold;
      color: #333; }
    body.template-company-top .c-related-company .c-related-answer .related-company-review,
    body.template-company-kuchikomi .c-related-company .c-related-answer .related-company-review,
    body.template-company-graph .c-related-company .c-related-answer .related-company-review,
    body.template-external-articles .c-related-company .c-related-answer .related-company-review,
    body.template-company-work .c-related-company .c-related-answer .related-company-review,
    body.template-company-answer .c-related-company .c-related-answer .related-company-review,
    body.template-questionnaire .c-related-company .c-related-answer .related-company-review,
    body.template-questionnaire-career .c-related-company .c-related-answer .related-company-review {
      margin-bottom: 2px;
      padding: 0;
      color: #666; }
    body.template-company-top .c-related-company .c-related-answer .related-company-evaluate,
    body.template-company-kuchikomi .c-related-company .c-related-answer .related-company-evaluate,
    body.template-company-graph .c-related-company .c-related-answer .related-company-evaluate,
    body.template-external-articles .c-related-company .c-related-answer .related-company-evaluate,
    body.template-company-work .c-related-company .c-related-answer .related-company-evaluate,
    body.template-company-answer .c-related-company .c-related-answer .related-company-evaluate,
    body.template-questionnaire .c-related-company .c-related-answer .related-company-evaluate,
    body.template-questionnaire-career .c-related-company .c-related-answer .related-company-evaluate {
      font-size: 16px;
      font-weight: bold;
      color: #ffa821; }
      body.template-company-top .c-related-company .c-related-answer .related-company-evaluate .related-company-evaluate-star,
      body.template-company-kuchikomi .c-related-company .c-related-answer .related-company-evaluate .related-company-evaluate-star,
      body.template-company-graph .c-related-company .c-related-answer .related-company-evaluate .related-company-evaluate-star,
      body.template-external-articles .c-related-company .c-related-answer .related-company-evaluate .related-company-evaluate-star,
      body.template-company-work .c-related-company .c-related-answer .related-company-evaluate .related-company-evaluate-star,
      body.template-company-answer .c-related-company .c-related-answer .related-company-evaluate .related-company-evaluate-star,
      body.template-questionnaire .c-related-company .c-related-answer .related-company-evaluate .related-company-evaluate-star,
      body.template-questionnaire-career .c-related-company .c-related-answer .related-company-evaluate .related-company-evaluate-star {
        height: 15px;
        vertical-align: text-top; }
  body.template-company-top .c-related-company:last-child:after,
  body.template-company-kuchikomi .c-related-company:last-child:after,
  body.template-company-graph .c-related-company:last-child:after,
  body.template-external-articles .c-related-company:last-child:after,
  body.template-company-work .c-related-company:last-child:after,
  body.template-company-answer .c-related-company:last-child:after,
  body.template-questionnaire .c-related-company:last-child:after,
  body.template-questionnaire-career .c-related-company:last-child:after {
    content: "";
    display: block;
    clear: left; }

body.template-company-top .industry-categories,
body.template-company-kuchikomi .industry-categories,
body.template-company-graph .industry-categories,
body.template-external-articles .industry-categories,
body.template-company-work .industry-categories,
body.template-company-answer .industry-categories,
body.template-questionnaire .industry-categories,
body.template-questionnaire-career .industry-categories {
  width: 950px;
  margin: 0 auto;
  padding: 0 0 40px; }

body.template-company-top .industry-categories-title,
body.template-company-kuchikomi .industry-categories-title,
body.template-company-graph .industry-categories-title,
body.template-external-articles .industry-categories-title,
body.template-company-work .industry-categories-title,
body.template-company-answer .industry-categories-title,
body.template-questionnaire .industry-categories-title,
body.template-questionnaire-career .industry-categories-title {
  font-size: 14px;
  margin-bottom: 15px; }

body.template-company-top .answer-big-industries:after,
body.template-company-kuchikomi .answer-big-industries:after,
body.template-company-graph .answer-big-industries:after,
body.template-external-articles .answer-big-industries:after,
body.template-company-work .answer-big-industries:after,
body.template-company-answer .answer-big-industries:after,
body.template-questionnaire .answer-big-industries:after,
body.template-questionnaire-career .answer-big-industries:after {
  clear: both;
  content: "";
  display: table; }

body.template-company-top .answer-big-industry-item,
body.template-company-kuchikomi .answer-big-industry-item,
body.template-company-graph .answer-big-industry-item,
body.template-external-articles .answer-big-industry-item,
body.template-company-work .answer-big-industry-item,
body.template-company-answer .answer-big-industry-item,
body.template-questionnaire .answer-big-industry-item,
body.template-questionnaire-career .answer-big-industry-item {
  width: 32.6%;
  position: relative;
  display: inline-block;
  float: left;
  margin: 0 0.35%;
  margin-bottom: 8px; }
  body.template-company-top .answer-big-industry-item:hover .answer-industry-check-label:after,
  body.template-company-kuchikomi .answer-big-industry-item:hover .answer-industry-check-label:after,
  body.template-company-graph .answer-big-industry-item:hover .answer-industry-check-label:after,
  body.template-external-articles .answer-big-industry-item:hover .answer-industry-check-label:after,
  body.template-company-work .answer-big-industry-item:hover .answer-industry-check-label:after,
  body.template-company-answer .answer-big-industry-item:hover .answer-industry-check-label:after,
  body.template-questionnaire .answer-big-industry-item:hover .answer-industry-check-label:after,
  body.template-questionnaire-career .answer-big-industry-item:hover .answer-industry-check-label:after {
    border-color: #87c20a; }
  body.template-company-top .answer-big-industry-item .answer-industry-check,
  body.template-company-kuchikomi .answer-big-industry-item .answer-industry-check,
  body.template-company-graph .answer-big-industry-item .answer-industry-check,
  body.template-external-articles .answer-big-industry-item .answer-industry-check,
  body.template-company-work .answer-big-industry-item .answer-industry-check,
  body.template-company-answer .answer-big-industry-item .answer-industry-check,
  body.template-questionnaire .answer-big-industry-item .answer-industry-check,
  body.template-questionnaire-career .answer-big-industry-item .answer-industry-check {
    display: none; }
  body.template-company-top .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ .answer-industry-check-label,
  body.template-company-kuchikomi .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ .answer-industry-check-label,
  body.template-company-graph .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ .answer-industry-check-label,
  body.template-external-articles .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ .answer-industry-check-label,
  body.template-company-work .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ .answer-industry-check-label,
  body.template-company-answer .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ .answer-industry-check-label,
  body.template-questionnaire .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ .answer-industry-check-label,
  body.template-questionnaire-career .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ .answer-industry-check-label {
    color: #76b003;
    border: 1px solid #87c20a; }
    body.template-company-top .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ .answer-industry-check-label:after,
    body.template-company-kuchikomi .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ .answer-industry-check-label:after,
    body.template-company-graph .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ .answer-industry-check-label:after,
    body.template-external-articles .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ .answer-industry-check-label:after,
    body.template-company-work .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ .answer-industry-check-label:after,
    body.template-company-answer .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ .answer-industry-check-label:after,
    body.template-questionnaire .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ .answer-industry-check-label:after,
    body.template-questionnaire-career .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ .answer-industry-check-label:after {
      content: "×";
      border: none;
      padding: 0;
      -webkit-transform: rotateX(0);
              transform: rotateX(0);
      top: 4px;
      font-weight: bold; }
  body.template-company-top .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ ul.answer-small-industries,
  body.template-company-kuchikomi .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ ul.answer-small-industries,
  body.template-company-graph .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ ul.answer-small-industries,
  body.template-external-articles .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ ul.answer-small-industries,
  body.template-company-work .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ ul.answer-small-industries,
  body.template-company-answer .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ ul.answer-small-industries,
  body.template-questionnaire .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ ul.answer-small-industries,
  body.template-questionnaire-career .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ ul.answer-small-industries {
    display: block; }
  body.template-company-top .answer-big-industry-item .answer-industry-check-label,
  body.template-company-kuchikomi .answer-big-industry-item .answer-industry-check-label,
  body.template-company-graph .answer-big-industry-item .answer-industry-check-label,
  body.template-external-articles .answer-big-industry-item .answer-industry-check-label,
  body.template-company-work .answer-big-industry-item .answer-industry-check-label,
  body.template-company-answer .answer-big-industry-item .answer-industry-check-label,
  body.template-questionnaire .answer-big-industry-item .answer-industry-check-label,
  body.template-questionnaire-career .answer-big-industry-item .answer-industry-check-label {
    display: block;
    width: 100%;
    padding: 0 24px 0 10px;
    height: 48px;
    line-height: 48px;
    font-size: 13px;
    position: relative;
    cursor: pointer;
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 4px; }
    body.template-company-top .answer-big-industry-item .answer-industry-check-label:hover,
    body.template-company-kuchikomi .answer-big-industry-item .answer-industry-check-label:hover,
    body.template-company-graph .answer-big-industry-item .answer-industry-check-label:hover,
    body.template-external-articles .answer-big-industry-item .answer-industry-check-label:hover,
    body.template-company-work .answer-big-industry-item .answer-industry-check-label:hover,
    body.template-company-answer .answer-big-industry-item .answer-industry-check-label:hover,
    body.template-questionnaire .answer-big-industry-item .answer-industry-check-label:hover,
    body.template-questionnaire-career .answer-big-industry-item .answer-industry-check-label:hover {
      border-color: #87c20a; }
    body.template-company-top .answer-big-industry-item .answer-industry-check-label:after,
    body.template-company-kuchikomi .answer-big-industry-item .answer-industry-check-label:after,
    body.template-company-graph .answer-big-industry-item .answer-industry-check-label:after,
    body.template-external-articles .answer-big-industry-item .answer-industry-check-label:after,
    body.template-company-work .answer-big-industry-item .answer-industry-check-label:after,
    body.template-company-answer .answer-big-industry-item .answer-industry-check-label:after,
    body.template-questionnaire .answer-big-industry-item .answer-industry-check-label:after,
    body.template-questionnaire-career .answer-big-industry-item .answer-industry-check-label:after {
      display: block;
      content: "";
      width: 6px;
      height: 6px;
      border-bottom: 2px solid #ccc;
      border-right: 2px solid #ccc;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      position: absolute;
      top: 50%;
      right: 12px;
      margin-top: -3px; }
  body.template-company-top .answer-big-industry-item .answer-small-industries,
  body.template-company-kuchikomi .answer-big-industry-item .answer-small-industries,
  body.template-company-graph .answer-big-industry-item .answer-small-industries,
  body.template-external-articles .answer-big-industry-item .answer-small-industries,
  body.template-company-work .answer-big-industry-item .answer-small-industries,
  body.template-company-answer .answer-big-industry-item .answer-small-industries,
  body.template-questionnaire .answer-big-industry-item .answer-small-industries,
  body.template-questionnaire-career .answer-big-industry-item .answer-small-industries {
    display: none;
    z-index: 100;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 16px white, 0 4px 8px rgba(0, 0, 0, 0.2), 0 8px 16px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 12px;
    list-style: none;
    width: 100%;
    position: absolute;
    top: calc(100% + 8px);
    left: 0; }
    body.template-company-top .answer-big-industry-item .answer-small-industries:after, body.template-company-top .answer-big-industry-item .answer-small-industries:before,
    body.template-company-kuchikomi .answer-big-industry-item .answer-small-industries:after,
    body.template-company-kuchikomi .answer-big-industry-item .answer-small-industries:before,
    body.template-company-graph .answer-big-industry-item .answer-small-industries:after,
    body.template-company-graph .answer-big-industry-item .answer-small-industries:before,
    body.template-external-articles .answer-big-industry-item .answer-small-industries:after,
    body.template-external-articles .answer-big-industry-item .answer-small-industries:before,
    body.template-company-work .answer-big-industry-item .answer-small-industries:after,
    body.template-company-work .answer-big-industry-item .answer-small-industries:before,
    body.template-company-answer .answer-big-industry-item .answer-small-industries:after,
    body.template-company-answer .answer-big-industry-item .answer-small-industries:before,
    body.template-questionnaire .answer-big-industry-item .answer-small-industries:after,
    body.template-questionnaire .answer-big-industry-item .answer-small-industries:before,
    body.template-questionnaire-career .answer-big-industry-item .answer-small-industries:after,
    body.template-questionnaire-career .answer-big-industry-item .answer-small-industries:before {
      display: block;
      position: absolute;
      content: "";
      width: 12px;
      height: 12px;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      left: 24px; }
    body.template-company-top .answer-big-industry-item .answer-small-industries:before,
    body.template-company-kuchikomi .answer-big-industry-item .answer-small-industries:before,
    body.template-company-graph .answer-big-industry-item .answer-small-industries:before,
    body.template-external-articles .answer-big-industry-item .answer-small-industries:before,
    body.template-company-work .answer-big-industry-item .answer-small-industries:before,
    body.template-company-answer .answer-big-industry-item .answer-small-industries:before,
    body.template-questionnaire .answer-big-industry-item .answer-small-industries:before,
    body.template-questionnaire-career .answer-big-industry-item .answer-small-industries:before {
      top: -6px;
      background: #e6e6e6; }
    body.template-company-top .answer-big-industry-item .answer-small-industries:after,
    body.template-company-kuchikomi .answer-big-industry-item .answer-small-industries:after,
    body.template-company-graph .answer-big-industry-item .answer-small-industries:after,
    body.template-external-articles .answer-big-industry-item .answer-small-industries:after,
    body.template-company-work .answer-big-industry-item .answer-small-industries:after,
    body.template-company-answer .answer-big-industry-item .answer-small-industries:after,
    body.template-questionnaire .answer-big-industry-item .answer-small-industries:after,
    body.template-questionnaire-career .answer-big-industry-item .answer-small-industries:after {
      top: -5px;
      background: #fff; }
  body.template-company-top .answer-big-industry-item .answer-small-industry-item,
  body.template-company-kuchikomi .answer-big-industry-item .answer-small-industry-item,
  body.template-company-graph .answer-big-industry-item .answer-small-industry-item,
  body.template-external-articles .answer-big-industry-item .answer-small-industry-item,
  body.template-company-work .answer-big-industry-item .answer-small-industry-item,
  body.template-company-answer .answer-big-industry-item .answer-small-industry-item,
  body.template-questionnaire .answer-big-industry-item .answer-small-industry-item,
  body.template-questionnaire-career .answer-big-industry-item .answer-small-industry-item {
    font-size: 13px;
    margin: 8px 0;
    padding-left: 12px;
    position: relative; }
    body.template-company-top .answer-big-industry-item .answer-small-industry-item:before,
    body.template-company-kuchikomi .answer-big-industry-item .answer-small-industry-item:before,
    body.template-company-graph .answer-big-industry-item .answer-small-industry-item:before,
    body.template-external-articles .answer-big-industry-item .answer-small-industry-item:before,
    body.template-company-work .answer-big-industry-item .answer-small-industry-item:before,
    body.template-company-answer .answer-big-industry-item .answer-small-industry-item:before,
    body.template-questionnaire .answer-big-industry-item .answer-small-industry-item:before,
    body.template-questionnaire-career .answer-big-industry-item .answer-small-industry-item:before {
      display: block;
      content: "";
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: #ccc;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -2px; }
    body.template-company-top .answer-big-industry-item .answer-small-industry-item:hover,
    body.template-company-kuchikomi .answer-big-industry-item .answer-small-industry-item:hover,
    body.template-company-graph .answer-big-industry-item .answer-small-industry-item:hover,
    body.template-external-articles .answer-big-industry-item .answer-small-industry-item:hover,
    body.template-company-work .answer-big-industry-item .answer-small-industry-item:hover,
    body.template-company-answer .answer-big-industry-item .answer-small-industry-item:hover,
    body.template-questionnaire .answer-big-industry-item .answer-small-industry-item:hover,
    body.template-questionnaire-career .answer-big-industry-item .answer-small-industry-item:hover {
      text-decoration: underline; }

body.template-company-top .c-score-ranking .score-ranking-link,
body.template-company-kuchikomi .c-score-ranking .score-ranking-link,
body.template-company-graph .c-score-ranking .score-ranking-link,
body.template-external-articles .c-score-ranking .score-ranking-link,
body.template-company-work .c-score-ranking .score-ranking-link,
body.template-company-answer .c-score-ranking .score-ranking-link,
body.template-questionnaire .c-score-ranking .score-ranking-link,
body.template-questionnaire-career .c-score-ranking .score-ranking-link {
  display: block;
  float: left;
  margin: 0 0.35%;
  margin-bottom: 8px;
  width: 32.6%;
  height: 48px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: #fff;
  text-align: center;
  line-height: 48px;
  font-size: 13px;
  color: #666;
  transition: all ease 0.2s; }
  body.template-company-top .c-score-ranking .score-ranking-link:hover,
  body.template-company-kuchikomi .c-score-ranking .score-ranking-link:hover,
  body.template-company-graph .c-score-ranking .score-ranking-link:hover,
  body.template-external-articles .c-score-ranking .score-ranking-link:hover,
  body.template-company-work .c-score-ranking .score-ranking-link:hover,
  body.template-company-answer .c-score-ranking .score-ranking-link:hover,
  body.template-questionnaire .c-score-ranking .score-ranking-link:hover,
  body.template-questionnaire-career .c-score-ranking .score-ranking-link:hover {
    border: 1px solid #87c20a;
    color: #87c20a; }

body.template-company-top .c-score-ranking:last-child:after,
body.template-company-kuchikomi .c-score-ranking:last-child:after,
body.template-company-graph .c-score-ranking:last-child:after,
body.template-external-articles .c-score-ranking:last-child:after,
body.template-company-work .c-score-ranking:last-child:after,
body.template-company-answer .c-score-ranking:last-child:after,
body.template-questionnaire .c-score-ranking:last-child:after,
body.template-questionnaire-career .c-score-ranking:last-child:after {
  content: "";
  display: block;
  clear: left; }

body.template-company-top .c-company-seo-description,
body.template-company-kuchikomi .c-company-seo-description,
body.template-company-graph .c-company-seo-description,
body.template-external-articles .c-company-seo-description,
body.template-company-work .c-company-seo-description,
body.template-company-answer .c-company-seo-description,
body.template-questionnaire .c-company-seo-description,
body.template-questionnaire-career .c-company-seo-description {
  margin: 30px auto;
  width: 950px; }

body.template-partner-work .visual-area .salary, body.template-partner-work .visual-box .salary {
  background: #87c20a;
  color: #fff;
  font-weight: bold;
  font-size: 135%; }

body.template-partner-work .cover-image {
  position: absolute;
  background: url(/img/front/jobs/bg_header.jpg) center no-repeat #f0f2f4;
  background-size: cover;
  height: 285px;
  width: 100%;
  z-index: -1; }

body.template-partner-work .visual-area .application-btn-area, body.template-partner-work .work-info .application-btn-area {
  padding: 10px 15px;
  text-align: center;
  border-top: 1px solid #eee;
  background: #fff; }

body.template-partner-work .l-jobs-container {
  box-sizing: border-box;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  min-height: 300px; }
  body.template-partner-work .l-jobs-container:after {
    content: " ";
    display: block;
    clear: both; }

body.template-partner-work .l-info {
  box-sizing: border-box;
  width: 620px;
  float: left;
  margin-left: 10px;
  margin-right: 10px; }

body.template-partner-work .l-header {
  box-sizing: border-box;
  width: 940px;
  float: left;
  margin-left: 10px;
  margin-right: 10px; }

body.template-partner-work .l-simple {
  box-sizing: border-box;
  width: 620px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  margin-left: 170px;
  margin-right: 170px; }

body.template-partner-work .l-visual {
  box-sizing: border-box;
  width: 300px;
  float: left;
  margin-left: 10px;
  margin-right: 10px; }

body.template-partner-work .visual-area {
  z-index: 1; }
  body.template-partner-work .visual-area .application-button-container {
    padding: 10px 0; }
  body.template-partner-work .visual-area .application-btn-area {
    border: 1px solid #e6e6e6;
    border-top: none;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
  body.template-partner-work .visual-area .timer {
    text-align: center;
    font-size: 14px;
    line-height: 1em;
    min-height: 30px;
    border: 1px solid #ccc;
    border-top: none;
    border-bottom: 1px solid #ddd; }
    body.template-partner-work .visual-area .timer .countdown-timer {
      background: #ffe5e5;
      padding: 16px 8px; }
      body.template-partner-work .visual-area .timer .countdown-timer p.expire {
        font-size: 13px;
        font-weight: bold; }
        body.template-partner-work .visual-area .timer .countdown-timer p.expire span, body.template-partner-work .visual-area .timer .countdown-timer p.expire em {
          display: inline-block;
          vertical-align: bottom; }
      body.template-partner-work .visual-area .timer .countdown-timer .time-value {
        font-size: 21px;
        margin: 0 2px 0 -2px;
        color: #f42800;
        font-weight: bold; }
  body.template-partner-work .visual-area .closed {
    line-height: 61px;
    background-color: #efefef;
    border-radius: 4px;
    color: #999;
    font-weight: bold;
    font-size: 90%; }
  body.template-partner-work .visual-area .partner-floating-box {
    padding-bottom: 30px;
    z-index: 9999; }
  body.template-partner-work .visual-area .salary {
    position: relative;
    padding: 10px;
    text-align: center; }
    body.template-partner-work .visual-area .salary .salary-num {
      font-size: 200%;
      line-height: 1;
      letter-spacing: -1px; }
  body.template-partner-work .visual-area .salary-label {
    position: absolute;
    display: block;
    width: 1em;
    top: 0;
    padding-top: 6px;
    font-size: 14px; }

body.template-partner-work .info-head {
  padding: 16px 0;
  position: relative;
  clear: both;
  border-top: 4px solid #87c20a; }
  body.template-partner-work .info-head:after {
    clear: both;
    content: "";
    display: table; }
  body.template-partner-work .info-head .title {
    width: 100%;
    min-height: 70px; }
    body.template-partner-work .info-head .title .head-info {
      padding-right: 96px; }
      body.template-partner-work .info-head .title .head-info .head-company {
        padding-bottom: 16px;
        border-bottom: 1px solid #d9d9d9; }
        body.template-partner-work .info-head .title .head-info .head-company h2 {
          color: #76b003;
          font-weight: bold;
          font-size: 20px; }
        body.template-partner-work .info-head .title .head-info .head-company .company-summary {
          color: #666;
          font-weight: normal;
          padding: 8px 0 0; }
          body.template-partner-work .info-head .title .head-info .head-company .company-summary .summary-item {
            list-style: none;
            display: inline-block;
            padding-right: 8px;
            font-size: 11px;
            line-height: 1.2;
            vertical-align: middle; }
            body.template-partner-work .info-head .title .head-info .head-company .company-summary .summary-item .summary-title {
              display: inline-block;
              height: 16px;
              font-size: 10px;
              font-weight: bold;
              background: #999999;
              color: #fff;
              padding: 0 6px;
              border-radius: 2px;
              margin-right: 1px;
              line-height: 16px;
              vertical-align: middle; }
    body.template-partner-work .info-head .title h3 {
      color: #333;
      font-size: 22px;
      line-height: 1.3;
      padding: 16px 0 12px; }
  body.template-partner-work .info-head .btn-free-kuchikomi {
    position: absolute;
    top: 10px;
    right: 5px;
    padding: 12px;
    display: block;
    border-radius: 50%;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2);
    background: #ee8715;
    transition: .2s; }
    body.template-partner-work .info-head .btn-free-kuchikomi:hover {
      -webkit-transform: scale(1.1, 1.1);
          -ms-transform: scale(1.1, 1.1);
              transform: scale(1.1, 1.1); }
    body.template-partner-work .info-head .btn-free-kuchikomi:after {
      content: "";
      position: absolute;
      bottom: 5px;
      left: 10px;
      margin-left: -10px;
      width: 0;
      height: 0;
      border-top: 10px solid #ee8715;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }

body.template-partner-work .work-info {
  margin: 30px 0;
  border: 1px solid #e6e6e6;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
  body.template-partner-work .work-info .corner-toggle-btn {
    float: right;
    font-size: 14px;
    font-weight: bold;
    color: #76b003;
    cursor: pointer; }
  body.template-partner-work .work-info .blur-on {
    height: 250px;
    overflow: hidden; }
  body.template-partner-work .work-info .panel-toggle-btn {
    position: relative;
    display: block;
    padding: 12px;
    background: #fff;
    color: #656565;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    box-sizing: border-box;
    cursor: pointer; }
    body.template-partner-work .work-info .panel-toggle-btn:hover, body.template-partner-work .work-info .panel-toggle-btn:visited {
      color: #656565; }
    body.template-partner-work .work-info .panel-toggle-btn.open:before {
      position: absolute;
      left: 0;
      bottom: 43px;
      width: 100%;
      height: 70px;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
      content: ''; }
    body.template-partner-work .work-info .panel-toggle-btn:after {
      content: '';
      display: inline-block;
      margin-left: 5px;
      width: 10px;
      height: 10px;
      border-top: #76b003 2px solid;
      border-left: #76b003 2px solid;
      -webkit-transform: translateY(3px) rotateZ(45deg);
          -ms-transform: translateY(3px) rotate(45deg);
              transform: translateY(3px) rotateZ(45deg); }
    body.template-partner-work .work-info .panel-toggle-btn.open:after {
      content: '';
      display: inline-block;
      margin-left: 5px;
      width: 10px;
      height: 10px;
      border-top: #76b003 2px solid;
      border-left: #76b003 2px solid;
      -webkit-transform: translateY(-2px) rotateZ(225deg);
          -ms-transform: translateY(-2px) rotate(225deg);
              transform: translateY(-2px) rotateZ(225deg); }
  body.template-partner-work .work-info .panel-toggle-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #76b003; }

body.template-partner-work .info-topic {
  box-sizing: border-box;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto; }
  body.template-partner-work .info-topic:after {
    content: " ";
    display: block;
    clear: both; }
  body.template-partner-work .info-topic .topics {
    box-sizing: border-box;
    width: 31.25%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%; }
  body.template-partner-work .info-topic .requirement {
    padding-left: 10px;
    box-sizing: border-box;
    width: 64.58333%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%; }

body.template-partner-work .info-topic {
  padding: 20px 20px 0 20px;
  margin-top: 10px; }
  body.template-partner-work .info-topic .topics .topic-img {
    margin-bottom: 10px; }

body.template-partner-work .work-requirement {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #eee;
  border-radius: 2px;
  width: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
  body.template-partner-work .work-requirement:after {
    clear: both;
    content: "";
    display: table; }
  body.template-partner-work .work-requirement .requirement-label {
    width: 50%;
    position: relative;
    display: inline-block;
    float: left;
    border-top: 1px solid #f1f1f1;
    padding: 12px 12px; }
    body.template-partner-work .work-requirement .requirement-label:nth-child(1) {
      border-top: none; }
    body.template-partner-work .work-requirement .requirement-label:nth-child(2) {
      border-top: none; }
    body.template-partner-work .work-requirement .requirement-label .requirement-title {
      position: absolute;
      left: 12px;
      top: 12px;
      padding: 2px 0;
      height: 16px;
      width: 40px;
      color: #76b003;
      font-size: 11px;
      font-weight: bold;
      border-right: 1px solid #f1f1f1; }
    body.template-partner-work .work-requirement .requirement-label .requirement-content {
      padding-left: 48px; }

body.template-partner-work .info-visual {
  padding: 10px 20px 0; }
  body.template-partner-work .info-visual h3 {
    font-size: 21px;
    margin: 5px 0 10px;
    padding: 5px 0;
    text-align: left;
    font-weight: normal; }
  body.template-partner-work .info-visual ul li {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 186px;
    height: 130px;
    border: 1px solid #e8e8e8; }
    body.template-partner-work .info-visual ul li img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 100%; }
  body.template-partner-work .info-visual ul.images {
    box-sizing: border-box;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto; }
    body.template-partner-work .info-visual ul.images:after {
      content: " ";
      display: block;
      clear: both; }
    body.template-partner-work .info-visual ul.images li {
      box-sizing: border-box;
      width: 31.25%;
      float: left;
      margin-left: 1.04167%;
      margin-right: 1.04167%;
      margin-top: 5px;
      margin-bottom: 5px; }

body.template-partner-work .pr-content {
  margin: 20px;
  font-size: 14px;
  line-height: 1.8; }

body.template-partner-work table.info-table {
  min-width: 578px;
  word-break: break-word;
  margin: 20px; }
  body.template-partner-work table.info-table caption {
    padding-left: 5px;
    margin-bottom: 20px;
    border-left: 2px solid #76b003;
    color: #76b003;
    font-weight: bold;
    font-size: 130%;
    line-height: 1em;
    text-align: left; }
  body.template-partner-work table.info-table th,
  body.template-partner-work table.info-table td {
    padding: 10px 0;
    border-top: 1px solid #e8e8e8; }
  body.template-partner-work table.info-table th {
    width: 110px;
    text-align: left; }
  body.template-partner-work table.info-table th.caution {
    color: #ffa821; }
  body.template-partner-work table.info-table td {
    font-size: 14px;
    line-height: 1.6; }

body.template-partner-work .info-topic-apply {
  text-align: center;
  margin-bottom: 10px; }

body.template-partner-work .btn-apply {
  font-size: 16px; }

body.template-partner-work .bol-icon {
  margin-right: 2px;
  vertical-align: text-bottom; }

body.template-partner-work .txt-emphasis-number-lang {
  color: #f48500;
  font-size: 115%;
  font-weight: bold; }

body.template-partner-work .job-extra-info .icon-label {
  margin-top: 20px;
  padding: 5px;
  border-radius: 2px;
  background: #ee8715;
  color: #fff;
  font-size: 12px; }

body.template-partner-work .visual-box {
  width: 300px; }
  body.template-partner-work .visual-box .visual-image-container {
    background: #333;
    text-align: center;
    line-height: 0;
    border: 1px solid #e8e8e8;
    border-bottom: none; }
    body.template-partner-work .visual-box .visual-image-container img {
      max-width: 298px; }
  body.template-partner-work .visual-box .visual-noimage-label {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: white;
    padding: 5px;
    background: #619614; }

body.template-partner-work .empty-spring-box {
  height: 1px; }

body.template-partner-work .work-recommend-box {
  width: 940px;
  margin: 10px auto;
  padding: 24px 32px;
  border: 1px solid #ccc;
  position: relative; }
  body.template-partner-work .work-recommend-box .clear {
    clear: both; }
  body.template-partner-work .work-recommend-box .work-recommend-carousel {
    position: relative;
    overflow-x: hidden;
    padding: 0 5px; }
    body.template-partner-work .work-recommend-box .work-recommend-carousel div.work-cell {
      float: left;
      width: 216px;
      padding: 10px 10px 0 10px; }
    body.template-partner-work .work-recommend-box .work-recommend-carousel .work-carousel-track {
      position: relative;
      width: 10000%; }
      body.template-partner-work .work-recommend-box .work-recommend-carousel .work-carousel-track .work-recommend-img {
        display: block;
        background: #f2f2f2;
        text-align: center;
        width: 100%;
        height: 130px;
        overflow: hidden; }
        body.template-partner-work .work-recommend-box .work-recommend-carousel .work-carousel-track .work-recommend-img img {
          height: 100%;
          max-width: 100%; }
        body.template-partner-work .work-recommend-box .work-recommend-carousel .work-carousel-track .work-recommend-img:hover {
          opacity: 0.85;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; }
  body.template-partner-work .work-recommend-box .work-recommend-ul {
    overflow: hidden; }
    body.template-partner-work .work-recommend-box .work-recommend-ul li {
      list-style: none;
      float: left;
      width: 25%;
      padding: 20px; }
    body.template-partner-work .work-recommend-box .work-recommend-ul .work-recommend-img {
      display: block;
      background: #f6f6f6;
      text-align: center;
      width: 100%;
      height: 130px; }
      body.template-partner-work .work-recommend-box .work-recommend-ul .work-recommend-img img {
        height: 100%;
        max-width: 100%; }
      body.template-partner-work .work-recommend-box .work-recommend-ul .work-recommend-img:hover {
        opacity: 0.85;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; }
  body.template-partner-work .work-recommend-box .work-recommend-caption {
    padding-left: 5px;
    margin: 0 0 16px 15px;
    border-left: 2px solid #76b003;
    color: #76b003;
    font-weight: bold;
    font-size: 130%;
    line-height: 1em; }
  body.template-partner-work .work-recommend-box .recommend-salary {
    background: #87c20a;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    font-size: 16px; }
  body.template-partner-work .work-recommend-box p.recommend-title {
    font-weight: bold;
    margin: 8px 0 12px;
    line-height: 1.5;
    font-size: 12px; }
  body.template-partner-work .work-recommend-box p.recommend-pref-name {
    font-size: 11px;
    padding-left: 15px;
    background: url(/img/front/common/icon/icon_pin.png) 0 50% no-repeat; }
  body.template-partner-work .work-recommend-box p.recommend-dead-line {
    font-size: 11px;
    padding-left: 15px;
    background: url(/img/front/common/icon/icon_clock_gray.png) 0 50% no-repeat; }
    body.template-partner-work .work-recommend-box p.recommend-dead-line span {
      font-weight: bold;
      color: #ffa821;
      font-size: 13px; }
  body.template-partner-work .work-recommend-box .prev-button, body.template-partner-work .work-recommend-box .next-button {
    transition: .5s;
    position: absolute;
    cursor: pointer;
    width: 32px;
    height: 48px;
    background: #e0e0e0;
    top: 50%;
    margin-top: -24px; }
    body.template-partner-work .work-recommend-box .prev-button:after, body.template-partner-work .work-recommend-box .next-button:after {
      content: "";
      width: 15px;
      height: 15px;
      border-top: 3px solid #fff;
      position: absolute;
      top: 50%;
      margin-top: -8px; }
    body.template-partner-work .work-recommend-box .prev-button:hover, body.template-partner-work .work-recommend-box .next-button:hover {
      background-color: #87c20a; }
  body.template-partner-work .work-recommend-box .prev-button {
    border-radius: 0 6px 6px 0;
    left: 0; }
    body.template-partner-work .work-recommend-box .prev-button:after {
      border-left: 3px solid #fff;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
      left: 10px; }
  body.template-partner-work .work-recommend-box .next-button {
    border-radius: 6px 0 0 6px;
    right: 0; }
    body.template-partner-work .work-recommend-box .next-button:after {
      border-right: 3px solid #fff;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      right: 10px; }
  body.template-partner-work .work-recommend-box .button-hide {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

body.template-partner-work body.template-partner-register .complete .complete-button, body.template-partner-register .complete body.template-partner-work .complete-button {
  font-size: 16px;
  padding: 15px 20px; }

@-webkit-keyframes dialog-hide {
  from {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  to {
    -webkit-transform: translateY(110%);
            transform: translateY(110%); } }

@keyframes dialog-hide {
  from {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  to {
    -webkit-transform: translateY(110%);
            transform: translateY(110%); } }

@-webkit-keyframes dialog-show {
  from {
    -webkit-transform: translateY(110%);
            transform: translateY(110%); }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@keyframes dialog-show {
  from {
    -webkit-transform: translateY(110%);
            transform: translateY(110%); }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

body.template-partner-work .dialog-open {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  border-top-left-radius: 10px;
  background: #87c20a;
  width: 60px;
  height: 40px;
  box-shadow: -4px 0 6px rgba(0, 0, 0, 0.3);
  cursor: pointer; }
  body.template-partner-work .dialog-open .dialog-open-p {
    text-align: center;
    padding-top: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 16px; }

body.template-partner-work .complete-entry-dialog {
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  box-shadow: -4px 0 6px rgba(0, 0, 0, 0.3); }
  body.template-partner-work .complete-entry-dialog.is-standby {
    display: none; }
  body.template-partner-work .complete-entry-dialog .dialog-inner {
    width: 940px;
    margin: 10px auto 0px; }
  body.template-partner-work .complete-entry-dialog .dialog-title {
    font-size: 18px;
    font-weight: bold;
    color: #87c20a; }
  body.template-partner-work .complete-entry-dialog .dialog-close {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 26px;
    cursor: pointer; }
  body.template-partner-work .complete-entry-dialog .clear {
    clear: both; }
  body.template-partner-work .complete-entry-dialog .work-recommend-carousel {
    position: relative;
    overflow-x: hidden;
    padding: 0 5px; }
    body.template-partner-work .complete-entry-dialog .work-recommend-carousel div.work-cell {
      float: left;
      width: 216px;
      padding: 10px 10px 0 10px; }
    body.template-partner-work .complete-entry-dialog .work-recommend-carousel .work-carousel-track {
      position: relative;
      width: 10000%; }
      body.template-partner-work .complete-entry-dialog .work-recommend-carousel .work-carousel-track .work-recommend-img {
        display: block;
        background: #f2f2f2;
        text-align: center;
        width: 100%;
        height: 130px;
        overflow: hidden; }
        body.template-partner-work .complete-entry-dialog .work-recommend-carousel .work-carousel-track .work-recommend-img img {
          height: 100%;
          max-width: 100%; }
        body.template-partner-work .complete-entry-dialog .work-recommend-carousel .work-carousel-track .work-recommend-img:hover {
          opacity: 0.85;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; }
  body.template-partner-work .complete-entry-dialog .work-recommend-ul {
    overflow: hidden; }
    body.template-partner-work .complete-entry-dialog .work-recommend-ul li {
      list-style: none;
      float: left;
      width: 25%;
      padding: 20px; }
    body.template-partner-work .complete-entry-dialog .work-recommend-ul .work-recommend-img {
      display: block;
      background: #f6f6f6;
      text-align: center;
      width: 100%;
      height: 130px; }
      body.template-partner-work .complete-entry-dialog .work-recommend-ul .work-recommend-img img {
        height: 100%;
        max-width: 100%; }
      body.template-partner-work .complete-entry-dialog .work-recommend-ul .work-recommend-img:hover {
        opacity: 0.85;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; }
  body.template-partner-work .complete-entry-dialog .work-recommend-caption {
    padding-left: 5px;
    margin: 0 0 16px 15px;
    border-left: 2px solid #76b003;
    color: #76b003;
    font-weight: bold;
    font-size: 130%;
    line-height: 1em; }
  body.template-partner-work .complete-entry-dialog .recommend-salary {
    background: #87c20a;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    font-size: 16px; }
  body.template-partner-work .complete-entry-dialog p.recommend-title {
    font-weight: bold;
    margin: 8px 0 12px;
    line-height: 1.5;
    font-size: 12px; }
  body.template-partner-work .complete-entry-dialog p.recommend-pref-name {
    font-size: 11px;
    padding-left: 15px;
    background: url(/img/front/common/icon/icon_pin.png) 0 50% no-repeat; }
  body.template-partner-work .complete-entry-dialog p.recommend-dead-line {
    font-size: 11px;
    padding-left: 15px;
    background: url(/img/front/common/icon/icon_clock_gray.png) 0 50% no-repeat; }
    body.template-partner-work .complete-entry-dialog p.recommend-dead-line span {
      font-weight: bold;
      color: #ffa821;
      font-size: 13px; }
  body.template-partner-work .complete-entry-dialog .work-recommend-ul li {
    padding: 10px 40px; }
  body.template-partner-work .complete-entry-dialog .work-recommend-ul .recommend-title {
    height: 3em;
    overflow: hidden; }
  body.template-partner-work .complete-entry-dialog .work-recommend-ul .work-recommend-img {
    height: 80px; }
  body.template-partner-work .complete-entry-dialog {
    -webkit-transform: translateY(110%);
        -ms-transform: translateY(110%);
            transform: translateY(110%); }
  body.template-partner-work .complete-entry-dialog.is-shown {
    -webkit-animation: dialog-show 1s ease 0.5s;
            animation: dialog-show 1s ease 0.5s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
  body.template-partner-work .complete-entry-dialog.is-closed {
    -webkit-animation: dialog-hide 1s ease;
            animation: dialog-hide 1s ease;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%); }

body.legacy-browser .complete-entry-dialog {
  display: none; }

body.template-partner-work .info-head .title span {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  font-size: 11px;
  color: #fff;
  border-radius: 2px;
  margin: 0 3px 0 0;
  padding: 0 8px;
  vertical-align: top; }

body.template-partner-work .info-head .title .beginner {
  background: url(/img/sp/cmn/icon/begginer-white.png) 0 45% no-repeat #87c20a;
  background-size: contain;
  padding: 0 8px 0 24px; }

body.template-partner-work .inexperienced-banner {
  z-index: -1;
  margin: 30px auto -31px;
  position: relative;
  height: 40px;
  border: 1px solid #e6e6e6;
  border-bottom: 1px solid #eee;
  background: url(/img/sp/cmn/icon/begginer-color.png) 9px 46% no-repeat #f8f8f8;
  background-size: contain;
  padding: 9px 24px 8px 40px;
  border-radius: 2px 2px 0 0;
  color: #aaa;
  font-size: 14px;
  font-weight: bold; }
  body.template-partner-work .inexperienced-banner:before {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    background: #eee;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    left: 24px;
    bottom: -5px; }
  body.template-partner-work .inexperienced-banner:after {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    background: #f8f8f8;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    left: 24px;
    bottom: -4px; }

body.template-partner-work .timer {
  text-align: center;
  font-size: 14px;
  line-height: 1em;
  min-height: 30px;
  border-bottom: 1px solid #ddd; }
  body.template-partner-work .timer .countdown-date {
    background: #fee8b8;
    padding: 16px 8px; }
    body.template-partner-work .timer .countdown-date p.expire {
      font-size: 16px;
      font-weight: bold; }
      body.template-partner-work .timer .countdown-date p.expire span, body.template-partner-work .timer .countdown-date p.expire em {
        display: inline-block;
        vertical-align: middle; }
    body.template-partner-work .timer .countdown-date .time-value {
      font-weight: bold;
      font-size: 22px;
      margin: 0 2px 0 -2px;
      color: #ff7708; }

body.template-partner-work .c-work-keyword-highlight {
  position: relative;
  background: #f6f6f6;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 2px 2px;
  border: 1px solid #dfdfdf;
  border-top: none;
  padding: 12px; }
  body.template-partner-work .c-work-keyword-highlight .keyword-title {
    font-weight: bold;
    position: absolute;
    left: 12px;
    top: 12px;
    color: #aaa;
    font-size: 12px; }
    body.template-partner-work .c-work-keyword-highlight .keyword-title:after {
      display: inline-block;
      content: ":";
      margin: 0 4px 0 1px; }
  body.template-partner-work .c-work-keyword-highlight .keyword-item-lists {
    padding-left: 188px; }
    body.template-partner-work .c-work-keyword-highlight .keyword-item-lists .keyword-item {
      border-radius: 3px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
      color: #aaa;
      font-size: 11px;
      font-weight: bold;
      border: 1px solid #ccc;
      background: rgba(255, 255, 255, 0.8);
      margin: 2px 4px 0;
      display: inline-block;
      height: 20px;
      line-height: 18px;
      padding: 0 6px;
      transition: .2s; }
    body.template-partner-work .c-work-keyword-highlight .keyword-item-lists a.keyword-item:hover {
      color: #fff;
      background: #87c20a;
      border-color: #87c20a; }

body.template-partner-work .q-and-a-box {
  margin: 30px 0;
  position: relative;
  z-index: -2;
  padding: 24px 16px;
  background: #fff;
  border: 1px solid #e6e6e6;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 2px; }
  body.template-partner-work .q-and-a-box .q-and-a-title {
    font-size: 16px;
    color: #666;
    padding: 0 0 8px 8px;
    border-bottom: 3px solid #e8e8e8; }
  body.template-partner-work .q-and-a-box .q-and-a-list li {
    list-style: none;
    padding: 12px 8px;
    border-top: 1px solid #e8e8e8;
    font-size: 14px; }
    body.template-partner-work .q-and-a-box .q-and-a-list li:first-child {
      border-top: none; }
    body.template-partner-work .q-and-a-box .q-and-a-list li div {
      position: relative;
      padding: 5px 0; }
    body.template-partner-work .q-and-a-box .q-and-a-list li span[class^='tag'] {
      display: block;
      text-align: center;
      line-height: 24px;
      font-size: 18px;
      font-weight: bold;
      width: 24px;
      height: 24px;
      position: absolute;
      left: 0;
      top: 5px;
      border-radius: 4px;
      color: #fcfcfc; }
    body.template-partner-work .q-and-a-box .q-and-a-list li p {
      padding: 2px 0 0 32px; }
      body.template-partner-work .q-and-a-box .q-and-a-list li p span.orange {
        font-weight: bold;
        color: #ee8715; }
    body.template-partner-work .q-and-a-box .q-and-a-list li .tag-question {
      background: #87c20a; }
    body.template-partner-work .q-and-a-box .q-and-a-list li .tag-answer {
      background: #ffa821; }
    body.template-partner-work .q-and-a-box .q-and-a-list li .question-text {
      font-weight: bold; }

body.template-partner-work .application-button-container {
  position: relative; }

body.template-partner-work .support-service-box {
  position: absolute;
  transition: .5s;
  left: 50%;
  margin-top: 16px;
  margin-left: -210px;
  width: 420px;
  border-radius: 2px;
  border: 2px solid #76b003;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 10; }
  body.template-partner-work .support-service-box:before {
    content: "";
    display: block;
    width: 16px;
    border-bottom: 8px solid #76b003;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    left: 50%;
    top: -8px;
    margin-left: -8px; }
  body.template-partner-work .support-service-box .support-service-header {
    padding: 16px 8px;
    background: #76b003;
    color: #fff;
    font-weight: bold; }
    body.template-partner-work .support-service-box .support-service-header h4 {
      font-size: 16px;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
      margin-bottom: 4px; }
    body.template-partner-work .support-service-box .support-service-header p {
      font-size: 12px;
      line-height: 1.4;
      opacity: .8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
  body.template-partner-work .support-service-box .text-box {
    padding: 16px 8px;
    text-align: center; }
    body.template-partner-work .support-service-box .text-box .support-lead-copy {
      font-size: 12px;
      font-weight: bold;
      color: #76b003;
      margin-bottom: 8px; }
    body.template-partner-work .support-service-box .text-box .support-point-list {
      display: inline-block; }
      body.template-partner-work .support-service-box .text-box .support-point-list li {
        list-style: none;
        position: relative;
        text-align: left;
        padding: 1px 0 1px 14px; }
        body.template-partner-work .support-service-box .text-box .support-point-list li:before {
          display: block;
          content: "";
          width: 10px;
          height: 7px;
          border-left: 3px solid #76b003;
          border-bottom: 3px solid #76b003;
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          position: absolute;
          left: 0;
          top: 6px; }

body.template-partner-work .btn-apply:hover + .support-service-box {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

body.template-partner-work .apply-caution {
  padding: 5px 0px;
  font-size: 12px;
  color: #bbb; }

body.template-beginner-guide .beginner-guide-text {
  text-align: center;
  -webkit-perspective: 500;
  padding: 20px 0;
  margin: 20px 0 20px 0;
  background: #fff;
  font-size: 14px; }
  body.template-beginner-guide .beginner-guide-text .handshake-logo {
    margin-bottom: 15px;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation: swan-spin 1.5s ease-in-out;
            animation: swan-spin 1.5s ease-in-out; }
  body.template-beginner-guide .beginner-guide-text .handshake-text {
    color: #87c20a;
    margin-bottom: 3px;
    -webkit-animation: 0.2s small-bubble 1.5s;
            animation: 0.2s small-bubble 1.5s; }
  body.template-beginner-guide .beginner-guide-text .title-box {
    text-align: center; }
    body.template-beginner-guide .beginner-guide-text .title-box .main-message {
      color: #333;
      font-size: 16px;
      padding: 0 10px;
      margin-bottom: 15px;
      font-weight: bold; }
    body.template-beginner-guide .beginner-guide-text .title-box .sub-message {
      font-size: 13px;
      margin-bottom: 15px;
      padding: 0 20px;
      color: #666; }
      body.template-beginner-guide .beginner-guide-text .title-box .sub-message em {
        font-weight: bold; }
  body.template-beginner-guide .beginner-guide-text .answer-post-button {
    display: inline-block;
    font-size: 18px;
    padding: 15px 30px;
    background: #8DC614;
    border-radius: 4px;
    box-shadow: 0 4px #76A710;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
    box-shadow: 0 1px 1px #D8D8D8; }

body.template-beginner-guide .companies-search {
  text-align: center;
  padding: 0 0 20px 0; }
  body.template-beginner-guide .companies-search .search-field {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding: 10px;
    border-radius: 4px;
    font-size: 14px;
    border: 1px solid #ccc;
    width: 70%;
    max-width: 340px; }
  body.template-beginner-guide .companies-search .search-btn {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding: 10px 10px 9px;
    border: none;
    color: #fff;
    border-radius: 0 4px 4px 0;
    font-size: 14px;
    background: #444;
    font-weight: bold;
    margin-left: -10px;
    width: 65px;
    height: 40px; }
    body.template-beginner-guide .companies-search .search-btn:hover {
      background: #555;
      cursor: pointer; }

body.template-beginner-guide .history-list {
  max-width: 400px;
  margin: 20px auto;
  text-align: left;
  background: #fff;
  font-size: 14px;
  border: 1px #ccc solid; }
  body.template-beginner-guide .history-list dt {
    border-left: 2px solid #87c20a;
    padding: 5px 8px;
    margin: 10px;
    font-weight: bold; }
  body.template-beginner-guide .history-list dd {
    border-top: 1px solid #ccc; }
    body.template-beginner-guide .history-list dd a {
      padding: 20px;
      margin-right: 20px;
      display: block;
      background: url(/img/sp/cmn/icon/arrow01.png) center right no-repeat;
      background-size: 10px; }

body.template-beginner-guide .top-link {
  text-align: center; }

body.template-partner-register {
  background: #fcfcfc; }

body.template-partner-register .l-main {
  box-sizing: border-box;
  width: 620px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  margin-left: 170px;
  margin-right: 170px;
  padding-top: 10px;
  padding-bottom: 10px; }

body.template-partner-register .l-form-container {
  box-sizing: border-box;
  width: 640px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0; }
  body.template-partner-register .l-form-container:after {
    content: " ";
    display: block;
    clear: both; }
  body.template-partner-register .l-form-container .form-section,
  body.template-partner-register .l-form-container .field {
    box-sizing: border-box;
    width: 620px;
    float: left;
    margin-left: 10px;
    margin-right: 10px; }
  body.template-partner-register .l-form-container .field .label {
    box-sizing: border-box;
    width: 21.875%;
    float: left;
    margin-left: 1.5625%;
    margin-right: 1.5625%; }
  body.template-partner-register .l-form-container .field .inputs {
    box-sizing: border-box;
    width: 71.875%;
    float: right;
    margin-left: 1.5625%;
    margin-right: 1.5625%; }

body.template-partner-register .register-form {
  background: white;
  border: 1px solid #ccc;
  border-radius: 10px; }

body.template-partner-register .introduction {
  padding-bottom: 10px; }
  body.template-partner-register .introduction .introduction-header {
    color: #ffa821;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
    padding: 5px 0 10px;
    margin-bottom: 10px; }

body.template-partner-register .partner-skip-info {
  clear: both;
  background: #ffa821;
  width: 250px;
  box-shadow: 0 4px 0 #EC9D22;
  margin: 10px auto 30px;
  font-size: 14px;
  padding: 10px 15px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  border-radius: 4px;
  display: block; }

body.template-partner-register .fields .field {
  padding: 1em 0; }
  body.template-partner-register .fields .field:first-child {
    border-top: none; }
  body.template-partner-register .fields .field {
    border-top: 1px solid #e8e8e8; }
  body.template-partner-register .fields .field .label, body.template-partner-register .fields .field .inputs {
    line-height: 37px; }
  body.template-partner-register .fields .field .label span {
    border-left: 4px solid #b3d844;
    padding: 0.5em 1em;
    font-weight: bold;
    text-align: left;
    color: #666; }
  body.template-partner-register .fields .field .detail-address input {
    width: 80%; }
  body.template-partner-register .fields .field .input-phone input {
    width: 60%; }
  body.template-partner-register .fields .field .inputs input[type="radio"] {
    border: 0px; }
  body.template-partner-register .fields .field .inputs input {
    padding: 1em;
    margin: 0.5em 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f9f9f9; }
    body.template-partner-register .fields .field .inputs input:focus {
      box-shadow: 0px 0px 2px 1px rgba(163, 217, 0, 0.25);
      border-color: #85b202;
      background-color: #fff; }
  body.template-partner-register .fields .field .inputs textarea {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f9f9f9; }
  body.template-partner-register .fields .field .inputs input[type="submit"],
  body.template-partner-register .fields .field .inputs input[type="button"] {
    padding: 0.8em; }
  body.template-partner-register .fields .field .inputs select {
    padding: 1em;
    border: 1px solid #999;
    background: #eee;
    background: linear-gradient(to bottom, #fff 0%, #eee 100%);
    border-radius: 4px;
    line-height: 2;
    height: 3.5em; }

body.template-partner-register .fields .address-input-rows {
  margin: 5px 0; }

body.template-partner-register .introduction-provide-message {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 12px;
  line-height: 1.2em; }
  body.template-partner-register .introduction-provide-message em {
    font-weight: bold; }

body.template-partner-register .partner-select ul {
  display: inline-block; }
  body.template-partner-register .partner-select ul li {
    display: inline-block;
    background: white;
    box-shadow: 0px 1px 0px 0px #cacaca;
    border-radius: 4px; }

body.template-partner-register .complete {
  text-align: center; }
  body.template-partner-register .complete .complete-button {
    width: 200px;
    margin: 20px 0　10px; }
  body.template-partner-register .complete .exit-message a {
    width: 200px;
    font-size: 18px;
    display: inline-block;
    border: 1px solid #e7e7e7;
    margin: 10px 0 30px;
    border-radius: 4px;
    padding: 13px 20px 11px; }

body.template-partner-register .field.jobchange-status .inputs li {
  display: inline-block; }

body.template-partner-register .form-errors {
  color: #f42800;
  background: #ffe5e5;
  padding: 10px; }
  body.template-partner-register .form-errors ul {
    margin: 10px 20px 0; }

body.template-partner-register .partner-label .description {
  display: none; }

body.template-partner-register .job-change-status-container li {
  padding-left: 1em; }

body.template-partner-register .partner-select {
  padding: 3px 3px 0px 3px;
  background: #f0f0f0;
  border: 2px solid #e8e8e8;
  box-sizing: border-box; }
  body.template-partner-register .partner-select input,
  body.template-partner-register .partner-select label,
  body.template-partner-register .partner-select ul,
  body.template-partner-register .partner-select li {
    display: inline-block;
    vertical-align: middle; }
  body.template-partner-register .partner-select li {
    padding: 0 6px;
    margin-bottom: 6px;
    min-width: 200px;
    text-align: center; }
  body.template-partner-register .partner-select label {
    width: 80%;
    padding-left: 3px; }
  body.template-partner-register .partner-select .partner-select-header {
    color: #666;
    padding: 3px; }
  body.template-partner-register .partner-select .partner-label {
    width: 100%; }
    body.template-partner-register .partner-select .partner-label .logo-image {
      display: inline-block;
      padding-left: 0.1em;
      padding-top: 7px; }
      body.template-partner-register .partner-select .partner-label .logo-image img {
        height: 30px; }
  body.template-partner-register .partner-select .pc-rule-links {
    font-size: 10px; }

body.template-partner-register .partner-label-templates {
  display: none; }

body.template-partner-register .sp-rule-links {
  display: none; }

body.template-partner-register .fields .placeholder {
  color: #aaa; }

body.template-my-page .l-my-page-main-area .c-my-page-panel .c-my-page-item .my-page-link .my-page-link-btn, body.template-my-page .l-my-page-main-area .c-my-page-panel .c-my-page-item .my-page-account-row .my-page-account-link .my-page-account-link-btn {
  display: inline-block;
  width: 100%;
  height: 40px;
  border: 1px solid #c7c7c7;
  color: #666;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  border-radius: 3px;
  transition: all 0.4s ease; }
  body.template-my-page .l-my-page-main-area .c-my-page-panel .c-my-page-item .my-page-link .my-page-link-btn:hover, body.template-my-page .l-my-page-main-area .c-my-page-panel .c-my-page-item .my-page-account-row .my-page-account-link .my-page-account-link-btn:hover {
    border: 1px solid #87c20a;
    background-color: #87c20a;
    color: #fff; }

body.template-my-page .l-my-page-main-area {
  box-sizing: border-box;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px; }
  body.template-my-page .l-my-page-main-area:after {
    content: " ";
    display: block;
    clear: both; }
  body.template-my-page .l-my-page-main-area h1 {
    padding: 10px;
    font-size: 20px; }
  body.template-my-page .l-my-page-main-area .c-my-page-panel {
    box-sizing: border-box;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px; }
    body.template-my-page .l-my-page-main-area .c-my-page-panel:after {
      content: " ";
      display: block;
      clear: both; }
    body.template-my-page .l-my-page-main-area .c-my-page-panel h2 {
      padding: 7px 5px;
      background-color: #f8f8f8;
      border-left: 4px solid #87c20a;
      font-size: 123%;
      font-weight: bold;
      color: #666; }
    body.template-my-page .l-my-page-main-area .c-my-page-panel .c-my-page-item {
      box-sizing: border-box;
      width: 800px;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 5px; }
      body.template-my-page .l-my-page-main-area .c-my-page-panel .c-my-page-item:after {
        content: " ";
        display: block;
        clear: both; }
      body.template-my-page .l-my-page-main-area .c-my-page-panel .c-my-page-item h3 {
        margin-bottom: 10px;
        padding-left: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #87c20a;
        font-weight: bold;
        font-size: 14px; }
      body.template-my-page .l-my-page-main-area .c-my-page-panel .c-my-page-item .my-page-link {
        box-sizing: border-box;
        width: 240px;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
        padding: 5px 0;
        text-align: center; }
      body.template-my-page .l-my-page-main-area .c-my-page-panel .c-my-page-item .my-page-account-row {
        box-sizing: border-box;
        width: 800px;
        margin-left: auto;
        margin-right: auto;
        padding: 10px 5px;
        border-bottom: 1px solid #ccc; }
        body.template-my-page .l-my-page-main-area .c-my-page-panel .c-my-page-item .my-page-account-row:after {
          content: " ";
          display: block;
          clear: both; }
        body.template-my-page .l-my-page-main-area .c-my-page-panel .c-my-page-item .my-page-account-row:last-child {
          border-bottom: none; }
        body.template-my-page .l-my-page-main-area .c-my-page-panel .c-my-page-item .my-page-account-row .my-page-account-data {
          box-sizing: border-box;
          width: 540px;
          float: left;
          margin-left: 10px;
          margin-right: 10px; }
          body.template-my-page .l-my-page-main-area .c-my-page-panel .c-my-page-item .my-page-account-row .my-page-account-data .my-page-account-data-label:after {
            content: ":";
            display: inline-block;
            margin-left: 5px; }
        body.template-my-page .l-my-page-main-area .c-my-page-panel .c-my-page-item .my-page-account-row .my-page-account-link {
          box-sizing: border-box;
          width: 180px;
          float: left;
          margin-left: 10px;
          margin-right: 10px; }

body.template-mail-subscription .l-main {
  box-sizing: border-box;
  width: 620px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  margin-left: 170px;
  margin-right: 170px; }

body.template-mail-subscription h2.title {
  position: relative;
  margin-bottom: 18px;
  padding: 14px 13px 0;
  border-top: 4px solid #87c20a;
  font-size: 138%;
  font-weight: bold;
  color: #666; }

body.template-mail-subscription .email {
  font-weight: bold; }

body.template-mail-subscription .security-description {
  margin-top: 10px;
  font-size: 10px; }

body.template-mail-subscription .recommendation {
  margin-top: 5px; }

body.template-mail-subscription .submit-area {
  text-align: center; }
  body.template-mail-subscription .submit-area .btn-submit {
    display: inline-block;
    padding: 13px 60px 11px;
    border: 1px solid;
    border-color: #c7c7c7;
    border-radius: 3px;
    color: #656565;
    font-weight: bold;
    background: #fdfdfd;
    background: linear-gradient(to bottom, #fdfdfd 0%, #d7d7d7 100%); }
  body.template-mail-subscription .submit-area .btn-submit:hover {
    border-color: #cdcdcd;
    background: #f1f1f1;
    background: linear-gradient(to bottom, #f1f1f1 0%, #d1d1d1 100%); }

body.template-point-info .l-center {
  box-sizing: border-box;
  width: 780px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  margin-left: 90px;
  margin-right: 90px; }

body.template-point-info .point-info-article {
  width: 635px;
  float: left; }
  body.template-point-info .point-info-article h1 {
    position: relative;
    margin-bottom: 18px;
    padding: 14px 13px 0;
    border-top: 4px solid #87c20a;
    font-size: 138%;
    font-weight: bold;
    color: #666; }
  body.template-point-info .point-info-article h3 {
    padding-left: 8px;
    border-left: 3px solid #b3d844;
    font-weight: bold;
    line-height: 1.2;
    color: #666; }

body.template-point-info .browse-detail {
  width: 100%;
  margin-top: 15px; }
  body.template-point-info .browse-detail td, body.template-point-info .browse-detail th {
    padding: 5px;
    border: 1px #ccc solid;
    line-height: 25px; }
  body.template-point-info .browse-detail th {
    text-align: left;
    width: 127px;
    background-color: #F1F1F1; }

body.template-point-info .browse-period {
  margin-bottom: 30px; }

body.template-point-info .browse-period-days {
  margin-left: 5px;
  font-size: 0.8em;
  color: #999; }

body.template-point-info .annotation-list {
  font-size: 0.9em;
  margin-bottom: 30px; }
  body.template-point-info .annotation-list li {
    list-style-type: none; }

body.template-point-info .btn-apply {
  display: block;
  width: 242px;
  margin: 20px auto 0;
  padding: 10px;
  border: 1px solid;
  border-color: #c7c7c7;
  border-radius: 4px;
  background: #f4f4f4;
  background: linear-gradient(to bottom, #fdfdfd 0%, #d7d7d7 100%);
  font-weight: bold;
  text-align: center;
  color: #656565;
  box-sizing: border-box;
  margin-bottom: 40px; }
  body.template-point-info .btn-apply:hover {
    background: #cdcdcd;
    background: linear-gradient(to bottom, #f1f1f1 0%, #d1d1d1 100%);
    color: #656565; }

body.template-post-complete .browsed-company-history .btn-last-company {
  width: 50%;
  margin: auto;
  display: block;
  font-size: 14px;
  border: 1px solid;
  border-color: #c7c7c7;
  background: #fdfdfd;
  background: linear-gradient(to bottom, #fdfdfd 0%, #d7d7d7 100%);
  color: #666;
  font-weight: bold;
  vertical-align: top;
  padding: 15px 10px;
  text-align: center;
  border-radius: 3px; }
  body.template-post-complete .browsed-company-history .btn-last-company .post-company-name {
    font-size: 10px; }

body.template-post-complete .browsed-company-history .search-company {
  display: block;
  margin: 10px auto;
  width: 105px;
  font-size: 15px; }

body.template-post-complete .knkmx-company-list {
  margin-bottom: 40px;
  overflow: hidden; }
  body.template-post-complete .knkmx-company-list ul {
    overflow: hidden;
    margin-left: 10px; }
  body.template-post-complete .knkmx-company-list .title {
    font-weight: bold;
    font-size: 20px;
    border-left: 3px solid #8AC03C;
    padding-left: 10px; }
    body.template-post-complete .knkmx-company-list .title .title-cross {
      color: #ccc; }
  body.template-post-complete .knkmx-company-list .company-detail {
    margin: 10px 0;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    width: 280px;
    margin-right: 10px;
    border: 1px solid #ccc;
    float: left;
    height: 240px;
    border-radius: 5px;
    box-shadow: 0 2px 0 #F0F0F0;
    overflow: hidden; }
    body.template-post-complete .knkmx-company-list .company-detail .detail-text-head {
      background-color: #eee;
      padding: 10px;
      min-height: 68px; }
    body.template-post-complete .knkmx-company-list .company-detail .detail-text-body {
      padding: 10px; }
    body.template-post-complete .knkmx-company-list .company-detail .company-link-block {
      display: block; }
    body.template-post-complete .knkmx-company-list .company-detail .info-kuchikomi-item {
      font-size: 14px;
      margin: 5px 0; }
    body.template-post-complete .knkmx-company-list .company-detail .info-sub-item {
      display: inline-block;
      margin-right: 10px;
      font-size: 10px;
      color: #666; }
    body.template-post-complete .knkmx-company-list .company-detail .rank-title {
      font-size: 16px;
      color: #333;
      font-weight: bold; }
    body.template-post-complete .knkmx-company-list .company-detail .point-star-box {
      color: #ffa821;
      font-weight: bold;
      font-size: 16px;
      display: inline-block; }
      body.template-post-complete .knkmx-company-list .company-detail .point-star-box .point-count {
        font-size: 14px; }
    body.template-post-complete .knkmx-company-list .company-detail .rank-no {
      display: inline-block;
      background: #FFA821;
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px;
      color: #fff;
      font-weight: bold;
      border-radius: 15px;
      font-size: 12px; }

body.template-post-complete .post-complete {
  width: 630px;
  margin: 20px auto;
  border-radius: 8px;
  padding: 15px;
  border: 1px solid #ccc; }

body.template-post-complete .post-complete-announce {
  text-align: center;
  padding: 10px 0px; }

body.template-post-complete .post-complete-visual {
  margin-top: 10px;
  width: 50%; }

body.template-post-complete .post-complete-thanks {
  margin-top: 15px;
  font-size: 16px;
  font-weight: bold; }

body.template-post-complete .post-complete-days {
  line-height: 20px; }

body.template-credit-complete .browsed-company-history .btn-last-company {
  width: 50%;
  margin: auto;
  display: block;
  font-size: 14px;
  border: 1px solid;
  border-color: #c7c7c7;
  background: #fdfdfd;
  background: linear-gradient(to bottom, #fdfdfd 0%, #d7d7d7 100%);
  color: #666;
  font-weight: bold;
  vertical-align: top;
  padding: 15px 10px;
  text-align: center;
  border-radius: 3px; }
  body.template-credit-complete .browsed-company-history .btn-last-company .post-company-name {
    font-size: 10px; }

body.template-credit-complete .browsed-company-history .search-company {
  display: block;
  margin: 10px auto;
  width: 105px;
  font-size: 15px; }

body.template-credit-complete .knkmx-company-list {
  margin-bottom: 40px;
  overflow: hidden; }
  body.template-credit-complete .knkmx-company-list ul {
    overflow: hidden;
    margin-left: 10px; }
  body.template-credit-complete .knkmx-company-list .title {
    font-weight: bold;
    font-size: 20px;
    border-left: 3px solid #8AC03C;
    padding-left: 10px; }
    body.template-credit-complete .knkmx-company-list .title .title-cross {
      color: #ccc; }
  body.template-credit-complete .knkmx-company-list .company-detail {
    margin: 10px 0;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    width: 280px;
    margin-right: 10px;
    border: 1px solid #ccc;
    float: left;
    height: 240px;
    border-radius: 5px;
    box-shadow: 0 2px 0 #F0F0F0;
    overflow: hidden; }
    body.template-credit-complete .knkmx-company-list .company-detail .detail-text-head {
      background-color: #eee;
      padding: 10px;
      min-height: 68px; }
    body.template-credit-complete .knkmx-company-list .company-detail .detail-text-body {
      padding: 10px; }
    body.template-credit-complete .knkmx-company-list .company-detail .company-link-block {
      display: block; }
    body.template-credit-complete .knkmx-company-list .company-detail .info-kuchikomi-item {
      font-size: 14px;
      margin: 5px 0; }
    body.template-credit-complete .knkmx-company-list .company-detail .info-sub-item {
      display: inline-block;
      margin-right: 10px;
      font-size: 10px;
      color: #666; }
    body.template-credit-complete .knkmx-company-list .company-detail .rank-title {
      font-size: 16px;
      color: #333;
      font-weight: bold; }
    body.template-credit-complete .knkmx-company-list .company-detail .point-star-box {
      color: #ffa821;
      font-weight: bold;
      font-size: 16px;
      display: inline-block; }
      body.template-credit-complete .knkmx-company-list .company-detail .point-star-box .point-count {
        font-size: 14px; }
    body.template-credit-complete .knkmx-company-list .company-detail .rank-no {
      display: inline-block;
      background: #FFA821;
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px;
      color: #fff;
      font-weight: bold;
      border-radius: 15px;
      font-size: 12px; }

body.template-credit-complete .credit-complete {
  width: 630px;
  margin: 20px auto;
  border-radius: 8px;
  padding: 15px;
  border: 1px solid #ccc; }

body.template-credit-complete .credit-complete-announce {
  text-align: center;
  padding: 10px 0px; }

body.template-credit-complete .credit-complete-visual {
  margin-top: 10px;
  width: 50%; }

body.template-credit-complete .credit-complete-thanks {
  margin-top: 15px;
  font-size: 16px;
  font-weight: bold; }

body.template-credit-complete .credit-complete-days {
  line-height: 20px; }

body.template-member-leave .l-content {
  box-sizing: border-box;
  width: 780px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  margin-left: 90px;
  margin-right: 90px;
  margin-bottom: 20px; }

body.template-member-leave .member-leave-content .content-title {
  font-size: 16px;
  padding: 1em 0.5em;
  border-top: #87c20a 4px solid; }

body.template-member-leave .member-leave-content .leave-notice {
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 1.5; }
  body.template-member-leave .member-leave-content .leave-notice p.leave-heading {
    margin-bottom: 5px;
    font-size: 116%;
    font-weight: bold;
    color: #333; }
  body.template-member-leave .member-leave-content .leave-notice .parts {
    margin: 10px 20px 20px; }
  body.template-member-leave .member-leave-content .leave-notice ul.items {
    padding-left: 20px;
    margin-bottom: 10px; }
    body.template-member-leave .member-leave-content .leave-notice ul.items li {
      list-style-type: disc; }
  body.template-member-leave .member-leave-content .leave-notice em {
    color: #f42800;
    font-weight: bold; }
  body.template-member-leave .member-leave-content .leave-notice dl dt {
    margin-bottom: 10px; }
  body.template-member-leave .member-leave-content .leave-notice dl dt.leave-stop-title {
    margin: 10px 0;
    font-size: 100%;
    font-weight: bold; }
  body.template-member-leave .member-leave-content .leave-notice dl dd {
    margin-bottom: 20px;
    margin-left: 20px; }
  body.template-member-leave .member-leave-content .leave-notice .leave-notice-heading {
    margin-bottom: 40px; }
  body.template-member-leave .member-leave-content .leave-notice .mail-stop-step {
    padding-top: 10px; }
    body.template-member-leave .member-leave-content .leave-notice .mail-stop-step dt {
      font-weight: bold;
      margin-bottom: 5px; }

body.template-member-leave .member-leave-content .leave-form input[type="radio"] {
  border: 0px; }

body.template-member-leave .member-leave-content .leave-form input {
  padding: 1em;
  margin: 0.5em 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f9f9f9; }
  body.template-member-leave .member-leave-content .leave-form input:focus {
    box-shadow: 0px 0px 2px 1px rgba(163, 217, 0, 0.25);
    border-color: #85b202;
    background-color: #fff; }

body.template-member-leave .member-leave-content .leave-form textarea {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f9f9f9; }

body.template-member-leave .member-leave-content .leave-form input {
  width: 100%; }

body.template-member-leave .member-leave-content .leave-form textarea {
  width: 100%; }

body.template-member-leave .member-leave-content .leave-button-container {
  margin: 0 auto;
  text-align: center; }

body.template-legacy-compability .recommended-sp-box {
  width: 735px;
  margin: 0 auto;
  text-align: center; }

body.template-legacy-compability .legacy-caution {
  text-align: center;
  padding: 10px; }
  body.template-legacy-compability .legacy-caution .caution-text {
    font-weight: bold;
    padding: 10px 0px 10px 30px;
    color: #333;
    background: url("/img/front/browser-caution/legacy-caution.png") left center no-repeat; }

body.template-legacy-compability .recommended-sp-title {
  border-top: 1px solid #ccc;
  font-size: 30px;
  font-weight: bold;
  color: #333;
  text-align: center;
  padding: 5px 0; }
  body.template-legacy-compability .recommended-sp-title em {
    color: #ee8715; }

body.template-legacy-compability .sp-announce {
  margin: 1em 0; }

body.template-legacy-compability .pc-announce {
  margin: 1em 0 2em; }
  body.template-legacy-compability .pc-announce .another-browsers a {
    font-weight: bold; }

body.template-answer-post body.template-partner-register .complete .complete-button, body.template-partner-register .complete body.template-answer-post .complete-button {
  font-size: 16px;
  padding: 15px 20px; }

body.template-answer-post .post-select-form .post-next-button {
  background: #87c20a;
  padding: 10px 5px 15px;
  display: block;
  width: 100%;
  border: none;
  font-size: 18px;
  color: #fff;
  border-radius: 6px;
  text-align: center;
  font-weight: bold;
  margin: 20px 0 20px;
  box-shadow: 0 -4px 0 #639003 inset; }

body.template-answer-post .post-select-form .post-complete-button {
  display: block;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  padding: 13px;
  border: 1px solid #ccc;
  border-radius: 5px; }

body.template-answer-post .repost-merit-info {
  font-size: 12px;
  color: #565656;
  background: #FFF6E7;
  position: relative;
  padding: 10px;
  border-radius: 4px; }
  body.template-answer-post .repost-merit-info em {
    font-weight: bold; }
  body.template-answer-post .repost-merit-info:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #FFF6E7;
    border-width: 10px;
    margin-left: -10px; }

body.template-answer-post .preview-img img {
  width: 100%; }

body.template-answer-post .preview-img .preview-img-sp {
  display: none; }

body.template-answer-post .post-security-info {
  padding: 5px;
  text-align: center;
  border: 2px solid #8bc477;
  -webkit-animation: extending-transverse ease-in 0.5s;
          animation: extending-transverse ease-in 0.5s;
  margin-bottom: 10px; }
  body.template-answer-post .post-security-info img {
    -webkit-animation: 0.8s swan-spin 1s;
            animation: 0.8s swan-spin 1s;
    vertical-align: middle; }
  body.template-answer-post .post-security-info .post-security-text {
    margin-left: 5px;
    color: #8bc477;
    font-size: 14px;
    font-weight: bold; }

body.template-answer-post .premium-title {
  font-size: 15px;
  padding: 5px 10px; }
  body.template-answer-post .premium-title:after {
    clear: both;
    content: "";
    display: table; }
  body.template-answer-post .premium-title .premium-title-badge {
    width: 13%;
    height: auto;
    float: left; }
  body.template-answer-post .premium-title .premium-title-text {
    font-weight: bold;
    width: 85%;
    float: left;
    line-height: 22px;
    margin-left: 5px; }

body.template-answer-post .browse-passport-credit {
  margin-top: 20px;
  padding: 10px;
  border: 1px solid #ccc;
  background: #fff; }
  body.template-answer-post .browse-passport-credit .browse-passport-howto {
    margin: 10px 0; }
  body.template-answer-post .browse-passport-credit .browse-passport-purchase-box {
    border-top: none;
    padding: 10px;
    font-size: 16px;
    background: #eee; }
  body.template-answer-post .browse-passport-credit .browse-passport-purchase-box:after {
    clear: both;
    content: "";
    display: table; }
  body.template-answer-post .browse-passport-credit .browse-passport-purchase-box .browse-passport-about {
    float: left; }
  body.template-answer-post .browse-passport-credit .browse-passport-purchase-box .browse-passport-apply {
    float: right; }
  body.template-answer-post .browse-passport-credit .browse-passport-apply {
    display: inline-block;
    font-size: 14px;
    border: 1px solid;
    border-color: #c7c7c7;
    background: #fdfdfd;
    background: linear-gradient(to bottom, #fdfdfd 0%, #d7d7d7 100%);
    color: #333;
    font-weight: bold;
    vertical-align: top;
    padding: 13px 23px;
    border-radius: 3px; }
  body.template-answer-post .browse-passport-credit .browse-passport-days {
    font-weight: bold; }
    body.template-answer-post .browse-passport-credit .browse-passport-days .browse-passport-days-num {
      font-size: 20px;
      color: #ee8715;
      margin-left: 5px; }
  body.template-answer-post .browse-passport-credit .passport-annotation-title {
    margin-top: 10px;
    font-size: 14px; }
  body.template-answer-post .browse-passport-credit .passport-annotation-list {
    padding: 10px 20px;
    font-size: 12px; }
    body.template-answer-post .browse-passport-credit .passport-annotation-list li {
      list-style-type: disc; }

body.template-answer-post .c-answer-form {
  max-width: 500px;
  margin: 0 auto;
  padding-top: 20px; }
  body.template-answer-post .c-answer-form .answer-post-title {
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 20px;
    border-top: 2px solid #87C20A;
    background: #FFF; }
  body.template-answer-post .c-answer-form .other-browser-introduction {
    max-width: 500px;
    margin: 0 auto; }
  body.template-answer-post .c-answer-form .answer-form-placeholder-messages p {
    font-size: 14px;
    text-align: center; }
  body.template-answer-post .c-answer-form .answer-form-placeholder-messages .reload-message {
    padding-top: 5px;
    font-size: 12px; }
  body.template-answer-post .c-answer-form .r-answer-form {
    background: #fff;
    font-size: 14px;
    border: 1px #ccc solid;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 2px; }
    body.template-answer-post .c-answer-form .r-answer-form textarea,
    body.template-answer-post .c-answer-form .r-answer-form input {
      border-radius: 5px;
      border: 1px solid #ccc;
      padding: 0.5em;
      font-size: 1em; }
    body.template-answer-post .c-answer-form .r-answer-form button {
      cursor: pointer; }
    body.template-answer-post .c-answer-form .r-answer-form .api-application {
      padding: 1.5em; }
    body.template-answer-post .c-answer-form .r-answer-form .intro-header {
      background: #FFA821 url(/img/common/passport/premium-badge.png) 10px 45% no-repeat;
      color: #fff;
      border-radius: 4px;
      font-weight: bold;
      background-size: 29px;
      font-size: 14px;
      padding: 10px 10px 10px 50px;
      margin-bottom: 20px; }
    body.template-answer-post .c-answer-form .r-answer-form i.star {
      font-size: 2.3em;
      padding-right: 3px;
      font-style: normal;
      cursor: pointer;
      color: #eee;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      body.template-answer-post .c-answer-form .r-answer-form i.star.selected {
        color: #eed217; }
      body.template-answer-post .c-answer-form .r-answer-form i.star.hover {
        color: #eed217;
        text-shadow: 0 0 15px #F5E053; }
    body.template-answer-post .c-answer-form .r-answer-form .rating-label {
      font-size: 18px;
      height: 1.5em;
      padding-left: 0.5em;
      line-height: 1.5em;
      vertical-align: baseline; }
    body.template-answer-post .c-answer-form .r-answer-form .input-salary {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      width: 100%;
      font-size: 16px;
      width: 100%;
      border: 1px solid #ccc;
      border-radius: 4px;
      padding: 10px; }
    body.template-answer-post .c-answer-form .r-answer-form .review-type {
      padding: 5px 0;
      font-weight: bold;
      margin-top: 5px; }
      body.template-answer-post .c-answer-form .r-answer-form .review-type:before {
        content: "Q.";
        color: #8CCE03;
        font-size: 18px; }
    body.template-answer-post .c-answer-form .r-answer-form textarea.review-textarea {
      width: 100%;
      height: 5em;
      resize: vertical; }
    body.template-answer-post .c-answer-form .r-answer-form .form-row {
      margin-bottom: 2em; }
      body.template-answer-post .c-answer-form .r-answer-form .form-row .form-label {
        margin: 0.2em auto 10px;
        border-left: #76b003 4px solid;
        padding: 2px 10px;
        font-size: 18px;
        font-weight: bold; }
      body.template-answer-post .c-answer-form .r-answer-form .form-row .form-input {
        margin-bottom: 1em; }
    body.template-answer-post .c-answer-form .r-answer-form .r-navigation-header {
      background: #8CCE03;
      padding: 10px;
      color: #fff;
      margin-bottom: 20px;
      margin: -20px -20px 20px; }
      body.template-answer-post .c-answer-form .r-answer-form .r-navigation-header .company-name {
        display: block;
        font-size: 16px; }
      body.template-answer-post .c-answer-form .r-answer-form .r-navigation-header .question-name {
        font-size: 24px;
        font-weight: bold; }
    body.template-answer-post .c-answer-form .r-answer-form .review-counter.invalid .count {
      font-size: 26px;
      font-weight: bold;
      color: #f42800; }
    body.template-answer-post .c-answer-form .r-answer-form .review-counter .count {
      color: #76B003;
      font-size: 26px;
      font-weight: bold; }
    body.template-answer-post .c-answer-form .r-answer-form .review-counter .count-min {
      color: #f42800; }
    body.template-answer-post .c-answer-form .r-answer-form .review-counter .counter-measure {
      float: right;
      font-size: 20px;
      margin-left: 10px; }
    body.template-answer-post .c-answer-form .r-answer-form .counter-announce {
      font-size: 12px; }
    body.template-answer-post .c-answer-form .r-answer-form .r-answer-hint {
      color: #333;
      padding: 0.5em;
      background: #eee;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      margin-bottom: 20px; }
      body.template-answer-post .c-answer-form .r-answer-form .r-answer-hint .common-message {
        font-size: 0.8em; }
      body.template-answer-post .c-answer-form .r-answer-form .r-answer-hint ul.bad-examples {
        margin: 1em 0;
        padding-left: 1.5em; }
      body.template-answer-post .c-answer-form .r-answer-form .r-answer-hint h4 {
        margin: 0; }
    body.template-answer-post .c-answer-form .r-answer-form .r-plain-select {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      background: #fff;
      font-size: 16px;
      width: 100%;
      border: 1px solid #ccc;
      border-radius: 4px;
      padding: 10px;
      background: #fff url("/img/sp/cmn/select-arrow.png") center right no-repeat; }
    body.template-answer-post .c-answer-form .r-answer-form ul.r-list-select {
      padding: 0;
      margin: 0; }
      body.template-answer-post .c-answer-form .r-answer-form ul.r-list-select li.r-list-item {
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        font-size: 12px;
        border-radius: 30px;
        background: #fff;
        border: 1px solid #ccc;
        padding: 10px;
        margin: 5px 5px 10px 0; }
        body.template-answer-post .c-answer-form .r-answer-form ul.r-list-select li.r-list-item:first-child {
          position: relative;
          display: block;
          border-radius: 6px;
          text-align: center;
          font-size: 14px;
          padding: 10px 5px 15px;
          box-shadow: 0 -4px 0 #efefef inset;
          cursor: pointer; }
          body.template-answer-post .c-answer-form .r-answer-form ul.r-list-select li.r-list-item:first-child:after {
            content: "絶賛募集中";
            font-size: 10px;
            background: #FFA821;
            border-radius: 10px;
            color: #fff;
            padding: 2px 5px;
            width: 8em;
            margin-left: 5px;
            display: inline-block; }
        body.template-answer-post .c-answer-form .r-answer-form ul.r-list-select li.r-list-item.disabled {
          cursor: default;
          background: #F8F8F8; }
          body.template-answer-post .c-answer-form .r-answer-form ul.r-list-select li.r-list-item.disabled:hover {
            background: #F8F8F8; }
        body.template-answer-post .c-answer-form .r-answer-form ul.r-list-select li.r-list-item:hover {
          background: #F8F8F8; }
    body.template-answer-post .c-answer-form .r-answer-form .fade-enter {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    body.template-answer-post .c-answer-form .r-answer-form .fade-enter-active {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      transition: opacity .5s ease-in; }
    body.template-answer-post .c-answer-form .r-answer-form .fade-appear {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    body.template-answer-post .c-answer-form .r-answer-form .fade-appear-active {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      transition: opacity .5s ease-in; }
    body.template-answer-post .c-answer-form .r-answer-form .fade-leave {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    body.template-answer-post .c-answer-form .r-answer-form .fade-leave-active {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      transition: opacity .5s ease-in; }
    body.template-answer-post .c-answer-form .r-answer-form .company-disable-notice {
      font-size: 0.8em;
      color: #b8b6b6; }
    body.template-answer-post .c-answer-form .r-answer-form .r-form-error {
      background: #f42800;
      color: white;
      font-size: 14px;
      padding: 5px;
      margin-bottom: 5px; }
    body.template-answer-post .c-answer-form .r-answer-form .has-error textarea {
      background: #FFF3F1; }
    body.template-answer-post .c-answer-form .r-answer-form .kuchikomi-conversion {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      background: #87c20a;
      padding: 15px;
      display: block;
      width: 100%;
      border: none;
      font-size: 20px;
      color: #fff;
      border-radius: 6px;
      text-align: center;
      font-weight: bold;
      margin: 40px 0 20px;
      box-shadow: 0 -4px 0 #639003 inset; }
      body.template-answer-post .c-answer-form .r-answer-form .kuchikomi-conversion.disabled-button {
        background: #E6E6E6;
        box-shadow: none; }
    body.template-answer-post .c-answer-form .r-answer-form .kuchikomi-pass-link {
      margin-top: 40px;
      text-align: center;
      display: block;
      padding: 15px 10px;
      border: 1px solid #ccc; }
  body.template-answer-post .c-answer-form .r-not-supported {
    text-align: center;
    background: #fff;
    border: 1px #ccc solid;
    padding: 20px;
    margin: 0.5em auto 30px;
    border-radius: 2px; }

body.template-answer-post .post-banner-campaign-sp {
  display: none; }

body.template-answer-post .banner-annotation {
  font-size: 8px;
  color: #666;
  margin-bottom: 10px;
  list-style: none; }

body.template-answer-post .kuchikomi-posting {
  border: 1px solid #B5B5B5;
  box-shadow: 0 2px 0px #EAEAEA;
  background: #ffffff;
  border-radius: 6px;
  padding: 10px;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0; }
  body.template-answer-post .kuchikomi-posting:hover {
    background: #FFF6D1; }

body.template-answer-post .kudhikomi-posting {
  display: none; }

body.template-error-404 .l-container {
  width: 100%; }

body.template-error-404 .centered-contents {
  margin: 0 auto; }

body.template-error-404 .hero-error {
  position: relative;
  width: 100%;
  height: 580px;
  padding: 200px 0 0;
  margin-top: -16px;
  background: url("/img/front/404/404-bg-desk.jpg") no-repeat center center #999;
  background-size: cover;
  color: #fff; }
  body.template-error-404 .hero-error .centered-contents {
    width: 616px; }
  body.template-error-404 .hero-error .error-message {
    font-family: "Arimo" , "Sintony" , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto, sans-serif;
    text-align: center;
    opacity: .15;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    filter: alpha(opacity=15);
    line-height: .7;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    top: 96px;
    left: 0; }
    body.template-error-404 .hero-error .error-message span {
      display: block;
      margin: 0 auto; }
    body.template-error-404 .hero-error .error-message .error-message-code {
      font-size: 360px;
      letter-spacing: -6px;
      font-weight: bold; }
    body.template-error-404 .hero-error .error-message .error-message-name {
      margin-top: 72px;
      font-size: 32px;
      letter-spacing: 10px; }
  body.template-error-404 .hero-error .error-copy {
    margin: 8px auto 32px; }
    body.template-error-404 .hero-error .error-copy span {
      display: block;
      margin: 4px auto; }
    body.template-error-404 .hero-error .error-copy .main-copy {
      font-size: 32px;
      font-weight: bold;
      text-shadow: 0 0 24px rgba(0, 0, 0, 0.9); }
    body.template-error-404 .hero-error .error-copy .sub-copy {
      font-size: 14px;
      letter-spacing: 6px;
      text-shadow: 0 0 12px rgba(0, 0, 0, 0.9); }
  body.template-error-404 .hero-error .balloon {
    background: #ee8715;
    position: relative;
    display: inline-block;
    padding: 0 16px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    text-align: center;
    font-size: 20px;
    letter-spacing: 2px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
    body.template-error-404 .hero-error .balloon:before {
      display: block;
      content: "";
      border-top: 6px solid #ee8715;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      position: absolute;
      left: 36px;
      bottom: -6px; }
  body.template-error-404 .hero-error .search-box {
    margin: 12px auto 0;
    width: 100%;
    position: relative;
    border: 1px solid #666;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.6); }
    body.template-error-404 .hero-error .search-box .search-field {
      padding: 8px 16px;
      height: 48px;
      width: 100%;
      border: none;
      font-size: 18px;
      border-radius: 2px; }
    body.template-error-404 .hero-error .search-box .search-btn {
      transition: .2s;
      cursor: pointer;
      height: 48px;
      width: 104px;
      padding: 0 14px;
      position: absolute;
      right: 0;
      top: 0;
      color: #fff;
      font-size: 14px;
      text-align: left;
      border: none;
      background: url(/img/front/common/icon/icon-search-white.png) no-repeat 85% 50% #87c20a;
      background-size: 16px 16px;
      border-radius: 0 2px 2px 0;
      border-left: 1px solid #e8e8e8; }
      body.template-error-404 .hero-error .search-box .search-btn:hover {
        background-color: #73a509; }

body.template-error-404 .job-error {
  padding: 48px 0;
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  text-align: center; }
  body.template-error-404 .job-error .centered-contents {
    width: 92%; }
  body.template-error-404 .job-error .main-copy {
    font-weight: lighter;
    font-size: 20px;
    color: #000;
    margin-bottom: 40px; }
    body.template-error-404 .job-error .main-copy .copy-logo {
      vertical-align: middle;
      margin-right: 4px; }
    body.template-error-404 .job-error .main-copy .title-green {
      color: #87c20a; }
  body.template-error-404 .job-error .body-copy {
    color: #666666;
    font-size: 13px;
    line-height: 1.6;
    margin: 0 auto 48px; }
  body.template-error-404 .job-error .job-link {
    display: block;
    transition: .2s;
    margin: 0 auto 36px;
    width: 100%;
    height: 56px;
    max-width: 280px;
    line-height: 56px;
    border-radius: 2px;
    background: #40a4d5;
    box-shadow: 0 3px 0 #1287d5;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold; }
    body.template-error-404 .job-error .job-link:hover {
      background: #298ab9;
      box-shadow: 0 3px 0 #0e69a6; }
  body.template-error-404 .job-error .partner-box {
    max-width: 600px;
    margin: auto;
    padding-top: 24px;
    border-top: 1px solid #e8e8e8; }
    body.template-error-404 .job-error .partner-box ul {
      text-align: center; }
      body.template-error-404 .job-error .partner-box ul li {
        display: inline-block; }

body.template-error-404 .l-bottom-ads > div, body.template-error-404 #bottom-ad-area.l-bottom-ads > div {
  margin: 32px auto 0; }

body.template-home-index .hero-area {
  width: 100%;
  position: relative;
  min-height: 432px;
  background: url(/img/front/top/hero-image.jpg) #35444B no-repeat center center;
  margin-bottom: 32px; }

body.template-home-index .hero-wrapper {
  width: 960px;
  height: 432px;
  margin: 0 auto;
  display: table; }

body.template-home-index .hero-content-wrapper {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

body.template-home-index .hero-content {
  display: inline-block; }

body.template-home-index .copy-block {
  position: relative;
  z-index: 10; }

body.template-home-index .catch-copy {
  font-size: 48px;
  padding-left: 104px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.2), 0 0 12px rgba(0, 0, 0, 0.5), 0 2px 2px rgba(0, 0, 0, 0.6); }
  body.template-home-index .catch-copy .catch-copy-zero {
    font-size: 64px;
    color: #87c20a;
    position: relative; }
    body.template-home-index .catch-copy .catch-copy-zero:before {
      content: "ゼロ";
      position: absolute;
      left: 3px;
      top: -14px;
      width: 100%;
      font-size: 12px;
      text-align: center;
      letter-spacing: 6px; }

body.template-home-index .no1-badge {
  position: absolute;
  left: -44px;
  top: -24px;
  width: 144px;
  height: 144px;
  background: url(/img/front/top/badge.png) no-repeat center center;
  background-size: cover;
  color: #000;
  text-align: center;
  z-index: -1;
  overflow: visible; }
  body.template-home-index .no1-badge .badge-content {
    padding: 36px 0 12px;
    font-weight: bold;
    font-family: "Arimo" , "Sintony" , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto, sans-serif; }
  body.template-home-index .no1-badge .no1-text-domestic {
    display: block;
    line-height: 1;
    margin-bottom: -12px;
    margin-left: -24px;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  body.template-home-index .no1-badge .no1-text-middle {
    display: inline-block;
    line-height: 1;
    font-size: 42px;
    letter-spacing: -1px;
    color: #000; }
  body.template-home-index .no1-badge .no1-text-large {
    display: inline-block;
    line-height: 1;
    font-size: 54px;
    margin-left: -12px;
    color: #000; }
  body.template-home-index .no1-badge .no1-text-small {
    box-sizing: border-box;
    font-size: 12px;
    margin-top: -4px;
    display: block;
    color: #000; }

body.template-home-index .hero-search-block {
  position: relative; }
  body.template-home-index .hero-search-block .registered-company {
    background: linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%);
    position: relative;
    width: 420px;
    padding: 4px 0;
    margin: 16px auto;
    vertical-align: middle;
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    text-shadow: 0 0 12px rgba(0, 0, 0, 0.4); }
    body.template-home-index .hero-search-block .registered-company .registered-company-num {
      font-size: 20px;
      letter-spacing: -1px;
      vertical-align: middle; }
    body.template-home-index .hero-search-block .registered-company .registered-company-text {
      vertical-align: middle; }
  body.template-home-index .hero-search-block .hero-search-form {
    width: 416px;
    height: 40px;
    margin: 0 auto;
    position: relative;
    border: 1px solid #fcfcfc;
    border-radius: 4px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    z-index: 2; }
    body.template-home-index .hero-search-block .hero-search-form .search-field {
      box-sizing: border-box;
      width: 100%;
      height: 40px;
      padding: 0 40px 0 8px;
      border: none;
      font-size: 14px; }
    body.template-home-index .hero-search-block .hero-search-form .search-btn {
      position: absolute;
      border: none;
      background: none;
      width: 48px;
      height: 40px;
      background: url(/img/front/common/icon/icon_search.png) center center no-repeat;
      right: 0;
      top: -2px;
      cursor: pointer; }

body.template-home-index .kuchikomi-footer {
  width: 100%;
  margin-top: 24px;
  padding: 16px 0 40px;
  border-bottom: 1px solid #e8e8e8;
  background: #e6e6e6;
  position: relative; }
  body.template-home-index .kuchikomi-footer:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    left: 50%;
    top: -12px;
    margin-left: -12px;
    background: #e6e6e6; }
  body.template-home-index .kuchikomi-footer .kuchikomi-footer-copy {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 24px;
    position: relative; }
  body.template-home-index .kuchikomi-footer .kuchikomi-footer-title {
    font-size: 14px;
    margin: 0 0.35% 16px; }

body.template-home-index .kuchikomi-footer-search-section {
  width: 960px;
  margin: 0 auto; }

body.template-home-index .kuchikomi-search-by-words {
  display: table;
  width: 100%;
  padding: 24px 0; }
  body.template-home-index .kuchikomi-search-by-words:after {
    clear: both;
    content: "";
    display: table; }
  body.template-home-index .kuchikomi-search-by-words .kuchikomi-footer-title {
    display: table-cell;
    vertical-align: middle; }

body.template-home-index .l-kuchikomi-footer-search-form {
  display: table-cell;
  width: 66.6%;
  height: 48px;
  padding: 0 0.35%; }

body.template-home-index .kuchikomi-footer-search-form {
  width: 100%;
  height: 48px;
  position: relative;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  z-index: 2; }
  body.template-home-index .kuchikomi-footer-search-form .search-field {
    width: 100%;
    height: 48px;
    padding: 0 40px 0 8px;
    border: none;
    font-size: 14px; }
  body.template-home-index .kuchikomi-footer-search-form .search-btn {
    position: absolute;
    border: none;
    background: none;
    padding: 0 12px;
    height: 48px;
    background: #87c20a;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    right: 0;
    top: -2px;
    cursor: pointer;
    transition: 0.2s; }
    body.template-home-index .kuchikomi-footer-search-form .search-btn:hover {
      background: #ee8715; }

body.template-home-index .kuchikomi-search-by-industry {
  padding: 24px 0;
  border-top: 1px solid #ccc; }
  body.template-home-index .kuchikomi-search-by-industry:after {
    clear: both;
    content: "";
    display: table; }
  body.template-home-index .kuchikomi-search-by-industry .industry-categories {
    margin-bottom: 20px; }

body.template-home-index .answer-big-industries:after {
  clear: both;
  content: "";
  display: table; }

body.template-home-index .answer-big-industry-item {
  width: 32.6%;
  position: relative;
  display: inline-block;
  float: left;
  margin: 0 0.35%;
  margin-bottom: 8px; }
  body.template-home-index .answer-big-industry-item:hover .answer-industry-check-label:after {
    border-color: #87c20a; }
  body.template-home-index .answer-big-industry-item .answer-industry-check {
    display: none; }
  body.template-home-index .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ .answer-industry-check-label {
    color: #76b003;
    border: 1px solid #87c20a; }
    body.template-home-index .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ .answer-industry-check-label:after {
      content: "×";
      border: none;
      padding: 0;
      -webkit-transform: rotateX(0);
              transform: rotateX(0);
      top: 4px;
      font-weight: bold; }
  body.template-home-index .answer-big-industry-item input[type=checkbox].answer-industry-check:checked ~ ul.answer-small-industries {
    display: block; }
  body.template-home-index .answer-big-industry-item .answer-industry-check-label {
    display: block;
    width: 100%;
    padding: 0 24px 0 10px;
    height: 48px;
    line-height: 48px;
    font-size: 13px;
    position: relative;
    cursor: pointer;
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 4px; }
    body.template-home-index .answer-big-industry-item .answer-industry-check-label:hover {
      border-color: #87c20a; }
    body.template-home-index .answer-big-industry-item .answer-industry-check-label:after {
      display: block;
      content: "";
      width: 6px;
      height: 6px;
      border-bottom: 2px solid #ccc;
      border-right: 2px solid #ccc;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      position: absolute;
      top: 50%;
      right: 12px;
      margin-top: -3px; }
  body.template-home-index .answer-big-industry-item .answer-small-industries {
    display: none;
    z-index: 100;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 16px white, 0 4px 8px rgba(0, 0, 0, 0.2), 0 8px 16px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 12px;
    list-style: none;
    width: 100%;
    position: absolute;
    top: calc(100% + 8px);
    left: 0; }
    body.template-home-index .answer-big-industry-item .answer-small-industries:after, body.template-home-index .answer-big-industry-item .answer-small-industries:before {
      display: block;
      position: absolute;
      content: "";
      width: 12px;
      height: 12px;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      left: 24px; }
    body.template-home-index .answer-big-industry-item .answer-small-industries:before {
      top: -6px;
      background: #e6e6e6; }
    body.template-home-index .answer-big-industry-item .answer-small-industries:after {
      top: -5px;
      background: #fff; }
  body.template-home-index .answer-big-industry-item .answer-small-industry-item {
    font-size: 13px;
    margin: 8px 0;
    padding-left: 12px;
    position: relative; }
    body.template-home-index .answer-big-industry-item .answer-small-industry-item:before {
      display: block;
      content: "";
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: #ccc;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -2px; }
    body.template-home-index .answer-big-industry-item .answer-small-industry-item:hover {
      text-decoration: underline; }

body.template-home-index .c-score-ranking .score-ranking-link {
  display: block;
  float: left;
  margin: 0 0.35%;
  margin-bottom: 8px;
  width: 32.6%;
  height: 48px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: #fff;
  text-align: center;
  line-height: 48px;
  font-size: 13px;
  color: #666;
  transition: all ease 0.2s; }
  body.template-home-index .c-score-ranking .score-ranking-link:hover {
    border: 1px solid #87c20a;
    color: #87c20a; }

body.template-home-index .slick-dots {
  list-style: none;
  display: block;
  text-align: center;
  padding: 15px 0 10px;
  margin: 0 auto; }
  body.template-home-index .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 18px;
    margin: 0 5px;
    padding: 0; }
    body.template-home-index .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 18px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px; }
      body.template-home-index .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 10px;
        height: 10px;
        background-color: #333;
        border-radius: 50%;
        line-height: 10px;
        text-align: center;
        opacity: 0.1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; }
    body.template-home-index .slick-dots li.slick-active button:before {
      background-color: #87c20a;
      opacity: 0.75;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }

body.template-home-index .slick-slider {
  display: block;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

body.template-home-index .slick-list {
  overflow: visible;
  display: block;
  margin: 0;
  margin-bottom: 5px;
  padding: 0; }

body.template-home-index .slick-slider .slick-track,
body.template-home-index .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

body.template-home-index .slick-track {
  display: block; }
  body.template-home-index .slick-track:before, body.template-home-index .slick-track:after {
    content: "";
    display: table; }
  body.template-home-index .slick-track:after {
    clear: both; }

body.template-home-index .slick-slide {
  float: left; }
  .slick-initialized body.template-home-index .slick-slide {
    display: block; }

body.template-home-index .c-breadcrumb {
  display: none;
  background-color: #F5F5F5;
  border-bottom: 1px solid #eee; }

body.template-home-index .reviewBox .commentBox div p {
  height: auto; }

body.template-home-index .top-section-header,
body.template-home-index .pr-section-header {
  text-align: center; }
  body.template-home-index .top-section-header h3,
  body.template-home-index .pr-section-header h3 {
    font-size: 24px;
    margin-bottom: 4px;
    color: #333; }
  body.template-home-index .top-section-header h2,
  body.template-home-index .pr-section-header h2 {
    color: #999999;
    font-size: 14px; }
    body.template-home-index .top-section-header h2 .new-answers-link,
    body.template-home-index .pr-section-header h2 .new-answers-link {
      color: #b3b3b3; }

body.template-home-index .new-answers-link-button {
  margin: 0 auto 30px;
  display: block;
  width: 300px;
  height: 64px;
  line-height: 64px;
  border-radius: 4px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
  color: #87c20a;
  text-decoration: none;
  background: #fff;
  border: 1px solid #ddd;
  font-size: 14px;
  font-weight: bold;
  transition: 0.2s;
  text-align: center; }
  body.template-home-index .new-answers-link-button:hover {
    color: #ffa821;
    background: #fcfcfc; }

body.template-home-index .top-section-footer-btn {
  text-align: center; }
  body.template-home-index .top-section-footer-btn a {
    display: inline-block;
    margin: 0 16px;
    min-width: 300px;
    height: 64px;
    line-height: 64px;
    border-radius: 4px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    color: #87c20a;
    text-decoration: none;
    background: #fff;
    border: 1px solid #ddd;
    font-size: 14px;
    font-weight: bold;
    transition: 0.2s; }
    body.template-home-index .top-section-footer-btn a:hover {
      color: #ffa821;
      background: #fcfcfc; }

body.template-home-index .c-pr-point {
  padding: 24px 0 64px; }
  body.template-home-index .c-pr-point .top-section-footer-btn a {
    min-width: 240px; }
  body.template-home-index .c-pr-point .top-section-footer-btn .register-btn {
    background: #87c20a;
    box-shadow: 0 2px 0 #76b003;
    color: #fff;
    border: 1px solid #87c20a;
    transition: 0.2s; }
    body.template-home-index .c-pr-point .top-section-footer-btn .register-btn:hover {
      background: #ffa821;
      border: 1px solid #ee8715;
      box-shadow: 0 2px 0 #ee8715; }

body.template-home-index .pr-points {
  box-sizing: border-box;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 0 32px;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 32px; }
  body.template-home-index .pr-points:after {
    content: " ";
    display: block;
    clear: both; }
  body.template-home-index .pr-points:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0px; }
  body.template-home-index .pr-points .pr-point-article {
    box-sizing: border-box;
    width: 300px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    list-style: none;
    text-align: center;
    padding: 16px 8px; }
    body.template-home-index .pr-points .pr-point-article img {
      display: inline-block;
      width: 120px;
      height: 120px; }
    body.template-home-index .pr-points .pr-point-article h4 {
      margin: 16px 0;
      font-size: 18px; }
    body.template-home-index .pr-points .pr-point-article p {
      font-size: 14px;
      text-align: left;
      line-height: 1.7; }
    body.template-home-index .pr-points .pr-point-article .added-attention {
      display: block;
      margin-top: 4px;
      font-size: 10px;
      color: #b3b3b3; }

body.template-home-index .l-kuchikomi-example {
  background: #f2f2f2;
  border-top: 1px solid paleete(gray, light);
  border-bottom: 1px solid paleete(gray, light);
  padding: 64px 0 0; }

body.template-home-index .kuchikomi-examples {
  padding: 32px 0;
  position: relative;
  width: 100vw;
  height: 320px;
  overflow: hidden; }
  body.template-home-index .kuchikomi-examples .kuchikomi-examples-frame {
    position: absolute; }
  body.template-home-index .kuchikomi-examples .kuchikomi-article {
    float: left;
    margin: 0 10px 100px;
    width: 350px;
    position: relative;
    list-style: none;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); }
    body.template-home-index .kuchikomi-examples .kuchikomi-article:before {
      display: block;
      content: "";
      position: absolute;
      left: 23px;
      bottom: -18px;
      width: 18px;
      height: 18px;
      border: 9px solid #e8e8e8;
      border-right-color: transparent;
      border-bottom-color: transparent; }
    body.template-home-index .kuchikomi-examples .kuchikomi-article:after {
      display: block;
      content: "";
      position: absolute;
      left: 24px;
      bottom: -16px;
      width: 16px;
      height: 16px;
      border: 8px solid #fff;
      border-right-color: transparent;
      border-bottom-color: transparent; }
    body.template-home-index .kuchikomi-examples .kuchikomi-article .kuchikomi-article-link {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
      body.template-home-index .kuchikomi-examples .kuchikomi-article .kuchikomi-article-link:hover, body.template-home-index .kuchikomi-examples .kuchikomi-article .kuchikomi-article-link:active, body.template-home-index .kuchikomi-examples .kuchikomi-article .kuchikomi-article-link:focus {
        outline: none; }

body.template-home-index .kuchikomi-company-name {
  padding: 16px 16px 12px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  body.template-home-index .kuchikomi-company-name a {
    color: #0084d2; }

body.template-home-index .kuchikomi-content {
  padding: 16px;
  font-size: 14px;
  line-height: 1.7; }

body.template-home-index .kuchikomi-content-header {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 16px;
  min-height: 32px;
  max-width: 100%; }

body.template-home-index .emotional-rating {
  background: url(../../img/common/company/face-icon-joy.png);
  background-repeat: no-repeat;
  background-size: 32px;
  height: 32px;
  width: 32px;
  float: left;
  margin-right: 10px; }

body.template-home-index .rating-none {
  background-image: url(../../img/common/company/face-icon-none.png); }

body.template-home-index .rating-5 {
  background-image: url(../../img/common/company/face-icon-happy.png); }

body.template-home-index .rating-3,
body.template-home-index .rating-4 {
  background-image: url(../../img/common/company/face-icon-joy.png); }

body.template-home-index .rating-2 {
  background-image: url(../../img/common/company/face-icon-soso.png); }

body.template-home-index .rating-1 {
  background-image: url(../../img/common/company/face-icon-sad.png); }

body.template-home-index .emotional-rating {
  position: absolute;
  left: 2px;
  top: 0; }

body.template-home-index .kuchikomi-category-title {
  box-sizing: border-box;
  max-width: 100%;
  color: #333;
  vertical-align: middle;
  padding: 4px 0 4px 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

body.template-home-index .c-top-report {
  width: 100%;
  padding: 64px 0; }

body.template-home-index .report-examples {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 32px 0 40px; }
  body.template-home-index .report-examples .report-article {
    list-style: none;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border: 1px solid #e8e8e8;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    overflow: hidden;
    background: #fff;
    margin: 10px;
    transition: 0.4s; }
    body.template-home-index .report-examples .report-article:hover {
      background: #fcfcfc; }
      body.template-home-index .report-examples .report-article:hover .report-img-wrapper img {
        -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
                transform: scale(1.2);
        -webkit-transform-origin: center;
            -ms-transform-origin: center;
                transform-origin: center; }
      body.template-home-index .report-examples .report-article:hover .publish-date {
        color: #0084d2; }
      body.template-home-index .report-examples .report-article:hover .report-title {
        color: #0084d2; }
  body.template-home-index .report-examples .report-img-wrapper {
    height: 200px;
    background: #e8e8e8;
    overflow: hidden;
    transition: 0.4s; }
    body.template-home-index .report-examples .report-img-wrapper img {
      transition: 0.4s;
      max-height: 200px; }
  body.template-home-index .report-examples .report-content {
    padding: 12px; }
    body.template-home-index .report-examples .report-content .publish-date {
      font-size: 12px;
      font-weight: bold;
      color: #b3b3b3;
      transition: 0.2s; }
    body.template-home-index .report-examples .report-content .report-title {
      margin-top: 4px;
      font-size: 16px;
      color: #333;
      transition: 0.2s; }

body.template-home-index .l-jobsearch {
  background: #f2f2f2;
  padding: 64px 0; }

body.template-home-index .c-top-jobsearch-section h2 {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 32px; }
  body.template-home-index .c-top-jobsearch-section h2 .job-counter {
    color: #ffa821; }
    body.template-home-index .c-top-jobsearch-section h2 .job-counter .job-count-number {
      font-size: 20px; }

body.template-home-index .c-top-jobsearch-section .partner-logo-list {
  position: relative;
  width: 100%;
  padding: 12px 16px;
  border-radius: 6px;
  background: #fff;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
  body.template-home-index .c-top-jobsearch-section .partner-logo-list:after {
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -8px;
    width: 16px;
    display: block;
    content: "";
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent; }
  body.template-home-index .c-top-jobsearch-section .partner-logo-list .partner-logo {
    list-style: none;
    display: inline-block;
    margin: 4px 0; }

body.template-home-index .jobsearch-categories {
  padding: 40px 0 32px;
  margin-bottom: 32px;
  font-size: 14px;
  border-bottom: 1px solid #ccc; }
  body.template-home-index .jobsearch-categories .jobsearch-category {
    padding: 8px 0; }
    body.template-home-index .jobsearch-categories .jobsearch-category:after {
      clear: both;
      content: "";
      display: table; }
  body.template-home-index .jobsearch-categories .category-title {
    float: left;
    width: 120px;
    color: #999999; }
    body.template-home-index .jobsearch-categories .category-title .tk-icon {
      fill: #999999;
      width: 0.9em;
      height: 0.9em;
      vertical-align: text-bottom; }
  body.template-home-index .jobsearch-categories .job-category-icon {
    fill: #999999; }
  body.template-home-index .jobsearch-categories .job-link-list {
    margin-left: 120px; }
    body.template-home-index .jobsearch-categories .job-link-list li {
      display: inline-block;
      list-style: none; }
      body.template-home-index .jobsearch-categories .job-link-list li .job-area-name {
        font-size: 12px;
        font-weight: bold;
        display: inline-block;
        color: #999999; }
      body.template-home-index .jobsearch-categories .job-link-list li a {
        color: #0084d2;
        text-decoration: underline; }
        body.template-home-index .jobsearch-categories .job-link-list li a:hover {
          color: #40a4d5; }
      body.template-home-index .jobsearch-categories .job-link-list li:after {
        display: inline-block;
        content: "|";
        margin: 0 2px;
        color: #0084d2; }
      body.template-home-index .jobsearch-categories .job-link-list li:last-child:after {
        display: none; }

body.template-home-index .l-footer-explain {
  background: url(/img/common/home/bg-city.jpg) no-repeat center center;
  background-size: cover;
  padding: 88px 0;
  text-align: center;
  color: #fff;
  position: relative;
  text-shadow: 0 0 12px rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, 0.3); }
  body.template-home-index .l-footer-explain h3 {
    font-size: 18px;
    margin-bottom: 40px; }
  body.template-home-index .l-footer-explain p {
    font-size: 14px;
    max-width: 860px;
    margin: 0 auto;
    text-shadow: 0 0 12px rgba(0, 0, 0, 0.9), 0 0 4px rgba(0, 0, 0, 0.9); }

body.template-member-register .member-step1-background {
  background: url(../../img/front/member/step01-bg-pattern-a.jpg) #151922 no-repeat;
  overflow: hidden;
  min-height: 560px;
  margin: 20px 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body.template-member-register .member-step1-background {
    background: url(../../img/front/member/step01-bg-pattern-a@2x.jpg) #151922 no-repeat;
    background-size: 960px; } }

body.template-member-register .register-section {
  margin-bottom: 15px; }

body.template-member-register .register-out-section {
  color: #fff;
  padding: 10px; }
  body.template-member-register .register-out-section a, body.template-member-register .register-out-section a:hover, body.template-member-register .register-out-section a:visited {
    color: #fff;
    text-decoration: underline; }

body.template-member-register .register-title {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 3px; }
  body.template-member-register .register-title .register-title-annotation {
    font-weight: normal;
    font-size: 10px; }

body.template-member-register .register-error {
  font-size: 12px;
  font-weight: bold;
  padding: 2px 5px 5px;
  color: #EA5141; }

body.template-member-register .register-error-line {
  display: block;
  margin: 0 1px;
  height: 2px;
  border-top: 2px solid #EA5141;
  -webkit-transform-origin: center left;
      -ms-transform-origin: center left;
          transform-origin: center left;
  -webkit-animation: extend-left-from-right 0.6s ease-out;
          animation: extend-left-from-right 0.6s ease-out; }

body.template-member-register .member-register-form {
  display: block;
  overflow: hidden;
  width: 340px;
  margin: 90px 40px 0;
  float: right; }

body.template-member-register .member-register-box {
  background: #fff;
  padding: 20px;
  border-radius: 4px; }
  body.template-member-register .member-register-box .text-input input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%;
    padding: 10px;
    border-radius: 2px;
    border: 1px solid #E2E2E2;
    background: #FBFBFB; }
  body.template-member-register .member-register-box .step1-submit {
    display: block;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    margin: 0 auto;
    padding: 10px 20px;
    font-size: 18px;
    coler: #fff;
    background: #00cf6b;
    box-shadow: 0 4px 0 #08b662;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    cursor: pointer; }
    body.template-member-register .member-register-box .step1-submit:hover {
      background: #22D67F; }

body.template-agency-register .agency-check-title {
  color: #DC9900;
  font-size: 34px;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 20px;
  padding: 60px 0 10px; }

body.template-agency-register .agency-check-area {
  text-align: center;
  background-color: #f8f8f8;
  box-sizing: border-box;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  min-height: 300px; }
  body.template-agency-register .agency-check-area:after {
    content: " ";
    display: block;
    clear: both; }
  body.template-agency-register .agency-check-area .agency-check-wrapper .agency-check-block {
    min-height: 524px;
    background: url(/img/common/partner/login-partner-bg.jpg) center no-repeat #F9F8F6;
    padding: 20px 30px 30px 30px;
    background-size: cover; }
    body.template-agency-register .agency-check-area .agency-check-wrapper .agency-check-block .agency-check-text-sub {
      margin-bottom: 20px;
      font-size: 14px; }
      body.template-agency-register .agency-check-area .agency-check-wrapper .agency-check-block .agency-check-text-sub .agency-check-text-bold {
        font-weight: bold;
        color: 333; }
  body.template-agency-register .agency-check-area .agency-check-profile {
    background-color: rgba(255, 255, 255, 0.55);
    width: 340px;
    margin: 0 auto;
    line-height: 21px;
    border: 1px solid #eee;
    border-radius: 4px; }
    body.template-agency-register .agency-check-area .agency-check-profile .agency-check-profile-title {
      margin-bottom: 10px;
      font-size: 14px;
      border-bottom: 1px solid #eee;
      padding: 5px;
      color: #fff;
      font-weight: bold;
      background: #EAA916;
      border-radius: 4px 4px 0 0; }
    body.template-agency-register .agency-check-area .agency-check-profile .agency-check-profile-body .type-info {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      overflow: hidden;
      font-size: 16px;
      font-weight: bold;
      line-height: 1.6;
      height: 1.6em;
      margin: 0 auto;
      -webkit-animation: typeing 3s linear 1 forwards;
              animation: typeing 3s linear 1 forwards; }
    body.template-agency-register .agency-check-area .agency-check-profile .agency-check-profile-body .type-step-1 {
      -webkit-animation-delay: 0s;
              animation-delay: 0s; }
    body.template-agency-register .agency-check-area .agency-check-profile .agency-check-profile-body .type-step-2 {
      -webkit-animation-delay: 1s;
              animation-delay: 1s; }
    body.template-agency-register .agency-check-area .agency-check-profile .agency-check-profile-body .type-step-3 {
      -webkit-animation-delay: 2s;
              animation-delay: 2s; }
    body.template-agency-register .agency-check-area .agency-check-profile .agency-check-profile-body .type-step-4 {
      -webkit-animation-delay: 3s;
              animation-delay: 3s; }
    body.template-agency-register .agency-check-area .agency-check-profile .agency-check-profile-body .type-step-5 {
      -webkit-animation-delay: 4s;
              animation-delay: 4s; }
    body.template-agency-register .agency-check-area .agency-check-profile .agency-check-profile-body .type-step-6 {
      -webkit-animation-delay: 5s;
              animation-delay: 5s; }

@-webkit-keyframes typeing {
  0% {
    width: 0px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  1% {
    width: 1em;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    width: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@keyframes typeing {
  0% {
    width: 0px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  1% {
    width: 1em;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    width: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
    body.template-agency-register .agency-check-area .agency-check-profile .agency-check-profile-body a.agency-check-button {
      display: inline-block;
      background-color: #f1f1f1;
      color: white;
      padding: 15px 40px;
      font-size: 18px;
      font-weight: bold;
      margin: 10px 0 30px 0;
      border-radius: 4px;
      box-shadow: 0 5px #ededed;
      -webkit-animation: btn-start 0.5s ease-out 3.8s 1 forwards;
              animation: btn-start 0.5s ease-out 3.8s 1 forwards; }

@-webkit-keyframes btn-start {
  0% {
    background-color: #f1f1f1;
    box-shadow: 0 5px #ededed; }
  100% {
    background-color: #F5B320;
    box-shadow: 0 5px #D49B1D; } }

@keyframes btn-start {
  0% {
    background-color: #f1f1f1;
    box-shadow: 0 5px #ededed; }
  100% {
    background-color: #F5B320;
    box-shadow: 0 5px #D49B1D; } }
  body.template-agency-register .agency-check-area .answer-support {
    background: #E6E6E6;
    padding: 40px 0 80px;
    font-size: 16px;
    line-height: 2;
    color: #4C4B49; }
    body.template-agency-register .agency-check-area .answer-support .answer-support-title {
      font-size: 30px; }

body.template-agency-register .agency-unmatch-area {
  text-align: center;
  background-color: #f8f8f8;
  box-sizing: border-box;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  min-height: 300px; }
  body.template-agency-register .agency-unmatch-area:after {
    content: " ";
    display: block;
    clear: both; }
  body.template-agency-register .agency-unmatch-area .agency-unmatch-result {
    background-color: white;
    padding-bottom: 10px; }
    body.template-agency-register .agency-unmatch-area .agency-unmatch-result .agency-unmatch-info {
      padding: 10px;
      border: 1px solid #eee;
      width: 400px;
      margin: 40px auto;
      font-size: 15px; }
  body.template-agency-register .agency-unmatch-area .agency-unmatch-profile {
    padding: 20px 0; }
    body.template-agency-register .agency-unmatch-area .agency-unmatch-profile .agency-unmatch-profile-message {
      margin-bottom: 20px;
      display: inline-block;
      padding: 10px; }
      body.template-agency-register .agency-unmatch-area .agency-unmatch-profile .agency-unmatch-profile-message .unmatch-profile-title {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 20px; }
    body.template-agency-register .agency-unmatch-area .agency-unmatch-profile .agency-unmatch-profile-detail {
      margin-bottom: 30px; }
      body.template-agency-register .agency-unmatch-area .agency-unmatch-profile .agency-unmatch-profile-detail table {
        font-size: 14px;
        margin: 0 auto; }
        body.template-agency-register .agency-unmatch-area .agency-unmatch-profile .agency-unmatch-profile-detail table th {
          text-align: left;
          padding-right: 40px;
          color: #DC9900;
          padding: 5px; }
        body.template-agency-register .agency-unmatch-area .agency-unmatch-profile .agency-unmatch-profile-detail table td {
          text-align: left;
          font-weight: bold;
          padding: 5px; }
    body.template-agency-register .agency-unmatch-area .agency-unmatch-profile .agency-unmatch-profile-button {
      display: inline-block;
      color: white;
      padding: 15px 40px;
      font-size: 18px;
      font-weight: bold;
      margin: 10px 0 30px 0;
      border-radius: 4px;
      background-color: #F5B320;
      box-shadow: 0 5px #D49B1D; }
  body.template-agency-register .agency-unmatch-area .agency-check-text-big {
    font-size: 18px;
    color: black;
    font-weight: bold; }
  body.template-agency-register .agency-unmatch-area .agency-check-text-middle {
    font-size: 14px; }

body.template-agency-register .agency-register-area {
  text-align: center;
  box-sizing: border-box;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  min-height: 300px; }
  body.template-agency-register .agency-register-area:after {
    content: " ";
    display: block;
    clear: both; }
  body.template-agency-register .agency-register-area .agency-register-capution {
    margin: 10px 0 20px 0;
    font-size: 28px;
    color: black; }
  body.template-agency-register .agency-register-area .partner-select-info {
    font-size: 20px;
    margin-bottom: 20px; }
  body.template-agency-register .agency-register-area .agency-register-partner {
    background: #f1f1f1;
    padding: 30px 0 50px; }
    body.template-agency-register .agency-register-area .agency-register-partner .partner-box {
      width: 235px;
      box-sizing: border-box;
      text-align: left;
      display: inline-block; }
    body.template-agency-register .agency-register-area .agency-register-partner .partner-select-one {
      width: 100%;
      vertical-align: middle;
      display: inline-block;
      background: #fff;
      padding: 5px;
      margin-bottom: 10px;
      border-radius: 4px;
      box-shadow: 0 4px 0 #E2E2E2; }
    body.template-agency-register .agency-register-area .agency-register-partner input {
      vertical-align: middle; }
    body.template-agency-register .agency-register-area .agency-register-partner img {
      vertical-align: middle;
      width: 180px; }
  body.template-agency-register .agency-register-area .agency-register-form {
    padding: 30px 0 50px; }
    body.template-agency-register .agency-register-area .agency-register-form .partner-form-info {
      font-size: 20px;
      margin-bottom: 20px; }
    body.template-agency-register .agency-register-area .agency-register-form table {
      font-size: 16px;
      margin: 0 auto; }
      body.template-agency-register .agency-register-area .agency-register-form table tr {
        border-bottom: 1px solid #eee; }
      body.template-agency-register .agency-register-area .agency-register-form table th {
        text-align: left;
        padding-right: 40px;
        color: #DC9900;
        padding: 5px; }
      body.template-agency-register .agency-register-area .agency-register-form table td {
        text-align: left;
        font-weight: bold;
        padding: 5px; }
  body.template-agency-register .agency-register-area .partner-text-form input {
    font-size: 14px;
    padding: 10px;
    margin: 5px 10px 5px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f9f9f9; }
  body.template-agency-register .agency-register-area .partner-text-form-full input {
    font-size: 14px;
    padding: 10px;
    margin: 5px 10px 5px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f9f9f9;
    width: 100%; }
  body.template-agency-register .agency-register-area .partner-pulldown-form select {
    font-size: 14px;
    margin: 5px 10px 5px 0;
    padding: 5px;
    border: 1px solid #999;
    background: #eee;
    background: linear-gradient(to bottom, #fff 0%, #eee 100%);
    border-radius: 4px;
    line-height: 2;
    height: 30px; }
  body.template-agency-register .agency-register-area .partner-radio-form ul {
    list-style-type: none; }
  body.template-agency-register .agency-register-area input.auto-address {
    background: #7EB509;
    border: none;
    color: #fff;
    font-weight: bold;
    line-height: 1.3;
    box-shadow: 0 -2px 0 #6F9818 inset; }
  body.template-agency-register .agency-register-area .agency-register-button {
    display: inline-block;
    color: white;
    padding: 15px 40px;
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0 30px 0;
    border-radius: 4px;
    border: none;
    background-color: #F5B320;
    box-shadow: 0 5px #D49B1D; }

body.template-agency-register .agency-complete-area {
  text-align: center;
  box-sizing: border-box;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  min-height: 300px; }
  body.template-agency-register .agency-complete-area:after {
    content: " ";
    display: block;
    clear: both; }
  body.template-agency-register .agency-complete-area .agency-complete-content .agency-complete-message {
    font-size: 14px; }
  body.template-agency-register .agency-complete-area .agency-complete-content .agency-complete-bg {
    background: #f1f1f1;
    padding: 30px 0 50px; }
  body.template-agency-register .agency-complete-area .agency-complete-content .agency-complete-info {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px; }
    body.template-agency-register .agency-complete-area .agency-complete-content .agency-complete-info .complete-info-head {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 10px;
      display: inline-block; }
  body.template-agency-register .agency-complete-area .agency-complete-content .agency-complete-button {
    display: inline-block;
    color: white;
    padding: 15px 40px;
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0 30px 0;
    border-radius: 4px;
    border: none;
    background-color: #F5B320;
    box-shadow: 0 5px #D49B1D; }

body.template-agency-register .partner-form-errors {
  color: #f42800;
  background: #ffe5e5;
  padding: 10px;
  width: 500px;
  margin: 0 auto 30px; }
  body.template-agency-register .partner-form-errors .heading {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px; }
  body.template-agency-register .partner-form-errors ul {
    list-style: none; }
  body.template-agency-register .partner-form-errors li {
    margin-bottom: 5px; }