@charset "UTF-8";
/* CSS Document */
/* #head
--------------------------------------------------------------------------------*/
#head-outline {
  border-bottom: 1px solid #DDD;
  margin: 0 0 12px 0;
  z-index: 10000; }

#head {
  padding: 5px 0;
  background: linear-gradient(to bottom, white 0%, #ececec 100%); }

#head-in {
  max-width: 960px;
  margin: auto; }

/*.logo ロゴ*/
#logo-area {
  padding: 5px 0;
  border-bottom: 1px solid #DDD;
  background: #FFF url(../img/bg/bg-header.png) no-repeat right; }

#logo {
  float: left;
  width: 20%;
  margin-right: 30px; }

/*.head-cont ヘッダーに文章を入れ込みたい時使う*/
.head-cont {
  float: right;
  width: 70%; }
  .head-cont h1 {
    text-align: right;
    font-size: 14px;
    color: #333;
    margin: 0 0 5px; }
  .head-cont ul {
    float: right; }
  .head-cont li {
    float: left;
    padding: 0 0 0 15px; }

/* #navi
--------------------------------------------------------------------------------*/
#navi {
  width: 100%; }

#navi ul {
  border-right: 1px solid #DDD; }
#navi li {
  float: left;
  width: 20%;
  font-size: 13px;
  background-position: 25px; }
  #navi li img {
    width: 20px; }
#navi i {
  padding: 0 5px 0 0; }
#navi span {
  background: none;
  color: #aa8b2c; }
#navi a {
  display: block;
  width: 100%;
  text-decoration: none;
  border-left: 1px solid #DDD;
  padding: 5px 0;
  font-size: 13px;
  color: #333;
  text-align: center;
  line-height: 1.3;
  font-weight: 600;
  font-family: YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', Georgia, "Times New Roman", Times, 'Hannari', 'MS P Mincho', 'MS Mincho', serif; }
#navi .navi02 {
  background-position: 15px; }
  #navi .navi02 a {
    padding-left: 25px; }
    #navi .navi02 a:hover {
      padding-left: 25px;
      background-position: 15px; }

.navi01 {
  background: url(../img/icon/icon-rank.png) no-repeat center left; }

.navi02, .navi03, .navi04 {
  background: url(../img/icon/icon-type.png) no-repeat center left; }

.navi01 a:hover {
  background: url(../img/icon/icon-rank-on.png) no-repeat center left, url(../img/bg/bg-gnav.jpg) repeat; }

.navi02 a:hover, .navi03 a:hover, .navi04 a:hover {
  background: url(../img/icon/icon-type-on.png) no-repeat center left, url(../img/bg/bg-gnav.jpg) repeat; }

/* #pan　パンくず
--------------------------------------------------------------------------------*/
#pan {
  padding: 0 0 8px 0; }

#pan_in {
  font-size: 11px;
  color: #888; }
  #pan_in a {
    font-size: 11px;
    text-decoration: none;
    font-weight: 300; }

/* #visual　看板画像
--------------------------------------------------------------------------------*/
#visual {
  padding: 0 0 12px 0; }

#visual_in {
  line-height: 0; }

/* #wrap
--------------------------------------------------------------------------------*/
body {
  background: linear-gradient(to bottom, white 0%, #ececec 100%);
  background: url(../img/bg/bg-body.jpg) repeat fixed; }

/* #main
--------------------------------------------------------------------------------*/
.main_inner {
  border-left: 1px solid #E1E1E1;
  border-right: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
  padding: 16px;
  background: #FFF; }

.border-blue {
  border: 3px dotted #FFAE00 !important; }

.border-green {
  border: 3px solid #aa8b2c !important; }

.border-blue {
  border: 3px solid #469AF0 !important; }

.border-orange {
  border: 3px solid #ff9c00 !important; }

.main-content {
  margin: 0 0 16px 0;
  border-bottom: 2px solid #F1F1E1;
  margin: 0 auto 16px auto; }

/*.main-cont　タイプ別比較の子カテゴリー*/
.main-cont {
  margin: 0 0 30px 0; }

.main-cont h3 {
  font-size: 16px;
  line-height: 1.2;
  background: url(../img/icon/icon-maru.png) no-repeat;
  padding-left: 30px;
  min-height: 20px; }
.main-cont p {
  line-height: 1.5;
  font-size: 1.2em;
  letter-spacing: 0.2px;
  margin: 1% 0 1% 0;
  padding: 1%;
  border: 3px solid #DDD; }

/* テーブル */
.looptable a {
  line-height: 0; }
.looptable h4 {
  font-size: 15px;
  margin: 0 0 4px 0; }
.looptable td {
  font-size: 12px; }
.looptable i {
  font-size: 16px;
  color: #FFAE00;
  margin: 0 4px 0 0; }
.looptable li {
  font-size: 12px; }
.looptable img {
  line-height: 0; }

.main-cont-table {
  background: #FFF;
  margin-bottom: 20px; }
  .main-cont-table th {
    background: #d3a84e;
    color: #FFF;
    padding: 10px;
    font-size: 12px; }
  .main-cont-table .sort {
    background: #d3a84e url(../img/icon/asc.png) no-repeat right center;
    background-position: 98%; }
  .main-cont-table td.syoumei_back {
    background: #FFF2D5; }
  .main-cont-table li {
    line-height: 1.4; }

.even:hover {
  cursor: pointer; }

.main-cont-table .main-rank-star dt {
  width: 46%; }
.main-cont-table .main-rank-star dd {
  width: 54%; }
.main-cont-table .main-rank-star img {
  width: auto; }

.cate-description {
  margin: 0 0 16px 0;
  border-bottom: 2px solid #F1F1E1; }

.cate-description_in {
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  background: #FFF;
  padding: 0px 16px 0 16px; }

.cate-description .main_inner span {
  color: red; }
.cate-description h3 {
  font-size: 16px;
  line-height: 1.2;
  background: url(../img/icon/icon-maru.png) no-repeat;
  padding-left: 30px;
  min-height: 20px; }
.cate-description p {
  line-height: 1.6;
  font-size: 14px;
  letter-spacing: 0.2px;
  padding: 12px 0px;
  background: #FFF; }

/*.main-list カテゴリなどをリスト形式で見せるときにつかう*/
.main-list {
  background: #FFF;
  margin: 0 0 20px 0;
  border-bottom: 2px solid #F1F1E1; }

.main-list-inner {
  padding: 0 1% 1% 1%;
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD; }

.main-list h4 {
  padding: 5px 55px; }

.main-list-section {
  overflow: hidden; }

.main-list-sum {
  float: left;
  width: 15%; }
  .main-list-sum img {
    width: 50px; }

.main-list-txt {
  float: right;
  width: 76%;
  padding-right: 5px;
  line-height: 1.4;
  font-size: 10px;
  color: #888; }

.main-list .col-4 {
  overflow: hidden;
  margin-bottom: 5px;
  padding: 6px 2px 2px 2px; }
  .main-list .col-4:hover {
    background: #fff2d5; }
  .main-list .col-4 .main-list-txt a {
    line-height: 0.2;
    color: #888;
    text-decoration: none;
    font-weight: normal; }
  .main-list .col-4 .main-list-txt span {
    line-height: 1.5;
    color: #2B96CC;
    font-weight: bold;
    font-size: 14px; }

/* main-type-rank 各タイプ別ランキング */
.main-type-rank {
  margin-bottom: 45px; }
  .main-type-rank .col {
    display: flex;
    flex-wrap: wrap;
    background: #FFF;
    padding: 5px; }
  .main-type-rank .age-item {
    margin-bottom: 15px;
    overflow: hidden;
    border-bottom: 1px solid #DDD; }
  .main-type-rank .col-3 {
    padding: 10px; }
    .main-type-rank .col-3:hover {
      opacity: 0.8; }
  .main-type-rank .col-6 {
    padding: 10px; }
    .main-type-rank .col-6:hover {
      opacity: 0.8; }
  .main-type-rank a {
    text-decoration: none;
    font-family: YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', Georgia, "Times New Roman", Times, 'Hannari', 'MS P Mincho', 'MS Mincho', serif; }
  .main-type-rank h3 {
    text-decoration: underline;
    color: #5A5129;
    background: #e5dfc7;
    padding: 10px;
    text-decoration: none; }
  .main-type-rank p {
    color: #333; }

/* box */
.main-list_box_in {
  padding: 12px 0 8px 0; }

.main-list_box a {
  text-decoration: none; }
.main-list_box ul {
  padding: 0 0 0 0; }
.main-list_box li {
  float: left;
  width: 228px;
  margin: 0px 16px 16px 0;
  background: #FFF;
  border: 1px solid #CCC;
  border-bottom: 3px solid #B1B1B1;
  border-radius: 3px; }
  .main-list_box li:last-child {
    margin-right: 0; }
  .main-list_box li:hover {
    border-bottom: 1px solid #CCC;
    border-top: 3px solid #B1B1B1;
    border-left: 3px solid #B1B1B1;
    background: #EDDAB4;
    color: #2B96CC; }
.main-list_box dl {
  padding: 12px; }
.main-list_box dt {
  margin: 0;
  width: 100%; }
.main-list_box dd {
  margin: 0;
  width: 100%; }
  .main-list_box dd p {
    padding: 0 0 0px 0;
    color: #333;
    line-height: 20px;
    font-size: 12px; }
    .main-list_box dd p:hover {
      color: #2B96CC; }
  .main-list_box dd h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 4px 0; }

/* main-list 2カラム時のレイアウト */
.main-list .col-3 {
  padding: 6px 2px 2px 2px; }
  .main-list .col-3:hover {
    background: #fff2d5; }
  .main-list .col-3 .main-list-txt {
    width: 75%; }
    .main-list .col-3 .main-list-txt a {
      line-height: 0.2;
      color: #888;
      text-decoration: none;
      font-weight: normal; }
    .main-list .col-3 .main-list-txt span {
      line-height: 1;
      color: #2B96CC;
      font-weight: bold;
      text-decoration: underline; }

/*.main-search　検索関連のものに使うクラス*/
.main-search {
  margin: 0 0 20px 0;
  border-bottom: 2px solid #F1F1E1; }

.main-search_in {
  border: 1px solid #DDD;
  padding: 12px;
  background: #FFF; }

.main-search th {
  width: 150px;
  background-image: linear-gradient(-45deg, #fff 25%, #FCFAF7 25%, #FCFAF7 50%, #fff 50%, #fff 75%, #FCFAF7 75%, #FCFAF7);
  background-size: 8px 8px; }

.main-search_button {
  margin-bottom: 10px; }
  .main-search_button ul {
    background: #FCFCFC;
    margin: 0 0 8px 0;
    padding: 4px 8px;
    overflow: hidden;
    border-radius: 3px; }
  .main-search_button li {
    float: left;
    padding: 0.2% 0.5%; }
  .main-search_button ul li label {
    display: block;
    color: black;
    background-size: contain;
    padding: 4% 2% 7% 20%;
    width: 100%;
    font-size: 14px; }
  .main-search_button ul li input {
    display: none; }
  .main-search_button ul li .click {
    background-size: contain;
    padding: 18px 16px 16px 36px;
    width: 100%; }

.main-search table li {
  float: left;
  text-align: left;
  width: 25%; }

.main .main-search table li {
  float: left;
  text-align: left;
  width: 20%; }

.main-search table li label {
  display: block; }
.main-search table th {
  font-size: 12px;
  font-weight: bold;
  padding-left: 10px;
  width: 200px;
  text-align: center; }
.main-search table ul {
  overflow: hidden; }
.main-search .send {
  background: #fff4d1;
  padding: 20px 0; }

#test_aaa {
  display: block;
  width: 316px;
  height: 70px;
  border: 0;
  background: url(../img/btn/btn-search.gif) left top no-repeat;
  font-size: 0px;
  line-height: 0px;
  cursor: pointer;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background-size: contain; }

#main .main-search table th {
  width: 120px; }
#main .main-search table li {
  width: 33.33%; }

/* 検索結果 */
.search-kekka td {
  line-height: 1.5; }
.search-kekka th {
  background: #d3a84e;
  color: #FFF;
  padding: 10px;
  font-size: 12px; }

.kensuu {
  font-size: 14px;
  font-weight: normal; }
  .kensuu span {
    color: red; }

.search-kekka .main-rank-star img {
  width: auto; }
.search-kekka .main-rank-star dt {
  margin-right: 5px; }

/* main-search(2カラム用) */
.main-w .main-search_button {
  background: #fcfcfc;
  padding: 5px;
  border: 1px solid #DDD;
  margin-bottom: 10px; }
  .main-w .main-search_button ul {
    background: none;
    margin: 0 6%; }
  .main-w .main-search_button li {
    padding: 5px 0; }
.main-w .main-search table th {
  width: 20%;
  text-align: center; }
.main-w .main-search table li label {
  display: block; }

/*.main-table　キャッシングのテーブルに使うクラス*/
.main-table {
  margin: 0 0 15px 0; }
  .main-table table {
    margin: 0 0 5px 0; }
  .main-table .sort {
    background: #d3a84e url(../img/icon/asc.png) no-repeat right center;
    background-position: 98%; }
  .main-table p {
    line-height: 1.4;
    font-size: 13px; }

.main-table_caution p {
  font-size: 10px !important;
  color: #9D9A9A; }

/*.main-box　会社を紹介する際にブロック形式でみせたい時つかう*/
.main-box {
  margin: 0 0 30px 0; }

.main-box h3 {
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-top: 3px solid #FF0000;
  padding: 15px 15px 15px 15px;
  font-size: 22px;
  margin: 0 0 10px 0; }

.main-box_banner {
  width: 30%;
  float: left;
  margin: 0 0 10px 0; }

.main-box_point, .main-box_spec {
  width: 68%;
  float: right;
  margin: 0 0 10px 0; }

.main-box_catch {
  width: 68%;
  float: right;
  background: #EEE;
  margin: 0 0 10px 0; }
  .main-box_catch p {
    padding: 5px 15px;
    font-size: 14px; }

/* ボタン
--------------------------------------------------------------------------*/
.main-box_button {
  margin: auto auto 10px auto;
  width: 85%; }

.button {
  border-radius: 5px;
  text-align: center; }
  .button a {
    text-decoration: none;
    display: block;
    font-size: 18px;
    padding: 10px; }

.button_red {
  background: #FF0000; }
  .button_red a {
    color: #FFF;
    padding: 20px 0;
    display: block; }

.button_blue {
  background: #1073CE; }
  .button_blue a {
    color: #FFF; }

/*　会社詳細 */
.comp-flow h2 {
  text-align: center;
  font-size: 30px;
  margin: 30px;
  line-height: 1; }
.comp-flow img {
  width: 100%;
  margin-bottom: 30px; }

/* ランキング共通　*/
#cate-rank {
  overflow: hidden;
  margin: 15px 0; }

.box-point .fa {
  color: red;
  font-size: 18px;
  font-weight: bold; }
.box-point li {
  font-size: 13px; }

.main-rank_research {
  padding: 0 0 20px 0; }

/* 調査結果
--------------------------------------------------------------------------------*/
.research-box {
  overflow: hidden; }

.research-section {
  width: 31%;
  float: left;
  margin: 1%; }

.research-box h3 {
  font-size: 16px;
  line-height: 1.2;
  background: url(../img/icon/icon-maru.png) no-repeat;
  padding-left: 30px;
  min-height: 20px;
  margin-bottom: 5px; }

.research-box-back {
  padding: 30px;
  text-align: right;
  font-size: 16px; }

/*.main-rank-1　ランキング用のCSS(1位)*/
.main-rank-1 {
  margin: 0 0 20px 0;
  border: 1px solid #CCC; }

.main-rank-1_in {
  padding: 16px 16px 16px 16px; }

.main-rank-1 h3 {
  padding: 10px;
  font-size: 20px;
  padding-left: 108px;
  margin: 0 0 0px 0;
  background: #FFF;
  overflow: hidden; }
  .main-rank-1 h3 .fl-l {
    width: 50%; }
    .main-rank-1 h3 .fl-l img {
      width: 76px;
      margin: 0 10px 0 0;
      position: absolute;
      top: -5px;
      left: 16px; }
    .main-rank-1 h3 .fl-l a {
      font-size: 25px; }
  .main-rank-1 h3 .fl-r {
    width: 30%; }

#cate-rank-kanban {
  background: #f4f1e7; }
  @media only screen and (max-width: 768px) {
    #cate-rank-kanban {
      margin-top: 15px;
      padding: 0;
      background: none; } }
  #cate-rank-kanban h2 {
    text-align: center;
    font-size: 28px;
    line-height: 1;
    padding: 30px 0; }
    @media only screen and (max-width: 768px) {
      #cate-rank-kanban h2 {
        padding: 0; } }
  #cate-rank-kanban .inner {
    overflow: hidden; }
  #cate-rank-kanban .tit-img {
    position: absolute;
    top: -30px;
    left: 0;
    max-width: 400px;
    width: 100%; }
  #cate-rank-kanban .rank-img {
    width: 25%;
    float: left;
    padding: 20px 0 0 0; }
  #cate-rank-kanban .rank-description {
    width: 73%;
    float: right; }
    #cate-rank-kanban .rank-description p {
      line-height: 1.7; }
      #cate-rank-kanban .rank-description p span {
        color: red;
        font-weight: bold; }

.main-rank-1_banner {
  width: 23%;
  float: left;
  margin: 0 0 8px 0; }

.main-rank-1_point {
  width: 75%;
  float: right;
  margin: 0 0 8px 0;
  font-size: 16px; }

.main-rank-1_spec {
  width: 75%;
  float: right;
  margin: 0 0 8px 0; }
  .main-rank-1_spec th, .main-rank-1_spec td {
    padding: 8px; }

.main-rank-1_catch {
  width: 75%;
  float: right;
  margin: 0 0 8px 0;
  font-size: 16px; }
  .main-rank-1_catch a {
    text-decoration: none; }
  .main-rank-1_catch p {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    background: url(../img/icon/icon-point.png) no-repeat;
    padding-left: 100px;
    background-size: 93px;
    line-height: 1.6; }

.main-rank-1_button {
  margin: 0 0 10px 0;
  width: 50%;
  text-align: center;
  margin: 0 auto;
  width: 50%;
  margin: 0 auto; }

/*.main-rank　ランキング用のCSS(2位以下)*/
.main-rank {
  margin: 0 0 20px 0;
  border-radius: 3px;
  border: 1px solid #DDD;
  background: #FFF;
  width: 100%;
  margin-bottom: 20px; }
  .main-rank .box-point {
    border: none;
    padding: 15px; }
  .main-rank .cv-btn {
    max-width: 600px;
    margin: 0 auto; }

.main-rank_in {
  padding: 12px 16px; }

.main-rank h3 {
  font-size: 20px;
  margin: 0 0 0px 0;
  padding: 12px;
  padding-left: 70px;
  position: relative;
  background: #f3f0e7; }
  .main-rank h3 img {
    width: 60px;
    position: absolute;
    top: -5px;
    left: 5px; }
  .main-rank h3 a {
    font-size: 20px;
    line-height: 1.2; }

.main-rank_banner {
  width: 20%;
  float: left;
  margin: 0 0 8px 0; }

.main-rank_point {
  width: 78%;
  float: right;
  margin: 0 0 15px 0;
  background: #f3f0e7; }

.main-rank_spec {
  width: 38%;
  float: right; }
  .main-rank_spec .mony {
    color: red;
    font-weight: bold; }

#cate-type .col-1 .main-rank_single, .main-rank-1 .main-rank_single {
  width: 75%;
  float: right; }

.main-rank_single img {
  width: auto;
  padding-left: 5px; }
.main-rank_single a {
  width: 99.7%;
  display: block;
  text-align: center;
  padding: 10px 5px;
  font-size: 14px;
  background-color: #E9E9E9;
  border-radius: 3px;
  -webkit-box-shadow: #cfcfcf 2px 2px 0 0;
  -moz-box-shadow: #cfcfcf 2px 2px 0 0;
  box-shadow: #cfcfcf 2px 2px 0 0; }

.main-rank_catch a {
  text-decoration: none; }
.main-rank_catch p {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  background-size: contain;
  padding: 10px 15px 5px 15px;
  line-height: 1.5;
  border-bottom: 1px solid #DDD; }
  .main-rank_catch p span {
    color: red; }

.main-rank_button {
  margin: 0 0 10px 0;
  width: 100%;
  margin: 0 auto;
  margin-top: 15px; }

.main-rank_research p {
  font-size: 11px;
  line-height: 1.6;
  color: #888; }

/*.rank　ランキングの背景指定*/
#cate-rank .wd-0 {
  float: left; }
#cate-rank .wd-1 {
  float: right; }

.rank1, .rank2, .rank3, .rank4, .rank5 {
  background-size: 5% !important;
  background-position: 2% center !important;
  padding: 15px 15px 15px 8% !important; }

.rank-1 {
  border: 1px solid #DDD;
  background: #FFF;
  border-radius: 3px;
  position: relative; }

/* main-rank-star(社名横に出る星) */
.main-rank-star {
  overflow: hidden; }
  .main-rank-star dt {
    float: left;
    font-weight: bold;
    font-size: 12px;
    color: #b4aa1e;
    padding: 2px 4px;
    background-color: #fdfff4;
    border: 1px solid #b4aa1e;
    text-align: center;
    margin-bottom: 5px; }
  .main-rank-star span {
    color: #009944;
    font-size: 25px;
    float: left;
    width: 10%;
    margin-top: 7px; }
  .main-rank-star dd {
    width: 60%;
    float: left;
    padding-left: 7px; }
  .main-rank-star img {
    width: 100px;
    vertical-align: middle; }

.main-rank-1 .main-rank-star dt {
  font-size: 16px;
  float: left;
  width: 35%;
  padding: 7px; }
.main-rank-1 .main-rank-star dd {
  width: 62%;
  float: right; }

/* main-rank-kuti-star(口コミ横に出る星) */
.main-rank-kuti-star {
  float: right;
  width: 15%;
  font-size: 20px;
  line-height: 1;
  color: #de722b;
  font-weight: bold;
  text-align: right; }

/* main-rank-kuti 口コミ*/
.main-rank-1 .main-rank-kuti {
  width: 75%;
  float: right;
  border: 1px solid #CCC;
  background: #F7F7F7;
  padding: 37px 2% 1% 2%; }
  .main-rank-1 .main-rank-kuti .inner {
    background: #FFF;
    padding: 1%;
    border: 1px solid #CCC;
    margin-bottom: 2%; }
  .main-rank-1 .main-rank-kuti h4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 5px;
    float: left;
    width: 85%; }
.main-rank-1 .main-rank-kuti-more {
  text-align: center;
  padding: 10px 5px;
  font-size: 14px;
  background-color: #E9E9E9;
  border-radius: 3px;
  -webkit-box-shadow: #cfcfcf 2px 2px 0 0;
  -moz-box-shadow: #cfcfcf 2px 2px 0 0;
  box-shadow: #cfcfcf 2px 2px 0 0;
  width: 60%;
  margin: 0 auto;
  color: #2B91C8;
  font-weight: bold;
  text-decoration: underline; }
  .main-rank-1 .main-rank-kuti-more img {
    width: auto;
    margin-left: 5px; }

.main-rank-kuti {
  width: 100%;
  border: 1px solid #CCC;
  background: #F7F7F7;
  padding: 2% 2% 2% 2%;
  position: relative;
  margin-bottom: 15px; }
  .main-rank-kuti i {
    margin-right: 5px;
    color: #aa8b2c; }
  .main-rank-kuti .icon-kuti-title {
    width: auto;
    position: absolute;
    top: 5px;
    left: -5px; }
  .main-rank-kuti .inner {
    background: #FFF;
    padding: 2%;
    border: 1px solid #CCC;
    margin-bottom: 2%; }
  .main-rank-kuti h4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 5px;
    float: left;
    width: 85%; }
  .main-rank-kuti p {
    color: #777;
    line-height: 1.5;
    clear: both; }

.main-rank-kuti-more {
  text-align: center;
  padding: 10px 5px;
  font-size: 14px;
  background-color: #E9E9E9;
  border-radius: 3px;
  -webkit-box-shadow: #cfcfcf 2px 2px 0 0;
  -moz-box-shadow: #cfcfcf 2px 2px 0 0;
  box-shadow: #cfcfcf 2px 2px 0 0;
  width: 100%;
  margin: 0 auto;
  color: #2B91C8;
  font-weight: bold;
  text-decoration: underline; }
  .main-rank-kuti-more img {
    width: auto;
    margin-left: 5px; }

/*.main-txt　文章の塊を表示するとき使う*/
.main-txt {
  margin: 0 0 16px 0;
  border-bottom: 2px solid #F1F1E1; }

.main-txt_in {
  border-left: 1px solid #E1E1E1;
  border-right: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
  padding: 16px;
  background: #FFF; }

/*.main-txt h2{padding: 16px 16px 12px 16px;border-left: 5px solid #aa8b2c;font-weight: bold;line-height: 1.2;margin: 0px 0px 20px;background: url(../img/icon/icon-type-on.png) no-repeat center left;background-position: 10px;background-color: #FFAE00;color: #FFF;padding-left: 45px;border-bottom: 3px solid #bf8301;font-size: 20px;margin-bottom: 0;}*/
.main-txt h5 {
  line-height: 1.3;
  background: #E1E1E1;
  margin: 0 0 16px 0;
  padding: 8px;
  background: url(../img/icon/icon-type.png) no-repeat center left;
  background-size: 22px;
  background-color: #faf8f6;
  background-position: 15px;
  border: 1px solid #DDD;
  padding-left: 50px;
  border-bottom: 2px solid #ffae00; }
.main-txt h4 {
  font-size: 16px;
  font-weight: bold; }
.main-txt h3 {
  font-size: 16px;
  padding: 12px;
  background: #F1F1F1;
  margin: 8px 0; }
.main-txt p {
  line-height: 1.7em;
  font-size: 15px;
  margin: 2% 0 3% 0;
  letter-spacing: 0.2px; }

/*.main-spec　会社詳細ページのキャッシング詳細テーブル*/
.main-spec {
  margin: 0 0 30px 0; }

.main-spec h3 {
  font-size: 18px;
  background: #CCC;
  padding: 15px;
  margin: 0 0 15px 0; }
.main-spec h4 {
  font-weight: bold;
  font-size: 14px;
  margin: 0 0 7px 0; }
.main-spec table {
  margin: 0 0 15px 0; }
.main-spec th {
  width: 25%; }
.main-spec td {
  text-align: left;
  line-height: 1.5;
  padding: 1.5% 2%; }

/*.main-time*/
.main-time {
  margin: 0 0 16px 0;
  border-bottom: 2px solid #F1F1E1;
  width: 96%;
  margin: 0 auto 16px auto; }

.main-time h3 {
  font-size: 16px;
  margin: 0 0 24px 0; }
.main-time p {
  text-align: center;
  margin: 0 0 4px 0; }
  .main-time p a {
    display: block; }

.main-time_count {
  font-size: 16px;
  background: #000;
  color: #FFF;
  border-radius: 3px;
  padding: 24px 12px 4px 12px; }

.main-time_count-time {
  font-size: 40px;
  color: yellow;
  font-weight: bold; }

.main-time_button {
  padding: 12px;
  background: #F1F1F1;
  text-align: center;
  font-size: 16px; }
  .main-time_button a {
    display: block; }

.main-time ul {
  margin: 0 0 12px 0; }
.main-time li {
  margin: 0 2% 0 0;
  border: 1px solid #DDD;
  border-radius: 3px;
  text-align: center;
  padding: 12px 0; }
.main-time .col1 p {
  padding: 20px 0 0 0;
  font-weight: bold; }
.main-time .col2 li {
  float: left;
  width: 49%; }
  .main-time .col2 li:last-child {
    margin: 0; }

.main-time_box {
  width: 100%;
  clear: both;
  background: #FFAE00;
  border: 1px solid #CCC;
  border-radius: 3px;
  padding: 4px 4px;
  margin: 8px 0;
  font-size: 12px; }

.main-time_box-l {
  padding: 4px 0 0 0;
  color: #FFF;
  font-weight: bold; }

.main-time_box-r {
  background: #000;
  color: yellow;
  font-size: 13px;
  padding: 2px 2px; }

.main-time_box li {
  width: 50%;
  float: left;
  text-align: center; }

/* .main-kuti　*/
.main-kuti-box {
  background: #FFF;
  border: 1px solid #E1E1E1;
  padding: 2%;
  margin-bottom: 15px;
  border-bottom: 2px solid #F1F1E1; }

.main-kuti-title {
  overflow: hidden;
  margin-bottom: 10px; }
  .main-kuti-title li {
    display: inline-block; }
    .main-kuti-title li h3 {
      font-size: 16px; }

.main-kuti .col {
  margin-bottom: 10px; }
.main-kuti .col-3 {
  text-align: center;
  width: 31%;
  margin-right: 1%; }
  .main-kuti .col-3 p {
    text-align: center;
    font-size: 14px;
    padding: 10px 5px 5px 5px; }
  .main-kuti .col-3 h4 {
    font-size: 14px;
    padding: 5px; }
  .main-kuti .col-3 span {
    font-weight: bold;
    font-size: 20px; }
.main-kuti .main-kuti-before {
  border: 2px solid #4AA5FF;
  margin-right: 5%;
  position: relative; }
  .main-kuti .main-kuti-before img {
    width: auto;
    position: absolute;
    right: -13%;
    top: 16px; }
  .main-kuti .main-kuti-before h4 {
    background: #4AA5FF;
    color: #FFF; }
.main-kuti .main-kuti-after {
  border: 2px solid #FF4D4D; }
  .main-kuti .main-kuti-after h4 {
    background: #FF4D4D;
    color: #FFF; }
  .main-kuti .main-kuti-after span {
    color: #FF4D4D; }
.main-kuti .main-kuti-nensyu_up {
  background: #c1cc44;
  color: #FFF;
  padding: 15px 5px 10px 5px; }
  .main-kuti .main-kuti-nensyu_up p {
    font-size: 20px;
    font-weight: bold; }
  .main-kuti .main-kuti-nensyu_up span {
    color: yellow;
    font-size: 40px; }
.main-kuti .main-kuti-nensyu_down {
  background: #b6c5d4;
  color: #FFF;
  padding: 15px 5px 10px 5px; }
  .main-kuti .main-kuti-nensyu_down p {
    font-size: 20px;
    font-weight: bold; }
  .main-kuti .main-kuti-nensyu_down span {
    color: yellow;
    font-size: 40px; }
.main-kuti .main-rank-kuti-star {
  width: 100%;
  float: none; }

.main-kuti-txt {
  padding: 1%;
  border: 1px solid #DDD;
  background: #fff9e2; }
  .main-kuti-txt p {
    line-height: 1.4; }

/* 他タイプ別（子）ページ */
#cate-type {
  overflow: hidden; }
  #cate-type .main-rank h3 {
    padding-left: 15px;
    background: #FFF; }

/* 特集記事
--------------------------------------------------------------------------------*/
#cat-lp {
  background: #FFF;
  margin-bottom: 30px; }
  @media only screen and (max-width: 768px) {
    #cat-lp {
      margin: 0; } }
  #cat-lp h1 {
    background: #aa8b2c;
    font-size: 30px;
    padding: 45px;
    color: #FFF;
    text-align: center;
    line-height: 1.2;
    font-family: YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', Georgia, "Times New Roman", Times, 'Hannari', 'MS P Mincho', 'MS Mincho', serif; }
    @media only screen and (max-width: 768px) {
      #cat-lp h1 {
        padding: 15px;
        font-size: 16px; } }
  #cat-lp .triangle {
    width: 0px;
    height: 0px;
    border-top: solid 30px #aa8b2c;
    border-right: solid 30px transparent;
    border-bottom: solid 30px transparent;
    border-left: solid 30px transparent;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      #cat-lp .triangle {
        border-top: solid 15px #aa8b2c;
        border-right: solid 15px transparent;
        border-bottom: solid 15px transparent;
        border-left: solid 15px transparent; } }
  #cat-lp .first-section {
    padding: 15px 45px 45px 45px;
    overflow: hidden; }
    @media only screen and (max-width: 768px) {
      #cat-lp .first-section {
        padding: 0 15px 15px 15px; } }
    #cat-lp .first-section .description p {
      font-size: 18px;
      line-height: 1.8;
      padding-right: 5%; }
      @media only screen and (max-width: 768px) {
        #cat-lp .first-section .description p {
          font-size: 14px;
          float: none;
          width: 100%; } }
    #cat-lp .first-section .img {
      width: 30%;
      float: right;
      padding-left: 20px; }
      @media only screen and (max-width: 768px) {
        #cat-lp .first-section .img {
          width: 50%; } }
      #cat-lp .first-section .img img {
        width: 100%;
        height: auto; }
  #cat-lp .section-box h2 {
    background: #e5dfc7;
    color: black;
    padding: 30px;
    font-size: 20px;
    text-align: center;
    line-height: 1.2; }
    @media only screen and (max-width: 768px) {
      #cat-lp .section-box h2 {
        padding: 15px;
        font-size: 16px;
        border: none;
        font-weight: normal;
        text-shadow: none;
        text-align: left; } }
  #cat-lp .section-box p {
    padding: 30px 45px;
    font-size: 18px;
    line-height: 1.8; }
    @media only screen and (max-width: 768px) {
      #cat-lp .section-box p {
        padding: 15px;
        font-size: 14px; } }
  #cat-lp .section-box .cv-btn {
    text-align: center;
    margin: 0 auto;
    width: 60%;
    margin-bottom: 60px; }
    @media only screen and (max-width: 768px) {
      #cat-lp .section-box .cv-btn {
        width: 100%;
        padding: 0 15px;
        margin-bottom: 30px; } }
    #cat-lp .section-box .cv-btn a {
      display: block;
      padding: 30px;
      text-align: center;
      font-size: 20px;
      border: 2px solid #333;
      color: #333;
      text-decoration: none;
      line-height: 1.2; }
      @media only screen and (max-width: 768px) {
        #cat-lp .section-box .cv-btn a {
          font-size: 16px;
          padding: 15px; } }
  #cat-lp .push-item h3 {
    background: #e5dfc7;
    color: black;
    padding: 30px;
    font-size: 20px;
    text-align: center; }
  #cat-lp .push-item .push-item-in {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden; }
  #cat-lp .push-item .item {
    width: 33.33333%;
    float: left;
    padding: 30px;
    border-right: 1px solid #DDD; }
    @media only screen and (max-width: 768px) {
      #cat-lp .push-item .item {
        width: 100%;
        border-bottom: 1px solid #DDD; } }
    #cat-lp .push-item .item:last-child {
      border: none; }
    #cat-lp .push-item .item a {
      color: #333;
      display: block;
      text-decoration: none; }
    #cat-lp .push-item .item h4 {
      margin-bottom: 10px;
      font-size: 16px;
      font-weight: bold; }
    #cat-lp .push-item .item .img {
      margin-bottom: 10px; }
      @media only screen and (max-width: 768px) {
        #cat-lp .push-item .item .img {
          width: 80%; } }
    #cat-lp .push-item .item .txt {
      margin-bottom: 10px;
      padding: 10px 0; }
      #cat-lp .push-item .item .txt p {
        font-size: 14px;
        line-height: 1.2; }

/* #sub
--------------------------------------------------------------------------------*/
.title-green {
  background: #aa8b2c;
  border-bottom: 2px solid #8a7126;
  padding: 2%;
  color: #FFF;
  padding-left: 45px;
  font-size: 13px;
  margin: 15px 0 15px 0;
  position: relative; }
  .title-green img {
    position: absolute;
    top: -5px;
    left: 8px;
    width: 30px; }

#sub .sub-article {
  padding: 8px 0 4px 0;
  overflow: hidden;
  border-bottom: 1px dotted #E1E1E1; }

.sub-article:hover {
  background: #fff2d5; }

.sub-sum {
  float: left;
  width: 15%; }
  .sub-sum img {
    width: 50px; }

#sub .sub-article .sub-txt {
  float: right;
  width: 78%;
  color: #888;
  text-decoration: none;
  font-weight: normal;
  font-size: 10px; }
  #sub .sub-article .sub-txt p {
    line-height: 1.2;
    font-size: 11px;
    color: #888; }
  #sub .sub-article .sub-txt span {
    vertical-align: super;
    line-height: 1;
    color: #2B96CC;
    font-weight: bold;
    font-size: 15px; }
#sub h3 {
  padding: 15px;
  border-bottom: 2px solid #aa8b2c;
  background-color: #faf8f6;
  background-position: 19px;
  border-left: 1px solid #EEE;
  border-right: 1px solid #EEE;
  border-top: 1px solid #EEE; }

.sub-cont {
  margin: 0 0 15px 0; }
  .sub-cont a {
    text-decoration: none; }

.sub-cont h3 {
  background: #E1E1E1;
  padding: 10px; }
.sub-cont p {
  color: #333;
  line-height: 1.2; }
  .sub-cont p:hover {
    text-decoration: underline; }
.sub-cont dl {
  margin: 0px 0;
  border-bottom: 1px dotted #CCC;
  padding: 10px 0; }
.sub-cont dt {
  margin: 0;
  float: left;
  width: 20%; }
.sub-cont dd {
  margin: 0;
  float: right;
  width: 78%; }
  .sub-cont dd h4 {
    font-weight: 600; }
.sub-cont li {
  border-bottom: 1px dotted #CCC;
  padding: 10px 0 10px 15px;
  background: url(../img/icon/ar_black.png) no-repeat;
  background-size: 5px;
  background-position: 3px center; }

.sub-txt dt {
  line-height: 0;
  padding: 0 0 2px 0; }

/* #footer
--------------------------------------------------------------------------------*/
#footer {
  margin-top: 30px;
  color: #AAA;
  padding: 15px;
  background: #FFF; }

.footer-link {
  margin: 0 0 5px 0;
  text-align: center; }
  .footer-link li {
    float: left;
    padding: 0 10px 0 0px;
    font-size: 10px; }
    .footer-link li a {
      color: #333; }

.footer-txt {
  margin: 0 0 5px 0;
  text-align: center; }
  .footer-txt li {
    font-size: 12px;
    line-height: 1.4; }

#copyright {
  text-align: center; }

/* reページ
--------------------------------------------------------------------------------*/
#main-w-re {
  padding: 20px;
  background-color: #FFF;
  text-align: center;
  width: 960px;
  margin: 0 auto; }

#main-w-re-in {
  max-width: 960px;
  margin: 0 auto; }
  #main-w-re-in .box-advice {
    background: url(../img/feature/high-class/bg_advice.png) left top repeat;
    border: 3px solid #ff8945;
    border-radius: 4px;
    font-size: 1.1rem;
    line-height: 1.8;
    margin: 3rem 2rem;
    padding: 1.2rem 8rem 2rem 5rem;
    position: relative; }
    @media only screen and (max-width: 768px) {
      #main-w-re-in .box-advice {
        font-size: 1rem;
        margin: 4rem 1rem 3rem;
        padding: 3.5rem .5rem 2rem; } }
    #main-w-re-in .box-advice .ttl-advice {
      position: absolute;
      left: -2.5rem;
      top: -2rem; }
      @media only screen and (max-width: 768px) {
        #main-w-re-in .box-advice .ttl-advice {
          left: 1rem;
          top: -4rem;
          width: 90px;
          height: 90px; } }
    #main-w-re-in .box-advice .img-advice {
      bottom: 0;
      right: -1rem;
      position: absolute; }
      @media only screen and (max-width: 768px) {
        #main-w-re-in .box-advice .img-advice {
          display: none; } }

#main-w-re p {
  font-size: 14px;
  line-height: 1.7em;
  color: #AAA; }
#main-w-re #countdown {
  color: red;
  font-weight: bold;
  font-size: 30px; }

#main-w-re-time {
  text-align: center;
  background: #fff7ec;
  color: #333;
  line-height: 1.4;
  width: 500px;
  margin: 30px auto;
  border: 1px solid #ECD0B8; }

#main-w-re-link a {
  text-decoration: none;
  color: #333; }
  #main-w-re-link a span {
    text-decoration: underline;
    color: #2B91C8; }

/*バナーのサイズ*/
.bnr-rank {
  margin: 0 auto 16px auto;
  width: 98%; }

/*　ページトップへ　*/
.pagetop {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 0;
  z-index: 9999; }
  .pagetop a {
    display: block; }

/* タイトル関連
--------------------------------------------------------------------------------*/
.sum-size_small {
  background-size: 24px 24px;
  padding: 14px 0 12px 48px;
  background-position: 12px;
  font-size: 15px; }

.sum-size_mid {
  background-size: 28px 28px;
  padding: 16px 0 12px 12px;
  background-position: 12px;
  font-size: 20px;
  font-family: YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', Georgia, "Times New Roman", Times, 'Hannari', 'MS P Mincho', 'MS Mincho', serif; }

.sum-size_big {
  font-size: 36px;
  padding: 24px; }

.sum_search {
  background-image: url(../img/icon/icon-search.png);
  background-repeat: no-repeat; }

.sum_type {
  background-image: url(../img/icon/icon-type.png);
  background-repeat: no-repeat; }

.sum_rank {
  background: url(../img/icon/icon-rank-on.png) no-repeat left center;
  background-position: 16px;
  background-size: 25px; }

/*　タイトル（アイコン関連） */
.tit-tokei {
  background: url(../img/icon/icon-first.png) no-repeat left center;
  background-position: 16px;
  background-size: 25px; }

.tit-under {
  background-color: #FAF8F6;
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
  border-top: 1px solid #DDD;
  border-bottom: 2px solid #aa8b2c;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #FAF8F6));
  background: -webkit-linear-gradient(#fff, #FAF8F6);
  background: -moz-linear-gradient(#fff, #FAF8F6);
  background: -o-linear-gradient(#fff, #FAF8F6);
  background: -ms-linear-gradient(#fff, #FAF8F6);
  background: linear-gradient(#fff, #FAF8F6); }

.tit-blue {
  padding: 16px 16px 12px 16px;
  border-left: 5px solid #9e8331;
  font-weight: bold;
  line-height: 1.2;
  margin: 0px 0px 20px;
  background-position: 10px;
  background-color: #aa8b2c;
  color: #FFF;
  padding-left: 45px;
  border-bottom: 3px solid #9e8331;
  font-size: 19px;
  margin-bottom: 0;
  font-family: YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', Georgia, "Times New Roman", Times, 'Hannari', 'MS P Mincho', 'MS Mincho', serif; }
  .tit-blue span {
    font-size: 28px;
    color: #ff1000; }

.tit-green {
  background-color: #aa8b2c;
  border-bottom: 3px solid #8a7126;
  color: #FFF;
  background-position: 2.5%;
  margin-bottom: 0; }

.tit-orange01 {
  background-color: #ff9c00;
  border-bottom: 3px solid #ff9c00;
  color: #fff; }

.tit-pastel {
  background-color: #FFF2D5; }

.tit-red {
  background-color: #FF0000;
  text-align: center;
  color: #FFF;
  padding: 16px 0 12px 0; }

/*　モーダルウィンドウ */
.remodal h4 {
  font-size: 18px;
  font-weight: bold; }
.remodal p {
  margin: 5px 0 0 0; }
.remodal section {
  background: #FFF;
  margin-bottom: 15px;
  padding: 2%;
  border-radius: 3px;
  border: 1px solid #E0DEDE;
  box-shadow: #dcdcdc 3px 3px 0 0;
  -webkit-box-shadow: #dcdcdc 3px 3px 0 0;
  -moz-box-shadow: #dcdcdc 3px 3px 0 0; }
.remodal .main-rank-star {
  margin: 5px 0;
  overflow: hidden; }
  .remodal .main-rank-star dt {
    width: 16%;
    text-align: center; }

/*　口コミ投稿フォーム */
.form {
  background: #FFF;
  border: 1px solid #DDD;
  padding: 4%; }
  .form h2 {
    font-size: 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid #DDD;
    padding-bottom: 16px; }
  .form dl {
    overflow: hidden;
    margin-top: 30px; }
  .form dt {
    width: 30%;
    float: left;
    font-size: 16px; }
  .form dd {
    width: 70%;
    float: left;
    font-size: 16px;
    margin-bottom: 18px; }
  .form input {
    padding: 5px; }
  .form select {
    width: 50%; }
  .form .submit {
    text-align: center; }
    .form .submit img {
      width: 3%; }

/*個人情報の取り扱い*/
.contact_page .subtext {
  text-align: center;
  margin: 1.5rem auto;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.4; }
.contact_page .l-container {
  margin-bottom: 3rem;
  letter-spacing: 2px; }
  .contact_page .l-container .protection {
    overflow-y: scroll;
    height: 300px;
    background: #FFF;
    padding: 1.5rem;
    margin-bottom: 3rem; }
    .contact_page .l-container .protection h3 {
      font-size: 1.2rem;
      padding: 0.6rem;
      color: #000;
      margin-bottom: 1.5rem;
      background: #eee;
      line-height: 1.6; }
    .contact_page .l-container .protection p {
      color: #000;
      text-align: left;
      font-size: .9rem;
      font-weight: normal;
      line-height: 1.6;
      margin-bottom: 10px; }
    .contact_page .l-container .protection h4 {
      text-align: left;
      margin-bottom: .6rem;
      font-size: 1rem;
      color: #000000;
      font-weight: bold;
      line-height: 1.6; }
    .contact_page .l-container .protection ul {
      margin-bottom: 2rem;
      line-height: 1.6; }
      .contact_page .l-container .protection ul li {
        font-size: .9rem; }
    .contact_page .l-container .protection .adress {
      border-top: 2px solid #eee;
      margin-bottom: 2.5rem; }
.contact_page .checkbox {
  text-align: center;
  font-weight: bold;
  line-height: 1.6;
  font-size: 1rem;
  margin-bottom: 10px;
  letter-spacing: 2px; }
  @media only screen and (max-width: 768px) {
    .contact_page .checkbox input {
      width: 13px; } }

/*　案件のコア層テーブル */
.comp-coresou {
  width: 60%;
  float: left;
  margin-bottom: 10px; }
  .comp-coresou th {
    width: 25%;
    font-size: 13px; }
  .comp-coresou td {
    text-align: left;
    padding-left: 10px;
    overflow: hidden;
    padding: 5px; }
  .comp-coresou li {
    float: left;
    margin-right: 5px;
    padding: 3px 15px;
    background: #EFEFEF;
    border-radius: 15px;
    color: #CCC;
    font-size: 13px; }
  .comp-coresou .on {
    background: #c49d06;
    color: #FFF; }

/* -------------------------------------------------ここからスマホ ---------------------------------------------*/
@media only screen and (max-width: 750px) {
  #wrap h2 {
    line-height: 1;
    font-size: 18px; }

  /* #head
  --------------------------------------------------------------------------------*/
  #head {
    border-bottom: 1px solid #CCC; }

  #head_in {
    padding: 0; }

  /* #visual　看板画像
  --------------------------------------------------------------------------------*/
  #visual {
    padding: 0 0 8px 0; }

  /* #navi
  --------------------------------------------------------------------------------*/
  #Gnav {
    border-top: 3px solid #aa8b2c;
    margin-bottom: 2%;
    border-bottom: 2px solid #F1F1E1;
    z-index: 1000; }

  .logo img {
    width: 88%; }

  .g_nav {
    display: table;
    font-size: 0;
    width: 100%;
    height: 52px;
    table-layout: fixed;
    border-bottom: 1px solid #DDD; }
    .g_nav li {
      display: table-cell;
      width: 20%;
      height: 50px;
      vertical-align: middle;
      font-size: 12px;
      text-align: center;
      background-color: #FFF;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -os-box-sizing: border-box;
      box-sizing: border-box;
      border-right: 1px solid #DDD;
      background-size: 16px;
      font: 9px/16px "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      line-height: 1; }
      .g_nav li:last-child {
        border: 0px; }
    .g_nav a {
      display: block;
      color: #333;
      text-decoration: none;
      line-height: 1.3; }
    .g_nav .logo a {
      padding: 0; }

  .navi01, .navi02, .navi03, .navi04 {
    background-position: center 4px; }

  .navi01 a:hover, .navi02 a:hover, .navi03 a:hover, .navi04 a:hover {
    background: none; }

  /* #main
  --------------------------------------------------------------------------------*/
  /* main_inner */
  .main_inner {
    padding: 0; }

  /* main-txt */
  .main-txt p {
    font-size: 13px; }
  .main-txt h3 {
    padding: 12px 8px;
    font-size: 16px; }

  /* main-box */
  .main-box h4 {
    width: 68%;
    float: right; }

  .main-box_catch, .main-box_point {
    width: 100%; }

  .main-box_spec {
    width: 68%;
    float: right; }

  /*　ランキング */
  .main-rank {
    padding-top: 0;
    border-top: 3px solid #aa8b2c; }
    .main-rank h3 img {
      width: 46px;
      left: 5px;
      position: absolute;
      top: -6px; }

  .main-rank_banner {
    width: 100%;
    margin-bottom: 0; }

  .main-rank h3 {
    padding: 8px 8px 8px 60px;
    font-size: 16px;
    margin: 5px 0 8px 0;
    background: none; }
    .main-rank h3 a {
      font-size: 18px; }

  .rank-1 h3 {
    background: #FFF; }

  .main-rank_catch p {
    background: url(../img/icon/icon-point.png) no-repeat;
    background-size: 66px;
    margin-bottom: 0;
    clear: both;
    background-position: 8px;
    font-size: 11px;
    color: #333;
    border: none;
    padding: 10px 5px 5px 80px; }

  .main-rank_point {
    width: 100%;
    float: none;
    margin-bottom: 10px; }

  .box-point li {
    font-size: 12px;
    line-height: 1.5; }

  .main-rank_in .fl-l {
    width: 32%; }
  .main-rank_in .fl-r {
    width: 65%;
    margin-bottom: 0; }
    .main-rank_in .fl-r table {
      border: none; }
    .main-rank_in .fl-r td {
      font-size: 11px;
      line-height: 1;
      padding: 5px 3px;
      border: none; }
    .main-rank_in .fl-r .mony {
      color: red;
      font-weight: bold;
      font-size: 22px; }

  .main-rank_button {
    margin-top: 10px;
    width: 90%; }

  .box-point .fa {
    font-size: 15px; }

  .main-rank_in .fl-r th {
    font-size: 10px;
    font-weight: bold;
    width: 48%;
    background: none;
    border: none;
    padding: 2px 0; }
    .main-rank_in .fl-r th span {
      color: #aa8b2c;
      border: 1px solid #aa8b2c;
      background: #fef8e3;
      display: block;
      padding: 5px 0; }

  .main-rank-1_in, .main-rank_in {
    padding: 2.5% 2.5% 1.5% 2.5%; }

  .rank-1 {
    padding-top: 0;
    border-radius: 2.5px;
    border: 1px solid #ff1000;
    border-top: 4px solid #ff1000; }
    .rank-1 .box-point {
      border: 1px solid #DDD;
      padding: 10px; }

  .rank-2, .rank-3 {
    padding-top: 0; }

  .rank-2 .box-point, .rank-3 .box-point {
    border: 1px solid #DDD;
    padding: 10px; }

  .main-rank_research {
    padding: 4% 2% 2% 2%; }

  .rank-description {
    font-size: 11px; }

  /* main-rank-star */
  .main-rank-star {
    width: 95%;
    margin: 5px auto 0; }
    .main-rank-star dt {
      width: 25%;
      float: left;
      font-weight: bold;
      font-size: 12px;
      padding-top: 8px;
      padding: 2px; }
    .main-rank-star span {
      color: #009944;
      font-size: 25px;
      float: left;
      width: 10%; }
    .main-rank-star dd {
      width: 59%;
      float: left;
      margin-left: 1%; }
    .main-rank-star img {
      width: auto; }

  /* main-kuti */
  .main-kuti-box {
    margin: 2%;
    padding: 3% 2% 2% 2%; }

  .main-kuti-title {
    margin-bottom: 2%; }
    .main-kuti-title li:nth-child(1) {
      width: 100%; }

  .main-kuti .col {
    margin-bottom: 2%; }
  .main-kuti .main-kuti-before {
    width: 46%;
    margin-right: 4%; }
    .main-kuti .main-kuti-before img {
      right: -16%;
      width: 10%; }
  .main-kuti .main-kuti-after {
    width: 44%;
    margin-left: 5%; }
  .main-kuti .main-kuti-nensyu_up, .main-kuti .main-kuti-nensyu_down {
    width: 100%;
    padding: 0;
    margin-top: 2%; }
    .main-kuti .main-kuti-nensyu_up p, .main-kuti .main-kuti-nensyu_down p {
      font-size: 14px;
      padding: 5px; }
      .main-kuti .main-kuti-nensyu_up p span, .main-kuti .main-kuti-nensyu_down p span {
        font-size: 20px; }

  .main-kuti-txt p {
    line-height: 1.5;
    padding: 1%; }

  /* タイムカウンター */
  #sokuzitu-cate .sokuzitu-time-count {
    float: none;
    width: 100%;
    font-size: 13px;
    padding: 5px 0; }
  #sokuzitu-cate .sokuzitu-time h2 {
    width: 100%;
    float: none;
    font-size: 13px;
    padding: 0 0 3px 0; }
  #sokuzitu-cate .sokuzitu-time-count span {
    font-size: 16px; }

  /* 調査結果 */
  .research-section {
    width: 100%;
    float: none;
    margin-bottom: 15px; }
    .research-section h3 {
      margin-bottom: 5px; }

  .research-box {
    padding: 2%; }

  .research-box-back {
    padding: 15px 15px 0 0; }

  /* main-card */
  .main-card {
    width: 96%;
    margin: 8px 2%;
    padding: 3% 2%;
    border: 1px solid #CCC;
    border-bottom: #BBB 4px solid;
    border-radius: 3px;
    background: url(../img/btn/btn-top-sp01.gif) no-repeat #FFF;
    background-size: 10%;
    background-position: 100% 50%; }
    .main-card h3 {
      font-size: 16px;
      margin: 0 0 6px 0;
      color: #2B91C8; }
    .main-card h4 {
      padding: 4px;
      line-height: 1.4;
      margin: 0 0 4px 0; }

  .main-card_in {
    width: 88%;
    color: #222; }

  .main-card img {
    width: 28%;
    float: left; }
  .main-card table {
    width: 70%;
    float: right;
    border-left: none; }
  .main-card th {
    padding: 2% 4px;
    width: 38%;
    text-align: left;
    font-size: 10px;
    border-right: none; }
  .main-card td {
    padding: 2% 4px;
    font-size: 10px;
    border-right: none; }
  .main-card .syoumei_back th {
    background: #ddd; }
  .main-card .syoumei_back td {
    background: #FFF2D5; }

  .main-table {
    padding-bottom: 15px;
    margin-bottom: 0; }

  /*.main-search　検索関連のものに使うクラス*/
  #cate-rank-kanban .rank-img {
    width: 100%;
    padding: 0;
    text-align: center; }
    #cate-rank-kanban .rank-img img {
      width: 80%; }

  .main-search {
    background: #FFF;
    margin: 0;
    margin-bottom: 15px; }

  .main-search_in {
    padding: 2%; }

  .main-search_button ul {
    background: #FFF;
    margin: 0 0 10px 0;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    padding: 0; }
  .main-search_button li {
    float: left;
    width: 50%;
    line-height: 2.2;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC; }

  .main-search_table h3 {
    font-size: 13px;
    margin: 0 0 5px 0; }
  .main-search_table ul {
    background: #FFF;
    margin: 0 0 10px 0;
    padding: 2%; }
  .main-search_table li {
    float: left;
    width: 50%;
    line-height: 2.2; }
  .main-search_table dt {
    background: #FFF;
    padding: 2%;
    border: 1px solid #aaa;
    border-radius: 5px;
    margin: 0 0 15px 0;
    text-align: center; }

  .main-search-list {
    border: 1px solid #CCC; }

  .main-search-list_in {
    padding: 4% 2.5%; }

  .main-search-list h3 {
    width: 68%;
    float: right;
    margin: 0 0 5px 0; }

  .main-search-list_catch {
    width: 68%;
    float: right;
    background: #EEE;
    margin: 0 0 10px 0; }
    .main-search-list_catch p {
      padding: 10px;
      font-size: 12px;
      line-height: 1.4; }

  .main-search-list_banner {
    width: 30%;
    float: left;
    margin: 0 0 5px 0;
    line-height: 1; }

  .main-search-list_spec {
    width: 100%;
    margin: 0 0 5px 0; }

  .main-search_button ul li label {
    max-height: 45px;
    min-height: 35px;
    font-size: 12px;
    text-indent: -9999px; }
  .main-search_button ul li .click {
    padding: 4% 2% 7% 20%; }

  .main-w .main-search_button li {
    background: #FFF;
    line-height: 1.2;
    text-indent: -99999px; }

  .check1 {
    background: url(../img/bg/bg-search-sougou-off.gif) no-repeat; }

  .list1 .click {
    background: url(../img/bg/bg-search-sougou-on.gif) no-repeat; }

  .check2 {
    background: url(../img/bg/bg-search-mony-off.gif) no-repeat; }

  .list2 .click {
    background: url(../img/bg/bg-search-mony-on.gif) no-repeat; }

  .check3 {
    background: url(../img/bg/bg-search-first-off.gif) no-repeat; }

  .list3 .click {
    background: url(../img/bg/bg-search-first-on.gif) no-repeat; }

  .check4 {
    background: url(../img/bg/bg-search-hikoukai-off.gif) no-repeat; }

  .list4 .click {
    background: url(../img/bg/bg-search-hikoukai-on.gif) no-repeat; }

  .check5 {
    background: url(../img/bg/bg-search-woman-off.gif) no-repeat; }

  .list5 .click {
    background: url(../img/bg/bg-search-woman-on.gif) no-repeat; }

  .check6 {
    background: url(../img/bg/bg-search-oote-off.gif) no-repeat; }

  .list6 .click {
    background: url(../img/bg/bg-search-oote-on.gif) no-repeat; }

  #test_aaa {
    width: 280px; }

  /*　検索 */
  .main-search_in {
    margin: 2%;
    padding: 10px;
    background: #faf8f6;
    border: 1px solid #ffae00; }

  .main-w .main-search_button {
    background: none;
    padding: 0;
    border: none; }
    .main-w .main-search_button ul {
      margin: 0; }

  .main-search h3 {
    background: url(../img/icon/icon-search-on.png) no-repeat center left;
    background-color: #aa8b2c;
    border-bottom: 3px solid #9e8331;
    color: #FFF;
    background-position: 2.5%;
    padding-left: 45px;
    margin-bottom: 0; }

  .search-sub-box {
    overflow: hidden;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #CCC;
    border-bottom: 2px solid #ccc;
    margin-bottom: 10px; }
    .search-sub-box p {
      background: none;
      margin: 0;
      padding: 0; }

  .search-sub-txt {
    clear: both;
    float: left;
    width: 30%;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
    color: #aa8b2c;
    margin-top: 6px; }
    .search-sub-txt span {
      font-size: 10px;
      color: #999;
      font-weight: normal; }

  .search-sub-select {
    float: right;
    width: 70%; }
    .search-sub-select select {
      width: 100%;
      padding: 5px;
      font-size: 13px;
      margin-bottom: 5px;
      background: url(../img/icon/icon-arrow-bottom.png) no-repeat right 5px top 12px;
      background-size: 10px;
      -webkit-appearance: button;
      -moz-appearance: button;
      appearance: button; }

  .main-search .accordion dt {
    height: auto;
    cursor: pointer;
    display: block;
    position: relative;
    font-size: 14px;
    background: #FFF;
    margin-top: 2%;
    padding: 12px 0;
    text-align: center;
    color: #033;
    margin-bottom: 12px;
    border: 2px solid #FFAE00; }
    .main-search .accordion dt img {
      width: 20px;
      vertical-align: middle; }
  .main-search .accordion dd {
    background: #FFF;
    border: 1px solid #CCC;
    padding: 8px;
    margin-bottom: 12px; }
  .main-search .accordion li {
    width: 50%;
    float: left; }
  .main-search .accordion ul {
    margin-bottom: 10px; }
  .main-search .accordion p {
    color: #aa8b2c;
    font-weight: bold;
    font-size: 13px;
    background: #E8F9E9;
    padding: 4px 8px; }
  .main-search .send {
    background: none;
    padding: 0; }

  /*　検索結果 */
  #wrap .search-kekka h2 {
    background: url(../img/icon/icon-search-on.png) no-repeat center left;
    background-color: #aa8b2c;
    border-bottom: 3px solid #8a7126;
    color: #FFF;
    background-position: 2.5%;
    padding: 16px 16px 16px 48px;
    margin: 0 0 8px 0; }

  .search-kekka {
    background: #f5eed8; }
    .search-kekka th {
      background: #F3F3F3;
      color: #333; }
    .search-kekka .main-rank {
      padding: 3% 3% 2% 3%;
      border-radius: 2px;
      background: #FFF;
      border: 1px solid #aa8b2c;
      border-bottom: 3px solid #9f9b8d;
      border-top: 4px solid #aa8b2c; }
      .search-kekka .main-rank .fl-l {
        width: 32%; }
      .search-kekka .main-rank .fl-r {
        width: 65%; }
    .search-kekka .main-rank_point {
      clear: both; }
    .search-kekka .main-rank h3 {
      padding: 0;
      line-height: 1.2;
      margin-bottom: 5px;
      background: none;
      margin-top: 0;
      overflow: hidden; }
      .search-kekka .main-rank h3 a {
        text-decoration: none; }
    .search-kekka .main-rank .fl-r table {
      border: none; }
    .search-kekka .main-rank .fl-r th {
      font-weight: bold;
      width: 48%;
      font-size: 10px;
      background: none;
      border: none;
      padding: 2px 0; }
      .search-kekka .main-rank .fl-r th span {
        color: #aa8b2c;
        border: 1px solid #aa8b2c;
        background: #fef8e3;
        display: block;
        padding: 5px 0;
        font-size: 10px; }
    .search-kekka .main-rank .fl-r td {
      padding: 3px 0;
      font-size: 11px;
      border: none; }
    .search-kekka .main-rank .fl-r .mony {
      color: red;
      font-weight: bold;
      font-size: 22px;
      padding: 0;
      line-height: 1em; }
    .search-kekka .main-rank .fl-r .main-rank_in {
      padding: 0;
      margin-bottom: 5px; }
    .search-kekka .main-rank_catch {
      padding: 0; }
    .search-kekka .main-rank_banner {
      margin-bottom: 0; }
    .search-kekka .main-rank_catch p {
      margin-bottom: 3px;
      background-position: 0;
      padding-left: 70px; }
    .search-kekka .main-rank h3 img {
      position: static;
      width: auto; }
    .search-kekka .main-rank h3 a {
      float: left;
      width: 100%; }
    .search-kekka .main-rank h3 .main-rank-star {
      width: 100%; }
      .search-kekka .main-rank h3 .main-rank-star dt {
        width: 40%;
        margin-right: 0; }
      .search-kekka .main-rank h3 .main-rank-star dd {
        width: 59%; }

  .comp-table-sp-selectbox {
    overflow: hidden;
    padding: 2%; }
    .comp-table-sp-selectbox p {
      width: 20%;
      float: left;
      margin-top: 5px;
      margin: 0;
      margin-right: 5px; }
    .comp-table-sp-selectbox select {
      width: 47%;
      float: left;
      height: 25px; }
    .comp-table-sp-selectbox button {
      width: 30%;
      float: right;
      height: 25px; }

  .kensuu {
    background: #FFF;
    color: #333;
    padding: 1px 6px;
    border-radius: 22px;
    font-size: 15px;
    font-weight: bold; }

  /*.main-txt*/
  .main-txt {
    margin: 0 0 2% 0;
    border-bottom: 1px solid #DDD;
    background: #FFF; }

  .main-txt_in {
    border: none;
    padding: 0px;
    background: #FFF; }

  .tit-orange {
    padding: 3% 3% 2% 13%; }

  .main-txt .tit-orange span {
    font-size: 22px; }

  /* 会社テーブル(銀行案件と消費者金融を含む全案件の表) */
  .comp-table {
    background: #f5eed8;
    padding: 3% 0 2%; }
    .comp-table h2 {
      background: url(../img/icon/icon-search-on.png) no-repeat center left;
      background-color: #aa8b2c;
      border-bottom: 3px solid #8a7126;
      color: #FFF;
      background-position: 2.5%;
      padding-left: 45px; }
    .comp-table .main-rank {
      padding: 3% 3% 2% 3%;
      border-radius: 2px;
      background: #FFF;
      border: 1px solid #bebebe;
      border-bottom: 3px solid #9f9b8d;
      border-top: 4px solid #bebebe; }
      .comp-table .main-rank .fl-l {
        width: 36%; }
      .comp-table .main-rank .fl-r {
        width: 61%; }
    .comp-table .main-rank_point {
      clear: both; }
    .comp-table .main-rank h3 {
      padding: 8px !important;
      margin: 0 0 8px 0; }
      .comp-table .main-rank h3 a {
        text-decoration: none; }
    .comp-table .main-rank .fl-r th {
      padding: 7px 5px;
      font-size: 11px;
      font-weight: bold;
      background: #f3f3f3;
      color: #333;
      text-align: center;
      width: 40%;
      text-align: left; }
    .comp-table .main-rank .fl-r td {
      padding: 5px;
      font-size: 11px;
      text-align: left; }
    .comp-table .main-rank .fl-r .main-rank_in {
      padding: 0;
      margin-bottom: 5px; }
    .comp-table .main-rank_catch {
      padding: 0; }
    .comp-table .main-rank_banner {
      margin-bottom: 0; }

  .syoumei .comp-table .main-rank_catch p {
    margin-bottom: 3px;
    background-position: 0;
    padding-left: 65px; }

  .comp-table-sp-selectbox {
    overflow: hidden;
    padding: 2%; }
    .comp-table-sp-selectbox p {
      width: 20%;
      float: left;
      margin-top: 5px;
      margin: 0;
      margin-right: 5px;
      padding-top: 9px;
      font-weight: bold; }
    .comp-table-sp-selectbox select {
      width: 47%;
      float: left;
      height: 35px;
      border: 1px solid #CCC; }
    .comp-table-sp-selectbox button {
      width: 30%;
      float: right;
      height: 35px;
      background: #FFF;
      font-weight: bold;
      border: 1px solid #CCC; }

  .main-cont-table {
    margin-bottom: 0; }

  /* main-list */
  .main-list {
    background: #f1f1f1; }
    .main-list h3 {
      background: url(../img/icon/icon-type-on.png) no-repeat center left;
      background-position: 3.5%;
      background-color: #FFAE00;
      color: #FFF;
      padding-left: 45px;
      border-bottom: 3px solid #bf8301;
      font-size: 16px; }
    .main-list .title-green {
      margin-bottom: 0; }

  .main-list-inner {
    padding: 0; }

  .main-list .col-4 {
    width: 100%;
    float: none;
    padding: 3% 2% 1% 2%;
    background: #FFF;
    margin-bottom: 0;
    border-bottom: 1px solid #DDD; }

  .main-list-txt {
    width: 82%;
    background: url(../img/icon/icon-arow.gif) no-repeat right center;
    background-position: 98%;
    background-size: 10px;
    padding-right: 7%; }

  /* box */
  .main-list_box {
    border-bottom: 3px solid #F1F1F1; }

  .main-list_box_in {
    padding: 0; }

  .main-list_box a {
    text-decoration: none; }
  .main-list_box ul {
    padding: 0 0 0 0; }
  .main-list_box li {
    float: none;
    width: 100%;
    margin: 0px 16px 0px 0;
    border: 0px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-radius: 0px;
    background: url(../img/icon/icon-arow.gif) no-repeat 95% center #FFF; }
    .main-list_box li:last-child {
      margin-right: 0; }
    .main-list_box li:hover {
      border-bottom: 0px solid #CCC;
      border-top: 0px solid #B1B1B1;
      border-left: 0px solid #B1B1B1;
      background: #EDDAB4;
      color: #2B96CC; }
  .main-list_box dl {
    padding: 5px;
    width: 90%; }
  .main-list_box dt {
    margin: 0;
    width: 28%;
    float: left; }
  .main-list_box dd {
    margin: 0;
    width: 70%;
    font-size: 14px;
    float: right; }
    .main-list_box dd h4 {
      padding: 4px 0 0px 0;
      color: #2B96CC;
      line-height: 12px; }
      .main-list_box dd h4:hover {
        color: #2B96CC; }
    .main-list_box dd h5 {
      padding: 0 0 12px 0;
      color: #666;
      font-size: 12px;
      display: none; }
    .main-list_box dd p {
      font-size: 11px;
      color: #666;
      line-height: 16px; }

  /* .main-time */
  .main-time {
    border: none; }
    .main-time h2 {
      font-size: 12px;
      text-align: center;
      background: #aa8b2c;
      color: #FFF;
      padding: 4px 0;
      margin: 0 0 8px 0; }
    .main-time ul {
      margin: 0 0 8px 0; }
    .main-time li {
      padding: 8px 0; }
    .main-time .col1 p {
      font-size: 12px;
      padding: 0;
      margin: 0; }
    .main-time .col1 li {
      margin: 0; }
    .main-time h3 {
      font-size: 12px;
      line-height: 1.2;
      margin: 0 0 8px 0; }

  .main-time_count {
    font-size: 10px;
    background: #000;
    color: #FFF;
    border-radius: 3px;
    padding: 4px 12px 4px 12px; }

  .main-time_count-time {
    font-size: 14px; }

  .main-time_button {
    padding: 8px;
    background: #F1F1F1;
    text-align: center;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid #CCC; }

  .col1 .main-time_count {
    padding: 4px; }

  .main-card_in .main-time_box {
    background: #555;
    color: #FFF; }

  .sokuzitu-time-count-s .TimeView {
    color: yellow; }

  /* タイプ別 */
  #cate-type {
    background: #f5eed8;
    padding: 3% 0 3% 0; }
    #cate-type h3 {
      font-size: 16px;
      background: url(../img/icon/icon-maru-green.png) no-repeat left center;
      background-color: #f0f0f0;
      border-bottom: 5px solid #dedede;
      padding: 15px 35px;
      background-size: 20px;
      background-position: 2%;
      margin: 0; }
    #cate-type .main-rank {
      padding: 3% 3% 2% 3%;
      border-radius: 2px;
      background: #FFF;
      border: 1px solid #bebebe;
      border-bottom: 3px solid #9f9b8d;
      border-top: 4px solid #bebebe; }
      #cate-type .main-rank .fl-l {
        width: 35%; }
      #cate-type .main-rank .fl-r {
        width: 62%; }
    #cate-type .main-rank_point {
      clear: both; }
    #cate-type .main-rank h3 {
      padding: 0;
      border: none;
      margin-bottom: 5px; }
      #cate-type .main-rank h3 a {
        text-decoration: none; }
    #cate-type .main-rank .fl-r th {
      padding: 5px;
      font-size: 11px;
      width: 39%;
      text-align: left; }
    #cate-type .main-rank .fl-r td {
      padding: 5px 4px;
      font-size: 11px;
      text-align: left;
      line-height: 1; }
    #cate-type .main-rank .fl-r .main-rank_in {
      padding: 0;
      margin-bottom: 5px; }
    #cate-type .main-rank_catch {
      padding: 0; }
    #cate-type .main-rank_banner {
      margin-bottom: 0; }
    #cate-type .main-rank_catch p {
      margin-bottom: 3px;
      background-position: 0;
      padding-left: 70px; }

  .cate-description {
    margin: 0 0 16px 0;
    background: #FFF; }
    .cate-description p {
      padding: 2%;
      font-size: 13px;
      line-height: 1.6;
      background: #FFF;
      border: none; }
    .cate-description h3 {
      font-size: 16px;
      background: url(../img/icon/icon-maru-green.png) no-repeat left center;
      background-color: #f0f0f0;
      border-bottom: 5px solid #dedede;
      padding: 15px 35px;
      background-size: 20px;
      background-position: 2%; }

  /* reページ */
  #main-w-re {
    padding: 0; }

  #main-w-re-title h2 {
    font-size: 18px;
    line-height: 1.3; }

  #main-w-re-time {
    width: 100%; }

  /* #sub
  --------------------------------------------------------------------------------*/
  #sub {
    background: #f1f1f1; }
    #sub .sub-article {
      width: 100%;
      float: none;
      padding: 3% 2% 1% 2%;
      background: #FFF;
      margin-bottom: 0;
      border-bottom: 1px solid #DDD; }
      #sub .sub-article .sub-txt {
        width: 82%;
        background: url(../img/icon/icon-arow.gif) no-repeat right center;
        background-color: #FFF;
        background-position: 98%;
        background-size: 10px;
        padding-right: 7%; }
    #sub h3 {
      background: url(../img/icon/icon-type-on.png) no-repeat center left;
      background-position: 3.5%;
      background-color: #FFAE00;
      color: #FFF;
      padding-left: 45px;
      border-bottom: 3px solid #bf8301;
      font-size: 16px;
      text-align: left; }
    #sub h4 {
      margin-bottom: 0; }

  /* 記事途中のランキングバナー */
  .bnr-rank {
    margin-bottom: 10px;
    width: 100%; }

  .bnr-today {
    width: 94%; }
    .bnr-today p {
      padding: 24% 20px 16px 30px;
      text-align: right;
      width: 56%;
      font-size: 24px; }

  /* カウントダウン */
  #countdown {
    font-weight: bold;
    font-size: 20px; }

  .count-down {
    margin-bottom: 5px;
    padding: 0;
    background: #DBCA7C;
    overflow: hidden; }
    .count-down .fa {
      padding-right: 5px;
      font-size: 20px; }
    .count-down .count-down-l {
      float: left;
      width: 100%;
      padding: 1%;
      margin: 1% 1% 0 1%; }
    .count-down p {
      line-height: 1;
      margin: 1% 0px;
      text-align: center;
      font-size: 14px;
      font-weight: bold; }
    .count-down .count-down-r {
      background: #555;
      width: 100%;
      float: right;
      padding: 1%;
      color: #FFF; }

  /*タイトルのCSS*/
  .tit-tokei {
    background-position: 10px;
    background-size: 25px; }

  .tit-under {
    background-color: #FFF;
    border-left: 0px solid #DDD;
    border-right: 0px solid #DDD;
    border-top: 1px solid #DDD;
    border-bottom: 2px solid #ffae00;
    margin: 0 0 16px 0;
    line-height: 1; }

  /*　ページトップ */
  .pagetop {
    background: rgba(255, 170, 0, 0.9);
    padding: 8px;
    height: 52px;
    font-size: 10px;
    color: #fff;
    right: 0;
    bottom: 0;
    text-align: right;
    margin-right: 0;
    margin-bottom: 0; }
    .pagetop span {
      display: block;
      text-align: center; }

  /* オーバーレイ(複数申込) */
  #over-lay {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ffd500;
    color: #333;
    text-decoration: none;
    font-size: 12px;
    display: block; }
    #over-lay p {
      text-align: center;
      font-weight: bold;
      display: block;
      margin: 0 auto;
      padding: 10px 22px 10px 10px; }
    #over-lay span {
      color: red; }

  /*　テキストのボタン
  --------------------------------------------------------------------------*/
  .txt-button a {
    background: #F1F1F1;
    border-radius: 3px;
    display: block;
    text-align: center;
    padding: 12px;
    font-size: 14px;
    text-decoration: none;
    border: 1px solid #DDD;
    margin: 0 2% 2% 2%; }

  /* 各タイプ別ランキング */
  .main-type-rank .col-3 {
    width: 100%;
    overflow: hidden;
    margin: 0;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #DDD;
    padding: 3% 2% 3% 2%; }
    .main-type-rank .col-3 img {
      width: auto;
      float: left;
      margin-right: 5px; }
    .main-type-rank .col-3 h3 {
      text-align: left; }

  /* form */
  .form dl {
    margin-top: 15px; }
  .form dt {
    float: none;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px; }
  .form dd {
    width: 100%;
    float: none;
    border-bottom: 1px solid #EEE;
    margin-bottom: 15px;
    padding-bottom: 15px; }
  .form .wpcf7-radio input {
    width: 10%; }
  .form .age input {
    width: 30%; }
  .form .mony-before input, .form .mony-after input {
    width: 30%;
    margin-right: 5px; }
  .form .star-all select, .form input, .form textarea {
    width: 100%; }

  #footer {
    margin-top: 0;
    padding-bottom: 60px; }

  /*　案件のコア層テーブル */
  .comp-coresou {
    margin-bottom: 0;
    width: 100%;
    float: none; }
    .comp-coresou th {
      width: 60px;
      font-size: 10px; }
    .comp-coresou td {
      padding: 5px; }
    .comp-coresou li {
      font-size: 10px;
      padding: 3px 7px;
      margin-right: 4px; } }
/* コラム
--------------------------------------------------------------------------------*/
.main-kizi {
  margin-bottom: 64px;
  background: #FFF;
  padding: 32px;
  /* 目次 */
  /*/ CVボタン */
  /*BOXタイプ（記事内で使用） */
  /* テーブル(小) */
  /* テーブル(横スクロール) */
  /* ポイント */
  /* 枠 */
  /* メモ */ }
  @media only screen and (max-width: 768px) {
    .main-kizi {
      margin-bottom: 0;
      border: none;
      padding: 16px; } }
  .main-kizi img {
    max-width: 100%;
    height: auto; }
  .main-kizi h1 {
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 16px; }
    @media only screen and (max-width: 768px) {
      .main-kizi h1 {
        font-size: 18px; } }
  .main-kizi h2 {
    padding: 16px 0;
    margin-bottom: 32px;
    font-size: 28px;
    line-height: 1.3;
    border-top: 2px solid #222;
    border-bottom: 2px solid #222; }
    @media only screen and (max-width: 768px) {
      .main-kizi h2 {
        font-size: 18px;
        margin-bottom: 32px; } }
  .main-kizi h3 {
    margin-bottom: 48px;
    padding-left: 16px;
    font-size: 24px;
    border-left: 5px solid #222; }
    @media only screen and (max-width: 768px) {
      .main-kizi h3 {
        font-size: 18px;
        margin-bottom: 30px; } }
  .main-kizi h4 {
    font-size: 20px;
    margin-bottom: 16px; }
  .main-kizi p {
    margin: 16px 0 64px;
    font-size: 18px;
    line-height: 2.1; }
    @media only screen and (max-width: 768px) {
      .main-kizi p {
        font-size: 16px;
        margin: 16px 0 40px 0; } }
  .main-kizi ul {
    padding-left: 24px;
    margin-bottom: 64px; }
    @media only screen and (max-width: 768px) {
      .main-kizi ul {
        padding-left: 0;
        margin-bottom: 40px; } }
    .main-kizi ul li {
      font-size: 18px;
      margin-bottom: 16px;
      padding-left: 24px;
      position: relative;
      line-height: 2.1; }
      @media only screen and (max-width: 768px) {
        .main-kizi ul li {
          font-size: 15px; } }
      .main-kizi ul li:before {
        content: "";
        width: 10px;
        height: 10px;
        display: block;
        border-radius: 50%;
        background: #222;
        position: absolute;
        left: 0;
        top: 8px; }
  .main-kizi ol {
    padding: 24px;
    margin-bottom: 64px;
    background: #f1f1f1; }
    @media only screen and (max-width: 768px) {
      .main-kizi ol {
        margin-bottom: 40px; } }
    .main-kizi ol li {
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 16px;
      counter-increment: number;
      line-height: 2.1; }
      @media only screen and (max-width: 768px) {
        .main-kizi ol li {
          font-size: 15px; } }
      .main-kizi ol li:before {
        content: counter(number) ".";
        margin-right: 5px;
        color: #222; }
      .main-kizi ol li:last-child {
        margin-bottom: 0; }
    .main-kizi ol.flow li {
      margin-bottom: 8px; }
      .main-kizi ol.flow li:after {
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        background-image: url(../img/icon/icon-arrow-bottom2.png);
        background-size: contain;
        vertical-align: middle;
        margin-left: 10%;
        margin-top: 8px; }
      .main-kizi ol.flow li:last-child {
        margin-bottom: 0; }
        .main-kizi ol.flow li:last-child:after {
          background: none;
          margin-top: 0; }
  .main-kizi dl {
    margin-bottom: 64px; }
    @media only screen and (max-width: 768px) {
      .main-kizi dl {
        margin-bottom: 40px; } }
    .main-kizi dl dt {
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 16px; }
      @media only screen and (max-width: 768px) {
        .main-kizi dl dt {
          font-size: 16px; } }
    .main-kizi dl dd {
      background: #f1f1f1;
      padding: 24px;
      margin-bottom: 32px;
      line-height: 2.1;
      font-size: 18px; }
      @media only screen and (max-width: 768px) {
        .main-kizi dl dd {
          font-size: 14px; } }
  .main-kizi table {
    margin-bottom: 64px; }
    @media only screen and (max-width: 768px) {
      .main-kizi table {
        margin-bottom: 40px; } }
    .main-kizi table th {
      background: #f1f1f1; }
      @media only screen and (max-width: 768px) {
        .main-kizi table th {
          font-size: 14px; } }
    @media only screen and (max-width: 768px) {
      .main-kizi table td {
        font-size: 14px; } }
  .main-kizi a {
    text-decoration: underline; }
  .main-kizi blockquote {
    padding: 24px 40px 24px 40px;
    background: #f3f3f3;
    position: relative;
    margin: 0 0 64px 24px; }
    @media only screen and (max-width: 768px) {
      .main-kizi blockquote {
        margin: 0 0 40px 15px;
        padding: 16px 16px 16px 24px; } }
    .main-kizi blockquote:before {
      content: "";
      width: 50px;
      height: 50px;
      background: url(../img/icon/icon-blockquote.png) no-repeat;
      background-size: contain;
      position: absolute;
      left: -24px;
      top: 30%; }
      @media only screen and (max-width: 768px) {
        .main-kizi blockquote:before {
          width: 30px;
          height: 30px;
          left: -15px; } }
    .main-kizi blockquote p {
      margin: 0; }
      @media only screen and (max-width: 768px) {
        .main-kizi blockquote p {
          font-size: 14px; } }
    .main-kizi blockquote cite {
      display: block;
      text-align: right; }
  .main-kizi hr {
    margin: 64px 0; }
    @media only screen and (max-width: 768px) {
      .main-kizi hr {
        margin: 40px 0; } }
  .main-kizi .time {
    font-size: 14px;
    margin-bottom: 16px; }
    @media only screen and (max-width: 768px) {
      .main-kizi .time {
        font-size: 12px;
        color: #888;
        margin-bottom: 8px; } }
  .main-kizi .main-visual {
    margin: 24px 0 32px 0; }
    @media only screen and (max-width: 768px) {
      .main-kizi .main-visual {
        margin: 16px 0; } }
    .main-kizi .main-visual img {
      width: 100%;
      height: auto; }
  .main-kizi .tag-list {
    text-align: right; }
    .main-kizi .tag-list a {
      color: #222; }
  .main-kizi #toc_container {
    background: #FFF;
    margin-bottom: 64px;
    padding: 0;
    width: 100%;
    border: none;
    display: table; }
    @media only screen and (max-width: 768px) {
      .main-kizi #toc_container {
        margin-bottom: 32px; } }
    .main-kizi #toc_container p.toc_title {
      display: flex;
      align-items: center;
      font-size: 20px; }
      .main-kizi #toc_container p.toc_title:before, .main-kizi #toc_container p.toc_title:after {
        border-top: 1px solid;
        content: "";
        flex-grow: 1;
        width: 5em; }
      .main-kizi #toc_container p.toc_title:before {
        margin-right: 1rem; }
      .main-kizi #toc_container p.toc_title:after {
        margin-left: 1rem; }
    .main-kizi #toc_container .toc_list {
      margin-top: 24px !important; }
      .main-kizi #toc_container .toc_list li {
        margin-top: 24px; }
        @media only screen and (max-width: 768px) {
          .main-kizi #toc_container .toc_list li {
            padding-left: 0; } }
        .main-kizi #toc_container .toc_list li:before {
          display: none; }
        .main-kizi #toc_container .toc_list li a {
          color: #222;
          text-decoration: underline; }
          @media only screen and (max-width: 768px) {
            .main-kizi #toc_container .toc_list li a {
              font-size: 14px; } }
        .main-kizi #toc_container .toc_list li .toc_number {
          background: #222;
          color: #FFF;
          font-size: 14px;
          padding: 5px 10px;
          border-radius: 50%;
          margin-right: 16px; }
          @media only screen and (max-width: 768px) {
            .main-kizi #toc_container .toc_list li .toc_number {
              font-size: 12px;
              padding: 3px 7px;
              margin-right: 8px; } }
  .main-kizi .btn-cv {
    margin-bottom: 64px; }
    @media only screen and (max-width: 768px) {
      .main-kizi .btn-cv {
        margin-bottom: 40px; } }
    .main-kizi .btn-cv a {
      text-align: center;
      margin: 0 auto;
      padding: 24px 50px 24px 24px;
      width: 70%;
      display: block;
      background: #303030 url(../img/icon/icon-arrow-wahite-waku.png) no-repeat right center;
      background-position: 96%;
      font-size: 18px;
      color: #FFF;
      text-decoration: none; }
      @media only screen and (max-width: 768px) {
        .main-kizi .btn-cv a {
          font-size: 14px;
          width: 100%; } }
  .main-kizi table .btn-cv {
    margin-bottom: 0; }
    .main-kizi table .btn-cv a {
      width: 100%;
      font-size: 16px;
      background-size: 12px;
      background-position: 94%; }
      @media only screen and (max-width: 768px) {
        .main-kizi table .btn-cv a {
          font-size: 12px;
          padding: 10px 20px 10px 10px;
          background-size: 8px; } }
  .main-kizi .cv_box {
    border: 1px solid #222;
    padding: 32px;
    margin-bottom: 64px; }
    @media only screen and (max-width: 768px) {
      .main-kizi .cv_box {
        padding: 16px;
        margin-bottom: 40px; } }
    .main-kizi .cv_box .name {
      margin-bottom: 16px;
      font-size: 18px;
      font-weight: 700; }
    .main-kizi .cv_box .cv_box_card {
      overflow: hidden; }
      .main-kizi .cv_box .cv_box_card .card {
        width: 30%;
        float: left; }
        @media only screen and (max-width: 768px) {
          .main-kizi .cv_box .cv_box_card .card {
            width: 100%;
            float: none; } }
        @media only screen and (max-width: 768px) {
          .main-kizi .cv_box .cv_box_card .card img {
            width: 60%;
            margin: 0 auto 16px; } }
      .main-kizi .cv_box .cv_box_card p, .main-kizi .cv_box .cv_box_card ul {
        width: 70%;
        float: left;
        padding-left: 20px;
        margin: 0; }
        @media only screen and (max-width: 768px) {
          .main-kizi .cv_box .cv_box_card p, .main-kizi .cv_box .cv_box_card ul {
            width: 100%;
            float: none;
            padding-left: 0;
            font-size: 14px; } }
    .main-kizi .cv_box .cv-link {
      text-align: right; }
  .main-kizi table.small-table th {
    font-size: 12px;
    padding: 8px; }
    @media only screen and (max-width: 768px) {
      .main-kizi table.small-table th {
        font-size: 10px; } }
  .main-kizi table.small-table td {
    font-size: 12px;
    padding: 8px; }
    @media only screen and (max-width: 768px) {
      .main-kizi table.small-table td {
        font-size: 10px; } }
  .main-kizi .scroll-table {
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    display: block;
    white-space: nowrap;
    margin-bottom: 32px; }
    @media only screen and (max-width: 768px) {
      .main-kizi .scroll-table:before {
        content: "※このテーブルは横スクロールできます ↓";
        font-size: 14px;
        margin-bottom: 8px;
        display: block; } }
    .main-kizi .scroll-table table {
      width: auto;
      border-collapse: collapse;
      border: solid 1px #ddd;
      margin: 0; }
      .main-kizi .scroll-table table th {
        width: 100px;
        font-size: 12px;
        padding: 8px; }
        @media only screen and (max-width: 768px) {
          .main-kizi .scroll-table table th {
            font-size: 10px;
            width: 80px; } }
      .main-kizi .scroll-table table td {
        width: 170px;
        white-space: normal;
        font-size: 12px;
        padding: 8px; }
        @media only screen and (max-width: 768px) {
          .main-kizi .scroll-table table td {
            font-size: 10px;
            width: 120px; } }
  .main-kizi .point {
    border: 1px solid #222;
    padding: 26px 24px 24px 24px;
    margin-bottom: 64px;
    position: relative;
    font-size: 18px;
    line-height: 2.1;
    color: #222; }
    @media only screen and (max-width: 768px) {
      .main-kizi .point {
        margin-bottom: 40px;
        font-size: 15px; } }
    .main-kizi .point:before {
      content: 'POINT';
      display: inline-block;
      width: 140px;
      padding: 6px 0;
      background: #222;
      color: #FFF;
      font-size: 16px;
      line-height: 1;
      text-align: center;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%); }
    .main-kizi .point p, .main-kizi .point ul, .main-kizi .point ol, .main-kizi .point dl {
      margin: 0; }
  .main-kizi .waku {
    padding: 32px;
    border: 2px solid #DDD;
    font-size: 16px;
    line-height: 2.1;
    margin-bottom: 48px; }
  .main-kizi .memo {
    border: 1px solid #222;
    padding: 26px 24px 24px 24px;
    margin-bottom: 64px;
    position: relative;
    font-size: 18px;
    line-height: 2.1;
    color: #222; }
    @media only screen and (max-width: 768px) {
      .main-kizi .memo {
        margin-bottom: 40px;
        font-size: 15px; } }
    .main-kizi .memo:before {
      content: 'MEMO';
      display: inline-block;
      width: 120px;
      padding: 6px;
      background-color: #FFF;
      background-image: url(../img/icon/icon-memo-left.png), url(../img/icon/icon-memo-right.png);
      background-repeat: no-repeat;
      background-position: 8%,92%;
      color: #222;
      font-size: 16px;
      line-height: 1;
      text-align: center;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%); }
    .main-kizi .memo p, .main-kizi .memo ul, .main-kizi .memo ol, .main-kizi .memo dl {
      margin: 0; }

/* ============ 関連記事BOX ============ */
/* 1カラムver */
.articlebox-kanren-col1 {
  padding-bottom: 64px;
  margin-bottom: 40px; }
  @media only screen and (max-width: 768px) {
    .articlebox-kanren-col1 {
      padding-bottom: 48px;
      margin-bottom: 48px; } }
  .articlebox-kanren-col1 .box {
    margin-top: 32px; }
    .articlebox-kanren-col1 .box .item {
      overflow: hidden;
      padding: 16px 0; }
      .articlebox-kanren-col1 .box .item a {
        font-size: 14px;
        font-weight: 700;
        display: block; }
        .articlebox-kanren-col1 .box .item a:hover {
          opacity: 0.9; }
        .articlebox-kanren-col1 .box .item a .img {
          width: 20%;
          float: left;
          padding-right: 16px;
          border-radius: 4px; }
          @media only screen and (max-width: 768px) {
            .articlebox-kanren-col1 .box .item a .img {
              width: 40%; } }
          .articlebox-kanren-col1 .box .item a .img img {
            width: 100%;
            height: auto; }
        .articlebox-kanren-col1 .box .item a .title {
          color: #222; }
          @media only screen and (max-width: 768px) {
            .articlebox-kanren-col1 .box .item a .title {
              width: 60%;
              float: left; } }

/* 関連記事3カラム */
.articlebox-kanren-col3 .box {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1.5% 16px -1.5%; }
  @media only screen and (max-width: 768px) {
    .articlebox-kanren-col3 .box {
      margin-bottom: 32px;
      border-top: 1px dotted #DDD; } }
  .articlebox-kanren-col3 .box .item {
    width: 30.3%;
    margin: 1.5% 1.5% 3% 1.5%; }
    @media only screen and (max-width: 768px) {
      .articlebox-kanren-col3 .box .item {
        width: 100%;
        border-bottom: 1px dotted #DDD;
        margin-bottom: 0; } }
    .articlebox-kanren-col3 .box .item a {
      display: block;
      color: #222;
      font-size: 14px;
      font-weight: 700; }
      @media only screen and (max-width: 768px) {
        .articlebox-kanren-col3 .box .item a {
          overflow: hidden;
          padding: 8px 0; } }
      .articlebox-kanren-col3 .box .item a:hover {
        opacity: 0.9; }
      .articlebox-kanren-col3 .box .item a img {
        margin-bottom: 12px;
        border-radius: 4px;
        height: auto; }
        @media only screen and (max-width: 768px) {
          .articlebox-kanren-col3 .box .item a img {
            width: 30%;
            float: left;
            margin-bottom: 0; } }
      @media only screen and (max-width: 768px) {
        .articlebox-kanren-col3 .box .item a .title {
          width: 70%;
          float: left;
          padding-left: 10px; } }
    .articlebox-kanren-col3 .box .item.item-0, .articlebox-kanren-col3 .box .item.item-1, .articlebox-kanren-col3 .box .item.item-2, .articlebox-kanren-col3 .box .item.item-3, .articlebox-kanren-col3 .box .item.item-4, .articlebox-kanren-col3 .box .item.item-5 {
      position: relative; }
      .articlebox-kanren-col3 .box .item.item-0:before, .articlebox-kanren-col3 .box .item.item-1:before, .articlebox-kanren-col3 .box .item.item-2:before, .articlebox-kanren-col3 .box .item.item-3:before, .articlebox-kanren-col3 .box .item.item-4:before, .articlebox-kanren-col3 .box .item.item-5:before {
        content: "";
        padding: 25px;
        background: url(../img/icon/icon-new.png) no-repeat;
        background-size: contain;
        z-index: 10;
        position: absolute;
        top: 0;
        left: 0; }
        @media only screen and (max-width: 768px) {
          .articlebox-kanren-col3 .box .item.item-0:before, .articlebox-kanren-col3 .box .item.item-1:before, .articlebox-kanren-col3 .box .item.item-2:before, .articlebox-kanren-col3 .box .item.item-3:before, .articlebox-kanren-col3 .box .item.item-4:before, .articlebox-kanren-col3 .box .item.item-5:before {
            padding: 15px;
            top: 8px; } }
.articlebox-kanren-col3 .btn-more {
  text-align: center;
  border-radius: 4px; }
  .articlebox-kanren-col3 .btn-more a {
    display: block;
    padding: 15px 0;
    margin: 0 auto;
    max-width: 400px;
    border: 2px solid #333;
    color: #333;
    font-size: 16px;
    font-weight: 700; }

/* 関連記事2カラム */
.articlebox-kanren-col2.bg-white {
  padding: 15px 30px 30px 30px;
  background: #FFF;
  border: 1px solid #EEE; }
  @media only screen and (max-width: 768px) {
    .articlebox-kanren-col2.bg-white {
      padding: 0 0 16px 0;
      border: none; } }
.articlebox-kanren-col2 .box {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 30px; }
  @media only screen and (max-width: 768px) {
    .articlebox-kanren-col2 .box {
      margin-bottom: 32px;
      padding: 0 10px; } }
  .articlebox-kanren-col2 .box .item {
    width: 48%;
    border-bottom: 2px dotted #CCC;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .articlebox-kanren-col2 .box .item {
        width: 100%;
        border-bottom: 1px dotted #DDD;
        margin-bottom: 0; } }
    .articlebox-kanren-col2 .box .item a {
      display: block;
      color: #222;
      font-size: 14px;
      font-weight: 700;
      padding: 10px 0 10px 20px; }
      @media only screen and (max-width: 768px) {
        .articlebox-kanren-col2 .box .item a {
          font-size: 12px; } }
      .articlebox-kanren-col2 .box .item a:before {
        content: "";
        width: 12px;
        height: 12px;
        background: #aa8b2c;
        position: absolute;
        left: 0;
        top: 11px; }
      .articlebox-kanren-col2 .box .item a:after {
        content: "";
        box-sizing: border-box;
        width: 3px;
        height: 3px;
        border: 3px solid transparent;
        border-left: 3px solid #fff;
        position: absolute;
        left: 5px;
        top: 14px; }
      .articlebox-kanren-col2 .box .item a:hover {
        opacity: 0.9; }
    .articlebox-kanren-col2 .box .item.item-0, .articlebox-kanren-col2 .box .item.item-1, .articlebox-kanren-col2 .box .item.item-2, .articlebox-kanren-col2 .box .item.item-3, .articlebox-kanren-col2 .box .item.item-4, .articlebox-kanren-col2 .box .item.item-5 {
      position: relative; }
      .articlebox-kanren-col2 .box .item.item-0:before, .articlebox-kanren-col2 .box .item.item-1:before, .articlebox-kanren-col2 .box .item.item-2:before, .articlebox-kanren-col2 .box .item.item-3:before, .articlebox-kanren-col2 .box .item.item-4:before, .articlebox-kanren-col2 .box .item.item-5:before {
        content: "";
        padding: 25px;
        background: url(../img/icon/icon-new.png) no-repeat;
        background-size: contain;
        z-index: 10;
        position: absolute;
        top: 0;
        left: 0; }
        @media only screen and (max-width: 768px) {
          .articlebox-kanren-col2 .box .item.item-0:before, .articlebox-kanren-col2 .box .item.item-1:before, .articlebox-kanren-col2 .box .item.item-2:before, .articlebox-kanren-col2 .box .item.item-3:before, .articlebox-kanren-col2 .box .item.item-4:before, .articlebox-kanren-col2 .box .item.item-5:before {
            padding: 15px;
            top: 8px; } }
.articlebox-kanren-col2 .btn-more {
  text-align: center;
  border-radius: 4px; }
  @media only screen and (max-width: 768px) {
    .articlebox-kanren-col2 .btn-more {
      width: 80%;
      margin: 0 auto; } }
  .articlebox-kanren-col2 .btn-more a {
    display: block;
    padding: 15px 0;
    margin: 0 auto;
    max-width: 400px;
    border: 2px solid #333;
    color: #333;
    font-size: 16px;
    font-weight: 700; }

/* 並び替えエリア */
.sort-btn-box {
  background: #e1e1e1;
  padding: 10px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 768px) {
    .sort-btn-box {
      padding: 5px 10px;
      margin-bottom: 10px; } }
  .sort-btn-box .sort.desc:after {
    content: "▲"; }
  .sort-btn-box .sort.asc:after {
    content: "▼"; }
  .sort-btn-box span {
    float: left;
    padding-top: 5px;
    font-weight: 700;
    margin-right: 5px; }
    @media only screen and (max-width: 768px) {
      .sort-btn-box span {
        padding: 0;
        margin: 0;
        font-weight: normal;
        float: none;
        font-size: 11px;
        display: block;
        text-align: center; } }
  @media only screen and (max-width: 768px) {
    .sort-btn-box .btn-area {
      text-align: center; } }
  .sort-btn-box button {
    background: #929292 !important;
    color: #FFF; }
    @media only screen and (max-width: 768px) {
      .sort-btn-box button {
        font-size: 11px;
        padding: 2px 5px !important; } }

/* 案件詳細
--------------------------------------------------------------------------------*/
.main-single {
  margin-bottom: 64px;
  background: #FFF;
  padding: 32px; }
  @media only screen and (max-width: 768px) {
    .main-single {
      margin-bottom: 0;
      border: none;
      padding: 16px; } }
  .main-single img {
    width: 100%;
    height: auto; }
  .main-single h1 {
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 40px; }
    @media only screen and (max-width: 768px) {
      .main-single h1 {
        font-size: 18px; } }
  .main-single h2 {
    padding: 10px 0;
    margin: 40px 0 30px;
    font-size: 24px;
    line-height: 1.5;
    border-top: 2px solid #222;
    border-bottom: 2px solid #222; }
    @media only screen and (max-width: 768px) {
      .main-single h2 {
        font-size: 18px;
        margin-bottom: 32px; } }
  .main-single h3 {
    margin: 35px 0 20px;
    padding: 5px 5px 5px 16px;
    font-size: 22px;
    border-left: 5px solid #222; }
    @media only screen and (max-width: 768px) {
      .main-single h3 {
        font-size: 18px;
        margin-bottom: 30px; } }
  .main-single p {
    margin: 15px 0;
    font-size: 16px;
    line-height: 2.1; }
    @media only screen and (max-width: 768px) {
      .main-single p {
        font-size: 16px;
        margin: 16px 0 40px 0; } }
  .main-single .waku {
    background: #f8f8f8;
    border: 1px solid #ddd;
    margin: 20px 0;
    padding: 15px 20px; }
    .main-single .waku p {
      margin: 0; }
  .main-single .cv {
    margin: 20px auto 30px;
    text-align: center;
    width: 60%; }
    .main-single .cv a {
      background: #F15518;
      border-radius: 5px;
      box-shadow: 0px 6px 0px 0px #c00e12;
      color: #fff;
      display: block;
      font-size: 20px;
      font-weight: 700;
      line-height: 1.5;
      margin: 30px auto 40px;
      padding: 15px; }
  .main-single #toc_container {
    display: none; }

/*uber用記事ページ 店舗リスト アコーディオン 記事*/
.block-shop-list {
  margin-bottom: 1rem;
  border: 1px solid #06C167; }
  .block-shop-list p {
    margin: 0rem !important; }
  .block-shop-list .block-shop-area {
    font-size: 1rem;
    background: #06C167;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    padding: 0.5rem 1rem;
    position: relative;
    line-height: 1.3 !important; }
    .block-shop-list .block-shop-area::after {
      border-top: solid 3px #fff;
      border-right: solid 3px #fff;
      -webkit-transform: rotate(45deg);
      content: "";
      display: block;
      height: 10px;
      position: absolute;
      right: 2rem;
      top: 28%;
      transform: rotate(135deg);
      width: 10px; }
  .block-shop-list .block-shop-pref {
    background: #e6f2ec;
    border-top: 1px solid #06C167;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
    padding: .5rem 1rem;
    position: relative;
    line-height: 1.5 !important; }
    .block-shop-list .block-shop-pref::after {
      border-top: solid 3px #777;
      border-right: solid 3px #777;
      -webkit-transform: rotate(45deg);
      content: "";
      display: block;
      height: 10px;
      position: absolute;
      right: 2rem;
      top: 28%;
      transform: rotate(135deg);
      width: 10px; }
  .block-shop-list .block-shop-detail {
    border-top: 1px solid #fff;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 700;
    padding: .5rem 1.5rem;
    position: relative; }
    .block-shop-list .block-shop-detail::after {
      border-top: solid 3px #777;
      border-right: solid 3px #777;
      -webkit-transform: rotate(45deg);
      content: "";
      display: block;
      height: 10px;
      position: absolute;
      right: 2rem;
      top: 28%;
      transform: rotate(135deg);
      width: 10px; }
  .block-shop-list ul {
    display: none;
    list-style: none; }
  .block-shop-list .block-shop-muni {
    display: none;
    border-top: 1px solid #06C167;
    cursor: pointer;
    font-weight: 700;
    padding: 1rem 1.5rem;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .block-shop-list .block-shop-muni {
        padding: 0.5rem 1rem; } }
  .block-shop-list p {
    font-size: 1rem; }
    @media only screen and (max-width: 768px) {
      .block-shop-list p {
        line-height: 1.5; } }
  .block-shop-list .open {
    display: none; }

.main-single .uber {
  width: 70%;
  margin: auto; }

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