@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: 'tegaki';
  src: url(../font/KTEGAKI.ttf); }
/* CSS Document */
body {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333;
font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","游ゴシック Medium",YuGothic,YuGothicM,メイリオ;}

h1, h2, h3, h4, p, label {
  color: #333;
  font-size: 1em;
  line-height: 1;
  padding: 0;
  margin: 0; }

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

img {
  width: 100%; }
a img {
  outline: none;
}
ul,ol {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center; }

button:focus {
  outline: none; }

article {
  margin-bottom: 1.6em; }
  article:after {
    content: "";
    display: block;
    clear: both; }
  article h2 {
    font-size: 2em;
    padding: 1em 0; }

  article .more {
    float: right;
    margin-top: 1em; }


.wrapper {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden; }
  .wrapper > .container-fluid {
    padding-bottom: 5em; }

.ellipsis {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.4; }

.no-scroll {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%; }

.badge-subarea {
	color:#fff;
}
.btn-more {
	text-align:center;
	padding:0.5rem;
	margin:0.5rem auto;
}
.btn-more a {
	background:#f36ab5;
	color:#fff;
	font-weight:bold;
	padding:0.5rem 2rem;
	border-radius:0.5rem;
}

.notfound {
  text-align: center; }
  .notfound h2 {
    background: url(../img/kuma-404.svg) no-repeat;
    background-size: 3em;
    background-position: top 0.2em right;
    color: #f16ab5;
    font-size: 3em;
    font-weight: bold;
    padding: 2em; }
    .notfound h2:before {
      content: none; }
  .notfound p {
    font-size: 1.2em;
    line-height: 1.6;
    margin-bottom: 2em; }
  .notfound a {
    color: #ff80bd;
    font-weight: bold;
    padding: 0.8em 1.8em;
    border: 3px solid #ff80bd;
    border-radius: 2em; }

#line-copy {
  background: #52dd52;
  color: #fff;
  display: block;
  margin: 0 auto;
  border-color: #52dd52;
  border-radius: 2em;
  box-shadow: 1px 1px 0 #29c129;
  padding: 0.5em 0.5em 0.4em;
  width: 12em; }
  #line-copy.success {
    background: none;
    color: #333;
    border-color: #333;
    box-shadow: none;
    transition: .5s; }


#line-copy-side {
  background: #52dd52;
  color: #fff;
  display: block;
  margin: 0 auto;
  border-color: #52dd52;
  border-radius: 2em;
  box-shadow: 1px 1px 0 #29c129;
  padding: 0.5em 0.5em 0.4em;
  width: 12em; }
  #line-copy-side.success {
    background: none;
    color: #333;
    border-color: #333;
    box-shadow: none;
    transition: .5s; }



.foot-text {
  background: rgba(255, 255, 255, 0.5);
    /* padding: 1rem; */
    border: 1px solid #f8b3ee;
    border-radius: 5px;
    padding: 10px;
    font-size: 12px;
    margin-bottom: 1rem;
}
.shop-detail .detail-box figure {
	margin:1rem auto;
}
.shop-detail .detail-box figure.sub {
	max-width:300px;
}

@media screen and (max-width: 1199px) {
  body {
    font-size: 13px; }

  .wrapper {
    width: 100%; } }
@media screen and (max-width: 1024px) {
  .notfound h2 {
    font-size: 2em; } }
@media screen and (max-width: 767px) {
  body {
    font-size: 14px; }

  .wrapper .container-fluid {
    padding-bottom: 0; }
    .wrapper .container-fluid .col-12 {
      padding: 0 1rem; }

  article h2 {
    font-size: 1.6em;
    padding: 10px;
    }

  article .more {
    margin-right: 1em; }

  .notfound {
    margin-bottom: 3em; }
    .notfound p {
      font-size: 1.1em; } }
@media screen and (max-width: 735px) {
  .notfound {
    margin-bottom: 3em; }
    .notfound h2 {
      font-size: 1.6em; }
    .notfound p {
      font-size: 0.9em; } }
@media screen and (max-width: 413px) {
  .notfound h2 {
    background-size: 2em;
    background-position: top 1em right; }
  .notfound p {
    font-size: 0.8em; } }
@media screen and (max-width: 350px) {
  body {
    font-size: 13px; }

  .notfound h2 {
    background-size: 1.4em;
    background-position: top 0.8em right;
    font-size: 2.6em;
    padding: 1em; }
  .notfound p {
    font-size: 1em; } }
/* CSS Document */
header {
  background: #fff;
  position: relative; }
  header.index {
    background: #f16ab5 !important;
    text-align: center;
    padding: 1em; }
    header.index h1 a {
      color: #fff; }

.header {
  width: 1200px;
    margin: 0 auto;
    padding: 0.8em;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
}

.header h1{
    width: 100%;
    padding: 0 0 10px 0;
    font-size: 13px;
}

.header .logo {
    width: 280px;
    margin: 0 20px 0 0;
}
.header .logo_top {
    width: 193px;
    margin: 0 20px 0 0;
}
.header .shop_num{
    font-size: 16px;
    font-weight: bold;
    }
.header .shop_num span{
    font-size: 28px;
    color: #EF4DAA;
    margin: 0 5px;
    }
.header .sp_navi {
    display: none;
}

.header .subnavi{
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
}

.header .subnavi a {
    background: #FFF;
    padding: 6px 1px 6px 10px;
    border: 1px solid #CCC;
    border-top: none;
    border-radius: 0 0 5px 5px;
    margin: 0 0 0 10px;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.btn_history {
    position: absolute;
    right: 0;
    bottom: 0;
}

.header .btn_history a {
      width: 200px;
    background: lavenderblush;
    display: flex;
    justify-content: center;
    border-radius: 5px 5px 0 0;
    padding: 10px 10px 7px;
    color: #FD9ACC;
    align-items: end;
    font-weight: bold;
    font-size: 15px;
}

.header .btn_history a img {
    height: 21px;
    width: auto;
}

header .gnavi {
    width: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fd9acc+0,ae98e2+100 */
background: #fd9acc; /* Old browsers */

}

header .gnavi ul{
    display: flex;
    width: 1100px;
    margin: 0 auto;
    justify-content: space-between;
}

header .gnavi ul a{
    display: block;
    padding: 16px;
    font-weight: bold;
    color: #FFF;
}


.pull-left {
  float: left; }

.pull-right {
  float: right; }

.pull-center {
  margin: 0 auto;
  width: 16em; }
  .pull-center.noarea {
    width: 9.6em; }
  .pull-center > a > img {
    height: 3em; }

.menu-box, .search-box {
  float: left;
  cursor: pointer; }

.menu-box {
  width: 6em;
  margin-right: 1em; }

.search-box {
  width: 4.6em; }

#nav-drawer {
  position: relative; }

.nav-unshown {
  display: none; }

#nav-open {
  cursor: pointer; }

#nav-close {
  display: none;
  position: fixed;
  z-index: 125;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out; }

#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 40%;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%); }

#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .1; }

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%); }

.btn-keep {
  position: relative;
  width: 4.4em;
  cursor: pointer; }
  .btn-keep .keep-count {
    color: #f16ab5;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    text-align: center;
    padding-top: 0.5em; }

.nav-bar {
  background: #f16ab5; }

.nav-global {
  width: 1200px;
  margin: 0 auto; }
  .nav-global ul {
    width: 80%;
    margin: 0 auto; }
    .nav-global ul li {
      width: 20%;
      text-align: center;
      border-right: 1px solid #fff; }
      .nav-global ul li:last-child {
        border-right: 0; }
      .nav-global ul li a {
        color: #fff !important;
        display: block;
        padding: 1.2em; }
      .nav-global ul li.noarea {
        width: 10%; }
        .nav-global ul li.noarea a {
          padding: 1.2em 0.6em; }
        .nav-global ul li.noarea.icon a {
          background: url(../img/ico-shop-home.svg) center no-repeat;
          background-size: 1.3em;
          display: block;
          width: 2.5em;
          height: 2.5em;
          text-indent: -999999px; }

.system-line {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.scroling {
  display: block;
  white-space: nowrap;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; }
  .scroling li {
    display: inline-block; }

.breadcrumb {
  background: none;
  font-size: 12px;
  margin: 0; }

.user-system {
  margin-left: auto; }
  .user-system ul {
    flex-wrap: nowrap; }
    .user-system ul li {
      width: 6em;
      margin-right: 1em; }

#pc-menu, #sp-menu, #sp-search {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  height: 100vh;
  transition: .8s;
  -webkit-overflow-scrolling: touch; }

#drawer-menu {
  left: 0; }
  #drawer-menu .menu-header {
    background: #fcdef9;
    height: 4.2em;
    border-radius: 0 2em 2em 0;
    padding: 0.8em;
    cursor: pointer; }
    #drawer-menu .menu-header:after {
      content: "";
      display: block;
      clear: both; }
    #drawer-menu .menu-header > img {
      width: 6em;
      float: right; }
  #drawer-menu .menu-body {
    background: #fcdef9;
    width: 77%; }
  #drawer-menu.open {
    transform: translateX(0); }

#pc-menu {
  width: 35%;
  min-width: 350px;
  left: 0;
  transform: translateX(-105%); }
  #pc-menu .menu-header {
    background: #fcdef9;
    height: 4.2em;
    border-radius: 0 2em 2em 0;
    padding: 0.8em;
    cursor: pointer; }
    #pc-menu .menu-header:after {
      content: "";
      display: block;
      clear: both; }
    #pc-menu .menu-header > img {
      width: 6em;
      float: right; }
  #pc-menu .menu-body {
    background: #fcdef9;
    width: 77%; }
  #pc-menu.open {
    transform: translateX(0); }

.menu-body {
  font-size: 1.2em; }
  .menu-body > ul {
    flex-wrap: wrap; }
    .menu-body > ul > li {
      width: 100%;
      border-top: 1px solid #fff; }
      .menu-body > ul > li:nth-child(1) {
        background: url(../img/ico-kuma-w.svg) no-repeat;
        background-size: 2em;
        background-position: left 1em center; }
      .menu-body > ul > li:nth-child(2) {
        background: url(../img/ico-mic-w.svg) no-repeat;
        background-size: 2em;
        background-position: left 1em center; }
      .menu-body > ul > li:nth-child(3) {
        background: url(../img/ico-pen-w.svg) no-repeat;
        background-size: 2em;
        background-position: left 1em center; }
      .menu-body > ul > li:nth-child(4) {
        background: url(../img/ico-crown-w.svg) no-repeat;
        background-size: 2em;
        background-position: left 1em center; }
      .menu-body > ul > li:nth-child(5) {
        background: url(../img/ico-new-w.svg) no-repeat;
        background-size: 2em;
        background-position: left 1em center; }
      .menu-body > ul > li:nth-child(6) {
        background: url(../img/ico-mens.svg) no-repeat;
        background-size: 2em;
        background-position: left 1em center; }
      .menu-body > ul > li a {
        display: block;
        padding: 1em 0 0.6em 4em; }
      .menu-body > ul > li > ul {
        display: block;
        padding: 1.5em; }
        .menu-body > ul > li > ul:after {
          content: "";
          display: block;
          clear: both; }
        .menu-body > ul > li > ul > li {
          float: left; }
          .menu-body > ul > li > ul > li > a {
            padding: 0.5em; }
            .menu-body > ul > li > ul > li > a:after {
              content: "";
              border-right: 2px solid #666;
              position: relative;
              left: 0.5em; }
    .menu-body > ul.etc-menu li {
      background: none; }
      .menu-body > ul.etc-menu li > a {
        background: url(../img/ico-sercl-pink.svg) no-repeat;
        background-size: 1.4em;
        background-position: center left 1.4em;
        padding: 1em 0 0.8em 3em; }
  .menu-body > p {
    background: #fff;
    padding: 0.6em 1em 0.4em; }

.for-mens {
  width: 8rem;
  position: absolute;
  top: 1rem;
  left: calc(50% + 20%);
  z-index: 999; }

@media screen and (max-width: 1199px) {
  .header {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
    align-items: center;
    }

.header .logo {
    width: 50%;
    padding: 0 0 0 7px;
    margin: 0;
}
.header .shop_num{
        font-size: 12px;
        font-weight: bold;
        margin: 0 0 0 10px;
    }

.header .shop_num span{
        font-size: 19px;
        color: #EF4DAA;
    }
.header .sp_navi span {
    font-size: 32px;
}
    header .gnavi ul {
    display: flex;
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
}


  .nav-global {
    width: 100%; }
    .nav-global ul li a {
      padding: 1em 0; }

  .for-mens {
    top: 1rem; } }
@media screen and (max-width: 1023px) {
  .nav-global > ul {
    width: 100%; }

  .for-mens {
    width: 7rem;
    top: 1.5rem; } }
@media screen and (max-width: 767px) {
  .header {
    padding: 0.5em; }
    .header h1.text-center {
      text-align: left !important; }

    .header h1 {
    width: 100%;
    padding: 0 0 10px 0;
    font-size: 12px;
}

  .pull-center {
    margin: 0.5em 0.5em 0;
    width: 20em; }
    .pull-center.noarea {
      width: 12em; }

  #nav-content {
    width: 80%;
    height: 100%;
    -webkit-transform: translateX(130%);
    transform: translateX(130%); }

  #nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(25%);
    transform: translateX(25%); }

  .menu-box {
    width: 3.2em; }

  .btn-keep {
    width: 2.6em;
    float: left;
    margin-right: 0.8em; }
    .btn-keep .keep-count {
      width: 100%; }

  .search-box {
    width: 2.2em; }

  .nav-global > ul {
    display: block;
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; }
    .nav-global > ul > li {
      width: auto;
      display: inline-block; }
      .nav-global > ul > li > a {
        padding: 0.5em; }
      .nav-global > ul > li.noarea {
        width: auto; }
        .nav-global > ul > li.noarea a {
          padding: 0.5em; }

  .system-line {
    background: #fff; }
    .system-line .breadcrumb {
      padding: 0.5em;
      width: 100%; }
    .system-line .user-system {
      display: none; }

  .menu-body .etc-menu > li {
    background: none !important; }
    .menu-body .etc-menu > li > a {
      padding: 1em 1em 0.8em; }

  #sp-menu {
    background: #fcdef9;
    width: 80%;
    min-width: 300px;
    left: 0;
    transform: translateX(-105%);
    overflow-y: auto; }
    #sp-menu .menu-header {
      height: 3.8em;
      padding: 0.6em;
      cursor: pointer; }
      #sp-menu .menu-header:after {
        content: "";
        display: block;
        clear: both; }
      #sp-menu .menu-header > img {
        width: 6em;
        margin-left: 0.9em; }
    #sp-menu.open {
      transform: translateX(0); }
    #sp-menu .menu-body > ul > li a {
      background: url(../img/ico-arrow-p.svg) no-repeat;
      background-size: 0.8em;
      background-position: right 0.8em center; }

  #sp-search {
    background: #fcdef9;
    height: 100%;
    width: 80%;
    min-width: 300px;
    right: 0;
    transform: translateX(105%);
    overflow-y: auto; }
    #sp-search .search-header {
      height: 3.8em;
      padding: 0.6em;
      cursor: pointer; }
      #sp-search .search-header:after {
        content: "";
        display: block;
        clear: both; }
      #sp-search .search-header > img {
        width: 5.8em;
        float: right; }
    #sp-search.open {
      transform: translateX(0); }
    #sp-search .menu-body .area-link > a {
      display: block;
      padding: 1em 1em 0.6em;
      border-top: 1px solid #fff; }
    #sp-search .menu-body ul li {
      background-repeat: no-repeat;
      background-size: 2em;
      background-position: left 1em top 0.8em; }
      #sp-search .menu-body ul li:nth-child(1) {
        background-image: url(../img/ico-money-w.svg); }
      #sp-search .menu-body ul li:nth-child(2) {
        background-image: url(../img/ico-flag-w.svg); }
      #sp-search .menu-body ul li:nth-child(3) {
        background-image: url(../img/ico-ping-w.svg);
        background-size: 1.2em;
        background-position: left 1.4em top 0.6em; }
      #sp-search .menu-body ul li p {
        background: url(../img/ico-arrow-d-p.svg) no-repeat;
        background-size: 2em;
        background-position: right 1em center;
        display: block;
        padding: 1em 0 0.8em 4em; }
      #sp-search .menu-body ul li .form-group {
        margin: 0.5em; }
        #sp-search .menu-body ul li .form-group .text-search {
          background: url(../img/sp-loupe-p.svg) no-repeat #fff;
          background-size: 2em;
          background-position: right 1em center;
          border-color: #f36ab5;
          border-radius: 2em;
          padding: 1.6em; }
    #sp-search .menu-body ul.list-content li:nth-child(1) {
      background: url(../img/ico-kuma-w.svg) no-repeat;
      background-size: 2em;
      background-position: left 1em center; }
    #sp-search .menu-body ul.list-content li:nth-child(2) {
      background: url(../img/ico-mic-w.svg) no-repeat;
      background-size: 2em;
      background-position: left 1em center; }
    #sp-search .menu-body ul.list-content li:nth-child(3) {
      background: url(../img/ico-pen-w.svg) no-repeat;
      background-size: 2em;
      background-position: left 1em center; }
    #sp-search .menu-body ul.list-content li:nth-child(4) {
      background: url(../img/ico-crown-w.svg) no-repeat;
      background-size: 2em;
      background-position: left 1em center; }
    #sp-search .menu-body ul.list-content li:nth-child(5) {
      background: url(../img/ico-new-w.svg) no-repeat;
      background-size: 2em;
      background-position: left 1em center; }

  #drawer-search {
    background: #fcdef9;
    height: 100%;
    min-width: 300px;
    right: 0;
    overflow-y: auto; }
    #drawer-search .search-header {
      height: 3.8em;
      padding: 0.6em;
      cursor: pointer; }
      #drawer-search .search-header:after {
        content: "";
        display: block;
        clear: both; }
      #drawer-search .search-header > img {
        width: 5.8em;
        float: right; }
    #drawer-search.open {
      transform: translateX(0); }
    #drawer-search .menu-body .area-link > a {
      display: block;
      padding: 1em 1em 0.6em;
      border-top: 1px solid #fff; }
    #drawer-search .menu-body ul li {
      background-repeat: no-repeat;
      background-size: 2em;
      background-position: left 1em top 0.8em; }
      #drawer-search .menu-body ul li:nth-child(1) {
        background-image: url(../img/ico-money-w.svg); }
      #drawer-search .menu-body ul li:nth-child(2) {
        background-image: url(../img/ico-flag-w.svg); }
      #drawer-search .menu-body ul li:nth-child(3) {
        background-image: url(../img/ico-ping-w.svg);
        background-size: 1.2em;
        background-position: left 1.4em top 0.6em; }
      #drawer-search .menu-body ul li:nth-child(6) {
        background-position: left 1em top 0.6em; }
      #drawer-search .menu-body ul li p {
        background: url(../img/ico-arrow-d-p.svg) no-repeat;
        background-size: 2em;
        background-position: right 1em center;
        display: block;
        padding: 1em 0 0.8em 4em; }
      #drawer-search .menu-body ul li .form-group {
        margin: 0.5em; }
        #drawer-search .menu-body ul li .form-group .text-search {
          background: url(../img/sp-loupe-p.svg) no-repeat #fff;
          background-size: 2em;
          background-position: right 1em center;
          border-color: #f36ab5;
          border-radius: 2em;
          padding: 1.6em; }
    #drawer-search .menu-body ul.list-content li:nth-child(1) {
      background: url(../img/ico-kuma-w.svg) no-repeat;
      background-size: 2em;
      background-position: left 1em center; }
    #drawer-search .menu-body ul.list-content li:nth-child(2) {
      background: url(../img/ico-mic-w.svg) no-repeat;
      background-size: 2em;
      background-position: left 1em center; }
    #drawer-search .menu-body ul.list-content li:nth-child(3) {
      background: url(../img/ico-pen-w.svg) no-repeat;
      background-size: 2em;
      background-position: left 1em center; }
    #drawer-search .menu-body ul.list-content li:nth-child(4) {
      background: url(../img/ico-crown-w.svg) no-repeat;
      background-size: 2em;
      background-position: left 1em center; }
    #drawer-search .menu-body ul.list-content li:nth-child(5) {
      background: url(../img/ico-new-w.svg) no-repeat;
      background-size: 2em;
      background-position: left 1em center; }

  .for-mens {
    display: none; }

.header .sp_navi {
    display: block;
    margin: 0 0 0 auto;
}
.subnavi {
    display: none !important;
}
.btn_history {
    display: none;
}
 .gnavi {
    display: none;
}

}
@media screen and (max-width: 413px) {
  .menu-body {
    font-size: 1.1em; }

  .pull-center {
    width: 18em; } }
@media screen and (max-width: 350px) {
  .menu-body {
    font-size: 1em; }

  .pull-center {
    width: 16em; } }
/* CSS Document */
footer {
  background: #eee;
  padding-bottom: 1em; }

  footer p {
    /*width:max-content;*/
    margin: 0 auto 1em; }



.footer-nav {
	padding: 3em 0 2em;
	margin: 0;
}

.footer {
	background: #fff;
	padding: 1em;
	margin-bottom: 0;
	max-width:100%;
	width:100%;
	overflow:hidden;
}


.foot-link-box {
  width: 1000px;
  margin: 0 auto; }

.foot-link-logo a {
  display: block;
  width: 80%;
  margin: 1em auto; }

.footer-menu {
  width: 60%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;

}
.footer-menu li {
    width: max-content;
    padding: 0;
    margin: 0 10px 0 0;

}
.footer-menu li a {
    display: block;
    font-size: 14px;
    padding: 5px;
}

.foot-nav ul {
  font-size: 1em;
  width: 1100px;
  margin: 0 auto 1em;
  justify-content: start; }
  .foot-nav ul li {
    /*background:#fff3fe;*/
    margin: 0 1% 1% 0;
    padding: 0 0.3em; }
    .foot-nav ul li.foot-nav-tit {
      background: cornsilk;
    padding: 5px;
    width: 100%;
    text-align: left;}
      .foot-nav ul li.foot-nav-tit a {
        /*color:#f16ab5;*/
        color: #000; }
        .foot-nav ul li.foot-nav-tit a:before { }
    .foot-nav ul li a {
      display: block;
      font-size: 14px; }

.footer_banner{
        width: 80%;
    margin: 0 auto 20px;
}
#btn-fix-user, #btn-fix-keep, #btn-fix-contact {
  position: fixed;
  z-index: 123; }

#btn-fix-user, #btn-fix-keep {
  width: 8em;
  height: 10em; }

#btn-fix-user {
  right: 0;
  bottom: 0; }

#btn-fix-keep {
  right: 0;
  bottom: 0;
  width: 8em;
  height: auto;
  transition: .4s; }
  #btn-fix-keep.ride {
    top: 0; }

#btn-fix-contact {
  width: 90%;
  height: 6em;
  left: 5%;
  bottom: 0; }

#fix-nav-blind {
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 0.3em 0 0.8em;
  border-top: 1px solid #33110a;
  z-index: 123; }
  #fix-nav-blind ul li {
    width: 33.33333%;
    border-right: 1px solid #33110a; }
    #fix-nav-blind ul li:last-child {
      border: none; }
    #fix-nav-blind ul li a {
      display: block;
      padding: 0.3em 1.5em; }

div#page-top {
    background: pink;
    width: 45px;
    height: 45px;
    line-height: 55px;
    border-radius: 50%;
    position: fixed;
    bottom: 25px;
    right: 17px;
    cursor: pointer;
}
.shop-recruit dd p {
	word-break:break-all;
}

@media screen and (max-width: 1199px) {
    header .gnavi ul {
    display: flex;
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
}

  .foot-link-box {
    width: 80%; }


  .foot-nav ul {
    width: 100%; }

}
@media screen and (max-width: 1023px) {
  .foot-link-box {
    width: 100%; }
 }
@media screen and (max-width: 767px) {
  #btn-fix-user {
    right: -5px;
    bottom: -8px; }

  #btn-fix-keep {
    right: -5px;
    top: 5em;
    width: 7em;
    height: 9em; }

    footer {
    margin: 0 0 64px 0;
}
    footer.zenkoku {
    margin: 0;
}

    .foot-text {
        margin: 0 auto 20px auto;
    width: 95%;
    box-sizing: border-box;
    padding: 10px !important;
}


  .footer .foot-logo {
    width: 12em; }

  .foot-link-logo a {
    width: 60%; }

  .footer-menu {
    width: 100%;}

  .foot-join {
    display: flex;
    align-items: center;
    width: 21em;
    margin: 2em auto; }
    .foot-join .foot-kuma {
      background: url(../img/kuma00.svg) center no-repeat;
      background-size: contain;
      width: 7em;
      height: 4.5em; }
    .foot-join .btn-join {
      width: 14em; }

  /*.copy-right {
  	color:#fff;
  }*/

    div#page-top {
    background: pink;
    width: 45px;
    height: 45px;
    line-height: 4;
    border-radius: 50%;
    position: fixed;
    bottom: 70px;
    right: 8px;
}

}
@media screen and (max-width: 735px) {

    .footer-menu{
        border-bottom: 1px solid #FFF;
    }
  .footer-menu li {
    width: 50%;
    margin: 0;}

    .footer-menu li a {
    display: block;
    font-size: 14px;
    padding: 5px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

.footer-menu li:nth-child(even) a{
  border-right:none;
}

.footer-menu li.zenkoku{
  width: 100%;
}

.footer-menu li.zenkoku a{
  border-right:none;
}



  .foot-nav {
    margin: 2em 0; }
    .foot-nav ul li a {
      font-size: 13px; } }
/* CSS Document */
.col-sm-3 > aside {
  margin-bottom: 2em;
  position: relative; }
  .col-sm-3 > aside > h2 {
    font-size: 1.4em;
    padding: 1em 0 2em; }
  .col-sm-3 > aside:after {
    content: "";
    display: block;
    clear: both; }
  .col-sm-3 > aside .more {
    float: right;
    margin-top: -1em; }
    .col-sm-3 > aside .more:after {
      content: "";
      display: block;
      border-top: 1px solid #333;
      position: relative;
      top: -0.3em; }

/*サイドサーチ*/
.box-unshown {
  display: none; }

#area-close, #style-close, #salary-close, #commit-close {
  display: none;
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s; }

#area-input:checked ~ #area-close, #style-input:checked ~ #style-close,
#salary-input:checked ~ #salary-close, #commit-input:checked ~ #commit-close {
  display: block;
  opacity: .1; }

#area-input:checked ~ #area-checked, #style-input:checked ~ #style-checked,
#salary-input:checked ~ #salary-checked, #commit-input:checked ~ #commit-checked {
  display: block;
  opacity: 1; }

#area-checked, #style-checked, #salary-checked, #commit-checked {
  display: none;
  opacity: 0; }

.side-select-block {
      background: #fff;
    font-size: 1em;
    line-height: 1.2;
    display: block;
    padding: 14px;
    margin-bottom: 1em;
    border: 1px solid #aaa;
    border-radius: 7px;
    cursor: pointer;}
  .side-select-block:after {
    content: ">";
    float: right; }

.side-select-block.style ~ .select-block-box {
  top: 8.8em; }

.side-select-block.salary ~ .select-block-box {
  top: 11.6em; }

.side-select-block.commit ~ .select-block-box {
  top: 14.2em; }

.select-block-box {
  background: #fff;
  position: absolute;
  top: 6em;
  right: 0;
  z-index: 555;
  padding: 1em 1em 0;
  width: 36em;
  font-size: 1.4em;
  border: 2px solid #f16ab5;
  border-radius: 0.6em; }
  .select-block-box > p {
    border-bottom: 1px solid #aaa;
    padding-bottom: 0.7em;
    margin-bottom: 1em; }
    .select-block-box > p:before {
      content: "";
      background: #f16ab5;
      display: block;
      width: 0.8em;
      height: 0.8em;
      border-radius: 1em;
      float: left;
      margin-right: 0.5em; }
  .select-block-box .ather-area {
    position: absolute;
    top: 0.7em;
    right: 1em;
    text-decoration: underline; }
  .select-block-box .form-inline .form-check {
    margin: 0 1em 1em 0; }

.side-search {
}
.side-search h3 {
    margin: 0 0 15px 0;
}

.SumoSelect {
  width: 100%; }
  .SumoSelect > .CaptionCont {
    font-size: 1.2em;
    line-height: 1.4;
    border-radius: 0.5em; }
  .SumoSelect.open > .optWrapper > .options li.opt label {
    line-height: 1.4; }

.btn-side-search {
  background-color: #fd9acc;
    color: #fff;
    font-size: 1.2em;
    width: 100%;
    padding: 10px;
    border-radius:7px;
    display: flex;
    justify-content: center;
    align-items: center;}
  .btn-side-search:before {
    content: "";
    background: url(../img/ico-loupe.svg) center no-repeat;
    background-size: contain;
    display: inline-block;
    width: 1.2em;
    height: 1.4em;
    vertical-align: text-top; }

.side-tags {
  background: url(../img/kuma02.svg) top right no-repeat;
  background-size: 4.8em; }
  .side-tags h2 {
    background: url(../img/txt-keyword.svg) no-repeat;
    background-size: 4.4em;
    background-position: left bottom 1em; }
  .side-tags > .d-flex {
    flex-wrap: wrap; }
    .side-tags > .d-flex li a {
      border: #f797c8 1px solid;
    /* color: #fff !important; */
    display: block;
    padding: 4px;
    border-radius: 6px;
    margin-right: 7px;
    margin-bottom: 7px;
    font-size: 13px;}

.side-ranking {
  background: url(../img/kuma03.svg) top right no-repeat;
  background-size: 4.2em; }
  .side-ranking h2 {
    background: url(../img/txt-ranking.svg) no-repeat;
    background-size: 4.6em;
    background-position: left bottom 1em; }

.side-ranking-box {
  margin-bottom: 2em; }
  .side-ranking-box a {
    background: #fff;
    display: block; }
  .side-ranking-box .rank-title {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 2em; }
    .side-ranking-box .rank-title.rank1 {
      background-image: url(../img/bar-rank1.svg); }
    .side-ranking-box .rank-title.rank2 {
      background-image: url(../img/bar-rank2.svg); }
    .side-ranking-box .rank-title.rank3 {
      background-image: url(../img/bar-rank3.svg); }
    .side-ranking-box .rank-title.rank4 {
      background-image: url(../img/bar-rank4.svg); }
    .side-ranking-box .rank-title.rank5 {
      background-image: url(../img/bar-rank5.svg); }
  .side-ranking-box figure {
    background-size: contain;
    background-repeat: no-repeat;
    height: 8.4em;
    margin-bottom: 0; }
    .side-ranking-box figure + figcaption {
      padding: 0.5em; }

.side-recomm {
  background: url(../img/kuma12.svg) top right no-repeat;
  background-size: 5.2em; }
  .side-recomm h2 {
    background: url(../img/txt-recommend.svg) no-repeat;
    background-size: 5.5em;
    background-position: left bottom 1em; }

.side-recomm-box {
  margin-bottom: 2em; }
  .side-recomm-box a {
    background: #fff;
    display: block; }
  .side-recomm-box figure {
    background-size: contain;
    background-repeat: no-repeat;
    height: 8.4em;
    margin-bottom: 0; }
    .side-recomm-box figure + figcaption {
      padding: 0.5em; }

.side-newcommer {
  background: url(../img/kuma04.svg) top right no-repeat;
  background-size: 4.8em; }
  .side-newcommer h2 {
    background: url(../img/txt-poststart.svg) no-repeat;
    background-size: 6.2em;
    background-position: left bottom 1em; }

.side-newcommer-box {
  margin-bottom: 2em; }
  .side-newcommer-box a {
    background: #fff;
    display: block; }
  .side-newcommer-box figure {
    background-size: contain;
    background-repeat: no-repeat;
    height: 8.4em;
    margin-bottom: 0; }
    .side-newcommer-box figure + figcaption {
      padding: 0.5em; }
	  .side-newcommer-box figure + figcaption h3 {
		background: none;
		font-size: 1.4em;
		display: block;
		width: 100%;
		border: 0;
		padding: 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis; }

.side-adv {
  padding-top: 2em;
  border-top: 1px solid #fff; }

@media screen and (max-width: 1199px) {
  .btn-side-search {
    padding: 0.2em 0; } }
.detail-side-bar {
  background: #fff;
  padding: 1em;
  border-radius: 0.5em;
  /*transition:.2s;*/
  width: 100%;
  max-width: 270px; }
  .detail-side-bar.user {
    margin-bottom: 1em; }
  .detail-side-bar aside {
    margin-bottom: 1.5em;}
    .detail-side-bar aside:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0; }
    .detail-side-bar aside:after {
      content: "";
      display: block;
      clear: both; }
  .detail-side-bar .user-menu {
    border-bottom: none; }
  .detail-side-bar .side-detail h2 {
    font-size: 1.2em;
    font-weight: bold; }
  .detail-side-bar .side-detail .d-flex {
    align-items: center; }
    .detail-side-bar .side-detail .d-flex figure {
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      width: 40%;
      height: 6em;
      margin: 0; }
    .detail-side-bar .side-detail .d-flex figcaption {
      width: 60%;
      padding-top: 0.5em;
      padding-left: 1em; }
      .detail-side-bar .side-detail .d-flex figcaption p {
        line-height: 1.4; }
  .detail-side-bar .side-detail > a {
    display: block;
    width: 90%;
    margin: 1em auto; }
  .detail-side-bar .side-detail .side-contact {
    padding: 0.5em; }
    .detail-side-bar .side-detail .side-contact.email h3:before {
      background-image: url("../img/ico-email.svg"); }
    .detail-side-bar .side-detail .side-contact.phone h3:before {
      background-image: url("../img/ico-tel.svg"); }
    .detail-side-bar .side-detail .side-contact.line h3:before {
      background-image: url("../img/ico-line.svg"); }
    .detail-side-bar .side-detail .side-contact.line a {
      color: #67cd65 !important; }
    .detail-side-bar .side-detail .side-contact h3:before {
      content: "";
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      display: inline-block;
      width: 3em;
      height: 1.8em;
      vertical-align: middle; }
    .detail-side-bar .side-detail .side-contact a {
      color: #f169b6 !important;
      font-size: 1.2em;
      font-weight: bold;
      word-break: break-all; }
  .detail-side-bar .side-nav ul {
    display: block; }
    .detail-side-bar .side-nav ul li {
      margin-bottom: 1em; }
      .detail-side-bar .side-nav ul li a:before {
        content: "●";
        color: #fff; }
      .detail-side-bar .side-nav ul li a.curr:before {
        color: #f4bede !important; }

@media screen and (max-width: 1199px) {
  .detail-side-bar {
    max-width: 226px; } }
@media screen and (max-width: 1023px) {
  .col-sm-3 > aside > h2 {
    font-size: 1.1em; }

  .side-ranking-box figure {
    height: 5.4em; }
    .side-ranking-box figure + figcaption {
      font-size: 0.8em; }

  .side-newcommer-box figure {
    height: 5.4em; }
    .side-newcommer-box figure + figcaption {
      font-size: 0.8em; }

  .detail-side-bar {
    max-width: 162px; }
    .detail-side-bar .side-detail .side-contact h3 {
      color: #fff; }

  .side-nav {
    font-size: 0.8em; }

  .side-recomm-box figure {
    height: 5.6em; }
    .side-recomm-box figure + figcaption {
      font-size: 0.9em; } }
/* CSS Document */
header {
  background-image: url(../custom/bg-header.png);
      background-position: 0 -20px;
    background-size: 13rem;}
  header.another01 {
    background-image: url(../custom/bg-header01.png?=12345); }
  header.another02 {
    background-image: url(../custom/bg-header02.png); }
  header.another03 {
    background-image: url(../custom/bg-header03.png); }
  header.another04 {
    background-image: url(../custom/bg-header04.png); }
  header.another05 {
    background-image: url(../custom/bg-header05.png); }
  header.another06 {
    background-image: url(../custom/bg-header06.png); }
  header.another07 {
    background-image: url(../custom/bg-header07.png); }
  header.another08 {
    background-image: url(../custom/bg-header08.png); }
  header.another09 {
    background-image: url(../custom/bg-header09.png?=12345); }
  header.another10 {
    background-image: url(../custom/bg-header10.png?=123); }
  header.another11 {
    background-image: url(../custom/bg-header11.png); }
  header.another12 {
    background-image: url(../custom/bg-header12.png); }

.slider-box {
  margin-bottom: 1em;
  padding: 0 1em; }
  .slider-box .slick-slide {
    padding: 0.5em;
    margin-bottom: 2em; }

.main-banner {
  margin-bottom: 1.6em; }

.main-banner .slick-slide p { padding:0.5rem 0; }
.main-banner .slick-slide p span { padding:0.25rem 0.5rem; }
.main-banner .slick-arrow { background:none;width:2rem;border:none;position:absolute;top:0;bottom:0;z-index:9; }
.main-banner .slick-prev { left:0; }
.main-banner .slick-next { right:0; }
.main-banner .slick-prev:before,.main-banner .slick-next:before { color:#fff;font-size:2rem;font-weight:bold; }
.main-banner .slick-prev:before { content:"<"; }
.main-banner .slick-next:before { content:">"; }

.marquee-info {
  background: url(../img/txt-info.svg) no-repeat;
  background-position: center left 1.2em;
  background-size: 3em;
  border: 2px solid #fa7db5;
  border-radius: 0.5em;
  padding: 0.5em 0.5em 0.5em 5em; }
  .marquee-info .text-area {
    overflow: hidden; }
    .marquee-info .text-area .marquee {
      width: 100%;
      line-height: 1.4;
      white-space: nowrap;
      animation-name: marquee;
      animation-duration: 15s;
      animation-timing-function: linear;
      animation-iteration-count: infinite; }
      .marquee-info .text-area .marquee a {
        color: #d35eef;
        border-bottom: 1px; }

@keyframes marquee {
  0% {
    transform: translate(100%); }
  10% {
    transform: translate(0%); }
  30% {
    transform: translate(0%); }
  100% {
    transform: translate(-100%); } }
.main-topics {
  background-color: #f797c8;
  background-image: url(../img/kuma05.svg), url(../img/kuma05.svg), url(../img/kuma05.svg), url(../img/kuma05.svg);
  background-repeat: no-repeat;
  background-position: top 0.5em right 1em, top 11em right 19.2em, left 18em bottom 10em, left 0.4em bottom 2.4em;
  background-size: 10.4em;
  padding: 1em;
  border-radius: 0.5em; }
  .main-topics h2 {
    color: #fff; }
    .main-topics h2:before {
      content: none; }
  .main-topics .more {
    color: #fff; }
    .main-topics .more:after {
      border-color: #fff; }

.main-topics-box {
  justify-content: space-between; }
  .main-topics-box.double {
    justify-content: flex-start; }
    .main-topics-box.double .main-topics-child {
      margin-left: 1em; }

.main-topics-child {
  background: #fff;
  width: 32%;
  border-radius: 0.5em; }
  .main-topics-child > a {
    display: block;
    padding: 1em; }
    .main-topics-child > a > figure {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      height: 15em;
      border-radius: 0.5em; }
  .main-topics-child figcaption h3 {
    font-size: 1.15em;
    text-decoration: underline;
    padding-top: 0.5em; }
  .main-topics-child figcaption .tpc-badge {
    color: #fff;
    font-size: 0.9em;
    float: left;
    padding: 0.4em 0.4em 0.2em; }
  .main-topics-child figcaption time {
    font-size: 0.8em;
    float: right;
    padding: 0.6em 0; }
  .main-topics-child figcaption p {
    clear: both;
    font-size: 0.9em;
    padding-top: 0.5em;
    line-height: 1.6;
    height: 3.6em;
    overflow: hidden;
    position: relative; }
    .main-topics-child figcaption p:after {
      content: "…";
      background: #fff;
      width: 1.2em;
      height: 1.4em;
      position: absolute;
      right: 0;
      bottom: 0; }



.pop-tags h2 {
  background: url(../img/txt-keyword.svg) no-repeat;
  background-size: 3.2em;
  background-position: top 2.3em left;
  margin-bottom: 0.5em; }
  .pop-tags h2:before {
    width: 100%; }
.pop-tags > .d-flex {
  flex-wrap: wrap;
justify-content: space-between;
}
.pop-tags > .d-flex li {
    width: 100%;
}
  .pop-tags > .d-flex li a {
        border: #f797c8 1px solid;
    /* color: #fff !important; */
    display: block;
    padding: 6px;
    border-radius: 6px;
    margin-right: 7px;
    margin-bottom: 7px;
    font-size: 15px;
    width: 100%;
}

.interview {
  padding-bottom: 1.8em; }
  .interview h2 {
    background: url(../img/txt-interview.svg) no-repeat;
    background-size: 4em;
    background-position: top 2.3em left;
    margin-bottom: 0.5em; }

.main-inter-box {
  justify-content: space-between; }
  .main-inter-box.double {
	  display:flex;
    justify-content: flex-start; }
    .main-inter-box.double .main-inter-child {
      margin-left: 1em; }

.main-inter-child {
  background: #fff;
  width: 32%; }
  .main-inter-child > a {
    display: block;
    padding: 1em; }
    .main-inter-child > a > figure {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      border-radius: 0.5em;
      padding-top:calc(4/3*100%);
}
	  
    .main-inter-child > a > figcaption {
      font-size: 1em;
      text-align: center; }
.main-inter-child > a > figure img {
    border-radius: 7px;
}
      .main-inter-child > a > figcaption > span {
        font-size: 0.8em; }
        .main-inter-child > a > figcaption > span:before {
          content: "";
          background: url(../img/ico-yen.svg) center no-repeat;
          background-size: contain;
          display: inline-block;
          width: 1.2em;
          height: 1.4em;
          vertical-align: text-top; }

.column {
  background-image: url(../img/kuma09.svg), url(../img/bg-kuma09.svg), url(../img/bg-kuma09.svg);
  background-repeat: no-repeat;
  background-size: 5.6em;
  background-position: top 1em right 1em, top 6.2em right 24em, top 21em right 45em; }
  .column h2 {
    background: url(../img/txt-column.svg) no-repeat;
    background-size: 2.8em;
    background-position: top 2.3em left;
    margin-bottom: 0.5em; }

.main-column-box {
  justify-content: space-between; }
  .main-column-box.double {
    justify-content: flex-start; }
    .main-column-box.double .main-column-child {
      margin-left: 1em; }

.main-column-child {
  background: #fff;
  border-radius: 0.5em;
  width: 32%; }
  .main-column-child > a > figure {
    background-repeat: no-repeat;
    background-size: cover;
    height: 13em;
    border-radius: 0.5em 0.5em 0 0; }
  .main-column-child > a > figcaption {
    padding: 0 1em 1em;
    font-size: 0.9em; }
    .main-column-child > a > figcaption:after {
      content: "";
      display: block;
      clear: both; }
    .main-column-child > a > figcaption p {
      margin-bottom: 1em; }
    .main-column-child > a > figcaption time {
      float: right; }

.badge-category {
  color: #fff !important;
  font-size: 12px;
  display: inline-block;
  padding: 0.1em 0.4em;
  float: left;
margin: 0 10px 0 0;
}
  .badge-category.category1 {
    background-color: #ef62c4; }
  .badge-category.category2 {
    background-color: #0dd362; }
  .badge-category.category3 {
    background-color: #f78dd4; }
  .badge-category.category4 {
    background-color: #4472c4; }

.recomm {
  background-image: url(../img/kuma12.svg), url(../img/bg-kuma12.svg), url(../img/bg-kuma12.svg);
  background-repeat: no-repeat;
  background-size: 6.6em;
  background-position: top right 1em, top 9em right 20em, left 4.6em bottom;
  padding-bottom: 2.8em; }
  .recomm h2 {
    background: url(../img/txt-recommend.svg) no-repeat;
    background-size: 3.5em;
    background-position: left 11.5em bottom 1.2em; }
  .recomm.resemble {
    background-image: url(../img/kuma15.svg), url(../img/kuma16.svg), url(../img/kuma16.svg);
    background-size: 6.4em;
    background-position: top right 1em, top 4em right 18em, left 17em bottom; }
    .recomm.resemble h2 {
      background: url(../img/txt-resemble.svg) no-repeat;
      background-size: 3.2em;
      background-position: left 6.5em bottom 1.2em; }

.main-recomm-box {
  justify-content: space-between; }
  .main-recomm-box.double {
    justify-content: flex-start; }
    .main-recomm-box.double .main-recomm-child {
      margin-left: 1em; }

.main-recomm-child {
  background: #fff;
  border-radius: 0.5em;
  width: 32%; }
  .main-recomm-child > a > figure {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 8.5em; }
  .main-recomm-child > a > figcaption {
    padding: 0 1em 1em;
    font-size: 0.9em; }
  .main-recomm-child > a h3 {
    font-size: 1.2em;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.histry {
  /*background-image: url(../img/kuma10.svg), url(../img/bg-kuma10.svg), url(../img/bg-kuma10.svg);*/
  background-repeat: no-repeat;
  background-size: 9.2em;
  background-position: top 1.8em right 1em, top 9em right 20em, left 4.6em bottom;
  padding-bottom: 2.8em; }
  .histry h2 {
    background: url(../img/txt-memory.svg) no-repeat;
    background-size: 2.8em;
    background-position: top 2.3em left;
    margin-bottom: 0.5em; }
  .histry.resemble {
    background-image: url(../img/kuma15.svg), url(../img/kuma16.svg), url(../img/kuma16.svg);
    background-size: 6.4em;
    background-position: top 1em right 1em, top 4em right 18em, left 17em bottom; }
    .histry.resemble h2 {
      background: url(../img/txt-resemble.svg) no-repeat;
      background-size: 3.2em;
      background-position: top 2.3em left;
      margin-bottom: 0.5em; }

.main-histry-box {
  justify-content: space-between; }
  .main-histry-box.double {
    justify-content: flex-start; }
    .main-histry-box.double .main-histry-child {
      margin-left: 1em; }

.main-histry-child {
  background: #fff;
  border-radius: 0.5em;
  width: 32%; }
  .main-histry-child > a > figure {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 8.5em; }
  .main-histry-child > a > figcaption {
    padding: 0 1em 1em;
    font-size: 0.9em; }
  .main-histry-child > a h3 {
	background:none;
    font-size: 1.4em;
    display: block;
    width: 100%;
	border:0;
	padding:0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .main-histry-child.slick-slide {
    padding: 0.5em; }

.badge-subarea {
}

.badge-salary:before {
  content: "￥";
  /*background:url(../img/ico-yen-b.svg) center no-repeat;
  background-size:contain;*/
  color: #ffc000;
  font-size: 1.2em;
  font-weight: bold;
  display: inline-block;
  width: 1.2em;
  height: 1.4em;
  /*vertical-align:text-top;*/
  position: relative;
  top: 1px; }
.badge-salary.spacer {
  visibility: hidden; }

.shop-list {
  padding-bottom: 1em;
  margin-bottom: 1em;

}
  .shop-list h2 {
    margin-bottom: 0.5em;
    line-height: 1.2;
      border-bottom: 2px solid #CCC;
      font-size: 24px;
    font-weight: bold;
}

p.result_num {
    font-size:18px;
    padding: 0 0 15px;
}

p.result_num span{
    font-size: 22px;
    color: orange;
    font-weight: bold;
}

p.result_text {
    padding: 0 0 35px 0;
}

.search-area .shop-box {
  background: #fff;
  padding: 1em;
  margin-bottom: 2em;
  position: relative;
  border: 1px solid #CCC;
}

.search-area .shop-box .boxinner {
    background: #EFEFEF;
}

  .search-area .shop-box:after {
    content: "";
    display: block;
    clear: both; }
  .search-area .shop-box .txt-list {
    font-weight: bold; }
  .search-area .shop-box a {
    display: block; }
    .search-area .shop-box a .shop-title {
      color: #f16ab5;
      font-size: 1.3em;
      font-weight: bold;
      margin-bottom: 0.5em;
      width: 93%;
      line-height: 1.4;
      max-height: 4em;
      overflow: hidden; }
    .search-area .shop-box a figure {
      float: left;
      width: 45%;
      margin: 0.4rem 0 1.2rem; }
      .search-area .shop-box a figure > div {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 11.6em;
        margin-bottom: 0.5em; }
      .search-area .shop-box a figure > ul {
        justify-content: space-between; }
        .search-area .shop-box a figure > ul li {
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center;
          width: 31%;
          height: 6.6em; }
  .search-area .shop-box .shop-desc {
    width: 53%;}
    .search-area .shop-box .shop-desc .shop-name {
      font-size: 1.4em;
      margin-bottom: 0.5em;
      font-weight: bold; }
    .search-area .shop-box .shop-desc > span {
      margin-left: 0; }
      .search-area .shop-box .shop-desc > span.badge-salary {
        font-size: 1.1em;
        font-weight: bold;
        margin-bottom: 0.5em; }
      .search-area .shop-box .shop-desc > span.badge-kuma {
        display: block;
        margin-bottom: 0.5em;
        position: relative;
        padding-left: 1em; }
        .search-area .shop-box .shop-desc > span.badge-kuma:before {
          content: "";
          background: url(../img/ico-kuma.svg) center no-repeat;
          background-size: contain;
          display: block;
          width: 1em;
          height: 1.4em;
          position: absolute;
          top: 0;
          left: 0; }

  .search-area .shop-box > .btn-keep {
    background: url("../img/sp-keep.svg") center no-repeat #fff;
    background-size: contain;
    width: 3em;
    height: 3em;
    position: absolute;
    top: 1em;
    right: 1em; }
    .search-area .shop-box > .btn-keep.dist {
      background-image: url("../img/ico-keepx.svg"); }
  .search-area .shop-box.free {
    padding: 1em; }
    .search-area .shop-box.free .shop-desc {
      width: 100%; }
      .search-area .shop-box.free .shop-desc > span.badge-kuma {
        width: 80%; }

.pager-box {
  margin-bottom: 0.5em; }
  .pager-box > .pagination {
    justify-content: center; }
    .pager-box > .pagination .page-item {
      margin: 0 0.5rem; }
      .pager-box > .pagination .page-item:first-child a {
        background: #f9bbf0 !important;
        border-color: #f9bbf0;
        color: #fff !important; }
      .pager-box > .pagination .page-item:last-child a {
        background: #f9bbf0 !important;
        border-color: #f9bbf0;
        color: #fff !important; }
      .pager-box > .pagination .page-item.active a {
        background: #f9bbf0 !important;
        border-color: #f9bbf0;
        color: #fff;
        cursor: unset; }
        .pager-box > .pagination .page-item.active a.doted {
          background: none !important;
          border: none;
          position: relative; }
          .pager-box > .pagination .page-item.active a.doted:after {
            content: "…";
            color: #333;
            font-weight: bold;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            text-align: center; }
      .pager-box > .pagination .page-item.disabled a {
        background: #efc7ed !important;
        border-color: #efc7ed;
        color: #fff !important; }
      .pager-box > .pagination .page-item .page-link {
        color: #f9bbf0; }




.message-list {
  background-color: #fff;
  background-image: url(../img/kuma18.svg);
  background-repeat: no-repeat;
  background-size: 8em;
  background-position: top 1em right 2em;
  padding: 2em; }
  .message-list h2 {
    padding: 1em 0 0;
    margin-bottom: 0.5em; }
    .message-list h2 + p {
      color: #ff80bd;
      margin-bottom: 3em; }
  .message-list table thead {
    background: #ffe4e1; }
  .message-list table .btn-message {
    background-color: #ff87b9;
    border-color: #ff87b9; }
    .message-list table .btn-message.notyet {
      background-color: #ccc;
      border-color: #ccc; }
  .message-list table.dataTable th {
    font-size: 1.2em;
    vertical-align: middle; }
    .message-list table.dataTable th:first-child:before {
      content: none; }
    .message-list table.dataTable th:first-child:after {
      content: none; }
  .message-list table.dataTable td {
    font-size: 1.2em;
    vertical-align: middle; }

.page-item.active .page-link {
  background-color: #ff87b9;
  border-color: #ff87b9; }

.detail-side-bar {
  background:floralwhite;
    margin: 30px 0 0 0px;
}
  .detail-side-bar .user-menu h2 {
    font-size: 1.2em;
    padding: 1em 0;
    margin-bottom: 1em;
    border-bottom: 1px solid #fce3f1; }
  .detail-side-bar .user-menu ul {
    display: block;
    border-bottom: 1px solid #fce3f1;
    margin-bottom: 1em; }
    .detail-side-bar .user-menu ul li {
      margin-bottom: 1em;
      padding-left: 1.5em;
      position: relative; }
      .detail-side-bar .user-menu ul li a {
        display: block; }
      .detail-side-bar .user-menu ul li.curr:before {
        content: "";
        background: #ff80bd;
        display: block;
        width: 1em;
        height: 1em;
        border-radius: 1em;
        position: absolute;
        top: 0.14em;
        left: 0; }

.prof-setting .table th, .prof-setting .table td {
  font-size: 1.2em;
  vertical-align: middle; }
  .prof-setting .table th .form-group, .prof-setting .table td .form-group {
    margin: 0; }

.system-setting .table th, .system-setting .table td {
  font-size: 1.2em;
  vertical-align: middle; }
  .system-setting .table th .form-group, .system-setting .table td .form-group {
    margin: 0; }
.system-setting h3 {
  color: #ff80bd;
  font-size: 1.4em;
  margin-bottom: 1em; }
.system-setting p {
  font-size: 1.2em;
  line-height: 1.6; }
.system-setting form {
  text-align: center;
  margin-top: 1em; }

.message-box .msg-box-link {
  background: url(/lib/img/ico-shop-home.svg) no-repeat;
  background-size: 1.6em;
  background-position: top left;
  color: #ff80bd;
  font-size: 1.4em;
  margin: -1em 0 1em;
  padding: 0.2em 2em; }
  .message-box .msg-box-link a {
    color: #ff80bd; }
.message-box .mail-section {
  background-color: #fff;
  padding: 1em 2em;
  max-height: 35em;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
  .message-box .mail-section p {
    font-size: 1.2em;
    line-height: 1.6;
    overflow-wrap: break-word; }
  .message-box .mail-section .balloon_to {
    margin-bottom: 2em;
    width: 80%;
    background: #fee0e2;
    position: relative;
    padding: 20px;
    border-radius: 10px;
    border: 3px solid #fee0e2;
    margin-left: auto; }
    .message-box .mail-section .balloon_to:before {
      content: '';
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      right: -15px;
      top: 20px;
      border-left: 15px solid #fee0e2;
      border-top: 15px solid transparent;
      border-bottom: 15px solid transparent; }
    .message-box .mail-section .balloon_to small {
      position: absolute;
      left: 0;
      bottom: -2em; }
    .message-box .mail-section .balloon_to .name {
      font-weight: bold; }
  .message-box .mail-section .balloon_from {
    margin-bottom: 2em;
    width: 80%;
    background: #c9edfd;
    position: relative;
    padding: 0.5em 1em;
    border-radius: 10px;
    border: 3px solid #c9edfd;
    margin-right: auto; }
    .message-box .mail-section .balloon_from:before {
      content: '';
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      left: -15px;
      top: 20px;
      border-right: 15px solid #c9edfd;
      border-top: 15px solid transparent;
      border-bottom: 15px solid transparent; }
    .message-box .mail-section .balloon_from small {
      position: absolute;
      right: 0;
      bottom: -2em; }
    .message-box .mail-section .balloon_from .name {
      font-weight: bold; }
.message-box form {
  background-color: #fff; }
  .message-box form > .text-center {
    padding-bottom: 1em; }
.message-box textarea::placeholder {
  color: #ccc; }

.box-list .box-list-area {
  background: #fff;
  padding: 0;
  flex-wrap: wrap;
 justify-content: flex-start; }
  .box-list .box-list-area .box-list-child {
    text-align: center;
    margin-bottom: 1rem; }
    .box-list .box-list-area .box-list-child a figure {
      background-size: cover;
      background-position: center;
      padding-top:calc(4/3*100%);
      border-radius: 0.5em; }
    .box-list .box-list-area .box-list-child a figcaption span {
      font-size: 1em;
      font-weight: bold; }
      .box-list .box-list-area .box-list-child a figcaption span:before {
        content: "";
        background: url("../img/ico-yen.svg") center no-repeat;
        background-size: contain;
        display: inline-block;
        width: 1em;
        height: 1.4em;
        vertical-align: text-top; }
      .box-list .box-list-area .box-list-child a figcaption span strong {
        font-size: 1.5em;
        vertical-align: middle; }
.box-list.interview {
  background-image: url(../img/kuma08.svg);
  background-size: 8.6em;
    background-repeat: no-repeat;
    background-position: right top;}
  .box-list.interview h2 {
    background-size: 3.8em;
    background-position: top 2.3em left;
    margin-bottom: 0.5em; }
  .box-list.interview .box-list-area {
    justify-content: start; }
    .box-list.interview .box-list-area .box-list-child {
      width: 32%;
      margin-right: 1%; }
      .box-list.interview .box-list-area .box-list-child:nth-child(3n) {
        margin-right: 0; }
.box-list.interview.area-top {
	background:none;
}
.box-list.interview.area-top .box-list-area .box-list-child {
	width:24%;
	margin:0;
}
.box-list.ranking {
  background-image: url(../img/kuma03.svg);
  background-repeat: no-repeat;
  background-size: 6.8em;
  background-position: top right 1em; }
  .box-list.ranking h2 {
    background-image: url(../img/txt-ranking.svg);
    background-repeat: no-repeat;
    background-size: 3em;
    background-position: top 2.3em left;
    margin-bottom: 0.5em; }
  .box-list.ranking .box-list-area {
    background: none;
    padding: 0; }
    .box-list.ranking .box-list-area .box-list-child {
      background: #fff;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .box-list.ranking .box-list-area .box-list-child .rank-bar {
        background-color: #ada8a8;
        font-family: tegaki;
        color: #fff;
        font-size: 2em;
        font-style: italic;
        padding: 0.1em 0; }
        .box-list.ranking .box-list-area .box-list-child .rank-bar.rank1 {
          background-color: #efc66a; }
        .box-list.ranking .box-list-area .box-list-child .rank-bar.rank2 {
          background-color: #c9caca; }
        .box-list.ranking .box-list-area .box-list-child .rank-bar.rank3 {
          background-color: #ba624a; }
        .box-list.ranking .box-list-area .box-list-child .rank-bar.rank4 {
          background-color: #ef7fd2; }
        .box-list.ranking .box-list-area .box-list-child .rank-bar.rank5 {
          background-color: #c873dd; }
        .box-list.ranking .box-list-area .box-list-child .rank-bar.rank6 {
          background-color: #fd9127; }
        .box-list.ranking .box-list-area .box-list-child .rank-bar.rank7 {
          background-color: #d2bfdf; }
        .box-list.ranking .box-list-area .box-list-child .rank-bar.rank8 {
          background-color: #d2bfdf; }
        .box-list.ranking .box-list-area .box-list-child .rank-bar.rank9 {
          background-color: #ddcdab; }
        .box-list.ranking .box-list-area .box-list-child .rank-bar.rank10 {
          background-color: #bb763b; }
      .box-list.ranking .box-list-area .box-list-child > a {
        display: block;
        width: 50%;
        padding: 1em; }
        .box-list.ranking .box-list-area .box-list-child > a figure {
			margin: 0;
			background-size: contain;
			padding-top: calc(1/2*100%);
			background-repeat: no-repeat;
			background-position: center;
		}
      .box-list.ranking .box-list-area .box-list-child figcaption {
        width: 50%;
        padding: 1em;
        padding-left: 0;
        text-align: left; }
        .box-list.ranking .box-list-area .box-list-child figcaption .shop-title {
          color: #f16ab5;
          font-size: 1.6em;
          font-weight: bold;
          margin-bottom: 0.5em;
          height: 2.6em;
          line-height: 1.4;
          overflow: hidden; }
        .box-list.ranking .box-list-area .box-list-child figcaption h3 {
          font-size: 1.4em;
          font-weight: bold;
          margin-bottom: 0.5em; }
        .box-list.ranking .box-list-area .box-list-child figcaption .text-right > a {
          background: #f797c8;
          color: #fff;
          font-size: 1.2em;
          padding: 0.8em 1em 0.6em;
          border-radius: 2em; }
          .box-list.ranking .box-list-area .box-list-child figcaption .text-right > a:before {
            content: "";
            background: url(../img/ico-detail.svg) center no-repeat;
            background-size: contain;
            display: inline-block;
            width: 1.2em;
            height: 1.4em;
            vertical-align: text-top; }
    .box-list.ranking .box-list-area .coming {
      font-size: 1.6em;
      padding-left: 2em; }
.box-list.newcommer {
  background-image: url(../img/kuma04.svg);
  background-repeat: no-repeat;
  background-size: 4.2em;
  background-position: top 2em right 1em; }
  .box-list.newcommer h2 {
    background-image: url("../img/txt-poststart.svg");
    background-repeat: no-repeat;
    background-size: 4.2em;
    background-position: top 2.3em left;
    margin-bottom: 0.5em; }
  .box-list.newcommer .box-list-area {
    background: none;
    padding: 0; }
    .box-list.newcommer .box-list-area .box-list-child {
      background: #fff;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      position: relative; }
      .box-list.newcommer .box-list-area .box-list-child > time {
        color: #74c947;
        font-size: 1.4em;
        width: 100%;
        padding: 1em 0.8em 0;
        margin-bottom: -0.8em;
        text-align: left; }
      .box-list.newcommer .box-list-area .box-list-child > a {
        display: block;
        width: 50%;
        padding: 1em; }
        .box-list.newcommer .box-list-area .box-list-child > a figure {
          background-size: cover;
          background-position: center;
          height: 12.4em;
          margin: 0; }
      .box-list.newcommer .box-list-area .box-list-child figcaption {
        width: 50%;
        padding: 1em;
        padding-left: 0;
        text-align: left; }
        .box-list.newcommer .box-list-area .box-list-child figcaption .shop-title {
          color: #f16ab5;
          font-size: 1.6em;
          font-weight: bold;
          margin-bottom: 0.5em;
          width: 90%;
          height: 2.6em;
          line-height: 1.4;
          overflow: hidden; }
        .box-list.newcommer .box-list-area .box-list-child figcaption h3 {
          font-size: 1.4em;
          font-weight: bold;
          margin-bottom: 0.5em; }
        .box-list.newcommer .box-list-area .box-list-child figcaption .text-right > a {
          background: #f797c8;
          color: #fff;
          font-size: 1.2em;
          padding: 0.8em 1em 0.6em;
          border-radius: 2em; }
          .box-list.newcommer .box-list-area .box-list-child figcaption .text-right > a:before {
            content: "";
            background: url(../img/ico-detail.svg) center no-repeat;
            background-size: contain;
            display: inline-block;
            width: 1.2em;
            height: 1.4em;
            vertical-align: text-top; }
      .box-list.newcommer .box-list-area .box-list-child > .btn-keep {
        background: url("../img/sp-keep.svg") center no-repeat #fff;
        background-size: contain;
        width: 3em;
        height: 3em;
        position: absolute;
        top: 1em;
        right: 1em; }
        .box-list.newcommer .box-list-area .box-list-child > .btn-keep.dist {
          background-image: url("../img/ico-keepx.svg"); }
      .box-list.newcommer .box-list-area .box-list-child.free figcaption {
        width: 100%;
        padding: 1em; }
.box-list.topics {
  background-image: url(../img/kuma22.svg);
  background-repeat: no-repeat;
  background-size: 9em;
  background-position: top 1em right 0.5em; }
  .box-list.topics h2 {
    background: url(../img/txt-news.svg) no-repeat;
    background-size: 1.8em;
    background-position: top 2.3em left;
    padding: 1em 0 1.6em; }
  .box-list.topics .box-list-area .box-list-child {
    width: 24%;
    text-align: left; }
    .box-list.topics .box-list-area .box-list-child figure {
      height: 11.8em;
      margin-bottom: 0.8em; }
    .box-list.topics .box-list-area .box-list-child figcaption span:before {
      content: none; }
    .box-list.topics .box-list-area .box-list-child figcaption h3 {
      font-size: 1.1em;
      margin-bottom: 0.3em;
      text-decoration: underline; }
    .box-list.topics .box-list-area .box-list-child figcaption p {
      font-size: 12px;
      line-height: 1.4em;
      position: relative;
      height: 2.6em;
      overflow: hidden;
      margin-bottom: 0.5em; }
      .box-list.topics .box-list-area .box-list-child figcaption p:after {
        content: "…";
        background: #fff;
        display: inline-block;
        width: 2em;
        height: 1.2em;
        position: absolute;
        right: 0;
        bottom: 0; }
.box-list.column {
  background-image: url(../img/kuma09.svg);
  background-size: 5.8em; }
  .box-list.column h2 {
    background-size: 2.6em;
    background-position: top 2.3em left;
    padding: 1em 0 1.5em; }
    .box-list.column h2.column-title {
      background: none;
      padding: 0 0 1rem;
      margin: 0;
      clear: both; }
      .box-list.column h2.column-title:before {
        content: none; }
  .box-list.column .box-list-area .box-list-child {
    width: 31%; }
    .box-list.column .box-list-area .box-list-child figure {
      height:auto;
      border-radius: 0.5em 0.5em 0 0; }
    .box-list.column .box-list-area .box-list-child figcaption h3 {
      margin-bottom: 0.5em;
    background: none;
    padding: 0;
    text-align: left;
    border: none;
    line-height: 1.5;
    font-size: 17px;
    height: 83px; }
    .box-list.column .box-list-area .box-list-child figcaption span {
      font-size: 1em;
      font-weight: normal; }
      .box-list.column .box-list-area .box-list-child figcaption span:before {
        content: none; }
    .box-list.column .box-list-area .box-list-child figcaption time {
      padding: 0.2em 0 0; }
  .box-list.column .box-list-area .column-detail {
    width: 100%; }
    .box-list.column .box-list-area .column-detail .pull-left {
      padding: 0.2em 1.5em 0; }
    .box-list.column .box-list-area .column-detail h3 {
      font-size: 2em;
      padding: 1em 0; }
    .box-list.column .box-list-area .column-detail figure {
      text-align: center; }
      .box-list.column .box-list-area .column-detail figure img {
        width: auto;
        max-width: 100%; }
    .box-list.column .box-list-area .column-detail .column-body {
      font-size: 1.4em;
      line-height: 1.8;
      padding: 1em 0; }
      .box-list.column .box-list-area .column-detail .column-body h3 {
        background: #fff3fe;
        font-size: 1em;
        font-weight: bold;
        margin: 1em 0;
        padding: 1em 0.5em 0.8em; }
      .box-list.column .box-list-area .column-detail .column-body h4 {
        background: #fff3fe;
        font-weight: bold;
        margin: 1em 0;
        padding: 1em 0.5em 0.8em; }
      .box-list.column .box-list-area .column-detail .column-body p {
        line-height: 2.4; }
      .box-list.column .box-list-area .column-detail .column-body a {
        color: #f797c8; }

/* コラム内専用 */
.column-body .col-index {
	background: #fff3fe;
	padding: 1rem;
	list-style: none;
	border: 2px solid #f797c8;
	border-radius: 0.5rem;
}
.column-body .col-index a {
	color:#333;
	text-decoration:none;
}
.column-body .col-ubar {
	color:#f797c8;
	border-bottom:1px solid #f797c8;
}
/* コラム内専用end */

.shindan-area {
  background-image: url(../img/bg-shindan.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  height: 31em;
  position: relative; }
  .shindan-area > div {
    display: none; }
  .shindan-area #start-shindan {
    background-image: url(../img/bg-shindan-start.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    color: #ffa466;
    font-size: 2.6em;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    padding-top: 8.4em;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 123; }
  .shindan-area ul {
    width: 90%;
    margin: 0 auto;
    align-items: center;
    justify-content: space-around; }
    .shindan-area ul li {
      width: 30%; }
      .shindan-area ul li a {
        background: #ffa466;
        display: block;
        margin: 0 auto;
        width: 220px;
        height: 220px;
        border-radius: 100%;
        position: relative; }
        .shindan-area ul li a > p {
          color: #fff;
          font-size: 1.4em;
          font-weight: bold;
          line-height: 1.4;
          display: inline-block;
          position: absolute;
          top: 52%;
          left: 0.5em;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          width: 90%; }
  .shindan-area .positionFit {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    padding-top: 4em;
    /*		&#q_01 {
    			> p {
    				&:before {
    					content:"Q01 ";
    				}
    			}
    		}
    		&#q_02 {
    			> p {
    				&:before {
    					content:"Q02 ";
    				}
    			}
    		}
    		&#q_03 {
    			> p {
    				&:before {
    					content:"Q03 ";
    				}
    			}
    		}
    		&#q_04 {
    			> p {
    				&:before {
    					content:"Q04 ";
    				}
    			}
    		}
    		&#q_05 {
    			> p {
    				&:before {
    					content:"Q05 ";
    				}
    			}
    		}
    		&#q_06 {
    			> p {
    				&:before {
    					content:"Q06 ";
    				}
    			}
    		}
    		&#q_07 {
    			> p {
    				&:before {
    					content:"Q07 ";
    				}
    			}
    		}
    		&#q_08 {
    			> p {
    				&:before {
    					content:"Q08 ";
    				}
    			}
    		}*/ }
    .shindan-area .positionFit > p {
      background: #fff;
      font-size: 1.8em;
      margin: 0 auto 1.6em;
      padding: 0.6em;
      height: 2em;
      width: 90%;
      box-shadow: #fde4a6 0.2em 0.2em; }
      .shindan-area .positionFit > p:before {
        content: "Q ";
        color: pink; }
    .shindan-area .positionFit#a_01, .shindan-area .positionFit#a_02, .shindan-area .positionFit#a_03, .shindan-area .positionFit#a_04 {
      background-size: contain;
      background-repeat: no-repeat;
      background-position: top center;
      padding: 0; }
      .shindan-area .positionFit#a_01 a, .shindan-area .positionFit#a_02 a, .shindan-area .positionFit#a_03 a, .shindan-area .positionFit#a_04 a {
        display: block;
        height: 31em; }
    .shindan-area .positionFit#a_01 {
      background-image: url(../img/bg-shindan-a01.png); }
    .shindan-area .positionFit#a_02 {
      background-image: url(../img/bg-shindan-a02.png); }
    .shindan-area .positionFit#a_03 {
      background-image: url(../img/bg-shindan-a03.png); }
    .shindan-area .positionFit#a_04 {
      background-image: url(../img/bg-shindan-a04.png); }

.user-login {
  background-image: url(../img/kuma23.svg);
  background-repeat: no-repeat;
  background-size: 7em;
  background-position: top right 1em; }
  .user-login h2 {
    background: url(../img/txt-login.svg) no-repeat;
    background-size: 2.2em;
    background-position: left 4.5em bottom 1.2em; }
  .user-login .login-form {
    background: #fff;
    padding: 2em 4em;
    font-size: 1.2em; }
    .user-login .login-form form p {
      margin-bottom: 1.5em; }
    .user-login .login-form form .form-group label:before {
      content: "";
      background: #ff80bd;
      display: inline-block;
      width: 1em;
      height: 1em;
      border-radius: 1em;
      position: relative;
      top: 0.1em; }
    .user-login .login-form form .form-group .form-control {
      border-color: #f489ce; }
    .user-login .login-form form .text-center .btn-glogin {
      background: #98bcf4;
      color: #fff;
      width: 15em;
      padding: 1em 1.5em;
      margin-bottom: 1em;
      border-radius: 2em; }
      .user-login .login-form form .text-center .btn-glogin:before {
        content: "";
        background: url(../img/ico-google.svg) center no-repeat;
        background-size: contain;
        display: inline-block;
        width: 1.4em;
        height: 1.4em;
        vertical-align: text-top; }
    .user-login .login-form form .text-center .btn-login {
      background: #ff80bd;
      color: #fff;
      width: 15em;
      padding: 1em 1.5em;
      margin-bottom: 1em;
      border-radius: 2em; }
      .user-login .login-form form .text-center .btn-login:before {
        content: "";
        background: url(../img/ico-user-login.svg) center no-repeat;
        background-size: contain;
        display: inline-block;
        width: 1.4em;
        height: 1.4em;
        vertical-align: text-top; }
    .user-login .login-form > .text-center a {
      color: #ff80bd;
      padding: 1em 1.5em;
      border: 1px solid #ff80bd;
      border-radius: 2em; }

.user-join h2 {
  content: none; }
.user-join table {
  font-size: 1.2em;
  background: #fff;
  border: 1px solid #ccc; }
  .user-join table th, .user-join table td {
    padding: 0.5em;
    vertical-align: middle; }
    .user-join table th .form-group, .user-join table td .form-group {
      margin: 0; }
    .user-join table th button, .user-join table td button {
      background: #ff80bd;
      color: #fff;
      font-size: 1.2em;
      display: block;
      width: 15em;
      padding: 1em 0 0.8em;
      margin: 0 auto;
      border-radius: 2em; }

.badge-app {
  display: block;
  width: 8rem;
  margin: 0.4rem auto 0; }


.column-box,
.column-list ul,
.column-list dl {
  display: flex;
  flex-wrap: wrap;
}
.ent-main-box {
  width: 100%;
  align-items: center;
}
.ent-logo-box {
  width: 40%;
}
.ent-map-box {
  width: 60%;
}
.index-map {
  width: 100%;
  padding-top: calc(75/131*100%);
  background: url("../img/bg-map.svg");
  background-size: cover;
  background-repeat: no-repeat;
  margin: 2rem auto;
  position: relative;
}
.index-map .index-logo {
  font-size: 1.6em;
  width: 21em;
  text-align: center;
  position: absolute;
  top: 13%;
  left: -1%;
}
.index-map .index-logo .recorde {
  font-weight: bold;
  margin-bottom: 1em;
}
.index-map .index-logo .recorde strong {
  color: #fd5ec1;
  font-size: 1.2em;
}
.index-map .index-logo > img {
  width: 85%;
  margin-bottom: 0.2em;
}
.index-map ul li {
  position: absolute;
}
.index-map ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
  padding: 0;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  text-align: center;
  line-height: 1.2;
}
.index-map ul li a:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 54px;
  border-radius: 3px 0 0 3px;
  margin-right: 0.5rem;
}

.index-map ul li a p {
    font-size: 20px;
    font-weight: bold;
}

.index-map ul li a span{

}

.index-map ul li:nth-child(1) {
  right: 227px;
  top: 28px;
}
.index-map ul li:nth-child(2) {
  right: 24px;
  top: 105px;
}
.index-map ul li:nth-child(3) {
  right: -23px;
  bottom: 105px;
}
.index-map ul li:nth-child(4) {
  right: -27px;
  bottom: 36px;
}
.index-map ul li:nth-child(5) {
  right: 92px;
  bottom: 99px;
}
.index-map ul li:nth-child(6) {
  bottom: 23px;
  right: 99px;
}
.index-map ul li:nth-child(7) {
  right: 200px;
  bottom: 93px;
}
.index-map ul li:nth-child(8) {
  right: 224px;
  bottom: 22px;
}
.index-map ul li:nth-child(9) {
  right: 328px;
  bottom: 57px;
}
.index-map ul li:nth-child(10) {
bottom: 50px;
right: 478px;
}

/*---------*/

.index-map ul li:nth-of-type(1) a,
.index-map ul li:nth-of-type(2) a {
  border: 2px solid #bbceff;
}
.index-map ul li:nth-of-type(3) a,
.index-map ul li:nth-of-type(4) a {
  border: 2px solid #abdfef
}
.index-map ul li:nth-of-type(5) a,
.index-map ul li:nth-of-type(6) a {
  border: 2px solid #ffe5c5;
}
.index-map ul li:nth-of-type(7) a,
.index-map ul li:nth-of-type(8) a {
  border: 2px solid #ffc0cc;
}
.index-map ul li:nth-of-type(9) a {
  border: 2px solid #ffb5a9;
}
.index-map ul li:nth-of-type(10) a {
  border: 2px solid #eac2a4;
}
.index-map ul li:nth-of-type(1) a:before,
.index-map ul li:nth-of-type(2) a:before {
  background: #bbceff;
}
.index-map ul li:nth-of-type(3) a:before,
.index-map ul li:nth-of-type(4) a:before {
  background: #abdfef;
}
.index-map ul li:nth-of-type(5) a:before,
.index-map ul li:nth-of-type(6) a:before {
  background: #ffe5c5;
}
.index-map ul li:nth-of-type(7) a:before,
.index-map ul li:nth-of-type(8) a:before {
  background: #ffc0cc;
}
.index-map ul li:nth-of-type(9) a:before {
  background: #ffb5a9;
}
.index-map ul li:nth-of-type(10) a:before {
  background: #eac2a4;
}
.index-map ul li:nth-of-type(1) a span,
.index-map ul li:nth-of-type(2) a span {
  color: #bbceff;
}
.index-map ul li:nth-of-type(3) a span,
.index-map ul li:nth-of-type(4) a span {
  color: #abdfef
}
.index-map ul li:nth-of-type(5) a span,
.index-map ul li:nth-of-type(6) a span {
  color: #ffe5c5;
}
.index-map ul li:nth-of-type(7) a span,
.index-map ul li:nth-of-type(8) a span {
  color: #ffc0cc;
}
.index-map ul li:nth-of-type(9) a span {
  color: #ffb5a9;
}
.index-map ul li:nth-of-type(10) a span {
  color: #eac2a4;
}


  .index-map ~ .index-foot {
    color: #fd5ec1;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
    padding: 1em 1em 2em; }

.about {
  background: #fff;
  padding: 2em 1em; }

.about h3{
    background: none;
    border-left: none;
    padding: 0;
}
  .about .btn-advertis {
    font-size: 1.5em;
    padding: 2em;
    text-align: center; }
    .about .btn-advertis a {
      color: #ff8ec5;
      display: block;
      margin: 0 auto;
      width: 15em;
      margin: 1em auto;
      border: 3px solid #ff8ec5;
      border-radius: 0.5em;
      padding: 1em 0 0.8em;
      box-shadow: 3px 3px #ffd1e7; }
  .about.beginner .about-block h2 {
    padding: 1em 0 1.5em; }
  .about.beginner .about-block p {
    font-size: 1.2em;
    line-height: 1.6;
    text-align: left; }
  .about.beginner .point-box {
    margin-bottom: 3em; }
    .about.beginner .point-box h2 {
      padding: 0 0 0.5em; }
    .about.beginner .point-box .point-child {
      display: block;
      padding: 1em; }
      .about.beginner .point-box .point-child h3 {
        font-size: 1.4em;
        font-weight: bold;
        line-height: 1.6; }
        .about.beginner .point-box .point-child h3:before {
          content: "●";
          color: #f16ab5; }
    .about.beginner .point-box p {
      font-size: 1.2em;
      line-height: 1.6;
      text-align: left; }
    .about.beginner .point-box .btn-just-joinus {
      text-align: center; }
      .about.beginner .point-box .btn-just-joinus a {
        background: url(../img/btn-beginner.svg) center no-repeat;
        background-size: contain;
        color: #fff;
        font-size: 1.2em;
        display: inline-block;
        padding: 1em 5em; }

.about-block {
  background: url("../img/kuma05.svg") no-repeat;
  background-size: 9em;
  background-position: top right 20%;
  padding: 1em;
  text-align: center;
  margin-bottom: 3em; }
  .about-block .sup {
    font-size: 1.2em;
    padding-bottom: 0.5em; }
  .about-block h2 {
    color: #f16ab5;
    padding: 0 0 1.5em; }
    .about-block h2:before {
      content: none; }
  .about-block h3 {
    color: #f16ab5;
    font-size: 1.2em;
    margin-bottom: 0.8em; }
    .about-block h3 + p {
      line-height: 1.8; }
  .about-block.advertis {
    background-size: 12em;
    background-position: top 1% right 5%;
    padding: 2em 2em 0;
    margin: 0; }
    .about-block.advertis h3 {
      color: inherit;
      font-size: 1.8em; }
      .about-block.advertis h3 + p {
        font-size: 1.4em;
        margin-bottom: 1em;
        text-align: left; }
    .about-block.advertis .bg-white {
      padding: 1em; }
      .about-block.advertis .bg-white .link-box {
        margin-bottom: 3em;
        text-align: left; }
        .about-block.advertis .bg-white .link-box p {
          font-size: 1.2em;
          font-weight: bold;
          margin-bottom: 1em; }
          .about-block.advertis .bg-white .link-box p:before {
            content: "";
            background: #f16ab5;
            display: inline-block;
            width: 0.8em;
            height: 0.8em;
            border-radius: 1em; }
        .about-block.advertis .bg-white .link-box img {
          width: auto;
          max-width: 100%;
          margin-bottom: 1em;
          border: 1px solid #333; }
        .about-block.advertis .bg-white .link-box textarea {
          width: 100%;
          border: 1px solid #333; }
  .about-block.policy h2 + p {
    margin-bottom: 2em;
    line-height: 1.8; }
  .about-block.policy h3 {
    text-align: left; }
    .about-block.policy h3 + p {
      text-align: left;
      margin-bottom: 2em; }
      .about-block.policy h3 + p + p {
        text-align: left;
        margin-bottom: 2em;
        line-height: 1.8; }
  .about-block.policy h4 {
    text-align: left; }
    .about-block.policy h4 + p {
      text-align: left;
      margin-bottom: 2em;
      line-height: 1.8; }
  .about-block.terms h3 {
    text-align: left; }
    .about-block.terms h3 + p {
      text-align: left;
      margin-bottom: 2em; }
      .about-block.terms h3 + p + p {
        text-align: left;
        margin-bottom: 2em;
        line-height: 1.8; }
        .about-block.terms h3 + p + p + p {
          text-align: left;
          margin-bottom: 2em;
          line-height: 1.8; }
  .about-block.company h3 {
    text-align: left; }
    .about-block.company h3 + p {
      text-align: left;
      margin-bottom: 2em; }

.about-reason {
  margin-top: 1em;
  padding: 2em;
  text-align: center;
  border: 2px solid #ccc;
  border-radius: 1em; }
  .about-reason h2 {
    padding: 0 0 0.6em; }
  .about-reason > ul {
    justify-content: space-between;
    align-items: unset; }
    .about-reason > ul li {
      background: #fff3fe;
      width: 32%;
      padding: 1em;
      border-radius: 1em; }
      .about-reason > ul li h3 {
        font-size: 1.4em;
        padding-bottom: 0.5em;
        line-height: 1.2; }
      .about-reason > ul li p {
        text-align: left;
        line-height: 1.6; }

.point-box .sup {
  font-size: 1.2em;
  padding-bottom: 0.5em;
  text-align: center; }
.point-box h2 {
  color: #f16ab5;
  padding: 0 0 1.5em;
  text-align: center; }
  .point-box h2:before {
    content: none; }
.point-box .point-child {
  display: flex;
  align-items: center; }
  .point-box .point-child figure {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 45%;
    height: 25em; }
  .point-box .point-child .sup {
    font-size: 1em; }
  .point-box .point-child > div .sup {
    text-align: left; }
  .point-box .point-child > div h3 {
    font-size: 2em;
    padding: 0.4em 0 0.8em; }
    .point-box .point-child > div h3 + p {
      line-height: 1.8; }
  .point-box .point-child .point-left, .point-box .point-child .point-right {
    width: 55%; }
  .point-box .point-child .point-left {
    padding-right: 1em; }
    .point-box .point-child .point-left .sup {
      text-align: left; }
  .point-box .point-child .point-right {
    padding-left: 1em; }
    .point-box .point-child .point-right .sup {
      text-align: right; }
    .point-box .point-child .point-right h3 {
      text-align: right; }

.adv-form {
  padding: 0 3em; }
  .adv-form h3 {
    font-size: 1.8em;
    text-align: center;
    margin-bottom: 1em; }
  .adv-form p.sending {
    color: #ff8ec5;
    font-size: 1.4em;
    line-height: 1.6;
    text-align: center; }
  .adv-form form p {
    font-size: 1.4em;
    padding: 0.5em; }
  .adv-form form table {
    background: #fff3fe;
    border-bottom: 1px solid #dee2e6; }
    .adv-form form table tr:nth-child(odd) {
      background: #f3e7f0; }
    .adv-form form table tr th {
      font-size: 1.2em;
      vertical-align: middle; }
      .adv-form form table tr th .badge {
        background: #ff8ec5;
        color: #fff;
        vertical-align: middle; }
    .adv-form form table tr .form-group {
      margin: 0; }
  .adv-form form .btn.btn-info {
    background-color: #fe65cc;
    border-color: #fe65cc;
    width: 10em;
    border-radius: 2em; }

.index-adv-link {
}
  .index-adv-link a {
    color: #FFF;
    text-decoration: underline;
    background: #fd9acc;
    border-radius: 23px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 25px;
    text-align: center;
    width: max-content;
    margin: 10px auto;
}

.join-modal {
  max-width: 750px; }
  .join-modal .modal-content {
    background: url(../img/kuma23.svg) no-repeat #fff;
    background-size: 6em;
    background-position: top 10% right 20%;
    padding: 10% 0;
    border: 0.8em solid #f16ab5;
    text-align: center; }
    .join-modal .modal-content .tit-comp {
      font-size: 2em;
      margin-bottom: 1em; }
    .join-modal .modal-content .txt-comp {
      font-size: 1.4em;
      line-height: 1.4;
      margin-bottom: 1em; }
    .join-modal .modal-content a {
      display: block;
      width: 50%;
      margin: 0 auto; }

.txt-content {
      font-size: 14px;
    padding: 50px 0;
    line-height: 1.4;
    text-align: center;
    max-width: 800px;
    margin: 0 auto 1rem;
}
  .txt-content h2{
    font-size: 1.2em;
    margin-bottom: 0.5em; }

.txt-content h3{
            font-size: 1.2em;
    margin-bottom: 0.5em;
    background: none;
    border-left: none;
    padding: 0 0 12px 0;
    border-bottom: 1px dashed #CCC;
    margin: 10px 0 7px 0;
    }

.pr-shop-box {
  background: #fff;
  /*border:1px solid #f9bbf0;
  border-radius:0.3em;*/
  margin-bottom: 2em;
  position: relative;
  /*a {
  	display:flex;
  	padding:1em;
  	figure {
  		background-position:center;
  		background-size:cover;
  		width:45%;
  		margin:0;
  	}
  	.shop-desc {
  		width:55%;
  		padding:0.5em 0 0.5em 1em;
  		.shop-title {
  			color: #f16ab5;
  			font-size: 1.6em;
  			font-weight: bold;
  			margin-bottom: 0.5em;
  			height: 1.9em;
  			overflow: hidden;
  		}
  		.shop-name {
  			font-size: 1.4em;
  			margin-bottom: 0.5em;
  			font-weight: bold;
  		}
  		.badge-salary {
  			font-size:1.2em;
  			display: block;
  			margin:0;
  		}
  	}
  }*/ }
  .pr-shop-box .ico-pr {
    background: url(../img/ico-pr.svg) center no-repeat;
    background-size: cover;
    width: 3em;
    height: 1.5em;
    position: absolute;
    top: 0;
    left: 0; }

.list-search-box .table {
  background: #fff;
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6; }
  .list-search-box .table tr:nth-child(1) th {
    background-image: url(../img/map-marker-alt-solid.svg); }
  .list-search-box .table tr:nth-child(2) th {
    background-image: url(../img/store-alt-solid.svg); }
  .list-search-box .table tr:nth-child(3) th {
    background-image: url(../img/hand-holding-usd-solid.svg); }
  .list-search-box .table tr:nth-child(4) th {
    background-image: url(../img/hand-point-up-solid.svg); }
  .list-search-box .table th {
    background-repeat: no-repeat;
    background-size: 2.6em;
    background-position: center left 0.6em;
    width: 20%;
    text-indent: 3em;
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6; }
  .list-search-box .table td {
    width: 20%;
    vertical-align: middle; }
    .list-search-box .table td#main-area-text, .list-search-box .table td #main-style-text, .list-search-box .table td #main-salary-text, .list-search-box .table td #main-commit-text {
      width: 60%; }

.main-inter-box .slick-arrow {
  position: absolute;
  top: 40%;
  bottom: 0;
  z-index: 123;
  -webkit-appearance: none;
  border: none;
  background: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  padding: 0;
 }
  .main-inter-box .slick-arrow.slick-prev {
    left: -1.5rem;
  }
  .main-inter-box .slick-arrow.slick-next {
    right: -1.5rem;
  }
.main-inter-box .slick-prev:after {
  content: "<";
}
.main-inter-box .slick-next:after {
  content: ">";
}
.main-inter-box .slick-prev:after,
.main-inter-box .slick-next:after {
  font-size: 2rem;
  font-weight: 600;
  color: #f797c8;
}
.main-select-block {
  line-height: 1.2;
  display: block;
  padding: 0.6em 1em 0.5em;
  border: 1px solid #aaa;
  border-radius: 0.6em;
  text-align: center;
  cursor: pointer; }

#main-area-close, #main-style-close, #main-salary-close, #main-commit-close {
  display: none;
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s; }

#main-area-checked, #main-style-checked, #main-salary-checked, #main-commit-checked {
  display: none;
  opacity: 0; }

.main-select-block-box {
  background: #fff;
  position: absolute;
  top: 0;
  left: calc((50vw - 20%) / 2);
  z-index: 555;
  padding: 1em 1em 0;
  width: 80%;
  font-size: 1.4em;
  border: 2px solid #f16ab5;
  border-radius: 0.6em; }
  .main-select-block-box > p {
    border-bottom: 1px solid #aaa;
    padding-bottom: 0.7em;
    margin-bottom: 1em; }
    .main-select-block-box > p:before {
      content: "";
      background: #f16ab5;
      display: block;
      width: 0.8em;
      height: 0.8em;
      border-radius: 1em;
      float: left;
      margin-right: 0.5em; }
  .main-select-block-box .ather-area {
    position: absolute;
    top: 0.7em;
    right: 1em;
    text-decoration: underline; }
  .main-select-block-box .form-inline .form-check {
    margin: 0 1em 1em 0; }

#main-area-input:checked ~ #main-area-close, #main-style-input:checked ~ #main-style-close,
#main-salary-input:checked ~ #main-salary-close, #main-commit-input:checked ~ #main-commit-close {
  display: block;
  opacity: .1; }

#main-area-input:checked ~ #main-area-checked, #main-style-input:checked ~ #main-style-checked,
#main-salary-input:checked ~ #main-salary-checked, #main-commit-input:checked ~ #main-commit-checked {
  display: block;
  opacity: 1; }

.btn-main-search {
  background: #f9bbf0;
  color: #fff;
  width: 15em;
  display: block;
  margin: 0 auto; }

.top-news {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 1rem;
  text-align: left;
  margin-bottom: 2rem;
  -webkit-transition: ease 0.5s;
  transition: ease 0.5s; }
  .top-news h2 {
        font-weight: bold;
    padding: 1rem 0.5rem 0.5rem 0;
    border-bottom: 3px solid #ee8ab5;
    font-size: 18px;
    margin: 21px 0 15px 0;
}


  .top-news a:hover {
    color: #ee8ab5; }

.top-news-left {
  width: 73%; }

.opening-list-box {
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding: 0.5rem;
  background: #fff;
  border-bottom: 1px dashed #ccc; }

.opening-list-01 {
  width: 27%; }

.opening-list-02 {
  width: 72%; }
  .opening-list-02 li:first-child {
    width: 30%; }
  .opening-list-02 li:nth-child(2n) {
    width: 69%; }
    .opening-list-02 li:nth-child(2n) a {
      text-decoration: underline; }

.opening-list-01,
.opening-list-02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .opening-list-01 li,
  .opening-list-02 li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.open-icon-01,
.open-icon-02 {
  width: 60px;
  padding: 2px 0;
  text-align: center;
  font-size: 0.5rem;
  color: #fff;
  margin-right: 0.5rem; }

.open-icon-01 {
  background: #a8d9e8; }

.open-icon-02 {
  background: #f5bbc7; }

.top-news-right {
  width: 25%; }

.top-recruit-list {
  background: #fff; }
  .top-recruit-list ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-bottom: 1px dashed #ccc; }
  .top-recruit-list li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .top-recruit-list li:first-child {
      width: 20%;
      padding: 0.5rem; }
    .top-recruit-list li:nth-child(2n) {
      width: 24%;
      padding: 0.5rem; }
    .top-recruit-list li:nth-child(3n) {
      width: 54%;
      padding: 0.5rem; }
      .top-recruit-list li:nth-child(3n) a {
        text-decoration: underline; }

.popularity {
  width: 100%;
  height: 537px;
  background: #fff;
  overflow-y: scroll; }

.popular-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0;
  margin: 0 0.5rem;
  border-bottom: 1px dashed #ccc; }
  .popular-box div {
    width: 45%; }
  .popular-box div a {
    display:flex;
	align-items:center;
	width:100px;
	height:100px; }
  .popular-box ul {
    display: block;
    width: 55%; }
  .popular-box li a {
    color: #47a2d7; }
  .popular-box li:nth-child(2n) {
    font-size: 0.8rem; }


#salary-form, #area-form, #place-form {
    width: 100%; }
    #salary-form .modal-content, #area-form .modal-content, #place-form .modal-content {
      padding: 1em; }
      #salary-form .modal-content h3, #area-form .modal-content h3, #place-form .modal-content h3 {
        font-size: 1.2em;
        padding: 0.5em 1em 1em; }
      #salary-form .modal-content .ather-area, #area-form .modal-content .ather-area, #place-form .modal-content .ather-area {
        font-size: 1.2em;
        position: absolute;
        top: 1em;
        right: 1em;
        text-decoration: underline; }
      #salary-form .modal-content .search-bar, #area-form .modal-content .search-bar, #place-form .modal-content .search-bar {
        background: url(../img/ico-arrow-d.svg) no-repeat #eee;
        background-size: 2em;
        background-position: center right 1em;
        font-size: 1.2em;
        margin-bottom: 1%;
        padding: 0.8em 1em 0.6em; }
        #salary-form .modal-content .search-bar.open, #area-form .modal-content .search-bar.open, #place-form .modal-content .search-bar.open {
          background-color: #fff3fe; }
      #salary-form .modal-content .form-inline, #area-form .modal-content .form-inline, #place-form .modal-content .form-inline {
        justify-content: space-around; }
        #salary-form .modal-content .form-inline .form-group, #area-form .modal-content .form-inline .form-group, #place-form .modal-content .form-inline .form-group {
          background: #eee;
          width: 49%;
          margin: 0 1% 1% 0;
          padding: 1%;
          border-radius: 0.3em; }
          #salary-form .modal-content .form-inline .form-group .custom-control, #area-form .modal-content .form-inline .form-group .custom-control, #place-form .modal-content .form-inline .form-group .custom-control {
            padding: 0;
              width: 100%;
text-align: left;}
          #salary-form .modal-content .form-inline .form-group .custom-control-label, #area-form .modal-content .form-inline .form-group .custom-control-label, #place-form .modal-content .form-inline .form-group .custom-control-label {
            line-height: 1.2;
            display: block;
            padding: 0.5em 0.5em 0.5em 1.6em;
            border-radius: 0.3em; }
            #salary-form .modal-content .form-inline .form-group .custom-control-label:before, #salary-form .modal-content .form-inline .form-group .custom-control-label:after, #area-form .modal-content .form-inline .form-group .custom-control-label:before, #area-form .modal-content .form-inline .form-group .custom-control-label:after, #place-form .modal-content .form-inline .form-group .custom-control-label:before, #place-form .modal-content .form-inline .form-group .custom-control-label:after {
                  top: 9px;
    left: 6px; }
          #salary-form .modal-content .form-inline .form-group .custom-control-input:checked ~ .custom-control-label:before, #area-form .modal-content .form-inline .form-group .custom-control-input:checked ~ .custom-control-label:before, #place-form .modal-content .form-inline .form-group .custom-control-input:checked ~ .custom-control-label:before {
            background-color: #f797c8; }
    #salary-form #btn-modal-area, #salary-form #btn-modal-salary, #salary-form #btn-modal-place, #area-form #btn-modal-area, #area-form #btn-modal-salary, #area-form #btn-modal-place, #place-form #btn-modal-area, #place-form #btn-modal-salary, #place-form #btn-modal-place {
      background: #f797c8;
      border-color: #f797c8;
      border-radius: 2em;
      box-shadow: 0.1em 0.1em 0.1em #999; }

  #area-form .modal-content .form-inline .form-group {
    width: 100%; }



/*------------------------------------------------

@media

------------------------------------------------*/
@media screen and (max-width: 1200px) {
  .popular-box div,
  .popular-box ul {
    width: 49%; }

  .popular-box li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; } }
@media screen and (max-width: 1024px) {
  .top-news {
    display: block; }

  .top-news-left,
  .top-news-right {
    width: 100%; }

  .opening-list-01,
  .opening-list-02 {
    display: block; }

  .opening-list-02 li:first-child {
    width: 100%; }
  .opening-list-02 li:nth-child(2n) {
    width: 100%; }

  .top-recruit-list ul {
    display: block;
    padding: 0.5rem; }
  .top-recruit-list li:first-child {
    width: 100%;
    padding: 0;
    font-size: 0.5rem; }
  .top-recruit-list li:nth-child(2n) {
    width: 100%;
    padding: 0; }
  .top-recruit-list li:nth-child(3n) {
    width: 100%;
    padding: 0; }

  .top-news-right h2 {
    text-align: left; }

  .popularity {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    height: auto;
    overflow-y: inherit;
    border: 0; }

  .popular-box {
    width: 48%;
    margin: 0; }
    .popular-box div {
      width: 30%; }
    .popular-box ul {
      width: 68%; } }
@media screen and (max-width: 768px) {
  .open-icon-01,
  .open-icon-02 {
    margin-right: 0;
    margin-bottom: 5px; } }
@media screen and (max-width: 480px) {
  .opening-list-box {
    font-size: 0.8rem; }

  .opening-list-01 {
    width: 35%; }

  .opening-list-02 {
    width: 64%; }

  .open-icon-01,
  .open-icon-02 {
    margin-right: 0;
    margin-bottom: 2px; }

  .popular-box {
    width: 100%; }


.box-list .box-list-area .box-list-child a figure img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 7px;
}
}
@media screen and (max-width: 1199px) {
  .slider-box {
    padding: 0; }


  .main-inter-child > a > figure {
    height: auto; }

  .main-histry-child > a > figure {
    height: 7.2em; }

  .box-list .box-list-area .box-list-child a figure {
    height: 11.4em;
    margin-bottom: 0.5em; }
  .box-list .box-list-area .box-list-child a figcaption span {
    font-size: 1.1em; }
    .box-list .box-list-area .box-list-child a figcaption span:before {
      height: 1.2em; }
  .box-list.topics .box-list-area .box-list-child figcaption p:after {
    right: 0.4em; }

  .shindan-area {
    height: 28em; }
    .shindan-area ul li a {
      width: 190px;
      height: 190px; }
      .shindan-area ul li a > p {
        font-size: 1.4em; }
    .shindan-area #start-shindan {
      padding-top: 7.6em; }
  .shop-inter-box.main {
    padding: 0; }

.index-map .index-logo {
    font-size: 1.6em;
    width: 24em;
    text-align: center;
    position: absolute;
    top: 8%;
    left: -4%;
}

}
@media screen and (max-width: 1023px) {
  .container.index {
    max-width: 700px; }

  .main-topics-child > a > figure {
    height: 11em; }
  .main-topics-child figcaption p {
    font-size: 0.8em; }

  .bg-map {}

  .main-inter-child > a > figure {
    height: auto; }
  .main-inter-child > a > figcaption {
    font-size: 1.1em; }

  .main-histry-child > a > figure {
    height: 6em; }
  .main-histry-child > a > figcaption {
    font-size: 0.8em; }

  .badge-subarea {
    }


  .recomm {
    background-image: url(../img/kuma12.svg);
    background-repeat: no-repeat;
    background-size: 5em;
    background-position: top right 1em;
    padding-bottom: 2.8em; }
    .recomm h2 {
      background: url(../img/txt-recommend.svg) no-repeat;
      background-size: 5.5em;
      background-position: left 0.5em bottom 1.4em; }

  .main-recomm-box {
    justify-content: space-between; }

  .main-recomm-child {
    background: #fff;
    border-radius: 0.5em;
    width: 49%;
    padding: 0.5em; }
    .main-recomm-child > a > figure {
      background-repeat: no-repeat;
      background-size: contain;
      height: 5.6em;
      margin-bottom: 0.5em; }
    .main-recomm-child > a > figcaption {
      padding: 0;
      font-size: 0.8em; }
    .main-recomm-child > a h3 {
      font-size: 1.2em;
      display: block;
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }



  .shop-recruit .d-table .d-table-row .d-table-cell {
    font-size: 1em; }
    .shop-recruit .d-table .d-table-row .d-table-cell.td {
      padding: 1em 0.5em; }

  .detail-side-bar {
    background-size: 3em;
    background-position: top 1.2em right 0.5em; }

  .message-box form table th {
    width: 5em; }

  .box-list .box-list-area {
    padding: 0; }
    .box-list .box-list-area .box-list-child a figure {
      height: 10.2em; }
    .box-list .box-list-area .box-list-child a figcaption {
      font-size: 0.8em; }
  .box-list.topics .box-list-area .box-list-child a figure {
    height: 8em; }
  .box-list.topics .box-list-area .box-list-child figcaption p:after {
    right: 0.2em; }
  .box-list.column .box-list-area .box-list-child a figure {
    height: 6.5em; }
  .box-list.column .box-list-area .column-detail h3 {
    font-size: 1.4em; }
  .box-list.column .box-list-area .column-detail .column-body {
    font-size: 1.2em; }

  .shindan-area {
    height: 21em; }
    .shindan-area .positionFit {
      padding-top: 2em; }
      .shindan-area .positionFit > p {
        font-size: 1.6em; }
    .shindan-area ul li a {
      width: 140px;
      height: 140px; }
      .shindan-area ul li a > p {
        font-size: 1em;
        left: 0.7em; }
    .shindan-area #start-shindan {
      font-size: 2em;
      padding-top: 7.2em; }

  .user-login .login-form {
    padding: 2em 1em; }

  .user-join table {
    font-size: 1em; }
    .user-join table th .form-group, .user-join table td .form-group {
      width: 100%; }
    .user-join table td {
      padding: 0.5em 0; }


    .index-map ~ .index-foot {
      font-size: 1.4em; }

  .point-box .point-child figure {
    width: 40%; }
  .point-box .point-child .point-left, .point-box .point-child .point-right {
    width: 60%; }
  .point-box .point-child > div h3 {
    font-size: 1.6em; }


  .ent-logo-box {
    width: 60%;
    margin: auto;
  }
  .ent-logo-box img {
    padding: 2rem;
  }
  .ent-map-box {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
.index-map {
    height: 367px;
    background-size: 92%;
    background-position: right top;
}

    .index-map .index-logo {
    font-size: 1.6em;
    width: 17em;
    text-align: center;
    position: absolute;
    top: 3%;
    left: -4%;
}

}
@media screen and (max-width: 767px) {


  .marquee-info {
    margin: 0 1em 1.6em 1em; }

  .search {
 }




  .main-topics {
    background-image: url(../img/kuma05.svg);
    background-position: top 0.5em right 0.6em;
    background-size: 7em; }
    .main-topics h2 {
      font-size: 1.4em;
      padding: 1em 0; }

  .main-topics-child > a {
    padding: 0.5em; }
    .main-topics-child > a > figure {
      height: 13em;
      margin-bottom: 0.5em; }
    .main-topics-child > a figcaption p {
      font-size: 12px; }



    .main-ranking-box {
    display: block !important;
    justify-content: unset;
    overflow-x: auto;
    white-space: nowrap;
    /*-webkit-overflow-scrolling: touch;*/ }
    .main-ranking-box::-webkit-scrollbar {
      height: 5px; }
    .main-ranking-box::-webkit-scrollbar-track {
      border-radius: 5px;
      background: #fff; }
    .main-ranking-box::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background: #eee; }
    .main-ranking-box .main-ranking-child {
      display: inline-block;
      width: 44%;
      margin-right: 1em; }
      .main-ranking-box .main-ranking-child:last-child {
        margin-right: 0; }
      .main-ranking-box .main-ranking-child > a {
        overflow: hidden; }
        .main-ranking-box .main-ranking-child > a > figure {
          height: 9.7em;
          margin-bottom: 0.5em; }
        .main-ranking-box .main-ranking-child > a > figcaption {
          height: 4em; }

  .main-inter-box {
    display: block !important;
    justify-content: unset;
    overflow-x: auto;
    white-space: nowrap;
    /*-webkit-overflow-scrolling: touch;*/ }
    .main-inter-box::-webkit-scrollbar {
      height: 5px; }
    .main-inter-box::-webkit-scrollbar-track {
      border-radius: 5px;
      background: #fff; }
    .main-inter-box::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background: #eee; }
    .main-inter-box .main-inter-child {
      display: inline-block;
      width: 42%;
      margin-right: 1em; }
      .main-inter-box .main-inter-child:last-child {
        margin-right: 0; }
      .main-inter-box .main-inter-child > a {
        overflow: hidden; }
        .main-inter-box .main-inter-child > a > figure {
          height: 22em;
          margin-bottom: 0.5em; }
        .main-inter-box .main-inter-child > a > figcaption {
          font-size: 1.1em; }

  .main-column-box {
    display: block !important;
    justify-content: unset;
    overflow-x: auto;
    white-space: nowrap;
    /*-webkit-overflow-scrolling: touch;*/ }
    .main-column-box::-webkit-scrollbar {
      height: 5px; }
    .main-column-box::-webkit-scrollbar-track {
      border-radius: 5px;
      background: #fff; }
    .main-column-box::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background: #eee; }
    .main-column-box .main-column-child {
      display: inline-block;
      width: 42%;
      margin-right: 1em; }
      .main-column-box .main-column-child:last-child {
        margin-right: 0; }
      .main-column-box .main-column-child > a > figure {
        height: 15em; }
      .main-column-box .main-column-child > a > figcaption {
        padding: 0 0.5em 0.5em; }

  .main-recomm-box {
    display: block !important;
    justify-content: unset;
    overflow-x: auto;
    white-space: nowrap;
    /*-webkit-overflow-scrolling: touch;
    &::-webkit-scrollbar {
    	height:5px;
    }
    &::-webkit-scrollbar-track {
    	border-radius:5px;
    	background:#fff;
    }
    &::-webkit-scrollbar-thumb {
    	border-radius:5px;
    	background:#eee;
    }*/ }
    .main-recomm-box .main-recomm-child {
      display: inline-block;
      width: 42%;
      margin-right: 1em; }
      .main-recomm-box .main-recomm-child:last-child {
        margin-right: 0; }
      .main-recomm-box .main-recomm-child > a > figure {
        height: 9em; }
    .main-recomm-box.new .main-recomm-child {
      width: 100%;
      margin: 0; }
      .main-recomm-box.new .main-recomm-child > a > figure {
        height: 9.4rem; }

  .main-histry-box {
    display: block !important;
    justify-content: unset;
    overflow-x: scroll;
    white-space: nowrap;
    /*-webkit-overflow-scrolling: touch;*/ }
    .main-histry-box::-webkit-scrollbar {
      height: 5px; }
    .main-histry-box::-webkit-scrollbar-track {
      border-radius: 5px;
      background: #fff; }
    .main-histry-box::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background: #eee; }
    .main-histry-box .main-histry-child {
      display: inline-block;
      width: 42%;
      margin-right: 1em; }
      .main-histry-box .main-histry-child:last-child {
        margin-right: 0; }
      .main-histry-box .main-histry-child > a > figure {
        height: 9em; }

  .pop-tags {
    }

    .pop-tags > .d-flex {
      justify-content: space-between;
    padding: 0; }

    .pop-tags > .d-flex li {
    width: 49%;
}


  .main-ranking-box {
    justify-content: space-between;
    padding: 0.5em;
    width: 100%; }

  .main-ranking-child {
    background: #fff;
    border-radius: 0.5em;
    width: 32%; }
    .main-ranking-child > a > .rank-title {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      height: 2em; }
      .main-ranking-child > a > .rank-title.rank1 {
        background-image: url(../img/bar-rank1.svg); }
      .main-ranking-child > a > .rank-title.rank2 {
        background-image: url(../img/bar-rank2.svg); }
      .main-ranking-child > a > .rank-title.rank3 {
        background-image: url(../img/bar-rank3.svg); }
    .main-ranking-child > a > figure {
      background-repeat: no-repeat;
      background-size: contain;
      height: 7.2em; }
    .main-ranking-child > a > figcaption {
      padding: 0 0.5em 0.5em;
      font-size: 0.9em; }
    .main-ranking-child > a h3 {
      font-size: 1.2em;
      display: block;
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }

  .ranking {
    background-image: url("../img/kuma03.svg");
    background-repeat: no-repeat;
    background-size: 4.2em;
    background-position: top 2.2em right 1.5em;
    padding-bottom: 1em; }
    .ranking h2 {
      background: url(../img/txt-ranking.svg) no-repeat;
      background-size: 4.2em;
      background-position: top 2.8em left 0.5em;
      margin: 0; }

  .interview {
    background-image: url(../img/kuma08.svg);
    background-size: 6.8em;
    background-position: top 2em right 1.5em;
    border-bottom: 1px solid #fff; }
    .interview h2 {
      background-size: 5em;
      background-position: top 2.8em left 0.5em;
      margin: 0; }

  .main-inter-box, .main-recomm-box, .main-histry-box, .main-column-box {
    padding: 0.5em;
    width: 100%; }

  .main-inter-child > a {
    padding: 0.5em; }
    .main-inter-child > a > figure {
      height: 21em;
      margin-bottom: 0.5em; }
    .main-inter-child > a > figcaption {
      font-size: 1.4em; }

  .column {
    background-image: url(../img/kuma09.svg);
    background-size: 4.2em;
    background-position: top 2.2em right 1.5em;
    padding-bottom: 1em;
    border-bottom: 1px solid #fff; }
    .column h2 {
      background-size: 3.8em;
      background-position: top 2.8em left 0.5em;
      margin: 0; }

  .main-column-child > a > figure {
    height: 11em;
    margin-bottom: 0.5em; }
  .main-column-child > a > figcaption {
    font-size: 1em; }

  .histry {
    background-image: url(../img/kuma10.svg);
    background-size: 6.5em;
    background-position: top 2.2em right 1.5em;
    padding-bottom: 1em; }
    .histry h2 {
      background-size: 3.8em;
      background-position: top 2.8em left 0.5em;
      margin: 0; }
    .histry.resemble {
      background-image: url(../img/kuma15.svg);
      background-size: 4.6em;
      background-position: top 0.5em right 1em;
      padding-bottom: 1em; }
      .histry.resemble h2 {
        background-size: 4.8em;
        background-position: top 2.8em left 0.5em;
        margin: 0; }

  .main-histry-box {
    padding: 0.5em; }

  .main-histry-child {
    padding: 0.5em; }
    .main-histry-child > a > figure {
      height: 7.2em;
      margin-bottom: 0.5em; }
    .main-histry-child > a > figcaption {
      padding: 0; }

  .recomm {
    padding-bottom: 1em; }
    .recomm.pr {
      background: none; }
      .recomm.pr h2 {
        background: none;
        padding: 0.5em; }
      .recomm.pr .main-recomm-child {
        border: 1px solid #f16ab5;
        position: relative; }
        .recomm.pr .main-recomm-child > a h3 {
          color: #f16ab5;
          font-size: 1.6em;
          font-weight: bold; }
        .recomm.pr .main-recomm-child .ico-pr {
          background: url(../img/ico-pr.svg) center no-repeat;
          background-size: cover;
          width: 3em;
          height: 1.5em;
          position: absolute;
          top: 0;
          left: 0; }

  .list-search-box {
    padding: 0.5em;
    margin: 0 0 1em; }
    .list-search-box button {
      display: block;
      margin: 0 auto 0.5em; }
    .list-search-box .table {
      background: #fff;
      margin: 0; }
      .list-search-box .table tr:nth-child(1) th, .list-search-box .table tr:nth-child(2) th, .list-search-box .table tr:nth-child(3) th, .list-search-box .table tr:nth-child(4) th {
        background: none; }
      .list-search-box .table th {
        background: none;
        font-size: 1.2em;
        font-weight: normal;
        text-indent: unset;
        vertical-align: middle; }
      .list-search-box .table td {
        vertical-align: middle; }
    .list-search-box #sp-side-search {
      background: #f9bbf0;
      color: #fff;
      margin: 0.5em auto 0;
      display: block;
      width: 50%; }


  .search-area .shop-box a {
    width: 100%; }
    .search-area .shop-box a figure {
      width: 100%; }
  .search-area .shop-box .shop-desc {
    width: 50%; }

  .shop-list {
    background-size: 6em;
    background-position: top 2.2em right 1.5em; }
    .shop-list h2 {
      background-size: 8em;
      background-position: top 2.8em left 0.5em; }



  .user-menu {
    /*background-image:url(../img/kuma19.svg);
    background-repeat:no-repeat;
    background-size:3.5em;
    background-position:top 0.5em right 30%;*/ }
    .user-menu h2 {
      color: #ff80bd;
      font-size: 1.2em;
      padding: 1.5em 0 1em;
      text-align: center; }
      .user-menu h2 br {
        display: none; }
    .user-menu ul li {
      width: 33.33333%;
      text-align: center;
      padding: 0.5em; }
      .user-menu ul li a {
        display: block;
        padding: 0.5em;
        border-left: 1px solid; }
      .user-menu ul li:first-child a {
        border: none; }
    .user-menu ~ .bg-white {
      padding: 1em 0.5em; }
      .user-menu ~ .bg-white .marquee-info {
        margin: 0; }

  .message-list {
    background-color: #fff3fe;
    background-size: 5.8em;
    padding: 0.5em; }
    .message-list h2 + p {
      margin-bottom: 1.5em; }
    .message-list .dataTables_wrapper .row:first-child {
      display: none; }
    .message-list table {
      background: #fff; }

  .message-box .msg-box-link {
    margin: -2em 0 1em; }

  .prof-setting, .system-setting {
    padding: 1em; }
    .prof-setting h2, .system-setting h2 {
      padding: 0.5em; }

  .box-list {
    padding: 0; }
    .box-list.interview {
      background-size: 7em;
    background-repeat: no-repeat;}
      .box-list.interview h2 {
        background-size: 5em;
        background-position: top 2.8em left 0.5em;
        font-size: 20px;
    font-weight: bold;
    height: 76px;
    padding: 22px 0 0 7px;
    }
	.box-list.interview.area-top {
		padding:0 15px 15px;
	}
      .box-list.interview .box-list-area {
        justify-content: space-between; }
        .box-list.interview .box-list-area .box-list-child {
          width: 48%;
          margin-right: 0;
        margin-bottom: 20px;}
          .box-list.interview .box-list-area .box-list-child a figure {
            height: 11.8em; }
	.box-list.interview.area-top .box-list-area .box-list-child {
		width:49%;
	}
    .box-list.ranking {
      background-image: url("../img/kuma03.svg");
      background-repeat: no-repeat;
      background-size: 4.4em;
      background-position: top 2.2em right 1.5em;
      padding-bottom: 1em; }
      .box-list.ranking h2 {
        background: url(../img/txt-ranking.svg) no-repeat;
        background-size: 4em;
        background-position: top 2.8em left 0.5em;
        margin: 0; }
    .box-list.topics {
      background-size: 7.5em;
      background-position: top 2em right 0.5em; }
      .box-list.topics h2 {
        background-size: 3em;
    background-position: top 2.8em left 0.5em;
    font-size: 20px;
    font-weight: bold;
    height: 75px;
    padding: 22px 0 0 7px;}
      .box-list.topics .box-list-area .box-list-child {
        width: 49%; }
    .box-list.column {
      background-size: 4em;
      background-position: top 1.4em right 1.5em; }
      .box-list.column h2 {
        background-position: top 2.4em left;
        padding: 1.2em 0 1.2em; }
      .box-list.column .box-list-area .box-list-child {
        width: 100%;
        margin-bottom: 1.5rem; }
        .box-list.column .box-list-area .box-list-child a {
          display: flex;
          justify-content: space-between;
          padding-bottom: 1rem;
          border-bottom: 1px solid #eee; }
          .box-list.column .box-list-area .box-list-child a figure {
            width: 30%;
            height: 8.27em;
            border-radius: 0.5em; }
          .box-list.column .box-list-area .box-list-child a figcaption {
            font-size: 1em;
            width: 65%;
            text-align: left; }
            .box-list.column .box-list-area .box-list-child a figcaption span {
              font-size: 0.8em;
              margin-bottom: 0.5em; }
            .box-list.column .box-list-area .box-list-child a figcaption h3 {
              font-size: 1.2em; }
            .box-list.column .box-list-area .box-list-child a figcaption p {
              height: 2.2em;
              line-height: 1.2;
              overflow: hidden;
              position: relative; }
              .box-list.column .box-list-area .box-list-child a figcaption p:after {
                content: "･･･";
                background: #fff;
                width: 1.8em;
                height: 1.1em;
                position: absolute;
                right: 0;
                bottom: 0; }
        .box-list.column .box-list-area .box-list-child:last-child {
          margin: 0; }
          .box-list.column .box-list-area .box-list-child:last-child a {
            border: 0; }

  .shindan-area {
    height: 26em; }
    .shindan-area #start-shindan {
      padding-top: 9.2em; }
    .shindan-area ul li a {
      width: 190px;
      height: 190px; }
      .shindan-area ul li a > p {
        font-size: 1.4em;
        left: 0.6em; }

  .user-login h2 {
    background-size: 3em;
    background-position: top 2.8em left 0.5em; }

  .user-join table th {
    width: 9em; }


  .ent-logo-box {
    width: 100%;
  }
  .index-map {
    background: none;
    height: auto;
    margin: 1em 0;
    padding: 0;
  }
  .ent-logo-box .index-logo {
    font-size: 1.4em;
    position: unset;
    width: 100%;
  }
  .ent-logo-box .index-logo > img {
    width: 70%;
    padding: 0.5rem 0 0;
    margin-bottom: 2em;
  }
  .index-map ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
  }
  .index-map ul li {
    position: unset;
    width: 48% !important;
    margin: 0 0 10px 0;
  }
  .index-map ul li:nth-of-type(1) {
    order: 5;
  }
  .index-map ul li:nth-of-type(2) {
    order: 6;
  }
  .index-map ul li:nth-of-type(3) {
    order: 4;
  }
  .index-map ul li:nth-of-type(4) {
    order: 2;
  }
  .index-map ul li:nth-of-type(5) {
    order: 7;
  }
  .index-map ul li:nth-of-type(6) {
    order: 8;
  }
  .index-map ul li:nth-of-type(7) {
    order: 3;
  }
  .index-map ul li:nth-of-type(8) {
    order: 1;
  }
  .index-map ul li:nth-of-type(9) {
    order: 9;
  }
  .index-map ul li:nth-of-type(10) {
    order: 10;
  }


  .about {
    background: #fff3fe; }
    .about.beginner .about-block h2 {
      margin-bottom: 5em; }

  .about-block {
    background-position: top 6em center; }
    .about-block h2 {
      padding-bottom: 6em; }
    .about-block h3 + p {
      color: #f16ab5; }
    .about-block.company h3 + p {
      color: inherit; }
    .about-block.terms h3 + p {
      color: inherit; }
    .about-block.policy h3 + p {
      color: inherit; }

  .point-box .point-child {
    background: #fff;
    padding: 3em 2em;
    margin-bottom: 3em;
    display: block;
    border-radius: 1em;
    position: relative; }
    .point-box .point-child .icon-point {
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      display: block;
      width: 4em;
      height: 4em;
      position: absolute;
      top: -2em;
      right: calc(50% - 2em); }
      .point-box .point-child .icon-point.point1 {
        background-image: url(../img/ico-point1.svg); }
      .point-box .point-child .icon-point.point2 {
        background-image: url(../img/ico-point2.svg); }
      .point-box .point-child .icon-point.point3 {
        background-image: url(../img/ico-point3.svg); }
    .point-box .point-child figure {
      width: 100%; }
    .point-box .point-child .point-left, .point-box .point-child .point-right {
      width: 100%;
      text-align: center; }
      .point-box .point-child .point-left .sup, .point-box .point-child .point-left h3, .point-box .point-child .point-right .sup, .point-box .point-child .point-right h3 {
        text-align: center; }

  .main-banner a .main-banner-cap .main-banner-title {
    font-size: 1em;
    line-height: 1.7;
    width: 100%;
    text-align: center;}

  #salary-form, #area-form, #place-form {
    width: 100%; }
    #salary-form .modal-content, #area-form .modal-content, #place-form .modal-content {
      padding: 1em; }
      #salary-form .modal-content h3, #area-form .modal-content h3, #place-form .modal-content h3 {
        color: #f797c8;
        font-size: 1.2em;
        padding: 0.5em 1em 1em; }
      #salary-form .modal-content .ather-area, #area-form .modal-content .ather-area, #place-form .modal-content .ather-area {
        font-size: 1.2em;
        position: absolute;
        top: 1em;
        right: 1em;
        text-decoration: underline; }
      #salary-form .modal-content .search-bar, #area-form .modal-content .search-bar, #place-form .modal-content .search-bar {
        background: url(../img/ico-arrow-d.svg) no-repeat #eee;
        background-size: 2em;
        background-position: center right 1em;
        font-size: 1.2em;
        margin-bottom: 1%;
        padding: 0.8em 1em 0.6em; }
        #salary-form .modal-content .search-bar.open, #area-form .modal-content .search-bar.open, #place-form .modal-content .search-bar.open {
          background-color: #fff3fe; }
      #salary-form .modal-content .form-inline, #area-form .modal-content .form-inline, #place-form .modal-content .form-inline {
        justify-content: space-around; }
        #salary-form .modal-content .form-inline .form-group, #area-form .modal-content .form-inline .form-group, #place-form .modal-content .form-inline .form-group {
          background: #eee;
          width: 49%;
          margin: 0 1% 1% 0;
          padding: 1%;
          border-radius: 0.3em; }
          #salary-form .modal-content .form-inline .form-group .custom-control, #area-form .modal-content .form-inline .form-group .custom-control, #place-form .modal-content .form-inline .form-group .custom-control {
            padding: 0; }
          #salary-form .modal-content .form-inline .form-group .custom-control-label, #area-form .modal-content .form-inline .form-group .custom-control-label, #place-form .modal-content .form-inline .form-group .custom-control-label {
            line-height: 1.2;
            display: block;
            padding: 0.5em;
            border-radius: 0.3em; }
            #salary-form .modal-content .form-inline .form-group .custom-control-label:before, #salary-form .modal-content .form-inline .form-group .custom-control-label:after, #area-form .modal-content .form-inline .form-group .custom-control-label:before, #area-form .modal-content .form-inline .form-group .custom-control-label:after, #place-form .modal-content .form-inline .form-group .custom-control-label:before, #place-form .modal-content .form-inline .form-group .custom-control-label:after {
              top: 0.4em;
              left: calc(100% - 2em); }
          #salary-form .modal-content .form-inline .form-group .custom-control-input:checked ~ .custom-control-label:before, #area-form .modal-content .form-inline .form-group .custom-control-input:checked ~ .custom-control-label:before, #place-form .modal-content .form-inline .form-group .custom-control-input:checked ~ .custom-control-label:before {
            background-color: #f797c8; }
    #salary-form #btn-modal-area, #salary-form #btn-modal-salary, #salary-form #btn-modal-place, #area-form #btn-modal-area, #area-form #btn-modal-salary, #area-form #btn-modal-place, #place-form #btn-modal-area, #place-form #btn-modal-salary, #place-form #btn-modal-place {
      background: #f797c8;
      border-color: #f797c8;
      border-radius: 2em;
      box-shadow: 0.1em 0.1em 0.1em #999; }

  #area-form .modal-content .form-inline .form-group {
    width: 100%; }

  .container.index .index-logo {
    background: url(../img/sp-index-kuma.svg) no-repeat;
    background-size: 35%;
    background-position: top left;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
          position: unset;
    }
    .container.index .index-logo .recorde {
      background: #fff;
      font-size: 16px;
      font-weight: bold;
      padding: 0.5em;
      text-align: center;
    order: 3;
    }
      .container.index .index-logo .recorde > strong {
        color: #fd5ec1; }
    .container.index .index-logo > img {
      margin: 3em 0 5em 45%;
      width: 50%;
    order: 1;}
    .container.index .index-logo > a {
      background: #f16ab5;
      color: #fff;
      padding: 1em 0 0.8em;
      text-align: center;
      border-radius: 2em;
      display: block;
      width: 60%;
      position: absolute;
      right: 0.8em;
      bottom: 0.8em;
      z-index: 123; }
  .container.index .col-12 {
    background: lavenderblush;
    padding: 0;}

  .index-adv-link {
    order: 2;
    width: 100%;}

  .about-reason > ul li {
    background: #fff;
    width: 100%;
    margin-bottom: 1em; }
    .about-reason > ul li:nth-child(3) {
      margin-bottom: 0; } }
@media screen and (max-width: 735px) {
  .main-search-child > a > img {
    height: 6em; }

  .main-topics-child {
    width: 48%; }
    .main-topics-child:nth-child(3) {
      display: none; }




  .main-ranking-box .main-ranking-child > a > figure {
    height: 5.4em; }

  .main-inter-box .main-inter-child > a > figure {
    height: auto; }

  .main-column-box .main-column-child > a > figure {
    height: 9em; }

  .main-recomm-box .main-recomm-child > a > figure {
    height: 5.6em; }

  .main-histry-box .main-histry-child > a > figure {
    height: 5.6em; }

  .recomm.pr .main-recomm-box .main-recomm-child {
    width: 55%; }
    .recomm.pr .main-recomm-box .main-recomm-child > a > figure {
      height: 6.4em; }

  .main-column-box .main-column-child > a > figure {
    height: 9em; }

  .search-area a {
    width: 100%; }

  .search-area .shop-box a .shop-title {
    font-size: 1.4em;
    width: 100%; }
  .search-area .shop-box a figure {
    width: 100%;
    margin-bottom: 0.5em; }
  .search-area .shop-box .shop-desc {
    width: 100%;
    padding: 0;}
    .search-area .shop-box .shop-desc .badge-place {
      color: #ec86b5;
      font-size: 1.1em; }



  .pager-box > .pagination .page-item {
    margin-bottom: 0.3em; }



  .user-menu {
    background-position: top 0.5em right 12%; }

  .message-list table tr th:nth-child(3) {
    display: none; }
  .message-list table tr td:nth-child(3) {
    display: none; }
  .message-list table.dataTable th, .message-list table.dataTable td {
    font-size: 1em; }

  .form-inline.birth .form-group {
    width: 100%;
    display: flex; }

  .message-box .mail-section p {
    font-size: 1em;
    line-height: 1.4; }
  .message-box textarea.form-control {
    height: 8em; }

  .box-list.ranking .box-list-area .box-list-child .rank-bar {
    font-size: 1.6em;
    padding: 0; }
	.box-list.ranking .box-list-area .box-list-child > a {
		width:100%;
	}
  .box-list.ranking .box-list-area .box-list-child figcaption {
    width: 100%;
    padding: 0 1em; }
  .box-list.newcommer h2 {
    background-size: 5.2em;
    background-position: top 2.9em left 0.5em;
    padding: 1.5em 0.5em; }
  .box-list.newcommer .box-list-area .box-list-child .rank-bar {
    font-size: 1.6em;
    padding: 0; }
  .box-list.newcommer .box-list-area .box-list-child > a {
    width: 100%; }
    .box-list.newcommer .box-list-area .box-list-child > a figure {
      height: 11.2em; }
  .box-list.newcommer .box-list-area .box-list-child figcaption {
    width: 100%;
    padding: 0 1em; }
    .box-list.newcommer .box-list-area .box-list-child figcaption .shop-title {
      width: 100%;
      height: auto; }
  .box-list.newcommer .box-list-area .box-list-child .btn-keep {
    width: 2em;
    height: 2em;
    top: 0.5em;
    right: 0; }
  .box-list.column h2 {
    background-size: 3em;
    background-position: top 2.8em left 0.5em;
    font-size: 20px;
    font-weight: bold;
    height: 75px;
    padding: 22px 0 0 7px;}
  .box-list.column .box-list-area .column-detail h3.ellipsis {
    white-space: unset; }

  .shindan-area {
    background-image: url(../img/bg-sp-shindan.png);
    height: 30em; }
    .shindan-area #start-shindan {
      background-image: url(../img/bg-sp-shindan-start.png);
      font-size: 1.4em;
      padding-top: 17.2em; }
    .shindan-area ul li {
      width: 100%;
      margin-bottom: 2em; }
      .shindan-area ul li a {
        display: block;
        width: 100%;
        height: auto;
        padding: 1em;
        border-radius: 0; }
        .shindan-area ul li a > p {
          font-size: 1.4em;
          position: relative;
          left: 0;
          top: 0;
          transform: unset; }
    .shindan-area .positionFit#a_01 {
      background-image: url(../img/bg-sp-shindan-a01.png); }
    .shindan-area .positionFit#a_02 {
      background-image: url(../img/bg-sp-shindan-a02.png); }
    .shindan-area .positionFit#a_03 {
      background-image: url(../img/bg-sp-shindan-a03.png); }
    .shindan-area .positionFit#a_04 {
      background-image: url(../img/bg-sp-shindan-a04.png); }
    .shindan-area .positionFit > p {
      font-size: 1.2em; }

  .user-login .login-form form .text-center a {
    width: 100%; }
  .user-login .login-form form .text-center .btn-login {
    width: 100%; }
  .user-login .login-form > .text-center a {
    width: 100%; }

  .user-join h2 {
    padding: 0.5em; }

  .about-block h3 {
    font-size: 1.1em; }
  .about-block.advertis {
    padding: 2em 0 0; }
    .about-block.advertis h2 {
      padding-bottom: 4em; }
    .about-block.advertis h3 {
      font-size: 1.5em; }

  .point-box .point-child figure {
    height: 15em; }
  .point-box .point-child > div h3 {
    font-size: 1.6em; }

  .join-modal .modal-content {
    background-size: 4em;
    background-position: top 5% right 5%;
    border: 0.3em solid #f16ab5; }
    .join-modal .modal-content .tit-comp {
      font-size: 1.4em; }
    .join-modal .modal-content .txt-comp {
      font-size: 1em; }

  .txt-content {
    padding: 1em;
    line-height: 1.6;
    text-align: left; }



  .about .btn-advertis a {
    width: 100%; }

  .container.index .index-logo > img {
    margin: 2em 0 2em 45%; }
  .container.index .index-logo > a {
    width: 55%;
    right: 1em;
    bottom: 1em;
    padding: 0.6em; }

  .adv-form {
    background: #fff;
    font-size: 0.9em;
    padding: 1em; } }
@media screen and (max-width: 413px) {

  .shindan-area .positionFit > p {
    font-size: 1em; }
  .shindan-area ul li a > p {
    font-size: 1.2em; }

  .main-topics-child > a > figure {
    height: 9em; }
  .main-topics-child > a figcaption p {
    font-size: 1em; }

  .main-ranking-child > a > figcaption {
    font-size: 0.8em; }

  .main-inter-box > a > figure {
    height: 10em; }
  .main-inter-box > a > figcaption {
    font-size: 1em; }
  .main-inter-box.detail .main-inter-child > a > figure {
    height: auto; }
  .main-inter-box.detail .main-inter-child > a > figcaption {
    font-size: 1em; }

  .bg-map { }

    .bg-map > ul > li {
     }

  .main-column-child > a > figure {
    height: 8em; }
  .main-column-child > a > figcaption {
    font-size: 0.9em; }
    .main-column-child > a > figcaption p {
      font-size: 1.1em;
      margin-bottom: 0.5em; }

  .main-histry-child > a > figure {
    height: 5em; }

  .search-area .shop-box .shop-desc .d-flex dt {
    padding: 0.1rem; }
    .search-area .shop-box .shop-desc .d-flex dt a {
      padding: 0.2rem 0.3rem; }



  .message-list table.dataTable th, .message-list table.dataTable td {
    font-size: 0.9em; }

  .prof-setting table {
    font-size: 0.8em; }

  .system-setting table {
    font-size: 0.8em; }

  .box-list.interview .box-list-area .box-list-child a figure {
    height: auto; }
  .box-list.topics .box-list-area .box-list-child figcaption p:after {
    right: 0; }
  .box-list.column .box-list-area .box-list-child a figure {
    height: 7.436em; }
  .box-list.column .box-list-area .column-detail h3 {
    font-size: 1.2em; }
  .box-list.column .box-list-area .column-detail .column-body {
    font-size: 1em; }

  .shindan-area {
    height: 27em; }
    .shindan-area #start-shindan {
      font-size: 1.2em;
      padding-top: 18.5em; }
    .shindan-area ul li {
      margin-bottom: 1em; }

  .about-block h3 {
    font-size: 1.4em;
    line-height: 1.4; }
    .about-block h3 + p {
      font-size: 0.9em; }

  .point-box .point-child figure {
    height: 13em; }
  .point-box .point-child > div h3 {
    font-size: 1.4em; }

  .main-banner a .main-banner-cap .main-banner-title {
    width: 100%; }

  .container.index .index-logo > img {
    margin: 2vh 7vw 10px auto;}
  .container.index .index-logo > a {
    font-size: 0.9em; }

    .index-adv-link a {
    color: #FFF;
    text-decoration: underline;
    background: #fd9acc;
    border-radius: 23px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 18px;
    text-align: center;
    width: max-content;
    margin: 10px 20px 14px auto;
}

}
@media screen and (max-width: 350px) {

  .main-search-child > a > img {
    height: 4em; }

  .bg-map {
    height: 11em; }
    .bg-map > ul > li {
      width: 5em; }
    .bg-map.hokkaido > ul > li:nth-child(4) {
      width: 7.3em; }
    .bg-map.nagoya > ul > li:nth-child(3) {
      width: 8.4em; }
    .bg-map.nagoya > ul > li:nth-child(4) {
      width: 8.9em; }
    .bg-map.nagoya > ul > li:nth-child(5) {
      width: 8.4em; }
    .bg-map.osaka > ul > li:nth-child(4) {
      width: 7.4em; }

  .main-ranking-child > a > figure {
    height: 5em; }

  .main-inter-box .main-inter-child > a > figure {
    height: 12em; }
  .main-inter-box .main-inter-child > a > figcaption {
    font-size: 0.9em; }
  .main-inter-box.detail .main-inter-child > a > figure {
    height: auto; }
  .main-inter-box.detail .main-inter-child > a > figcaption {
    font-size: 0.9em; }

  .main-histry-child > a > figure {
    height: 4.6em; }

  .main-recomm-child > a > figure {
    height: 4.6em; }

  .search-area .shop-box a figure > div {
    height: 9em; }

  .pager-box {
    margin-bottom: 1em; }
    .pager-box > .pagination {
      font-size: 0.8em; }

  .shop-detail .shop-menu ul li.active {
    font-size: 0.8em; }
  .shop-detail .shop-menu ul li a {
    font-size: 0.8em; }
  .shop-detail .detail-box .mess-hide .btn-mess-show {
    width: 100%; }
  .shop-detail dl {
    font-size: 0.9em; }
    .shop-detail dl ~ h3 {
      font-size: 1.1em; }
  .shop-detail .contact-box h3 {
    font-size: 1.4em; }
  .shop-detail .contact-box .contact-text {
    margin: 0 0 1em; }
  .shop-detail .contact-box .contact-form form {
    font-size: 1em; }

  .shop-inter-box .inter-body p {
    font-size: 1em; }
  .shop-inter-box .inter-body table {
    font-size: 0.8em; }
  .shop-inter-box.main .inter-body {
    padding: 0 0.5em; }
    .shop-inter-box.main .inter-body table {
      font-size: 0.8em; }

  .shop-recruit .d-table {
    font-size: 0.8em; }

  .user-menu {
    background-position: top 0.5em right 5%; }

  .box-list.interview .box-list-area .box-list-child a figure {
    height: 9.6em; }
  .box-list.topics .box-list-area .box-list-child figure {
    height: 9.4em; }

  .shindan-area {
    height: 25em; }
    .shindan-area #start-shindan {
      padding-top: 17em; }
    .shindan-area .positionFit > p {
      font-size: 0.9em; }
    .shindan-area ul li a > p {
      font-size: 1.1em; }

  .user-login .login-form {
    font-size: 1em; }
    .user-login .login-form > .text-center a {
      padding: 1em 0.5em; }

  .about-block h3 {
    font-size: 1.3em; }

  .point-box .point-child figure {
    height: 12em; }
  .point-box .point-child > div h3 {
    font-size: 1.3em; }

  .main-banner a .main-banner-cap .main-banner-title {
    width: 70%; }

  .container.index .index-logo > a {
    font-size: 0.8em; } }