@charset "UTF-8";
/********************************
 *スマホ用
 ********************************* */
/*****************基本設定*************** */
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 1em; }

html, body {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN W6", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

img, div, p, ul, li, dl, dt, form, input, h1, h2, h3, h5, h6 {
  max-width: 99%; }

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

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

:focus {
  outline: 0; }

img {
  border: none;
  height: auto; }

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

cite {
  font-size: 80%;
  color: #666;
  font-style: normal; }

p {
  line-height: 1.7em; }

iframe {
  border: none; }

li {
  line-height: 1.7em; }

/*****************不要なタグ非表示*************** */
#header #h_left #header_cara, #header #h_right {
  display: none; }

.sidebox, #footer aside, #fb-root, #ShareSidebar, .smart_none {
  display: none; }

#scrolltoTop {
  display: none;
  visibility: hidden; }

/*****************基本レイアウト*************** */
body {
  color: #333;
  line-height: 1.35;
  -webkit-text-size-adjust: none;
  background: none; }

#wrapper {
  margin: 0;
  padding: 0;
  float: none;
  max-width: 100%;
  overflow: hidden;
  border: none; }

/*****************ヘッダー*************** */
#header {
  width: 100%;
  overflow: hidden;
  margin-bottom: 1em;
  padding: 0px;
  border-bottom: solid 1px #009DC5;
  border-top: 2px solid #009DC5;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#EEE));
  background: -webkit-linear-gradient(#fefefe, #EEE);
  background: -moz-linear-gradient(#fefefe, #EEE);
  background: -ms-linear-gradient(#fefefe, #EEE);
  background: -o-linear-gradient(#fefefe, #EEE);
  background: linear-gradient(#fefefe, #EEE);
  position: relative;
  height: 55px;
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1000; }
  #header:after {
    display: none; }
  #header #h_left {
    margin: 0;
    padding: 0;
    margin-top: 10px;
    width: 65%;
    position: static;
    height: auto; }
    #header #h_left h1 {
      display: block;
      text-align: left;
      margin-left: 5%; }
    #header #h_left span {
      position: absolute;
      top: 9px;
      left: 67%;
      font-size: 13px;
      font-weight: bolder;
      padding: 0;
      line-height: 1em;
      display: none; }
  #header .sp_menu_open {
    width: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    text-align: center; }
    #header .sp_menu_open:before {
      content: '';
      background-image: url(img/common/menu.svg);
      background-repeat: no-repeat;
      width: 30px;
      height: 30px;
      background-size: 100% 100%; }
    #header .sp_menu_open:after {
      content: 'メニュー'; }
    #header .sp_menu_open.open:before {
      background-image: url(img/common/close.svg); }
    #header .sp_menu_open.open:after {
      content: '閉じる'; }
  #header hr {
    display: none; }

/*****************コンテンツ共通*************** */
#cont {
  margin: 0;
  padding: 0;
  padding-top: 70px;
  max-width: auto; }

#main {
  margin: 0;
  padding: 0;
  float: none;
  margin-left: 1%; }

#contents {
  margin: 0;
  padding: 0; }
  #contents .entry {
    position: relative;
    padding-top: 0px; }
    #contents .entry a {
      text-decoration: none;
      color: #333;
      display: block;
      padding: 10px;
      margin-bottom: 3px;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border: solid 5px #fff;
      color: #333;
      border: solid 5px #F0EBE8;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
      font-weight: normal; }
      #contents .entry a:link, #contents .entry a:visited, #contents .entry a:active {
        color: #333; }
      #contents .entry a:hover {
        background-color: #F6F6F6; }

/*共通141102 30→0 */
/*記事部分 */
#main .c_section {
  margin-top: 30px; }

#main h2, #main h3, #main h4 {
  padding: 8px 0 8px 10px;
  background-image: none; }

/*見出し */
/************▼トップページ▼*************** */
#top #wrapper #main .border-box {
  max-width: 93%;
  margin: 0;
  padding: 1em 0 0 1em; }

#top #wrapper #main .prologue {
  max-width: 96%;
  margin: 0;
  padding: 2%; }

#top #wrapper #main h2 {
  background-color: #F2F8F8;
  border-bottom: none;
  background-image: none;
  font-weight: normal;
  margin: 0; }
  #top #wrapper #main h2.enpitu {
    background-image: none; }

#top #wrapper #main #contents .column1 .summary img {
  width: 30%;
  margin-right: 1em; }

#top #contents #sortArea img.w250 {
  width: 50%;
  max-width: 200px;
  padding: 0; }

/****ランキング*** */
/******面談レポ****** */
/*左右分割共通 */
#contents .entry .column2 {
  width: 100%; }

#contents .entry .left, #contents .entry .right {
  clear: both;
  float: none; }

/*インタビュー部分 */
#top #contents #sortArea #sort select {
  width: 47%; }

#top #contents #sortArea #itemList article {
  width: 99%;
  float: none;
  border: none; }

/*************▼カテゴリページ▼************** */
#cat #main h2#cattitle {
  margin-top: 50px; }

#cat #main #contents {
  max-width: 100%; }
  #cat #main #contents img {
    max-width: 100%; }

/***********1枚もの企業ページ専用************* */
#main #kigyou h2#titlelist {
  margin: 0;
  padding: 0;
  margin-top: 30px; }

#main .hyouka_box ul {
  margin: 10px 0; }

#cat #main .hyouka_box ul li {
  display: block;
  width: 100%; }

#main .hyouka_box ul li img.eyecatch {
  margin-bottom: 10px; }

#main #kigyou .hyouka_summary .cloum2 {
  max-width: 100%; }

#cat #main #kigyou .hyouka_summary img.c_left {
  width: 30%; }

/*************************星付きの企業評価ページ**************** */
#main #kigyou .company_rankdata .c_left {
  max-width: 99%;
  float: none; }

#cat #main #kigyou .company_rankdata .c_left img {
  width: 100%;
  /*display: none; */ }

#cat #main #kigyou .company_rankdata .c_right {
  float: none; }

/*星んとこ */
#main #kigyou .company_rankdata .star_hyouka {
  width: 99%;
  max-width: 99%;
  margin: 0;
  float: none;
  margin-top: 10px;
  clear: both; }
  #main #kigyou .company_rankdata .star_hyouka p span.name {
    width: 55%; }

#main #kigyou .company_rankdata .hyouka_box {
  max-width: 99%;
  width: 99%;
  float: none;
  margin-top: 20px;
  clear: both; }
  #main #kigyou .company_rankdata .hyouka_box ul li img {
    width: 35%; }

#main #kigyou .btn {
  width: 80%;
  font-size: 18px;
  font-weight: normal; }

#main #kigyou #report .Catthumb {
  width: 100px;
  height: 100px; }

#main #review .review_count ul {
  padding-top: 10px; }
  #main #review .review_count ul li span {
    font-size: 15px; }

#main #kigyou #search .uni {
  width: 95%;
  padding: 10px; }
  #main #kigyou #search .uni form {
    width: 99%; }
    #main #kigyou #search .uni form input#query {
      max-width: 55%;
      width: 55%; }
    #main #kigyou #search .uni form select#query, #main #kigyou #search .uni form select#query2 {
      max-width: 27%; }
    #main #kigyou #search .uni form #submit {
      width: 60px; }

#main #kigyou #search .small {
  font-size: 11px;
  margin: 20px 0 30px 0; }

/*評価内容 */
/*企業ページのボタン */
/*面談レポ */
/*レビューフォーム */
/*企業ページの求人のところ */
/**************キャラクター付きナビゲーション**************** */
/*カエル付きリンクボックス */
a.flog_box {
  margin-top: 50px; }
  a.flog_box .tex {
    padding-right: 0px;
    background: none; }

a.cara_box .tex, a.cara_box2 .tex {
  padding-left: 0px;
  background: none; }

/*リンク付きキャラボックス */
/*リンクじゃない場合のカエルボックス */
#main div.flog_box {
  display: block;
  padding-top: 10px;
  margin-top: 50px;
  margin-right: 3px;
  margin-bottom: 3px;
  text-decoration: none;
  color: #333;
  display: block;
  border: solid 5px #EEF6FB;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  background-color: #FDFDFD; }

#main div.flog_box2 {
  border: solid 1px #D6D6D6;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 10px;
  padding-top: 20px;
  margin-top: 50px; }

/*141102 */
.flog_box2:after {
  content: url(img/common/kaeru40.png);
  position: absolute;
  top: -39px;
  left: 12px; }

#main div.boy3 {
  border: solid 1px #D6D6D6;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 10px;
  padding-top: 20px;
  margin-top: 50px; }
  #main div.boy3:after {
    content: url(img/common/boy40.png);
    position: absolute;
    top: -39px;
    left: 12px; }

#main div.boy4 {
  border: solid 1px #D6D6D6;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 10px;
  padding-top: 20px;
  margin-top: 50px; }
  #main div.boy4:after {
    content: url(img/common/navigator50_l3.png);
    position: absolute;
    top: -39px;
    left: 12px; }

#main div.boy5 {
  border: solid 1px #D6D6D6;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 10px;
  padding-top: 20px;
  margin-top: 50px; }
  #main div.boy5:after {
    content: url(img/common/navigator50_l5.png);
    position: absolute;
    top: -39px;
    left: 12px; }

#main div.boy6 {
  border: solid 1px #D6D6D6;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 10px;
  padding-top: 20px;
  margin-top: 50px; }
  #main div.boy6:after {
    content: url(img/common/boy50_tere.png);
    position: absolute;
    top: -39px;
    left: 12px; }

#main div.teacher, #main div.teacher2, #main div.teacher3 {
  border: solid 1px #D6D6D6;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 10px;
  padding-top: 20px;
  margin-top: 50px; }
  #main div.teacher:after, #main div.teacher2:after, #main div.teacher3:after {
    content: url(img/common/teacher40.png);
    position: absolute;
    top: -39px;
    left: 12px; }

/*画像ができたら差し替え */
table.zikosyoukai {
  width: 100%; }
  table.zikosyoukai td {
    width: 100px; }
    table.zikosyoukai td img {
      width: 70px; }

.flog_box3 {
  background-color: transparent;
  color: #333;
  text-decoration: none;
  padding-right: 60px;
  background-image: url(img/common/flog60_l.png);
  background-repeat: no-repeat;
  background-position: right top; }

/*キャラナビ右(右にカエルが来る) */
#main .navigator_r {
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  float: none;
  position: relative;
  margin: 0;
  padding: 0;
  background: none; }
  #main .navigator_r img {
    display: none; }
  #main .navigator_r p {
    margin: 10px;
    padding: 0; }

#main .navigator_l {
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  float: none;
  position: relative;
  min-height: 0px;
  margin: 0;
  padding: 0;
  background: none; }
  #main .navigator_l img {
    display: none; }
  #main .navigator_l p {
    margin: 0;
    padding: 0; }

#main .navigator_l2 {
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  float: none;
  position: relative;
  margin: 0;
  padding: 0;
  background: none; }
  #main .navigator_l2 img {
    display: none; }
  #main .navigator_l2 p {
    margin: 0;
    padding: 0; }
  #main .navigator_l2 ul li {
    width: 100%;
    display: inline-block; }

/*キャラナビ左(左に人が来る) */
/*キャラナビ左2(左に人２が来る) */
/*******************カテゴリ一覧表示用*********************** */
#cat #main #catlist article.entry {
  margin-bottom: 20px;
  padding: 0; }

#cat #main #catlist article .Catthumb {
  width: 100px;
  height: 100px; }

#cat #main #catlist article .tuduki {
  text-align: right;
  color: #f00; }

/*************▼エントリページ▼************** */
#ent #main #contents {
  max-width: 100%; }

/*************▼見出し周り▼************** */
/*****************メニュー*************** */
#menu {
  margin: 0;
  float: none;
  width: 100%;
  position: fixed;
  right: -100%;
  width: 80%;
  top: 55px;
  height: calc(100% - 55px);
  background: #fff;
  transition: 0.3s right;
  overflow: scroll;
  box-sizing: border-box;
  padding: 0 10px;
  z-index: 1000; }
  #menu.open {
    right: 0; }
  #menu dl dt {
    background-image: none;
    background: #F0F7FD url(img/common/icon06.png) no-repeat 10px center;
    padding: 13px 0 13px 40px; }
  #menu dl.dl_open dt {
    background: #F0F7FD url(img/common/icon05.png) no-repeat 10px center; }
  #menu dl dd {
    margin: 0;
    padding: 0; }
  #menu dl ul {
    margin: 0;
    padding: 0; }
    #menu dl ul li {
      margin: 0;
      padding: 0; }
      #menu dl ul li a {
        color: #333;
        font-size: 14px;
        text-decoration: none;
        display: block;
        padding: 13px 10px 13px 40px; }
  #menu #menu_search input[type="text"] {
    border: solid 1px #7E9DB9; }

/*PCアコーディオンへの対応 */

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