@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption,
tbody, tfoot, thead, table, label, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  outline: 0;
  vertical-align: baseline;
  list-style: none;
  font-family: 'Noto Sans JP','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'Meiryo UI',YuGothic,'Yu Gothic','Yu Gothic UI',sans-serif;
  font-weight: 300; }

* {
  box-sizing: border-box; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

html {
  font-size: 16px; }

header {
  margin-bottom: 0; }

strong {
  font-weight: bold; }

img {
  max-width: 100%;
  height: auto; }

a {
  color: inherit;
  text-decoration: none; }
  a:hover,a:focus  {
    color: inherit;
    text-decoration: none; }

input,
textarea,
select {
  font-size: 1rem !important; }

input {
  /* Google Chrome, Safari, Opera 15+, Android, iOS */
  /* Firefox 18- */
  /* Firefox 19+ */
  /* IE 10+ */ }
  input:placeholder-shown {
    color: #ddd; }
  input::-webkit-input-placeholder {
    color: #ddd; }
  input:-moz-placeholder {
    color: #ddd;
    opacity: 1; }
  input::-moz-placeholder {
    color: #ddd;
    opacity: 1; }
  input:-ms-input-placeholder {
    color: #ddd; }
textarea::placeholder {
  font-size: 13px;
}
textarea:placeholder-shown {
  color: #ddd;
  /* Google Chrome, Safari, Opera 15+, Android, iOS */ }
textarea::-webkit-input-placeholder {
  color: #ddd;
  /* Firefox 18- */ }
textarea:-moz-placeholder {
  color: #ddd;
  opacity: 1;
  /* Firefox 19+ */ }
textarea::-moz-placeholder {
  color: #ddd;
  opacity: 1;
  /* IE 10+ */ }
textarea:-ms-input-placeholder {
  color: #ddd; }

textarea.customScroll::-webkit-scrollbar {
  width: 7px;
  background-color: #f8f8f8;
}
textarea.customScroll::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 3px;
  background-color: #ccc;
}

.top-login-after {
  padding-top: 60px; }

.logouttop-body--login60,
.logouttop-body--form--login60 {
  padding-top: 60px; }

.pre-wrap {
  white-space: pre-wrap; }

.usrimg_c {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  border-radius: 50%; }

.usrimg_s {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; }

.newbadge {
  position: relative; }
  .newbadge__icon {
    content: "";
    position: absolute;
    top: 1.5rem;
    right: 0;
    min-width: 16px;
    height: 16px;
    background-color: #da2647;
    border-radius: 50%;
    color: #fff;
    padding: 0.1rem;
    display: flex;
    font-size: 0.5rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    transform: translate(100%, -50%);
    z-index: 1; }
    .newbadge__icon.horizon {
      top: 50%; }

.chartwrap {
  position: relative; }
  .chartwrap__loading {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%); }

.glyphicon-calendar:before {
  display: none; }

.dropdown-menu table th {
  vertical-align: top; }

.img-input {
  display: none !important; }

.area-all {
  min-height: 100vh; }
  .area-all.bg_white {
    background-color: #fff; }

.area-footer-publish__content {
  padding: 40px 16px 16px;
  background-color: #fff; }
  .area-footer-publish__content.bg_f7f7f7 {
    background-color: #f7f7f7; }
.area-footer-publish__content2 {
  background-color: #f0f0f0; }
.area-footer-publish__h {
  margin-bottom: 32px;
  padding-top: 24px;
  color: #48485a;
  font-size: 24px;
  line-height: 1;
  text-align: center; }
.area-footer-publish__caption {
  margin-bottom: 44px;
  color: #48485a;
  font-size: 13px;
  text-align: center; }
.area-footer-publish__cr {
  padding: 16px;
  background-color: #48485a;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  position: relative;
  text-align: center; }
.area-footer-publish__gototop {
  width: 44px;
  height: 44px;
  background: url("/images/client/icon_gototop.png") no-repeat center/44px auto;
  opacity: 1;
  position: fixed;
  transition-property: opacity, pointer-events;
  transition-duration: 0.4s;
  bottom: 0;
  right: 20px; }
  .area-footer-publish__gototop.hidden2 {
    opacity: 0;
    pointer-events: none; }

.footersearch {
  margin-bottom: 70px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .footersearch__input {
    width: 343px;
    height: 36px;
    margin-right: 20px;
    padding: 0 12px;
    background-color: #fff;
    border: 1px solid #d3d8dc;
    border-radius: 2px;
    display: flex;
    align-items: center; }
  .footersearch__btn {
    width: 186px;
    height: 36px;
    padding: 0 16px;
    background-color: #56b8b8;
    border: none;
    border-radius: 2px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    text-align: center; }
    .footersearch__btn > span {
      padding-left: 24px;
      background: url("/images/client/icon_search_white.png") no-repeat left center/16px auto;
      display: inline-block; }
    .footersearch__btn:hover {
      opacity: 0.8; }

.footerlv3h {
  max-width: 1200px;
  margin: 0 auto 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e6e6e6;
  color: #333;
  font-size: 14px; }

.footertags {
  max-width: 1200px;
  margin: 0 auto 44px;
  display: flex;
  flex-wrap: wrap; }
  .footertags__item {
    margin: 0 4px 4px 0; }
    .footertags__item > a {
      padding: 10px 13px;
      background-color: #f2f2f2;
      border-radius: 2px;
      color: #717171;
      display: inline-block;
      font-size: 12px;
      line-height: 1; }

.footerguide {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
  display: flex; }
  .footerguide__h {
    margin-bottom: 36px;
    color: #48485a;
    font-size: 18px;
    text-align: center; }
  .footerguide__img {
    margin: 0 auto 28px;
    display: block; }
  .footerguide__text {
    margin-bottom: 20px;
    color: #48485a;
    font-size: 14px;
    line-height: 1.7;
    word-break: break-all; }
    .footerguide__text.frame {
      padding: 10px;
      background-color: #fff; }
  .footerguide__link {
    margin-bottom: 28px;
    color: #56b8b8;
    font-size: 12px;
    text-align: right; }
    .footerguide__link a {
      padding-left: 16px;
      background: url("/images/client/icon_more_green.png") no-repeat left center/6px auto; }
  .footerguide__col {
    width: 27%;
    padding: 16px 24px;
    border-right: 1px solid #ccc; }
    .footerguide__col:first-child {
      width: 46%; }
    .footerguide__col:last-child {
      border: none; }

.footerguide_sp {
  display: none; }

.footertext {
  max-width: 1200px;
  margin: 0 auto 40px;
  color: #333;
  font-size: 14px;
  line-height: 1.7; }

.footerregistry {
  margin-bottom: 32px;
  display: flex;
  justify-content: center; }
  .footerregistry__item {
    width: 320px;
    margin: 0 18px; }
    .footerregistry__item > a {
      padding: 16px 22px;
      border-radius: 2px;
      color: #fff;
      display: block;
      font-size: 16px;
      text-align: center; }
      .footerregistry__item > a:hover {
        color: #fff; }
      .footerregistry__item > a > span {
        margin-top: 8px;
        font-size: 12px;
        display: block; }
      .footerregistry__item > a:hover {
        opacity: 0.8; }
    .footerregistry__item.client > a {
      background-color: #56b8b8; }
    .footerregistry__item.cast > a {
      background-color: #fdb650; }

.footerhr {
  margin: 0;
  border-bottom: 1px solid #ddd; }

.footerdata {
  max-width: 1200px;
  margin: 0 auto;
  padding: 22px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .footerdata__num {
    font-size: 18px; }
    .footerdata__num > span {
      font-size: 24px;
      font-weight: bold; }
  .footerdata__brand img {
    max-width: 160px;
    margin-bottom: 8px;
    display: block; }
  .footerdata__brand p {
    font-size: 12px; }

.footermenu {
  max-width: 1200px;
  margin: 0 auto;
  padding: 22px 16px 0;
  display: flex;
  justify-content: space-between; }
  .footermenu__h {
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #979797;
    color: #464646;
    font-size: 18px; }
  .footermenu__col {
    width: calc((100% - 120px) / 3); }
  .footermenu__list {
    margin-bottom: 24px;
    color: #464646;
    font-size: 14px; }
    .footermenu__list__item {
      margin-bottom: 12px; }
  .footermenu__bnr {
    margin-bottom: 24px;
    padding: 14px;
    background-color: #56b8b8;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 1;
    text-align: center; }
    .footermenu__bnr:hover {
      color: #fff;
      opacity: 0.8; }
  .footermenu__sns {
    display: flex;
    align-items: center; }
    .footermenu__sns__item {
      margin-right: 20px; }
      .footermenu__sns__item > a {
        width: 24px;
        height: 24px;
        display: inline-block; }
      .footermenu__sns__item.twitter > a {
        background: url("/images/client/footer/icon_twitter.png") no-repeat center/24px auto; }
      .footermenu__sns__item.facebook > a {
        background: url("/images/client/footer/icon_facebook.png") no-repeat center/24px auto; }
      .footermenu__sns__item.instagram > a {
        background: url("/images/client/footer/icon_instagram.png") no-repeat center/24px auto; }

.logoutfooter3col {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  .logoutfooter3col__col {
    width: calc((100% - 48px) / 3); }
  .logoutfooter3col__h {
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #464646;
    color: #464646;
    font-size: 18px;
    line-height: 1; }
  .logoutfooter3col__logo {
    max-width: 244px;
    margin: 0 auto; }
    .logoutfooter3col__logo img {
      margin: 0 auto;
      display: block; }
  .logoutfooter3col__caption {
    margin: 14px 0 20px;
    color: #464646;
    font-size: 12px;
    line-height: 1.25;
    text-align: center; }
  .logoutfooter3col__bnr {
    font-size: 18px;
    line-height: 1;
    text-align: center; }
    .logoutfooter3col__bnr + .logoutfooter3col__bnr {
      margin-top: 16px; }
    .logoutfooter3col__bnr a {
      padding: 14px;
      display: block;
      border-radius: 2px; }
      .logoutfooter3col__bnr a:hover {opacity: .8; }
    .logoutfooter3col__bnr--green a {
      background-color: #56b8b8;
      border: 1px solid #56b8b8;
      color: #fff; }
    .logoutfooter3col__bnr--white a {
      background-color: #fff;
      border: 1px solid #333;
      color: #333; }
  .logoutfooter3col__tel {
    margin-top: 14px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    text-align: center; }

.logoutfooter-sitemap {
  color: #464646;
  font-size: 14px;
  line-height: 1.4; }
  .logoutfooter-sitemap__item + .logoutfooter-sitemap__item {
    margin-top: 6px; }
  .logoutfooter-sitemap__item a:hover {opacity: .8; }

.login-header {
  max-height: 60px;
  padding: 0.7rem 1.5rem;
  background-color: #fff;
  color: #858b94;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  border-bottom: none; }
  .login-header__logo > a {
    width: 243px;
    height: 24px;
    background: url("/images/client/logo_gray_243x24_3x.png") no-repeat left center/243px 24px;
    display: inline-block; }
  .login-header__list {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .login-header__list__item {
      margin-right: 4rem;
      line-height: 1; }
      .login-header__list__item.mail {
        padding-left: 56px;
        line-height: 44px;
        position: relative; }
        .login-header__list__item.mail .mail__icon {
          position: absolute;
          top: 0;
          left: 0;
          width: 44px;
          height: 44px;
          background-repeat: no-repeat;
          background-position: center top;
          background-size: cover;
          border-radius: 50%; }
      .login-header__list__item.frame {
        margin-right: 0;
        position: relative; }
        .login-header__list__item.frame > a {
          padding: 1rem;
          border: 1px solid #858b94;
          border-radius: 2px;
          display: inline-block;
          text-align: center; }
        .login-header__list__item.frame.active .login-header__login {
          position: absolute;
          top: 100%;
          right: 0;
          width: 186px;
          padding: 1rem;
          background-color: #fff;
          border-radius: 2px;
          box-shadow: 0 2px 8px 0 rgba(133, 139, 148, 0.3), 0 2px 8px 0 rgba(133, 139, 148, 0.3); }
          .login-header__list__item.frame.active .login-header__login__company {
            margin-bottom: 1.5rem;
            padding-left: 1.5rem;
            background: url("/images/client/icon_login_company.png") no-repeat left center/14px auto;
            color: #56b8b8;
            font-size: 0.8rem; }
          .login-header__list__item.frame.active .login-header__login__cast {
            padding-left: 1.5rem;
            background: url("/images/client/icon_login_cast.png") no-repeat left center/10px auto;
            color: #fc9537;
            font-size: 0.8rem; }
  .login-header.transparent {
    background-color: transparent;
    color: #fff; }
    .login-header.transparent .login-header__logo a {
      background: url("/images/client/logo_white_243x24_3x.png") no-repeat left center/243px 24px; }
    .login-header.transparent .login-header__list__item.frame a {
      border: 1px solid #fff; }

.login-after-header {
  max-height: 100%;
  line-height: 1; }
  .login-after-header__inner {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0.7rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .login-after-header__name {
    padding: 0.75rem 0 0.75rem 2.25rem;
    color: #48485a;
    font-size: 1.1rem; }
    .login-after-header__name.edit {
      background: url("/images/client/icon_setting_glay_3x.png") no-repeat left center/20px 20px; }
    .login-after-header__name.search {
      background: url("/images/client/icon_search_glay_3x.png") no-repeat left center/20px 21px; }
    .login-after-header__name.home {
      background: url("/images/client/icon_CombinedShape_3x.png") no-repeat left center/21px 23px; }
    .login-after-header__name.job {
      background: url("/images/client/icon_offer_glay_3x.png") no-repeat left center/22px 21px; }
    .login-after-header__name.message {
      background: url("/images/client/icon_messege_glay_3x.png") no-repeat left center/22px 21px; }
    .login-after-header__name.settlement {
      background: url("/images/client/icon_payment_glay_3x.png") no-repeat left center/22px 17px; }
  .login-after-header__btnbox {
    display: flex;
    align-items: center; }
    .login-after-header__btnbox__bnr {
      padding: 1rem;
      background-color: #56b8b8;
      border-radius: 2px;
      display: inline-block;
      font-size: 0.8rem;
      text-decoration: none; }
      .login-after-header__btnbox__bnr:hover {
        opacity: 0.8; }
      .login-after-header__btnbox__bnr > span {
        padding: 2px 0 2px 1.5rem;
        background: url("/images/client/icon_plus_white.png") no-repeat left center/auto 15px;
        color: #fff; }
    .login-after-header__btnbox__favlink {
      margin-right: 16px;
      padding-left: 22px;
      background: url('/images/client/icon_fav_gray.png') no-repeat left center/20px auto;
      color: #858b94;
      display: block;
      font-size: 12px;
      line-height: 20px;
      text-decoration: none; }

/*side-menu */
.vartical-nav {
  height: calc(100% - 60px);
  background: #333340;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed;
  top: 60px; }
  .top-login-after .vartical-nav {
    /*height: calc(100% - 95px);
    top: 95px;*/
     }
  .vartical-nav::-webkit-scrollbar{
    display:none; }
  .vartical-nav a.vartical-nav__brand {
    width: 44px;
    height: 44px;
    margin: 0.635rem auto;
    padding: 0;
    text-align: center;
    display: block;
    overflow: hidden;
    text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s ease-out; }
    .vartical-nav a.vartical-nav__brand img {
      height: 44px;
      width: 44px;
      border-radius: 50%; }
  .vartical-nav .left-nav-out .left-nav__wrap {
    padding: 0; }
    .vartical-nav .left-nav-out .left-nav__wrap--link {
      padding: 0;
      font-size: 0.95em; }
      .vartical-nav .left-nav-out .left-nav__wrap--link__item {
        position: relative;
        display: block;
        height: 60px;
        width: 100px; }
      .vartical-nav .left-nav-out .left-nav__wrap--link .home {
        background: url("/images/client/home-glay@2x.png") no-repeat top 16px center/16px auto;
        padding: 4px 0;
        height: 60px;
        text-align: center; }
        .vartical-nav .left-nav-out .left-nav__wrap--link .home:hover,
        .vartical-nav .left-nav-out .left-nav__wrap--link .home.active, 
        .vartical-nav .left-nav-out .left-nav__wrap--link .home:focus {
          background: url("/images/client/home@2x.png") no-repeat top 16px center/16px auto, #56b8b8;
          color: #fff; }
      .vartical-nav .left-nav-out .left-nav__wrap--link .offer {
        background: url("/images/client/offer-glay@2x.png") no-repeat top 16px center/16px auto;
        padding: 4px 0;
        height: 60px;
        text-align: center; }
        .vartical-nav .left-nav-out .left-nav__wrap--link .offer:hover,
        .vartical-nav .left-nav-out .left-nav__wrap--link .offer.active, 
        .vartical-nav .left-nav-out .left-nav__wrap--link .offer:focus {
          background: url("/images/client/offer@2x.png") no-repeat top 16px center/16px auto, #56b8b8;
          color: #fff; }
      .vartical-nav .left-nav-out .left-nav__wrap--link .message {
        background: url("/images/client/messege-glay@2x.png") no-repeat top 16px center/16px auto;
        padding: 4px 0;
        height: 60px;
        text-align: center; }
        .vartical-nav .left-nav-out .left-nav__wrap--link .message:hover,
        .vartical-nav .left-nav-out .left-nav__wrap--link .message.active, 
        .vartical-nav .left-nav-out .left-nav__wrap--link .message:focus {
          background: url("/images/client/messege@2x.png") no-repeat top 16px center/16px auto, #56b8b8;
          color: #fff; }
      .vartical-nav .left-nav-out .left-nav__wrap--link .search {
        background: url("/images/client/search-glay@2x.png") no-repeat top 16px center/16px auto;
        padding: 4px 0;
        height: 60px;
        text-align: center; }
        .vartical-nav .left-nav-out .left-nav__wrap--link .search:hover,
        .vartical-nav .left-nav-out .left-nav__wrap--link .search.active,  
        .vartical-nav .left-nav-out .left-nav__wrap--link .search:focus{
          background: url("/images/client/search@2x.png") no-repeat top 16px center/16px auto, #56b8b8;
          color: #fff; }
      .vartical-nav .left-nav-out .left-nav__wrap--link .settlement {
        background: url("/images/client/pay-glay@2x.png") no-repeat top 16px center/16px auto;
        padding: 4px 0;
        height: 60px;
        text-align: center; }
        .vartical-nav .left-nav-out .left-nav__wrap--link .settlement:hover,
        .vartical-nav .left-nav-out .left-nav__wrap--link .settlement.active, 
        .vartical-nav .left-nav-out .left-nav__wrap--link .settlement:focus {
          background: url("/images/client/pay@2x.png") no-repeat top 16px center/16px auto, #56b8b8;
          color: #fff; }
        .vartical-nav .left-nav-out .left-nav__wrap--link .help {
          background: url("/images/client/newly.png") no-repeat top 37px center/16px auto;
          background-size: 13px 16px;
          padding: 4px 0;
          height: 100px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          text-align: center;
          color: #e6efff66}
          .vartical-nav .left-nav-out .left-nav__wrap--link .help:hover,
          .vartical-nav .left-nav-out .left-nav__wrap--link .help.active {
            background: url("/images/client/newly_hover.png") no-repeat top 37px center/16px auto, #56b8b8;
            background-size: 13px 16px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            color: #fff; }
        .vartical-nav .left-nav-out .left-nav__wrap--link .home p,
        .vartical-nav .left-nav-out .left-nav__wrap--link .offer p,
        .vartical-nav .left-nav-out .left-nav__wrap--link .message p,
        .vartical-nav .left-nav-out .left-nav__wrap--link .search p,
        .vartical-nav .left-nav-out .left-nav__wrap--link .settlement p {
          margin-top: 1.3rem;
          font-size: 10px }
        .vartical-nav .left-nav-out .left-nav__wrap--link .help p {
          margin-top: 1.7rem;
          font-size: 10px }
        .vartical-nav .left-nav-out .left-nav__wrap--link .home:before,
        .vartical-nav .left-nav-out .left-nav__wrap--link .offer:before,
        .vartical-nav .left-nav-out .left-nav__wrap--link .message:before,
        .vartical-nav .left-nav-out .left-nav__wrap--link .search:before,
        .vartical-nav .left-nav-out .left-nav__wrap--link .settlement:before {
          display: none; }

/*footer */
.global-footer {
  background: #e5e8ec;
  border-top: 1px solid #dddddd;
  box-sizing: content-box;
  padding-left: 100px; }
  .global-footer__inner {
    max-width: 1340px;
    margin: 0 auto;
    padding: 2rem 2rem 0; }
  .global-footer__row {
    padding-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .global-footer__links a {
    margin-bottom: 1rem;
    color: #56b8b8;
    display: block;
    font-size: 0.75rem;
    line-height: 1; }
    .global-footer__links a:hover {
      text-decoration: underline;
      color: #56b8b8;}
  .global-footer__manual {
    width: 244px;
    height: 86px;
    overflow: hidden;
    position: relative; }
    .global-footer__manual a {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      .global-footer__manual a img {
        max-width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0; }
      .global-footer__manual a:hover img {
        top: -86px; }
  .global-footer__list {
    width: calc(100% - 292px);
    display: flex;
    flex-wrap: wrap; }
    .global-footer__list__item {
      margin-bottom: 0.75rem; }
      .global-footer__list__item:nth-of-type(3n+1) {
        width: 27%; }
      .global-footer__list__item:nth-of-type(3n+2) {
        width: 43%; }
      .global-footer__list__item:nth-of-type(3n+3) {
        width: 30%; }
      .global-footer__list__item a {
        color: #48485a; }
        .global-footer__list__item a:hover {
          text-decoration: underline;
          color: #56b8b8; }

.global-copyright {
  background-color: #48485a;
  color: #fff;
  font-size: 0.75rem;
  text-align: center;
  padding-left: 100px; }
  .global-copyright__inner {
    max-width: 1005px;
    margin: 0 auto;
    padding: .75rem 0; }
  .global-copyright__list {
    margin-bottom: .75rem;
    display: flex;
    justify-content: center; }
    .global-copyright__list__item {
      padding: 0 .75rem;
      border-right: 1px solid #fff; }
      .global-copyright__list__item:last-child {
        border-right: none; }
      .global-copyright__list__item a {
        color: #fff; }
        .global-copyright__list__item a:hover {
          color: #51b8b9;
          text-decoration: underline; }
  .global-copyright__text {
    display: block;
    font-size: .625rem; }

.status-white {
  background: #fff;
  border: 1px solid #858b94;
  color: #858b94; }

.status-green {
  background: #32bbb7;
  border: 1px solid #32bbb7;
  color: #fff; }

.status-orange {
  background: #fc9537;
  border: 1px solid #fc9537;
  color: #fff; }

.messages-detail {
  max-width: 850px;
  margin: 0 auto 2.5rem;
  background-color: #fff;
  border: 1px solid #e1e1e9; }
  .messages-detail img {
    max-width: 100%; }
  .messages-detail__header {
    padding: 1.5rem 1.5rem 1rem;
    border-bottom: 1px solid #e1e1e9; }
    .messages-detail__header__body {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .messages-detail__header__offer {
      padding-top: 1rem; }
      .messages-detail__header__offer__category {
        width: 4rem;
        margin-right: 0.75rem;
        padding: 0.56rem;
        border-radius: 3px;
        display: inline-block;
        font-size: 0.75rem;
        line-height: 1;
        text-align: center; }
      .messages-detail__header__offer__title {
        font-size: 0.8rem; }
      .messages-detail__header__offer.wanted {
        color: #56b8b8; }
        .messages-detail__header__offer.wanted .messages-detail__header__offer__category {
          border: 1px solid #56b8b8; }
      .messages-detail__header__offer.nominate {
        color: #fdb650; }
        .messages-detail__header__offer.nominate .messages-detail__header__offer__category {
          border: 1px solid #fdb650; }
  .messages-detail__col1 {
    width: 50%;
    display: flex;
    align-items: center; }
  .messages-detail__col2 {
    width: 50%;
    display: flex;
    justify-content: flex-end; }
  .messages-detail__changestatus {
    display: flex; }
    .messages-detail__changestatus label {
      width: 7.5rem;
      position: relative; }
      .messages-detail__changestatus label:before {
        content: "";
        position: absolute;
        pointer-events: none;
        top: 50%;
        right: 0.875rem;
        width: 16px;
        height: 16px;
        background: url("/images/client/icon_arrow_pulldown.png") no-repeat;
        transform: translate(0, -50%); }
    .messages-detail__changestatus select {
      width: 100%;
      height: 36px;
      padding: 0 2rem 0 0.75rem;
      border: 1px solid #d3d8dc;
      border-radius: 2px;
      line-height: 1; }
      .messages-detail__changestatus select.disabled {
        background-color: #e5e8ec;
        border: 1px solid #e5e8ec;
        color: #fff;
        pointer-events: none; }
    .messages-detail__changestatus__btn {
      height: 36px;
      margin-left: 1rem;
      padding: 0 1.5rem;
      background-color: #56b8b8;
      border-radius: 2px;
      color: #fff;
      display: flex;
      align-items: center;
      font-size: 0.8rem;
      line-height: 1;
      text-align: center; }
      .messages-detail__changestatus__btn.disabled {
        background-color: #e5e8ec;
        pointer-events: none; }
  .messages-detail__thumb {
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin-right: 1rem; }
  .messages-detail__name {
    margin-right: 2rem;
    font-size: 1rem; }
  .messages-detail__status {
    min-width: 4rem;
    padding: 0.56rem;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #858b94;
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1;
    text-align: center; }
  .messages-detail__body {
    height: 500px;
    padding: 2.5rem 1.5rem;
    overflow: auto;
    position: relative; }
    .messages-detail__body a {
      color: #56b8b8; }
    .messages-detail__body__text {
      color: #a8a8a8;
      position: absolute;
      top: 50%;
      left: 50%;
      text-align: center;
      transform: translate(-50%, -50%); }
      .messages-detail__body__text__main {
        margin-bottom: 1rem;
        font-size: 1.1rem; }
      .messages-detail__body__text__sub {
        line-height: 1.54;
        font-size: 0.8rem; }
  .messages-detail__input {
    padding: 1.5rem 1.5rem 1rem;
    background-color: #f6f6f9;
    color: #48485a;
    display: flex;
    justify-content: space-between; }
    .messages-detail__input__col1 {
      width: calc(100% - 10rem);
      padding-right: 1.5rem; }
    .messages-detail__input__menu {
      margin-bottom: 1rem;
      display: flex; }
      .messages-detail__input__menu a {
        padding-left: 1.25rem;
        color: #56b8b8;
        display: block; }
      .messages-detail__input__menu .btn {
        background-color: transparent;
        box-shadow: none;
        font-size: 0.75rem; }
      .messages-detail__input__menu__item {
        margin-right: 2rem; }
        .messages-detail__input__menu__item:last-child {
          margin-right: 0; }
        .messages-detail__input__menu__item.link a {
          background: url("/images/client/icon_link_green.png") no-repeat left center/12px 12px;
          color: #56b8b8;
          position: relative; }
          .messages-detail__input__menu__item.link a input {
            position: absolute;
            bottom: calc(100% + 13px);
            left: 50%;
            width: 236px;
            height: 36px;
            padding: 0.56rem;
            border: 1px solid #d3d8dc;
            border-radius: 2px;
            box-shadow: 0 3px 12px 1px #ddd;
            transform: translateX(-50%); }
        .messages-detail__input__menu__item.file a {
          background: url("/images/client/icon_img_green.png") no-repeat left center/12px 12px;
          color: #56b8b8; }
        .messages-detail__input__menu__item.fee a {
          padding-left: 1.5rem;
          background: url("/images/client/icon_help_green.png") no-repeat left center/16px 16px;
          color: #56b8b8;
          position: relative; }
          .messages-detail__input__menu__item.fee a .menutips {
            position: absolute;
            bottom: calc(100% + 20px);
            left: 50%;
            width: 317px;
            padding: 0.5rem 1rem;
            background-color: #48485a;
            color: #fff;
            font-size: 0.8rem;
            opacity: 0;
            pointer-events: none;
            transform: translateX(-50%);
            transition-property: opacity, pointer-events;
            transition-duration: 0.4s; }
          .messages-detail__input__menu__item.fee a:after {
            content: "";
            position: absolute;
            bottom: calc(100% + 13px);
            left: 50%;
            width: 0;
            height: 0;
            border-top: 7px solid #48485a;
            border-right: 7px solid transparent;
            border-left: 7px solid transparent;
            opacity: 0;
            pointer-events: none;
            transform: translateX(-50%);
            transition-property: opacity, pointer-events;
            transition-duration: 0.4s; }
          .messages-detail__input__menu__item.fee a:hover {
            text-decoration: none; }
            .messages-detail__input__menu__item.fee a:hover .menutips, .messages-detail__input__menu__item.fee a:hover:after {
              opacity: 1;
              pointer-events: auto; }
        .messages-detail__input__menu__item.disabled a {
          cursor: not-allowed;
          opacity: 0.5; }
    .messages-detail__input__format label {
      margin-bottom: 1rem;
      display: inline-block;
      align-items: center;
      position: relative; }
      .messages-detail__input__format label:before {
        content: "";
        position: absolute;
        pointer-events: none;
        top: 50%;
        right: 0.875rem;
        width: 16px;
        height: 16px;
        background: url("/images/client/icon_arrow_pulldown.png") no-repeat;
        transform: translate(0, -50%); }
    .messages-detail__input__format select {
      width: 288px;
      height: 36px;
      margin-left: 1rem;
      padding: 0 2rem 0 0.75rem;
      border: 1px solid #d3d8dc; }
    .messages-detail__input__format textarea {
      width: 100%;
      border: 1px solid #e1e1e9;
      padding: 0.75rem; }
    .messages-detail__input__col2 {
      min-width: 10rem; }
    .messages-detail__input__btn {
      padding: 1rem 1rem 1rem 2.5rem;
      background: url("/images/client/icon_air_white.png") no-repeat left 1rem center/16px 16px;
      background-color: #56b8b8;
      border-radius: 3px;
      color: #fff;
      display: inline-block;
      font-size: 0.8rem;
      line-height: 1;
      text-align: center; }
      .messages-detail__input__btn:hover {
        color: #fff;
        text-decoration: none;
        opacity: 0.8; }
      .messages-detail__input__btn.disabled {
        background-color: #e5e8ec;
        pointer-events: none; }
    .messages-detail__input__caption {
      margin-top: 1rem;
      line-height: 1; }
  .messages-detail__posttm {
    margin-bottom: 2rem;
    display: flex;
    align-items: flex-end; }
    .messages-detail__posttm__col1 {
      margin-right: 1rem; }
    .messages-detail__posttm__thumb {
      width: 44px;
      height: 44px;
      margin-bottom: 1.5rem;
      line-height: 0; }
      .messages-detail__posttm__thumb img {
        width: 100%;
        height: 44px;
        object-fit: cover;
        border-radius: 50%; }
    .messages-detail__posttm__col2 {
      max-width: 414px; }
    .messages-detail__posttm__text {
      margin-bottom: 0.5rem;
      padding: 0.85rem 1rem;
      background-color: #f8f8f8;
      border-radius: 8px;
      font-size: 0.8rem; }
    .messages-detail__posttm__date {
      color: #858b94;
      font-size: 0.56rem; }
  .messages-detail__postfm {
    margin-bottom: 2rem;
    position: relative;
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse; }
    .messages-detail__postfm__col1 {
      margin-left: 1rem; }
    .messages-detail__postfm__thumb {
      width: 44px;
      height: 44px;
      margin-bottom: 1.5rem;
      line-height: 0; }
      .messages-detail__postfm__thumb img {
        width: 100%;
        height: 44px;
        object-fit: cover;
        border-radius: 50%; }
    .messages-detail__postfm__col2 {
      max-width: 414px; }
    .messages-detail__postfm__text {
      margin: 0 0 0.5rem 1.75rem;
      padding: 0.85rem 1rem;
      background-color: rgba(50, 187, 183, 0.2);
      border-radius: 8px;
      font-size: 0.8rem;
      position: relative; }
    .messages-detail__postfm__date {
      color: #858b94;
      font-size: 0.56rem;
      float: right; }
    .messages-detail__postfm.read .messages-detail__postfm__text:before {
      content: "既読";
      position: absolute;
      pointer-events: none;
      bottom: 0;
      right: 100%;
      width: 2rem;
      color: #32bbb7;
      font-size: 0.56rem; }
    .messages-detail__postfm.increase .messages-detail__postfm__text {
      padding: 0;
      background-color: #fff;
      box-shadow: 0 1px 8px 0 #ddd;
      font-size: 0.8rem; }
      .messages-detail__postfm.increase .messages-detail__postfm__text dl {
        padding: 1rem;
        border-bottom: 1px solid #e1e1e9; }
        .messages-detail__postfm.increase .messages-detail__postfm__text dl:last-child {
          border-bottom: none; }
      .messages-detail__postfm.increase .messages-detail__postfm__text dt {
        font-weight: bold; }
      .messages-detail__postfm.increase .messages-detail__postfm__text .price dt {
        display: inline-block; }
      .messages-detail__postfm.increase .messages-detail__postfm__text .price dd {
        display: inline-block; }
      .messages-detail__postfm.increase .messages-detail__postfm__text .notilink a {
        color: #56b8b8; }
        .messages-detail__postfm.increase .messages-detail__postfm__text .notilink a:hover {
          color: #56b8b8;
          text-decoration: none; }
  .messages-detail__notimsg {
    margin-bottom: 2rem;
    padding: 0 6rem;
    color: #858b94;
    font-size: 0.8rem;
    text-align: center; }
    .messages-detail__notimsg__text {
      position: relative; }
      .messages-detail__notimsg__text:before {
        content: "";
        position: absolute;
        top: 38%;
        left: 0;
        width: 50px;
        height: 2px;
        background-color: #ddd; }
      .messages-detail__notimsg__text:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 69px;
        height: 2px;
        background-color: #ddd; }
    .messages-detail__notimsg__date {
      margin-top: 0.75rem;
      display: block;
      font-size: 0.56rem; }

.messages-headtab {
  border-bottom: 1px solid #e5e8ec;
  color: #a8a8a8;
  display: flex; }
  .messages-headtab a {
    cursor: pointer; }
    .messages-headtab a:hover {
      text-decoration: none; }
  .messages-headtab__all, .messages-headtab__unsent, .messages-headtab__sent {
    width: 33.3%;
    padding: 0.875rem;
    display: block;
    font-size: 0.75rem;
    line-height: 1;
    position: relative;
    text-align: center; }
    .messages-headtab__all:before, .messages-headtab__unsent:before, .messages-headtab__sent:before {
      content: "";
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0;
      height: 4px;
      background-color: #56b8b8;
      opacity: 0; }
    .messages-headtab__all.current, .messages-headtab__unsent.current, .messages-headtab__sent.current {
      color: #32bbb7; }
      .messages-headtab__all.current:before, .messages-headtab__unsent.current:before, .messages-headtab__sent.current:before {
        opacity: 1; }

.messages-status-change {
  max-width: 638px;
  margin: 0 auto;
  border-radius: 2px;
  color: #48485a; }
  .messages-status-change__h {
    padding: 1.375rem 1.5rem;
    border-bottom: 1px solid #e7ebeb;
    font-size: 1rem; }
  .messages-status-change__box {
    text-align: center; }
  .messages-status-change__text {
    padding: 3rem 1.5rem;
    font-size: 13px;
    line-height: 2; }
  .messages-status-change__bnr {
    padding: 1.5rem;
    background-color: #f6f6f9;
    font-size: 0.8rem;
    line-height: 1;
    text-align: right; }
    .messages-status-change__bnr__cancel {
      padding: 0.875rem 1rem;
      background-color: #fff;
      border: 1px solid #e1e1e9;
      border-radius: 2px;
      color: #858b94;
      display: inline-block; }
    .messages-status-change__bnr__submit {
      margin-left: 1.5rem;
      padding: 0.875rem 2rem;
      background-color: #56b8b8;
      border: 1px solid #56b8b8;
      border-radius: 2px;
      color: #fff;
      display: inline-block; }
      .messages-status-change__bnr__submit:hover {
        color: #fff;
        opacity: 0.8; }

.offer-cast__message--box .message-increase-btn {
  background: #56b8b8;
  color: #fff !important;
  border: 1px solid #56b8b8;
  border-radius: 3px;
  padding: 0.5rem 1.25rem;
  font-size: 13px;
  margin-top: 0.25rem;
  display: inline-block; }
  .offer-cast__message--box .message-increase-btn:hover {
    color: #fff;
    opacity: 0.8; }

.messages-detail__body .message-increase-btn {
  background: #56b8b8;
  color: #fff !important;
  border: 1px solid #56b8b8;
  border-radius: 3px;
  padding: 0.5rem 1.25rem;
  font-size: 13px;
  margin-top: 0.25rem;
  display: inline-block; }
  .messages-detail__body .message-increase-btn:hover {
    color: #fff;
    opacity: 0.8; }

.search-headbox {
  max-width: 960px;
  margin: 0 auto 44px;
  padding: 20px;
  background-color: rgba(0,0,0,.1);
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap; }
  .search-headbox input {
    width: calc(100% - 120px);
    height: 42px;
    padding: 0 12px;
    border-top: 1px solid #d3d8dc;
    border-bottom: 1px solid #d3d8dc;
    border-left: 1px solid #d3d8dc;
    border-right: none;
    border-radius: 2px 0 0 2px;
    display: flex;
    align-items: center;
    font-size: 14px; }
  .search-headbox__btn {
    width: 120px;
    height: 42px;
    padding: 0 32px 0 16px;
    background: url('/images/client/icon_search_white.png') no-repeat right 14px center/14px auto;
    background-color: #56b8b8;
    border-radius: 0 2px 2px 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px; }
    .search-headbox__btn:link,
    .search-headbox__btn:visited {
      color: #fff;
      text-decoration: none; }
    .search-headbox__btn:hover {
      color: #fff;
      opacity: .8; }
  .search-headbox__genre {
    margin-top: 20px;
    display: flex;
    font-size: 14px; }
    .search-headbox__genre__h {
      min-width: 110px;
      padding: 10px 0; }
  .search-headbox__category {
    display: flex;
    margin: 20px auto 0;
    padding: 0 20px; }
    .search-headbox__category--left {
      margin: 20px 0 0;
      padding: 0; }
    .search-headbox__category .search-box-fukidashi__review {
      display: flex;
      align-items: center; }
    .search-headbox__category .search-box-fukidashi__age {
      display: flex;
      align-items: center; }
    .search-headbox__category .search-box-fukidashi__height {
      display: flex;
      align-items: center; }

.search-genrelist {
  margin-bottom: -8px;
  color: #fff;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 1;
  text-align: center; }
  .search-genrelist__item a {
    padding: 10px 16px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    margin: 0 4px 8px;
    background-color: #51b8b9;
    border-radius: 20px; }
    .search-genrelist__item a:hover {
      opacity: .8; }

.search-contentbox {
  max-width: 1280px;
  margin: 0 auto;
  padding: 20px;
  background-color: #fff; }
  .search-contentbox + .search-contentbox {
    margin-top: 24px; }
  .search-contentbox__inner {
    max-width: 960px;
    margin: 0 auto;
    padding-top: 30px; }
  .search-contentbox__h {
    margin-bottom: 24px;
    padding-bottom: 22px;
    border-bottom: 1px dotted #ddd;
    color: #48485a;
    display: flex;
    align-items: center; }
    .search-contentbox__h__text {
      padding: 10px 0 10px 24px;
      border-left: 2px solid #48485a;
      font-size: 16px;
      line-height: 1.25; }
    .search-contentbox__h__caption {
      margin-left: 20px;
      font-size: 12px; }
  .search-contentbox__btn {
    width: 180px;
    padding: 14px;
    background-color: #51b8b9;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 1;
    text-align: center; }
    .search-contentbox__btn:link,
    .search-contentbox__btn:visited {
      color: #fff;
      text-decoration: none; }
    .search-contentbox__btn:hover {
      color: #fff;
      opacity: .8; }
  .search-contentbox__row {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
     
.search-resulttext {
  margin-right: 40px;
  display: flex;
  align-items: flex-end; }
  .search-resulttext__text {
    margin-right: 18px;
    font-size: 16px; }
  .search-resulttext__result {
    margin-right: 18px;
    color: #51b8b9;
    font-size: 14px; }
  .search-resulttext__num {
    margin-right: 10px;
    display: inline-block;
    font-size: 26px;
    font-weight: bold; }
  .search-resulttext__text2 {
    font-size: 14px; }

.search-option {
  margin-right: 20px;
  display: flex;
  align-items: center;
  font-size: 12px; }
  .search-option__item + .search-option__item {
    margin-left: 20px; }
  .search-option__item input {
    display: none; }
  .search-option__item label {
    padding-left: 28px;
    background: url('/images/client/icon_radio03.png') no-repeat left center;
    line-height: 20px; }
    .search-option__item label:hover {
      background-image: url('/images/client/icon_radio03_hover.png'); }
  .search-option__item input:checked + label {
    background-image: url('/images/client/icon_radio04.png'); }

.search-snschart {
  display: flex;
  justify-content: space-between; }
  .search-snschart + .search-snschart {
    margin-top: 34px; }
  .search-snschart__item {
    width: calc((100% - 24px) / 2); }
  .search-snschart__h {
    margin-bottom: 12px;
    padding-left: 42px;
    color: #48485a;
    font-size: 12px;
    line-height: 26px; }
    .search-snschart__h.instagram {
      background: url(/images/client/search/icon_instagram_on_big.png) no-repeat left center/26px auto; }
    .search-snschart__h.twitter {
      background: url(/images/client/search/icon_twitter_on_big.png) no-repeat left center/26px auto; }
    .search-snschart__h.wiki {
      background: url(/images/client/search/icon_wiki.png) no-repeat left center/26px auto; }
    .search-snschart__h.act {
      background: url(/images/client/search/icon_tv.png) no-repeat left center/26px auto; }

.search-chartlist {
  border: 1px solid #ddd;
  color: #48485a;
  line-height: 1; }
 .search-chartlist__item {
    padding: 10px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
   .search-chartlist__item:nth-of-type(odd) {
    background-color: #f6f6f9; }

.search-chartarrow {
  display: flex;
  align-items: center; }
  .search-chartarrow__item {
    width: 12px;
    height: 12px;
    background: url('/images/client/search/icon_chartarrow.png') no-repeat center/100% auto; }
    .search-chartarrow__item + .search-chartarrow__item {
      margin-left: 8px; }

.area-production__h,.area-production__caption {
  display: none; }
.productionlist { 
  display: flex;
  flex-wrap: wrap;}
.productionlist__item {
    width: calc((100% - 80px) / 7);
    margin: 0 12px 12px 0; }
  .productionlist__item:nth-of-type(7n) {
      margin-right: 0; }
    .productionlist__img {
      border: 1px solid #ddd; }
      .productionlist__img img {
        margin: 0 auto;
        display: block; }
.productionlist__name {
    margin-top: 5px;
    line-height: 1.25;
    text-align: center; }

.search-resultnone {
  margin-top: 20px;
  padding: 90px 16px;
  background-color: #fff;
  color: #858b94;
  text-align: center; }
  .search-resultnone__content {
    padding-top: 100px;
    background: url('/images/client/icon_search_none.png') no-repeat center top; }
  .search-resultnone__text {
    font-size: 18px; }
  .search-resultnone__caption {
    margin-top: 18px;
    font-size: 13px; }
  .search-resultnone__link {
    margin-top: 45px;
    color: #51b8b9;
    display: block;
    font-size: 16px;
    line-height: 1.4; }
    .search-resultnone__link:hover {
      color: #51b8b9; }

.search-resultnonelist {
  max-width: 1200px;
  margin: 45px auto -8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center; }
  .search-resultnonelist__item {
    margin-bottom: 8px; }
    .search-resultnonelist__item + .search-resultnonelist__item {
      margin-left: 8px; }
    .search-resultnonelist__item a {
      padding: 10px 16px;
      border: 1px solid #51b8b9;
      border-radius: 20px;
      color: #51b8b9;
      display: block;
      font-size: 14px;
      line-height: 1; }
      .search-resultnonelist__item a:hover {
        background-color: #51b8b9;
        color: #fff; }
    .bg_green .search-resultnonelist__item a {
      background-color: #51b8b9;
      color: #fff; }
      .bg_green .search-resultnonelist__item a:hover {
        background-color: #fff;
        color: #51b8b9; }

.search-genre {
  max-width: 1340px;
  margin: 0 auto;
  padding: 1.5rem;
  display: flex; }
  .search-genre__h {
    margin-right: 1rem;
    padding: 0.7rem 0;
    font-size: 0.875rem;
    white-space: nowrap; }
  .search-genre__list {
    display: flex;
    flex-wrap: wrap; }
    .search-genre__list__item {
      margin: 0 0.5rem 0.5rem 0;
      font-size: 0.75rem;
      list-style: none; }
      .search-genre__list__item a {
        padding: 0.7rem;
        border: 1px solid #56b8b8;
        border-radius: 20px;
        color: #56b8b8;
        display: block;
        text-decoration: none; }
        .search-genre__list__item a:hover {
          background-color: #56b8b8;
          color: #fff; }
      .search-genre__list__item.active a {
        background-color: #56b8b8;
        color: #fff; }

.search-genre + .search-box {
  padding-top: 0; }

.search-box {
  background-color: #fff;
  font-size: 0.875rem;
  border-bottom: 1px solid #f6f6f9; }
  .search-box_inner {
    max-width: 1340px;
    margin:0 auto;
    padding: 24px 24px 14px;
    display: flex;
    flex-wrap: wrap; }
  .search-box__box {
    height: 36px;
    margin: 0 16px 10px 0;
    display: inline-block;
    position: relative; }
    .search-box__box input {
      width: 280px;
      height: 100%;
      padding: 0 0.75rem;
      border: solid 1px #d3d8dc;
      border-radius: 2px; }
    .search-box__box--btn {
      background: url("/images/client/icon_search_white.png") no-repeat center/16px 16px;
      background-color: #56b8b8;
      border: none;
      border-radius: 0 2px 2px 0;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 36px; }
  .search-box__search {
    display: flex;
    justify-content: flex-end;
    background-color: #f6f6f9;
    padding: 24px 24px 0 0; }
  .search-box__list {
    margin-right: 1rem;
    display: flex; }
    .search-box__list__item {
      margin-right: 1rem;
      line-height: 1;
      position: relative; }
      .search-box__list__item:last-child {
        margin-right: 0; }
      .search-box__list__item > a,.search-box__more > a {
        height: 36px;
        padding: 0 0.75rem;
        background-color: #fff;
        border: 1px solid #e1e1e9;
        border-radius: 3px;
        color: #48485a;
        display: flex;
        align-items: center;
        font-size: 0.875rem;
        text-align: center;
        text-decoration: none; }
        .search-box__list__item > a:hover {
          background-color: #56b8b8;
          color: #fff;
          border: 1px solid #56b8b8; }
        .search-box__list__item.result > a {
          background-color: #56b8b8;
          border: 1px solid #56b8b8;
          color: #fff; }
      .search-box__more__btn {
        background: url("/images/client/meatball.svg") right center /5px no-repeat;
        display: flex; }
        .search-box__more > a:hover {
          background-color: #56b8b8;
          color: #fff;
          border: 1px solid #56b8b8; }
        .search-box__more > a:hover .search-box__more__btn {
          background: url("/images/client/meatball_white.svg") right center /5px no-repeat; }
      .btn-text-normal {
        padding-right: 0.5rem; }
      .btn-text-small {
        font-size: 10px;
        padding: 0 0.5rem 0 1.7rem; }
      .search-box__more__btn-list.btn-text-small.area {
        background: url("/images/client/erea.svg") left center /auto 100% no-repeat;
        padding-left:1rem; }
      .search-box__more__btn-list.btn-text-small.movie {
        background: url("/images/client/movie.svg") left center /auto 100% no-repeat; }
      .search-box__more__btn-list.btn-text-small.cost {
        background: url("/images/client/cost.svg") left center /auto 100% no-repeat;
        padding-right: 1.8rem; }
        .search-box__more > a:hover .search-box__more__btn-list.btn-text-small.area {
          background: url("/images/client/erea_white.svg") left center /auto 100% no-repeat; }
        .search-box__more > a:hover .search-box__more__btn-list.btn-text-small.movie {
          background: url("/images/client/movie_white.svg") left center /auto 100% no-repeat; }
        .search-box__more > a:hover .search-box__more__btn-list.btn-text-small.cost {
          background: url("/images/client/cost_white.svg") left center /auto 100% no-repeat; }

.search-box-fukidashi {
  min-width: 240px;
  padding: 1.5rem 1rem 1rem 1.5rem;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(133, 139, 148, 0.3);
  color: #48485a;
  font-size: 0.875rem;
  position: absolute;
  top: 85%;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  transition-property: opacity, top, pointer-events;
  transition-duration: 0.4s, 0.4s, 0s;
  transform: translateX(-50%);
  z-index: 1; }
  .search-box-fukidashi:before {
    content: "";
    position: absolute;
    pointer-events: none;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent; }
  .search-box-fukidashi.open {
    opacity: 1;
    pointer-events: auto;
    top: calc(100% + 1rem); }
  .search-box-fukidashi input[type="text"] {
    height: 36px;
    padding: 0.75rem;
    border: 1px solid #d3d8dc;
    border-radius: 2px; }
  .search-box-fukidashi__btn {
    margin-top: 2.5rem;
    text-align: right; }
    .search-box-fukidashi__btn a {
      width: 80px;
      padding: 0.56rem 0;
      background-color: #56b8b8;
      border-radius: 2px;
      color: #fff;
      display: inline-block;
      font-size: 0.8rem;
      text-align: center; }
      .search-box-fukidashi__btn a:hover {
        opacity: 0.8; }
  .search-box-fukidashi__review {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }
    .search-box-fukidashi__review input {
      width: 48px;
      margin-right: 1rem; }
    .search-box-fukidashi__review__text {
      color: #32bbb7;
      font-size: 0.75rem; }
  .search-box-fukidashi__star {
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 24px;
    margin-bottom: 1rem; }
    .search-box-fukidashi__star__icon {
      color: #ddd;
      cursor: pointer; }
      .search-box-fukidashi__star__icon--on {
        color: #56b8b8;
        cursor: pointer; }
      .search-box-fukidashi__star__icon + .search-box-fukidashi__star__icon,
      .search-box-fukidashi__star__icon--on + .search-box-fukidashi__star__icon,
      .search-box-fukidashi__star__icon--on + .search-box-fukidashi__star__icon--on {
        margin-left: .2rem; }
  .search-box-fukidashi__rate {
    width: 77px;
    height: 13px;
    margin-right: 1rem;
    font-size: 13px;
    display: inline-block;
    letter-spacing: 3px;
    overflow: hidden;
    position: relative; }
    .search-box-fukidashi__rate:before {
      content: "★★★★★";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      color: #ddd;
      height: 13px;
      line-height: 13px; }
    .search-box-fukidashi__rate:after {
      content: "★★★★★";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      height: 13px;
      color: #56b8b8;
      line-height: 13px;
      overflow: hidden;
      white-space: nowrap; }
    .search-box-fukidashi__rate.rate00:after {
      width: 0; }
    .search-box-fukidashi__rate.rate05:after {
      width: 10%; }
    .search-box-fukidashi__rate.rate10:after {
      width: 20%; }
    .search-box-fukidashi__rate.rate15:after {
      width: 30%; }
    .search-box-fukidashi__rate.rate20:after {
      width: 40%; }
    .search-box-fukidashi__rate.rate25:after {
      width: 50%; }
    .search-box-fukidashi__rate.rate30:after {
      width: 60%; }
    .search-box-fukidashi__rate.rate35:after {
      width: 70%; }
    .search-box-fukidashi__rate.rate40:after {
      width: 80%; }
    .search-box-fukidashi__rate.rate45:after {
      width: 90%; }
    .search-box-fukidashi__rate.rate50:after {
      width: 100%; }
  .search-box-fukidashi__age {
    white-space: nowrap; }
    .search-box-fukidashi__age input {
      width: 96px;
      margin-right: 0.5rem; }
    .search-box-fukidashi__age__text {
      margin-right: 0.5rem;
      display: inline-block; }
  .search-box-fukidashi__height {
    white-space: nowrap; }
    .search-box-fukidashi__height input {
      width: 96px;
      margin-right: 0.5rem; }
    .search-box-fukidashi__height__text {
      margin-right: 0.5rem;
      display: inline-block; }
  .search-box-fukidashi__gender {
    min-width: 220px;
    padding-right: 0.5rem;
    display: flex;
    justify-content: space-between; }
    .search-box-fukidashi__gender__item {
      margin-right: 1rem;
      font-size: 0.75rem;
      list-style: none; }
      .search-box-fukidashi__gender__item:last-child {
        margin-right: 0; }
      .search-box-fukidashi__gender__item > a {
        padding: 0.75rem 0.85rem;
        border: 1px solid #56b8b8;
        border-radius: 20px;
        color: #56b8b8;
        display: block;
        line-height: 1;
        text-decoration: none; }
        .search-box-fukidashi__gender__item > a:hover {
          background: #56b8b8;
          color: #fff; }
      .search-box-fukidashi__gender__item.result > a {
        background-color: #56b8b8;
        border: 1px solid #56b8b8;
        color: #fff; }
  .search-box-fukidashi__price {
    height: 20px;
    margin-bottom: 0.5rem;
    position: relative; }
    .search-box-fukidashi__price__blank {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      height: 4px;
      background-color: #e5e8ec;
      transform: translateY(-50%); }
    .search-box-fukidashi__price__active {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 60%;
      height: 4px;
      background-color: #56b8b8;
      transform: translate(-50%, -50%); }
      .search-box-fukidashi__price__active:before {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        background: url("/images/client/icon_pricebar.png") no-repeat center;
        left: 0;
        top: 50%;
        transform: translate(-50%, -50%); }
      .search-box-fukidashi__price__active:after {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        background: url("/images/client/icon_pricebar.png") no-repeat center;
        right: 0;
        top: 50%;
        transform: translate(50%, -50%); }

.search-block {
  padding-bottom: 24px;
  background-color: #f6f6f9;
  overflow: hidden;
  transition: height 0.4s; }
  .search-block--close {
    height: 0; }

.search-result {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 2rem 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .search-result__block {
    display: flex;
    align-items: center; }
  .search-result__num {
    margin-right: 2rem; }

.search-result__pn {
  margin: 0 0 0 auto;
  width: 232px;  
}

.search-result_search {
  background-color: #fff; }
  .search-result_search__block {
    max-width: 1340px;
    margin: 0 auto;
    padding: 1.5rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .search-result_search__num {
    margin: 1rem 2rem 1rem 0;
    color: #48485a;
    font-size: 0.875rem; }
    .search-result__num--num {
      margin-right: 0.5rem;
      color: #56b8b8;
      font-size: 1.7rem; }
    .search-result__num--unit {
      margin-right: 1rem;
      color: #56b8b8; }
  .search-result__icon_skill,
  .search-result__icon_talent {
    display: flex;
    flex-wrap: wrap; }
  .search-result__icon_list_btn {
    display: block; }
    .search-result__icon_list,
    .search-result__icon_skill,
    .search-result__icon_talent {
      margin: 0 8px 8px 0; }
      .search-result__icon_list:last-child,
      .search-result__icon_skill:last-child,
      .search-result__icon_talent:last-child {
        margin-right: 0; }

.search-sortlist {
  margin-bottom: -8px;
  display: flex;
  flex-wrap: wrap; }
  .search-sortlist__item,.lp-search-purpose-r-list-btn_item {
    margin-bottom: 8px;
    margin-right: 8px; }
    .search-sortlist__item a,.lp-search-purpose-r-list-btn_item a {
      width: 70px;
      height: 64px;
      background-repeat: no-repeat;
      background-position: 50% 30%;
      background-size: 35% auto;
      display: block;
      border: solid 1px #51B8B9;
      border-radius: 3px;
      color: #51B8B9;
      font-size: 10px;
      text-align: center;
      padding-top: 40px; }
    .search-sortlist__item.recommend a,.lp-search-purpose-r-list-btn_item.recommend a {
      background-image: url('/images/client/sort_icon_recommend.svg');
      background-size: 40% auto; }
    .search-sortlist__item.abc a,.lp-search-purpose-r-list-btn_item.abc a {
      background-image: url('/images/client/sort_icon_abc.svg');
      background-size: 30% auto; }
    .search-sortlist__item.registration a {
      background-image: url('/images/client/sort_icon_calendar.svg'); }
    .search-sortlist__item.evaluation a {
      background-image: url('/images/client/sort_icon_evaluation.svg'); }
    .search-sortlist__item.instagram a,.lp-search-purpose-r-list-btn_item.instagram a {
      background-image: url('/images/client/sort_icon_instagram.svg'); }
    .search-sortlist__item.achievements a {
      background-image: url('/images/client/sort_icon_achievements.svg'); }
    .search-sortlist__item.twitter a,.lp-search-purpose-r-list-btn_item.twitter a {
      background-image: url('/images/client/sort_icon_twitter.svg'); }
    .search-sortlist__item.youtube a,.lp-search-purpose-r-list-btn_item.youtube a {
      background-image: url('/images/client/sort_icon_youtube.svg'); }
    .search-sortlist__item.tiktok a,.lp-search-purpose-r-list-btn_item.tiktok a {
      background-image: url('/images/client/sort_icon_tiktok.svg');
      background-size: 33% auto; }
.search-sortlist__item.otherwebsite a,.lp-search-purpose-r-list-btn_item.otherwebsite a {
  background-image: url('/images/client/btn-sort-icon-other.svg');
  background-size: 110% auto; }
    .search-sortlist__item.reply a {
      background-image: url('/images/client/sort_icon_reply.svg'); }
    .search-sortlist__item.login a {
      background-image: url('/images/client/sort_icon_login.svg'); }
    .search-sortlist__item.sortmedia a {
      background-image: url('/images/client/sort_icon_media.svg'); }
      .search-sortlist__item a:hover,
      .search-sortlist__item.active a,
      .lp-search-purpose-r-list-btn_item a:hover,
      .lp-search-purpose-r-list-btn_item.active a {
          background-color: #EDF7F8; }

  .search-result__viewgrid {
    width: 18px;
    height: 18px;
    background: url("/images/client/icon_grid_glay.png") no-repeat center/100% auto;
    display: inline-block; }
    .search-result__viewgrid.current {
      background-image: url("/images/client/icon_grid_green.png"); }
  .search-result__viewlist {
    width: 24px;
    height: 18px;
    margin-left: 1rem;
    display: inline-block;
    background: url("/images/client/icon_list_glay.png") no-repeat center/100% auto; }
    .search-result__viewlist.current {
      background-image: url("/images/client/icon_list_green.png"); }

.search-result__regidate {
    display: table;
    position: relative; }
    .search-result__regidate:after {
      content: "▼";
      position: absolute;
      pointer-events: none;
      top: 50%;
      right: 0.75rem;
      color: #d3d8dc;
      font-size: 0.5rem;
      transform: translateY(-50%); }
  .search-result__regidate select {
    min-width: 150px;
    height: 40px;
    padding: 0 0.75rem;
    background-color: #fff;
    border: 1px solid #d3d8dc;
    border-radius: 2px;
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    line-height: 1; }

  .search-result_search__pn { 
    text-align: right;
    margin: 0.5rem 2rem; }
    .search-result__pn__text {
      margin-top: 0.5rem;
      color: #a8a8a8;
      font-size: 0.75rem;
      text-align: right; }
  .search-result .pagination {
    box-shadow: none;
    margin-bottom: 0.5rem;
    border-radius: 4px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 0.75rem;
    text-align: center; }
    .search-result .pagination li {
      flex: 0 0 37px;
      box-shadow: 0 2px 5px 3px #dfdfdf; }
      .search-result .pagination li.active a {
        background-color: #56b8b8;
        color: #fff;
        border-color: #56b8b8; }
      .search-result .pagination li:last-child {
        border-right: 0; }
      .search-result .pagination li a {
        width: 100%;
        color: #48485a;
        text-decoration: none; }
  .search-result__caption {
    color: #a8a8a8;
    font-size: 0.75rem;
    text-align: right; }

.pagination>li>a, .pagination>li>span {
  margin-left: 0; }
.pagination-page.ng-scope.active a {
  background-color: #56b8b8;
  color: #fff;
  border-color: #56b8b8; }

.pagination-sm>li>a, .pagination-sm>li>span {
  padding: 6px 0;
  width: 37px;
  text-align: center;
  line-height: 22px;
  color: #48485a; }
  .pagination-sm>li>a:hover {
    color: #999; }
.pagination>.disabled>a {
  color: #48485a; }
.search-castlist__list--col1 {
  width: 40%; }
.search-castlist__list--col2 {
  padding-left: 1.5rem;
  width: 30%;
  align-self: flex-start; }
.search-castlist__list--col3 {
  width: 100%;
  margin-top: 0.5rem;
  height: 64px;
}
.search-castlist__list--col4 {
  width: 15%;
  padding-left: 1.5rem; }
.search-castlist__list__item {
  padding: 1.5rem 2.3rem;
  background-color: #fff;
  border-bottom: 1px solid #eff2f2; }
  .search-castlist__list__item:last-child {
    border-bottom: none; }
  .search-castlist__list__item.selected {
    background-color: #eef8f8; }
.search-castlist__list--inner {
  max-width: 1340px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center; }
.search-castlist__index {
  display: flex;
  align-items: center; }
.search-castlist__checkbox {
  margin-right: 1.5rem; }
  .search-castlist__checkbox label {
    width: 20px;
    height: 20px;
    background: url("/images/client/icon_radio03.png") no-repeat center;
    display: inline-block;
    position: relative; }
    .search-castlist__checkbox label:hover {
      background: url("/images/client/icon_radio03_hover.png") no-repeat center; }
  .search-castlist__checkbox input {
    display: none; }
    .search-castlist__checkbox input:checked + label {
      background: url("/images/client/icon_radio04.png") no-repeat center; }
.search-castlist__thumb {
  width: 84px;
  height: 84px;
  margin: 0 auto;
  cursor: pointer;
  position: relative; }
  .search-castlist__thumb__production_logo {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    background: #fff no-repeat center center / contain;
    border-radius: 50%; }
.search-castlist__name {
  color: #48485a;
  display: flex;
  font-size: 1rem;
  flex-direction: column;
  justify-content: space-between;
  align-self: flex-start;
  margin-left: 24px; }
  .search-castlist__name--name {
    margin: 0.5rem 0 18px;
    color: #48485a;
    font-family: 'Noto Sans JP','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'Meiryo UI',YuGothic,'Yu Gothic','Yu Gothic UI',sans-serif;
    font-weight: 600;
    display: block; }
    .search-castlist__name--name:hover {
      text-decoration: none; }
.search-castlist__sns {
  font-size: 0.75rem;
  display: flex; }
  .search-castlist__sns + .search-castlist__sns {
    margin-top: .5rem; }
  .search-castlist__sns__twitter {
    width: calc((100% - 10px) / 2);
    max-width: 110px; }
    .search-castlist__sns__twitter__item {
      padding-left: 1.6rem;
      background: url("/images/client/icon_twitter_off.png") no-repeat left center/14px auto;
      display: inline-block; }
      .search-castlist__sns__twitter__item.on {
        background: url("/images/client/icon_twitter_on.png") no-repeat left center/14px auto;
        color: #56b8b8;
        text-decoration: underline; }
  .search-castlist__sns__instagram {
    width: calc((100% - 10px) / 2);
    max-width: 110px;
    margin-left: 18px; }
    .search-castlist__sns__instagram__item {
      padding-left: 1.5rem;
      background: url("/images/client/icon_instagram_off.png") no-repeat left center/14px auto;
      display: inline-block; }
      .search-castlist__sns__instagram__item.on {
        background: url("/images/client/icon_instagram_on.png") no-repeat left center/14px auto;
        color: #56b8b8;
        text-decoration: underline; }
  .search-castlist__sns__youtube {
    width: calc((100% - 10px) / 2);
    max-width: 70px; }
    .search-castlist__sns__youtube__item {
      padding-left: 1.5rem;
      background: url("/images/client/icon_youtube_off.png") no-repeat left center/14px auto;
      display: inline-block; }
      .search-castlist__sns__youtube__item.on {
        background: url("/images/client/icon_youtube_on.png") no-repeat left center/14px auto;
        color: #56b8b8;
        text-decoration: underline; }
  .search-castlist__sns__tiktok {
    width: calc((100% - 10px) / 2);
    max-width: 70px;
    margin-left: 18px; }
    .search-castlist__sns__tiktok__item {
      padding-left: 1.5rem;
      background: url("/images/client/icon_tiktok_off.png") no-repeat left center/14px auto;
      display: inline-block; }
      .search-castlist__sns__tiktok__item.on {
        background: url("/images/client/icon_tiktok_on.png") no-repeat left center/14px auto;
        color: #56b8b8;
        text-decoration: underline; }
  .search-castlist__extend {
    width: calc((100% - 10px) / 2);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 14px;
    max-width: 110px;}
  .search-castlist_extend__item {
    padding-left: 9px;
    color: #56b8b8;
    text-decoration: underline; }
  .search-castlist__extend__img {
    width: 14px;
    height: 14px;
    margin-bottom: -2px;
  }
.search-castlist__catch {
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.67;
  overflow: hidden;
  position: relative; }
  .search-castlist__catch:empty {display: none;}
.search-castlist__info p {
  display: inline-block;
  font-size: 12px;
  color:#858b94;
  font-family: 'Noto Sans JP','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'Meiryo UI',YuGothic,'Yu Gothic','Yu Gothic UI',sans-serif;
  font-weight: 600;
  margin-bottom: 13px; }
.search-castlist__info p + p {
  margin-left: 10px; }

.search-castlist__detail {
  font-size: 0.75rem;
  line-height: 1.4;
  margin-top: 33px; }
  .search-castlist__detail dl + dl {
    margin-top: 8px; }
  .search-castlist__detail dt {
    color: #858b94;
    display: inline-block; }
  .search-castlist__detail dd {
    color: #858b94;
    display: inline-block; }
  .search-castlist__detail--attention::before {
    content: "";
    background-image: url(/images/client/common/attention.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 12px;
    height: 10px;
    margin-right: 3px; }
  .search-castlist__detail--attention {
    background-color: #ffe2e2;
    width: 50px;
    border-radius: 2px;
    font-size: 10px;
    text-align: center;
    font-family: 'Noto Sans JP','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'Meiryo UI',YuGothic,'Yu Gothic','Yu Gothic UI',sans-serif;
    font-weight: 600;
    padding: 2px 4px;
    margin-right: 10px;
    border: 1px solid #ffe2e2;
    display: inline-block; }
  .search-castlist__detail--caption {
    margin-top: 8px;
    margin-right: 10px;
    color: #56b8b8;
    display: inline-block;
    border: 1px solid #56b8b8;
    font-size: 10px;
    padding: 2px 4px; }
    .search-castlist__detail--caption:empty {display: none; }
.search-castlist__rate {
  color: #32bbb7;
  font-size: 0.75rem;
  line-height: 1;
  margin-right: 0.75rem;
  width: 40%;
  margin-top: 0.5rem; }
  .search-castlist__rate__item {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 1.5rem;
    color: #48485a; }
  .search-castlist__rate dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .search-castlist__rate dt {
    width: 30%;
    padding: 0.5rem 0;
    display: inline-block; }
  .search-castlist__rate dd {
    width: 70%;
    padding: 0.5rem;
    display: inline-block; }
    .search-castlist__rate dd:nth-of-type(2) {
      width: 30%; }
  .search-castlist__rate--star {
    width: 110px;
    height: 18px;
    font-size: 18px;
    display: inline-block;
    letter-spacing: 0;
    overflow: hidden;
    position: relative;
    margin-top: 6px; }
    .search-castlist__rate--star:before {
      content: "★★★★★";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      color: #ddd;
      height: 18px;
      line-height: 18px;
      letter-spacing: 5px; }
    .search-castlist__rate--star:after {
      content: "★★★★★";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      height: 18px;
      color: #56b8b8;
      line-height: 18px;
      overflow: hidden;
      white-space: nowrap;
      letter-spacing: 5px; }
    .search-castlist__rate--star.rate00:after {
      width: 0; }
    .search-castlist__rate--star.rate05:after {
      width: 10%; }
    .search-castlist__rate--star.rate10:after {
      width: 20%; }
    .search-castlist__rate--star.rate15:after {
      width: 30%; }
    .search-castlist__rate--star.rate20:after {
      width: 40%; }
    .search-castlist__rate--star.rate25:after {
      width: 50%; }
    .search-castlist__rate--star.rate30:after {
      width: 60%; }
    .search-castlist__rate--star.rate35:after {
      width: 70%; }
    .search-castlist__rate--star.rate40:after {
      width: 80%; }
    .search-castlist__rate--star.rate45:after {
      width: 90%; }
    .search-castlist__rate--star.rate50:after {
      width: 100%; }
  .search-castlist__rate--num {
    width: 50px;
    padding: 0 1rem;
    display: inline-block; }
  .search-castlist__rate--price {
    padding-left: 1rem;
    border-left: 1px solid #32bbb7; }
.search-castlist__btn {
  font-size: 0.8rem;
  line-height: 1;
  text-align: center; }
  .search-castlist__btn--offer {
    margin-bottom: 0.5rem;
    padding: 0.625rem 0.625rem 0.625rem 2.5rem;
    background: url("/images/client/icon_handshake_white.png") no-repeat left 1rem center/16px auto;
    background-color: #56b8b8;
    border: 1px solid #56b8b8;
    border-radius: 2px;
    color: #fff;
    display: block;
    text-decoration: none; }
    .search-castlist__btn--offer:link,
    .search-castlist__btn--offer:visited {
      color: #fff;
      text-decoration: none;
    }
    .search-castlist__btn--offer:hover {
      color: #fff;
      opacity: 0.8; }
  .search-castlist__btn--fav {
    padding: 0.625rem 0.625rem 0.625rem 2.5rem;
    background: url("/images/client/search/icon_fav_green.png") no-repeat left 1rem center/11px auto;
    background-color: #fff;
    border: 1px solid #56b8b8;
    border-radius: 2px;
    color: #56b8b8;
    display: block;
    text-decoration: none; }
    .search-castlist__btn--fav:hover {
      background: url("/images/client/search/icon_fav_white.png") no-repeat left 1rem center/11px auto;
      color: #fff;
      background-color: #56b8b8;
      border: 1px solid #56b8b8; }

.talent-about-link {
  margin-bottom: 4rem;
  color: #56b8b8;
  font-size: 1rem;
  text-align: center; }

.search-talentlist {
  background-color: #fff; }
  .search-talentlist__list__item {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .search-talentlist__thumb {
    width: 84px;
    height: 84px;
    margin-right: 1.5rem;
    position: relative; }
    .search-talentlist__thumb.instagram::before {
      content: "";
      position: absolute;
      bottom: 0;
      right: 0;
      width: 22px;
      height: 22px;
      background: url("/images/client/icon_instagram_on.png") no-repeat center center/16px auto;
      background-color: #fff;
      border-radius: 50%; }
    .search-talentlist__thumb.twitter::before {
      content: "";
      position: absolute;
      bottom: 0;
      right: 0;
      width: 22px;
      height: 22px;
      background: url("/images/client/icon_twitter_on.png") no-repeat center center/16px auto;
      background-color: #fff;
      border-radius: 50%; }
  .search-talentlist__col1 {
    width: 15%;
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
  .search-talentlist__name {
    margin-bottom: 2.5rem;
    color: #48485a;
    font-size: 1rem; }
  .search-talentlist__col2 {
    width: 22%;
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
  .search-talentlist__col3 {
    display: flex;
    align-items: flex-end; }
  .search-talentlist__sns {
    height: 18px;
    font-size: 0.75rem;
    display: flex;
    justify-content: space-between; }
    .search-talentlist__sns__twitter {
      width: calc((100% - 30px) / 2); }
      .search-talentlist__sns__twitter__item {
        padding-left: 1.6rem;
        background: url("/images/client/icon_twitter_off.png") no-repeat left center/14px auto;
        display: inline-block; }
        .search-talentlist__sns__twitter__item.on {
          background: url("/images/client/icon_twitter_on.png") no-repeat left center/14px auto;
          color: #56b8b8;
          text-decoration: underline; }
    .search-talentlist__sns__instagram {
      width: calc((100% - 30px) / 2); }
      .search-talentlist__sns__instagram__item {
        padding-left: 1.5rem;
        background: url("/images/client/icon_instagram_off.png") no-repeat left center/14px auto;
        display: inline-block; }
        .search-talentlist__sns__instagram__item.on {
          background: url("/images/client/icon_instagram_on.png") no-repeat left center/14px auto;
          color: #56b8b8;
          text-decoration: underline; }
  .search-talentlist__name {
    width: 100%; }
    .search-talentlist__name__name {
      color: #333340;
      font-size: 1rem; }
    .search-talentlist__name__caption {
      margin-top: 0.5rem;
      color: #858b94;
      display: block;
      font-size: 0.8rem; }

.talentgrid {
  flex-direction: column; }
  .talentgrid__btn {
    width: 100%;
    margin-top: 1rem;
    display: flex;
    font-size: 0.8rem;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    text-align: center; }
    .talentgrid__btn__fav {
      width: 100%;
      padding: 0.4rem 0.5rem;
      background-color: #56b8b8;
      color: #fff; }
      .talentgrid__btn__fav:hover {
        color: #56b8b8;
        text-decoration: underline; }
    .talentgrid__btn__offer {
      margin-top: 0.5rem;
      padding-left: 1rem;
      background: url("/images/client/icon_plius_green.png") no-repeat left center/10px auto;
      color: #56b8b8; }
      .talentgrid__btn__offer:hover {
        color: #56b8b8;
        text-decoration: underline; }

.search-talentmedia {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between; }
  .search-talentmedia__item {
    width: calc((100% - 4px) / 2);
    color: #56b8b8;
    font-size: 10px; }
    .search-talentmedia__item.google {
      padding: 4px 4px 4px 30px;
      background: url("/images/client/talentlist/icon_google.png") no-repeat left 4px center;
      border: 1px solid #56b8b8;
      border-radius: 2px;
      display: block; }
      .search-talentmedia__item.google:hover {
        background-image: url("/images/client/talentlist/icon_google_hover.png");
        background-color: #56b8b8;
        color: #fff; }
    .search-talentmedia__item.youtube {
      padding: 4px 4px 4px 30px;
      background: url("/images/client/talentlist/icon_youtube.png") no-repeat left 4px center;
      border: 1px solid #56b8b8;
      border-radius: 2px;
      display: block; }
      .search-talentmedia__item.youtube:hover {
        background-image: url("/images/client/talentlist/icon_youtube_hover.png");
        background-color: #56b8b8;
        color: #fff; }

.search-talentbnrs {
  width: 200px;
  font-size: 0.8rem;
  line-height: 1;
  text-align: center; }
  .search-talentbnrs__item + .search-talentbnrs__item {
    margin-top: 0.75rem; }
  .search-talentbnrs__item.contact a {
    padding: 0.875rem;
    background-color: #56b8b8;
    border: 1px solid #56b8b8;
    border-radius: 2px;
    color: #fff;
    display: block; }
  .search-talentbnrs__item.more a {
    padding: 0.875rem;
    background-color: #fff;
    border: 1px solid #56b8b8;
    border-radius: 2px;
    color: #56b8b8;
    display: block; }

.search-castgrid {
  position: relative; }
  .search-castgrid img {
    max-width: 100%; }
  .search-castgrid__list {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 0.6rem;
    display: flex;
    flex-wrap: wrap; }
    .search-castgrid__list__item {
      margin: 0 0.75rem 1.5rem;
      width: 240px;
      background-color: #fff;
      border-bottom: 1px solid #eff2f2;
      border-right: 1px solid #eff2f2;
      border-left: 1px solid #eff2f2; }
      .search-castgrid__list__item.select {
        border: 2px solid #56b8b8; }
  .search-castgrid__img {
    height: 186px;
    line-height: 0;
    position: relative; }
    .search-castgrid__img__production_logo {
      position: absolute;
      width: 42px;
      height: 42px;
      right: 0;
      bottom: 0;
      margin: 4px;
      background-position: center top;
      background-size: cover;
      border-radius: 50%;
    }
  .search-castgrid__text {
    height: calc(100% - 186px);
    padding: 1rem 1rem 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative; }
  .search-castgrid__row {
    position: relative; }
    .search-castgrid__row + .search-castgrid__row {
      margin-top: 1rem; }
  .search-castgrid__head {
    display: flex;
    justify-content: space-between; }
  .search-castgrid__name {
    width: calc(100% - 20px - 1rem); }
    .search-castgrid__name__name {
      color: #333340;
      font-size: 1rem; }
    .search-castgrid__name__caption {
      margin-top: 0.5rem;
      color: #858b94;
      display: block;
      font-size: 0.8rem; }
  .search-castgrid__confirmcap {
    margin: .5rem 0 1rem;
    color: #858b94;
    display: block;
    font-size: 0.8rem; }
  .search-castgrid__checkbox {
    width: 20px;
    margin-left: 1rem; }
    .search-castgrid__checkbox label {
      width: 20px;
      height: 20px;
      background: url("/images/client/icon_radio03.png") no-repeat center;
      display: inline-block;
      position: relative; }
      .search-castgrid__checkbox label:hover {
        background: url("/images/client/icon_radio03_hover.png") no-repeat center; }
    .search-castgrid__checkbox input {
      display: none; }
      .search-castgrid__checkbox input:checked + label {
        background: url("/images/client/icon_radio04.png") no-repeat center; }
  .search-castgrid__catch {
    height: 52px;
    margin-top: 0.5rem;
    font-size: 14px;
    line-height: 1.25;
    overflow: hidden;
    position: relative; }
    .search-castgrid__catch::before {
      content: "";
      position: absolute;
      pointer-events: none;
      bottom: 0; right: 0;
      width: 50%;
      height: 20px;
      background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1)); }
  .search-castgrid__priceai {
    padding-top: 1.8rem;
    color: #858b94; }
    .search-castgrid__priceai__h {
      margin-bottom: 0.8rem;
      color: #48485a;
      font-size: 0.875rem;
      font-weight: bold;
      line-height: 1; }
    .search-castgrid__priceai__item {
      margin-bottom: 10px;
      font-size: 0.8rem; }
  .search-castgrid__btn {
    height: 40px;
    margin: 0 -16px;
    padding: 10px 16px;
    border-top: 1px dotted #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8rem; }
    .search-castgrid__btn__fav {
      padding-left: 1rem;
      background: url("/images/client/search/icon_fav_green.png") no-repeat left center/10px auto;
      color: #56b8b8; }
      .search-castgrid__btn__fav:hover {
        color: #56b8b8;
        text-decoration: underline; }
    .search-castgrid__btn__offer {
      padding-left: 1rem;
      background: url("/images/client/icon_handshake_green.png") no-repeat left center/12px auto;
      color: #56b8b8; }
      .search-castgrid__btn__offer:hover {
        color: #56b8b8;
        text-decoration: underline; }

.search-castconfirm__list--col1 {
  width: 40%; }
.search-castconfirm__list--col2 {
  padding-left: 1.5rem;
  width: 30%;
  align-self: flex-start; }
.search-castconfirm__list--col3 {
  padding-left: 1.5rem;
  width: 17%; }
  .search-castconfirm__list--col3 .search-castlist__rate {
    margin-right: 0.75rem; }
    .search-castconfirm__list--col3 .search-castlist__rate__item {
      font-size: 12px; }
.search-castconfirm__list--col4 {
  width: 192px;
  padding-left: 1.5rem; }
.search-castconfirm__list__item {
  padding: 1.5rem 2.3rem;
  background-color: #fff;
  border-bottom: 1px solid #eff2f2; }
  .search-castconfirm__list__item.selected {
    background-color: #eef8f8; }
.search-castconfirm__list--inner {
  max-width: 1340px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center; }
.search-castconfirm__index {
  display: flex;
  align-items: center; }
.search-castconfirm__checkbox {
  margin-right: 1.5rem; }
  .search-castconfirm__checkbox label {
    width: 20px;
    height: 20px;
    background: url("/images/client/icon_radio03.png") no-repeat center;
    display: inline-block;
    position: relative; }
    .search-castconfirm__checkbox label:hover {
      backgrorund: url("/images/client/icon_radio03_hover.png") no-repeat center; }
  .search-castconfirm__checkbox input {
    display: none; }
    .search-castconfirm__checkbox input:checked + label {
      background: url("/images/client/icon_radio04.png") no-repeat center; }
.search-castconfirm__thumb {
  width: 84px;
  height: 84px;
  margin: 0 auto;
  position: relative; }
  .search-castconfirm__thumb img {
    width: 100%; }
  .search-castconfirm__thumb__production_logo {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    background: #fff no-repeat center center / contain;
    border-radius: 50%; }
.search-castconfirm__name {
  color: #48485a;
  display: flex;
  font-size: 1rem;
  flex-direction: column;
  justify-content: space-between;
  align-self: flex-start;
  margin-left: 24px; }
  .search-castconfirm__name--name {
    margin: 0.5rem 0 18px;
    color: #48485a;
    font-family: 'Noto Sans JP','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'Meiryo UI',YuGothic,'Yu Gothic','Yu Gothic UI',sans-serif;
    font-weight: 600;
    display: block; }
    .search-castconfirm__name--name:hover {
      text-decoration: none; }
.search-castconfirm__sns {
  font-size: 0.75rem;
  display: flex; }
  .search-castconfirm__sns + .search-castconfirm__sns {
    margin-top: .5rem; }
  .search-castconfirm__sns__twitter {
    width: calc((100% - 10px) / 2);
    max-width: 110px; }
    .search-castconfirm__sns__twitter__item {
      padding-left: 1.6rem;
      background: url("/images/client/icon_twitter_off.png") no-repeat left center/14px auto;
      display: inline-block; }
      .search-castconfirm__sns__twitter__item.on {
        background: url("/images/client/icon_twitter_on.png") no-repeat left center/14px auto;
        color: #56b8b8;
        text-decoration: underline; }
  .search-castconfirm__sns__instagram {
    width: calc((100% - 10px) / 2);
    max-width: 110px;
    margin-left: 18px; }
    .search-castconfirm__sns__instagram__item {
      padding-left: 1.5rem;
      background: url("/images/client/icon_instagram_off.png") no-repeat left center/14px auto;
      display: inline-block; }
      .search-castconfirm__sns__instagram__item.on {
        background: url("/images/client/icon_instagram_on.png") no-repeat left center/14px auto;
        color: #56b8b8;
        text-decoration: underline; }
  .search-castconfirm__sns__youtube {
    width: calc((100% - 10px) / 2);
    max-width: 70px; }
    .search-castconfirm__sns__youtube__item {
      padding-left: 1.5rem;
      background: url("/images/client/icon_youtube_off.png") no-repeat left center/14px auto;
      display: inline-block; }
      .search-castconfirm__sns__youtube__item.on {
        background: url("/images/client/icon_youtube_on.png") no-repeat left center/14px auto;
        color: #56b8b8;
        text-decoration: underline; }
  .search-castconfirm__sns__tiktok {
    width: calc((100% - 10px) / 2);
    max-width: 70px;
    margin-left: 18px; }
    .search-castconfirm__sns__tiktok__item {
      padding-left: 1.5rem;
      background: url("/images/client/icon_tiktok_off.png") no-repeat left center/14px auto;
      display: inline-block; }
      .search-castconfirm__sns__tiktok__item.on {
        background: url("/images/client/icon_tiktok_on.png") no-repeat left center/14px auto;
        color: #56b8b8;
        text-decoration: underline; }
  .search-castconfirm__extend {
    width: calc((100% - 10px) / 2);
    max-width: 85px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 14px;}
    .search-castconfirm_extend__item {
      padding-left: 1.5rem;
      color: #56b8b8;
      text-decoration: underline; }
.search-castconfirm__detail {
  font-size: 0.75rem;
  line-height: 1.4;
  margin-top: 33px; }
  .search-castconfirm__detail dl + dl {
    margin-top: 8px; }
  .search-castconfirm__detail dt {
    color: #858b94;
    display: inline-block; }
  .search-castconfirm__detail dd {
    color: #858b94;
    display: inline-block; }
  .search-castconfirm__detail--attention::before {
    content: "";
    background-image: url(/images/client/common/attention.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 12px;
    height: 10px;
    margin-right: 3px; }
  .search-castconfirm__detail--attention {
    background-color: #ffe2e2;
    width: 50px;
    border-radius: 2px;
    font-size: 10px;
    text-align: center;
    font-family: 'Noto Sans JP','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'Meiryo UI',YuGothic,'Yu Gothic','Yu Gothic UI',sans-serif;
    font-weight: 600;
    padding: 2px 4px;
    margin-right: 10px;
    border: 1px solid #ffe2e2;
    display: inline-block; }
  .search-castconfirm__detail--caption {
    margin-top: 8px;
    margin-right: 10px;
    color: #56b8b8;
    border: 1px solid #56b8b8;
    display: inline-block;
    font-size: 10px;
    padding: 2px 4px; }
    .search-castconfirm__detail--caption:empty {display: none;}

.search-castconfirm__catch {
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.67;
  overflow: hidden;
  position: relative; }
  .search-castconfirm__catch:empty {display: none;}

.search-castconfirm__rate {
  color: #32bbb7;
  font-size: 10px;
  line-height: 1;
  margin-top: 0.5rem;
  border: solid 1px #dddddd;
  border-radius: 4px;
  padding: 12px 11px 17px;
  display: block; }
  .search-castconfirm__rate dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .search-castconfirm__rate dt {
    width: 50%;
    padding: 0.5rem 0;
    display: inline-block;
    text-align: end; }
  .search-castconfirm__rate dd {
    width: 50%;
    padding: 0.5rem;
    display: inline-block; }
    .search-castconfirm__rate dd:nth-of-type(2) {
      width: 30%; }
  .search-castconfirm__rate__item {
    color: #48485a;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 1rem;
    text-align: center; }
  .search-castconfirm__rate--star {
    width: 110px;
    height: 13px;
    font-size: 13px;
    display: inline-block;
    letter-spacing: 3px;
    overflow: hidden;
    position: relative;
    margin-top: 6px; }
    .search-castconfirm__rate--star:before {
      content: "★★★★★";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      color: #ddd;
      height: 13px;
      line-height: 13px;
      letter-spacing: 5px; }
    .search-castconfirm__rate--star:after {
      content: "★★★★★";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      height: 13px;
      color: #56b8b8;
      line-height: 13px;
      overflow: hidden;
      white-space: nowrap;
      letter-spacing: 5px; }
    .search-castconfirm__rate--star.rate00:after {
      width: 0; }
    .search-castconfirm__rate--star.rate05:after {
      width: 10%; }
    .search-castconfirm__rate--star.rate10:after {
      width: 20%; }
    .search-castconfirm__rate--star.rate15:after {
      width: 30%; }
    .search-castconfirm__rate--star.rate20:after {
      width: 40%; }
    .search-castconfirm__rate--star.rate25:after {
      width: 50%; }
    .search-castconfirm__rate--star.rate30:after {
      width: 60%; }
    .search-castconfirm__rate--star.rate35:after {
      width: 70%; }
    .search-castconfirm__rate--star.rate40:after {
      width: 80%; }
    .search-castconfirm__rate--star.rate45:after {
      width: 90%; }
    .search-castconfirm__rate--star.rate50:after {
      width: 100%; }
  .search-castconfirm__rate--num {
    width: 50px;
    padding: 0 1rem;
    display: inline-block; }
  .search-castconfirm__rate--price {
    padding-left: 1rem;
    border-left: 1px solid #32bbb7; }
.search-castconfirm__btn {
  margin-bottom: 0.5rem;
  padding: 0.625rem 0.625rem 0.625rem 2.5rem;
  background: url("/images/client/icon_handshake_white.png") no-repeat left 1rem center/16px auto;
  background-color: #56b8b8;
  border: 1px solid #56b8b8;
  border-radius: 2px;
  color: #fff;
  display: block;
  font-size: 13px;
  line-height: 1;
  text-decoration: none; }
  .search-castconfirm__btn:hover {
    color: #fff;
    opacity: 0.8; }
.search-castconfirm__delete {
  padding: 10px 10px 10px 32px;
  background: url('/images/client/search/icon_close_palegray.png') no-repeat left 10px center/12px auto;
  border: 1px solid #e1e1e9;
  border-radius: 2px;
  color: #858b94;
  display: block;
  font-size: 13px;
  line-height: 1;
  position: relative; }
  .search-castconfirm__delete:hover {
    color: #858b94;
    opacity: .8; }

.search-refine {
  background-color: #fff;
  border-top: 1px solid #e1e1e9;
  color: #48485a;
  font-size: 0.875rem; }
  .search-refine input[type="text"] {
    width: 140px;
    height: 36px;
    padding: 0.5rem;
    border: 1px solid #d3d8dc;
    border-radius: 2px;
    margin-right: 0.5rem; }
  .search-refine input[type="radio"] {
    display: none; }
  .search-refine input[type="checkbox"] {
    display: none; }
    .search-refine input[type="checkbox"] + label:hover {
      background: url("/images/client/icon_radio03_hover.png") no-repeat left center; }
    .search-refine input[type="checkbox"]:checked + label {
      background: url("/images/client/icon_radio04.png") no-repeat left center; }
  .search-refine__list {
    max-width: 1340px;
    margin: 0 auto; }
    .search-refine__list__item {
      border-bottom: 1px solid #e1e1e9;
      display: flex;
      justify-content: space-between; }
  .search-refine__th {
    width: 33%;
    padding: 1.5rem 1rem 0; }
  .search-refine__td {
    width: 66%;
    padding: 1.5rem 1rem 0; }
    .search-refine__td__row {
      margin-bottom: 2rem;
      display: flex;
      align-items: center; }
      .search-refine__td__row:last-child {
        margin-bottom: 1.5rem; }
    .search-refine__td__item1 {
      display: flex;
      width: 100%;
      align-items: flex-start; }
    .search-refine__td__item2 {
      display: flex;
      align-items: center;
      margin-bottom: 2rem; }
      .search-refine__td__item2 span {
        padding: 0 3rem; }
      .search-refine__td__item2__item {
        display: flex;
        align-items: flex-end; }
        .search-refine__td__item2__item span {
          padding: 0; }
  .search-refine__radio__cc {
    padding: 0.25rem 2.25rem;
    line-height: 1;
    background: url(/images/client/icon_radio01.png) no-repeat left center; }
    .search-refine__radio__cc.w30 {
      width: 30%; }
  .search-refine__radio__sq {
    margin-bottom: 1.5rem;
    padding: 0.25rem 2.25rem;
    line-height: 1;
    background: url(/images/client/icon_radio03.png) no-repeat left center; }
    .search-refine__radio__sq.w30 {
      width: 30%; }
  .search-refine__radiosq {
    font-size: 0.75rem; }
    .search-refine__radiosq label {
      margin: 0 1rem 1.5rem 0;
      padding: 0.25rem 0 0.25rem 2.25rem;
      line-height: 1;
      background: url(/images/client/icon_radio03.png) no-repeat left; }
    .search-refine__radiosq input[type="radio"] {
      display: none; }
    .search-refine__radiosq input[type="checkbox"] {
      display: none; }
      .search-refine__radiosq input[type="checkbox"]:checked + label {
        background: url(/images/client/icon_radio04.png) no-repeat left; }
    .search-refine__radiosq__row {
      padding-top: 1.5rem; }
      .search-refine__radiosq__row:first-child {
        padding-top: 0; }

.search-refine-radio input {
  display: none; }
  .search-refine-radio input + label {
    margin: 0 1rem 0 0;
    padding: 0.25rem 0 0.25rem 2.25rem;
    line-height: 1;
    background: url(/images/client/icon_radio01.png) no-repeat left; }
    .search-refine-radio input + label:hover {
      background-image: url(/images/client/icon_radio01_hover.png); }
  .search-refine-radio input:checked + label {
    background-image: url(/images/client/icon_radio02.png); }

.search-refine-offerrange {
  display: flex;
  align-items: center; }
  .search-refine-offerrange__box {
    display: inline-block; }
    .search-refine-offerrange__box input {
      margin-right: 0.5rem; }
  .search-refine-offerrange__tilda {
    padding: 0 1rem; }

.search-refine-btn {
  max-width: 1340px;
  margin: 0 auto 4rem;
  padding: 1rem;
  display: flex;
  justify-content: space-between; }
  .search-refine-btn__cancel {
    min-width: 6rem;
    padding: 1rem;
    background-color: #fff;
    border: 1px solid #e1e1e9;
    border-radius: 2px;
    color: #858b94;
    display: inline-block;
    font-size: 0.8rem;
    text-align: center; }
    .search-refine-btn__cancel:hover {
      color: #858b94;
      opacity: .8; }
  .search-refine-btn__search {
    margin-left: 1rem;
    padding: 1rem 1rem 1rem 2.5rem;
    background: url("/images/client/icon_search_white.png") no-repeat left 0.75rem center/14px 14px;
    background-color: #56b8b8;
    border: 1px solid #56b8b8;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 1rem; }
    .search-refine-btn__search:hover {
      opacity: .8; }

.search-refine-slidebar {
  width: 300px;
  display: inline-block; }
  .search-refine-slidebar__bar {
    height: 20px;
    margin-bottom: 0.5rem;
    position: relative; }
  .search-refine-slidebar__blank {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 4px;
    background-color: #e5e8ec;
    transform: translateY(-50%); }
  .search-refine-slidebar__active {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 4px;
    background-color: #56b8b8;
    transform: translate(-50%, -50%); }
    .search-refine-slidebar__active:before {
      content: "";
      position: absolute;
      pointer-events: none;
      top: 50%;
      left: 0;
      width: 20px;
      height: 20px;
      background: url("/images/client/icon_bartab.png") no-repeat center;
      transform: translateY(-50%);
      z-index: 1; }
    .search-refine-slidebar__active:after {
      content: "";
      position: absolute;
      pointer-events: none;
      top: 50%;
      right: 0;
      width: 20px;
      height: 20px;
      background: url("/images/client/icon_bartab.png") no-repeat center;
      transform: translateY(-50%);
      z-index: 1; }
  .search-refine-slidebar__text {
    color: #858b94;
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem; }

.search-favlist {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.64);
  z-index: 10;
  padding-left: 100px; }
  .search-favlist__inner {
    padding: 0.75rem 1.5rem 1.1rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .search-favlist__list {
    display: flex; }
    .search-favlist__list__item {
      width: 64px;
      height: 64px;
      margin-right: 8px;
      background-position: center top;
      background-size: cover;
      border-radius: 50%;
      position: relative; }
  .search-favlist__close {
    width: 20px;
    height: 20px;
    background: url("/images/client/btn_delete.png") no-repeat center top;
    position: absolute;
    top: 0;
    left: 0; }
  .search-favlist__rightbox {
    display: flex;
    align-items: flex-end;
    flex-direction: column; }
    .search-favlist__rightbox__text {
      color: #fff;
      font-size: 0.8rem;
      margin-top: 9px; }
    .search-favlist__rightbox__bnr {
      padding: 1.5rem 1.5rem 1.5rem 3.75rem;
      background: url("/images/client/icon_air_green.png") no-repeat left 1.5rem center;
      background-color: #fff;
      border: 1px solid #56b8b8;
      color: #32bbb7;
      display: inline-block;
      font-size: 1rem;
      line-height: 1; }
      .search-favlist__rightbox__bnr:hover {
        background: #56b8b8;
        color: #fff;
        background: url("/images/client/icon_air_white.png") no-repeat left 1.5rem center, #56b8b8; }

.search-none {
  margin: 4rem 0;
  padding: 4.3rem 16px;
  background-color: #fff;
  color: #858b94;
  text-align: center; }
  .search-none__catch {
    margin-bottom: 1.1rem;
    padding-top: 6.2rem;
    background: url("/images/client/icon_search_none.png") no-repeat center top;
    font-size: 1.1rem; }
  .search-none__text {
    font-size: 0.8rem; }
  .search-none__list {
    max-width: 480px;
    margin: 44px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .search-none__list__item {
      margin: 0 0.25rem 0.875rem;
      color: #56b8b8;
      font-size: 0.75rem; }
      .search-none__list__item a {
        padding: 0.65rem;
        border: 1px solid #56b8b8;
        border-radius: 20px;
        display: inline-block;
        line-height: 1; }
  .search-none__back {
    margin-top: 74px;
    color: #51b8b9;
    display: block;
    font-size: 16px;
    line-height: 1.4;
    text-align: center; }
    .search-none__back:hover {
      color: #51b8b9; }
  .search-none__support {
    margin-top: 50px;
    color: #51b8b9;
    display: block;
    font-size: 16px;
    line-height: 1.4;
    text-align: center; }
    .search-none__support:hover {
      color: #51b8b9; }

.client-breadcrumb {
  max-width: 1080px;
  margin: 2.5rem auto;
  font-size: 1rem; }
  .client-breadcrumb__list {
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    display: flex;
    position: relative; }
    .client-breadcrumb__list--box {
      width: 10%;
      text-align: -webkit-center ;}
    /* .client-breadcrumb__list:last-child:after {
      content: "";
      position: absolute;
      border-width: 32.5px 0 32.5px 13px;
      border-style: solid;
      border-color: #f6f6f9 transparent #f6f6f9 transparent;
      right: 0; } */
    .client-breadcrumb__list__item {
      width: 42px;
      height: 42px;
      display: grid;
      align-items: center;
      margin: 0 15px 15px 0;
      padding: 0 0 0 2rem;
      color: #858b94;
      list-style: none;
      position: relative;
      text-align: center; }
      .client-breadcrumb__list__item-title {
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        color: #525465;}
        .client-breadcrumb__list__item-title.current {
          color: #5eb1b3;}
      .client-breadcrumb__list__item > span {
        border-radius: 50%;
        position: absolute;
        top: 1px;
        bottom: 1px;
        left: 0;
        right: 0;
        background-color: #48485A;
        display: flex;
        align-items: center;
        justify-content: center; }
        /* .client-breadcrumb__list__item > span > span {
          margin-right: 1.5rem;
          padding: 0.5rem 0 0.5rem 2.25rem; }
      .client-breadcrumb__list__item:before {
        content: "";
        position: absolute;
        border-width: 31.5px 0 31.5px 13px;
        border-style: solid;
        border-color: #fff #fff #fff transparent;
        top: 1px;
        bottom: 1px;
        left: -13px; }
      .client-breadcrumb__list__item:after {
        content: "";
        border-top: 32.5px solid transparent;
        border-bottom: 32.5px solid transparent;
        border-left: 13px solid #fff;
        position: absolute;
        right: -13px;
        top: 0; } */
        .client-breadcrumb__list__item-number {
          color: #fff;
          font-size: 0.875rem;
          font-weight: 500;}
        .after {
          height: 4px;
          width: 100px;
          background-color: #48485A;
        }
      .client-breadcrumb__list__item:first-child:before {
        display: none; }
      .client-breadcrumb__list__item:first-child > span {
        border-left: 1px solid #e1e1e9; }
      .client-breadcrumb__list__item.current {
        margin: 0 auto 15px;
        color: #fff; }
        .client-breadcrumb__list__item.current > span {
          background-color: #56b8b8;
          border-radius: 50%; }
        .client-breadcrumb__list__item.current:before {
          border-color: #56b8b8 #56b8b8 #56b8b8 transparent; }
      .client-breadcrumb__list__item.past > span {
        background-color: #eeeef2; }
      .client-breadcrumb__list__item.past:before {
        border-color: #eeeef2 #eeeef2 #eeeef2 transparent; }
      .client-breadcrumb__list__item.past:after {
        border-left: 13px solid #eeeef2; }
      /* .client-breadcrumb__list__item.basic > span > span {
        background: url("/images/client/icon_info_light_gray.png") no-repeat left center; }
      .client-breadcrumb__list__item.basic.current > span > span {
        background: url("/images/client/icon_info_white.png") no-repeat left center; }
      .client-breadcrumb__list__item.date > span > span {
        background: url("/images/client/icon_calendar_light_gray.png") no-repeat left center; }
      .client-breadcrumb__list__item.date.current > span > span {
        background: url("/images/client/icon_calendar_white.png") no-repeat left center; }
      .client-breadcrumb__list__item.index > span > span {
        background: url("/images/client/icon_draft_light_gray.png") no-repeat left center; }
      .client-breadcrumb__list__item.index.current > span > span {
        background: url("/images/client/icon_draft_white.png") no-repeat left center; }
      .client-breadcrumb__list__item.preview > span > span {
        background: url("/images/client/icon_preview_light_gray.png") no-repeat left center; }
      .client-breadcrumb__list__item.preview.current > span > span {
        background: url("/images/client/icon_preview_white.png") no-repeat left center; }
      .client-breadcrumb__list__item.apply > span > span {
        background: url("/images/client/icon_file_light_gray.png") no-repeat left center; }
      .client-breadcrumb__list__item.apply.current > span > span {
        background: url("/images/client/icon_file_white.png") no-repeat left center; } */

.flow-boshu__box__contents {
  background: url(/images/client/img_recruitment_offer_00.png) no-repeat left center;
  margin-top: 1rem;
  padding-left: 9rem; }
.flow-boshu__box__contents2 {
  padding: 1rem 1rem 1rem 2.5rem; }
.flow-boshu__box__contents-step {
  border-bottom: 1px dashed #ccd5db;
  padding: 0 14rem 1rem 0;
  margin-top: 1rem;
  min-height: 156px;
  position: relative; }
  .flow-boshu__box__contents-step:before {
    content: "";
    width: 3px;
    background: #ccd5db;
    display: block;
    position: absolute;
    top: 20px;
    bottom: -10px;
    left: -15px; }
    .flow-boshu__box__contents-step.none:before {
      display: none; }
  .flow-boshu__box__contents-step:last-child:before {
    display: none; }
  .flow-boshu__box__contents-step.step1 {
    background: url(/images/client/img_recruitment_offer_01.png) no-repeat right top; }
  .flow-boshu__box__contents-step.step2 {
    background: url(/images/client/img_recruitment_offer_02.png) no-repeat right top; }
  .flow-boshu__box__contents-step.step3 {
    background: url(/images/client/img_recruitment_offer_03.png) no-repeat right top; }
  .flow-boshu__box__contents-step.step4 {
    background: url(/images/client/img_recruitment_offer_04.png) no-repeat right top; }
  .flow-boshu__box__contents-step-gray {
    font-size: 14px;
    color: #90969a; }
    .flow-boshu__box__contents-step.step1 .flow-boshu__box__contents-step-gray:before,
    .flow-boshu__box__contents-step.step4 .flow-boshu__box__contents-step-gray:before {
      content: "";
      display: block;
      position: absolute;
      top: 1px;
      left: -20px;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      border: solid 3px;
      color: #51b8b9;
      background-color: #51b8b9; }
    .flow-boshu__box__contents-step.step2 .flow-boshu__box__contents-step-gray:before,
    .flow-boshu__box__contents-step.step3 .flow-boshu__box__contents-step-gray:before {
      content: "";
      display: block;
      position: absolute;
      top: 1px;
      left: -20px;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      border: solid 3px;
      color: #51b8b9; }
  .flow-boshu__box__contents-step-title {
    font-size: 16px;
    color: #252525;
    font-weight: bold;
    margin: 0.5rem 0; }
  .flow-boshu__box__contents-step-text {
    font-size: 12px;
    line-height: 1.5;
    color: #333;
    margin: 0.5rem 0; }
  .flow-boshu__box__contents-step-link {
    text-align: right; }
    .flow-boshu__box__contents-step-link a {
      display: inline-block;
      color: #51b8b9;
      font-weight: bold;
      vertical-align: bottom; }

.flow-shimei__box__contents {
  background: url(/images/client/img_cast_offer_00.png) no-repeat left center;
  margin-top: 1rem;
  padding-left: 9rem; }
.flow-shimei__box__contents2 {
  padding: 1rem 1rem 1rem 2.5rem; }
.flow-shimei__box__contents-step {
  border-bottom: 1px dashed #ccd5db;
  padding: 0 14rem 1rem 0;
  margin-top: 1rem;
  min-height: 156px;
  position: relative; }
  .flow-shimei__box__contents-step:before {
    content: "";
    width: 3px;
    background: #ccd5db;
    display: block;
    position: absolute;
    top: 20px;
    bottom: -10px;
    left: -15px; }
  .flow-shimei__box__contents-step:last-child:before {
    display: none; }
  .flow-shimei__box__contents-step.step1 {
    background: url(/images/client/img_cast_offer_01.png) no-repeat right top; }
  .flow-shimei__box__contents-step.step2 {
    background: url(/images/client/img_cast_offer_02.png) no-repeat right top; }
  .flow-shimei__box__contents-step.step3 {
    background: url(/images/client/img_cast_offer_03.png) no-repeat right top; }
  .flow-shimei__box__contents-step.step4 {
    background: url(/images/client/img_cast_offer_04.png) no-repeat right top; }
  .flow-shimei__box__contents-step-gray {
    font-size: 14px;
    color: #90969a; }
    .flow-shimei__box__contents-step.step1 .flow-shimei__box__contents-step-gray:before,
    .flow-shimei__box__contents-step.step4 .flow-shimei__box__contents-step-gray:before {
      content: "";
      display: block;
      position: absolute;
      top: 1px;
      left: -20px;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      border: solid 3px;
      color: #51b8b9;
      background-color: #51b8b9; }
    .flow-shimei__box__contents-step.step2 .flow-shimei__box__contents-step-gray:before,
    .flow-shimei__box__contents-step.step3 .flow-shimei__box__contents-step-gray:before {
      content: "";
      display: block;
      position: absolute;
      top: 1px;
      left: -20px;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      border: solid 3px;
      color: #51b8b9; }
  .flow-shimei__box__contents-step-title {
    font-size: 16px;
    color: #252525;
    font-weight: bold;
    margin: 0.5rem 0; }
  .flow-shimei__box__contents-step-text {
    font-size: 12px;
    line-height: 1.5;
    color: #333;
    margin: 0.5rem 0; }
  .flow-shimei__box__contents-step-link {
    text-align: right; }
    .flow-shimei__box__contents-step-link a {
      display: inline-block;
      color: #51b8b9;
      font-weight: bold;
      vertical-align: bottom; }

.top-simu {
  padding: 7rem 1.6rem; }
  .top-simu__h {
    margin-bottom: 2rem;
    font-size: 1.5rem;
    text-align: center; }
  .top-simu__caption {
    margin-bottom: 3rem;
    font-size: 0.8rem;
    text-align: center; }
  .top-simu__comments {
    margin-top: 1rem;
    font-size: 0.75rem;
    text-align: center;
    color: #9b9b9b; }

.top-simucalc {
  max-width: 1232px ;
  margin: 1.5rem auto;
  display: flex;
  justify-content: center; }
  .top-simucalc__box {
    width: calc((100% - 68px) / 3);
    padding: 1.12rem;
    background-color: #f6f6f9;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .top-simucalc__h {
    font-size: 0.87rem;
    margin-bottom: 1.6rem;
    padding-bottom: .8rem;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    text-align: center; }
  .top-simucalc__plus,
  .top-simucalc__equal {
    width: 34px;
    color: #32bbb7;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    text-align: center; }
  .top-simucalc__caption {
    margin-bottom: .43rem;
    color: #9b9b9b;
    font-size: 0.6rem;
    line-height: 1; 
    text-align: left; }

.top-simucalcflex {
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }
    .top-simucalcflex_c {
      display: flex;
      justify-content: space-around;
      align-items: flex-end;
      flex-wrap: wrap; }
  .top-simucalcflex__box {
    position: relative; }
  .top-simucalcflex__input {
    display: flex;
    align-items: center;
    font-size: 0.75rem; }
    .top-simucalcflex__input input {
      height: 26px;
      margin-right: 5px;
      padding: 6px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 2px;
      font-size: 1.6rem;
      text-align: right; }
    .top-simucalcflex__input.w110 input {
      width: 110px; }
    .top-simucalcflex__input.w50 input {
      width: 50px; }
  .top-simucalcflex__x {
    color: #32bbb7;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.5; }

.top-systemprice {
  font-weight: bold; }

.top-systempeople {
  font-weight: bold; }

.top-resultprice {
  flex-grow: 1;
  color: #32bbb7;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: bold; }

.top-simu-point {
  background-color: #eff8f9;
  padding: 2rem 1.25rem 1.25rem;
  margin-bottom: 1.75rem; }
  .top-simu-point.margin0 {
    margin: 0; }
  .top-simu-point__title {
    position: relative;
    font-size: 1rem;
    letter-spacing: 1px;
    color: #476767;
    font-weight: bold;
    padding-bottom: 2rem;
    display: flex;
    align-items:center;
    justify-content: center; }
    .top-simu-point__title-icon {
      width: 22px;
      margin-right: 0.3rem; }
  .top-simu-point__text {
    display: flex;
    max-width: 1140px;
    color: #72848e;
    border: solid 1px #f1f1f1;
    background-color: #ffffff;
    padding: 2rem 2.125rem;
    line-height: 1.71; }
    .top-simu-point__text-line {
      background: linear-gradient(transparent 50%, #e6f7f7 50%); }
    .top-simu-point__text.offer-simu {
      max-width: 1140px;
      margin: 0 auto;
      font-size: 14px; }
  .top-simu-point__l {
    margin-right: 2rem; }
  .top-simu-point__movie {
      position:relative;
      width: 100%;
      max-width: 450px; }
      .top-simu-point__movie:before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 56.25%; }
      .top-simu-point__movie iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
.guild-link-btn {
  border-radius: 3px;
  border: solid 1px #51b8ba;
  padding: 0.75rem;
  width: 292px;
  height: 50px;
  margin: 45px auto 0 auto;
  background-color: #fff;
}

.text-guild-link {
  font-family: NotoSansJP;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
  color: #51b8ba;
  margin-left: 11px;
}
.recruit-offer__guide {
  margin: 36px 25px 24px 26px;
  padding: 26px 30px 30px;
  background-color: #e1eaed;}
  .recruit-offer__guide--box {
    width: 260px;
    height: 200px;
    margin: 26px 15px 0 0;
    padding: 14px 9px 20px;
    border-radius: 20px;
    background-color: #fff;
    text-align: center;}
    .recruit-offer__guide--box img {
      width: 106px;
      height: 68px;
      margin-bottom: 10px;}
    .recruit-offer__guide-area {
      display: flex;
      justify-content: center;}
    .recruit-offer__guide h1 {
      font-family: HiraginoSans-W3;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      color: #51b8b9;}
      .recruit-offer__guide--btn {
        margin-top: 10px;}
        .recruit-offer__guide--btn a{
          display: inline-block;
          width: 245px;
          height: 40px;
          border-radius: 20px;
          margin: 0 auto;
          padding: 12px;
          background: #51b8b9 url('/images/client/icon_arrow_ltr_white.png') no-repeat center right 20px/7px 10px;
          font-size: 16px;
          font-family: HiraginoSans-W6;
          color: #fff;
          text-align: center;}
          .recruit-offer__guide--btn a:hover {
            color: #fff;
            opacity: 0.8;
          }
          .recruit-offer__guide--btn a:active {
            color: #fff;
          }
          .recruit-offer__guide--text {
            font-size: 13px;
            line-height: 1.38;
            color: #252525;
            text-align: left;
          }
.recruit-offer-box__annotation{
  margin-right: 1.5rem;
  margin-left: 1.5rem;
  border-radius: 8px;
  padding: 11px 10px 3px;
  background-color: #fcedf1;
  list-style: disc !important;
  margin-bottom: 1rem;
}
.recruit-offer-box__annotation >li {
  /* padding: 0.5rem 0; */
  display: flex;
  font-size: 12px;
  line-height: 1.17;
  color: #000;
  font-family: HiraginoSans-W3;
}
.annotation-dot-1 {
  float: left;
  padding: 0 15px 0 10px;
}
.annotation-dot-2 {
    height: 60px;
    float: left;
}
.recruit-offer-block {
  margin: 0 auto;
  padding: 0 1.5rem; }
  .recruit-offer-block .block {
    padding: 0; }
.recruit-offer-box__upload-image {
  text-align: center;
  order: 2;
  width: 250px;
  margin-top: 2rem;
  height: 120px;
  border: solid 1px #ddd;
  background-color: #f4f3f2 !important;}
  .image-upload__area {
    margin-left: 1.5rem;}
  .inputDetail {
    margin-top: 115px;
    padding-left: 30px !important; 
    font-size: 12px !important; 
    width: 250px !important;
    background: url('/images/client/icon_edit_black.png') no-repeat 5% center/12px !important;}
    .list-image-drag li:nth-child(1)::before {
      content: '';
      position: absolute;
      width: 58px;
      height: 58px;
      background-image: url('/images/client/top.png');
    }
  .recruit-offer-box__upload-image img {
    width: 40px;
    height: 40px;}
    .recruit-offer-box_text {
      margin-top: 10px;
      text-align: center;
      font-size: 14px;
      font-family: HiraginoSans-W6;
      font-size: 14px;
      color: #5a5a6a;}

.recruit-offer-box__list__item-text {
  cursor: pointer;
  font-size: 16px;
  max-width: 180px;
  font-weight: bold;
  color: #51b8b9;
  text-decoration: underline;}
  .recruit-offer-box__list__item-text:hover {
    opacity: .8;
    color: #51B8B9;}
    .recruit-offer-box__list__item-text:focus {
      text-decoration: underline;
      color: #51B8B9;}
.recruit-offer-box {
  margin-bottom: 2rem;
  padding: 1.375rem 1.5rem 1.375rem;
  background-color: #fff;
  table-layout: fixed; }
  .recruit-offer-box_money {
    background-color: #e1eaed;
    padding: 12px 7px;}
    .recruit-offer-box__list.money {
      background-color: #fff;
    }
  .recruit-offer-box textarea {
    width: 100%;
    padding: 0.75rem 2rem 0.75rem 0.75rem;
    color: #48485A;
    line-height: 1;
    font-family: HiraginoSans-W3;
    border: 1px solid #d3d8dc;
    border-radius: 2px;
    background: #fff; }
  .recruit-offer-box__h {
    margin-bottom: 1rem;
    padding: 0.625rem 2.5rem 0.625rem 1.5rem;
    border-left: 2px solid #48485a;
    color: #002;
    font-weight: bold;
    align-items: center;
    font-size: 1.5rem;
    line-height: 1;
    position: relative;
    align-self: flex-start; }
    .recruit-offer-box__h--edit {
      padding-right: 5rem; }
    .recruit-offer-box__h__caption {
      font-family: HiraginoSans-W3;
      margin-left: 0.5rem;
      width: 66%;
      padding: 0 1.5rem 0 1rem;
      color: #858b94;
      display: inline-block;
      font-size: 0.8rem;
      line-height: 1.25; }
      .recruit-offer-time__confirm {
        margin-left: 1.5rem;
        margin-top: 18px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 18px;
        background-color: #e1eaed;}
        .recruit-offer-time__confirm.listclose {
          display: none;}
        .recruit-offer-time__confirm__btn {
          padding: 18px 24px;
          background: #fff;
          cursor: pointer;
          border: 1px solid #51b8b9;
          border-radius: 3px;}
          .recruit-offer-time__confirm__btn a {
            font-size: 13px;
            color: #51b8b9;
            font-family: HiraginoSans-W6;}
            .recruit-offer-time__confirm__btn a:hover, .recruit-offer-time__confirm__btn a:focus {
              color: #51b8b9;}
            .recruit-offer-time__confirm__text span {
              font-family: HiraginoSans-W3;
              font-size: 18px;
              font-weight: bold;
              color: #000;}
            .recruit-offer-time__confirm__text1 {
              font-family: HiraginoSans-W3;
              font-weight: bold;
              font-size: 14px;
              color: #000;}
              .recruit-offer-time__confirm__text2 {
                margin-left: 14px;
                font-family: HiraginoSans-W3;
                color: #48485a;}
                .recruit-offer-box__th.titleStep {
                  margin-left: 0;
                  padding-left: 0;}
    .recruit-offer-box__h__edit {
      padding-left: 1.25rem;
      background: url("/images/client/icon_edit_green.png") no-repeat left center/11px 11px;
      color: #56b8b8;
      font-size: 0.8rem;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%); }
      .recruit-offer-box__h__edit:hover {
        text-decoration: underline;
        color: #56b8b8; }
    .recruit-offer-box__h__btn {
      position: absolute;
      top: 18px;
      right: 0;
      transform: translateY(-50%);
      width: 32px;
      height: 32px;
      background: url("/images/client/icon_btn_accordion_open.png") no-repeat center/100% auto; }
      .recruit-offer-box__h__btn.btnopen {
        background: url("/images/client/icon_btn_accordion_close.png") no-repeat center/100% auto; }
    .recruit-offer-box__h__red {
      display: block;
      color: #BF0000;
      margin-top: .5rem;
      line-height: 1.2; }
    .recruit-offer-box__flex {
      display: flex;
      position: relative; }
      .recruit-offer-box__flex .recruit-offer-box__h {
        width: 45%; }
      .recruit-offer-box__flex .recruit-offer-box__h__caption {
        margin: .625rem 0 1.375rem;
        padding: 0 2.5rem 0 0; }
  .recruit-offer-box__list {
    color: #48485a;
    font-size: 0.75rem; }
    .sp.recruit-offer-box__list__item {
      margin-top: 24px;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .pc .recruit-offer-box__list__item {
      display: flex;
    }
    .recruit-offer-box__list__item.jobDetail {
      margin-top: 24px;}
    .recruit-offer-box__list__item.step4 {
      padding-bottom: 24px !important;}
    .recruit-offer-box__list.listclose {
      display: none; }
    .recruit-offer-box__list input {
      width: 100%;
      height: 36px;
      font-family: HiraginoSans-W3;
      font-size: 13px;
      line-height: 1.54;
      /* color: #979797; */
      padding: 0 1.75rem 0 0.75rem;
      border: 1px solid #858b94;
      border-radius: 2px;
      background: #fff; }
      .recruit-offer-box__list input.ok, .recruit-offer-box__list textarea.ok {
        border: solid 1px #59b958;
        background: url(/images/client/icon_check_green.png) 99% center no-repeat;
      }
      .recruit-offer-box__list input.text-ok {
        border: solid 1px #59b958;
         background: url(/images/client/icon_check_green.png) 99% center no-repeat;
      }
      .recruit-offer-box__list textarea.text-ok {
        border: solid 1px #59b958;
         background: url(/images/client/icon_check_green.png) 99% 5% no-repeat;
      }
      .recruit-offer-box__list input.bd-gray {
        border: solid 1px #d3d8dc !important;
      }
      .icon-validate.ok {
        position: absolute;
        background-size: contain !important;
        top: 7px;
        right: 10px;
        width: 20px;
        height: 20px;
        background: url("/images/client/icon_check_green.png") no-repeat 99% center;
      }
      .recruit-offer-box__list input.error {
        border: solid 1px #dc5851 !important;
        background: url("/images/client/icon_error1.png") no-repeat 99% center !important;
      }
      .recruit-offer-box__list textarea.error {
        border: solid 1px #dc5851 !important;
        background: url("/images/client/icon_error1.png") no-repeat 99% 5% !important;
      }
      .icon-validate.error{
        width: 14px;
        height: 14px;
        position: absolute;
        background-size: contain !important;
        top: 10px;
        right: 10px;
        /* background: url("/images/client/icon_error1.png") no-repeat 99% center; */
      }
      .recruit-offer-box textarea.ok {
        border: solid 1px #59b958;
        background: url("/images/client/icon_check_green.png") no-repeat 99% 3%;
      }
      .recruit-offer-box textarea.error {
        border: solid 1px #dc5851;
        background: url("/images/client/icon_error1.png") no-repeat 99% 5%;
      }
      .prt__img__close {
        position: absolute;
        top: -13px;
        right: -15px;
        padding: 4px 6px;
        border-radius: 50%;
        border: 1px solid #48485a;
      }
      .prt__img__close a{
        color: black !important;
      }
      .recruit-offer-box__list input:placeholder-shown {
        color: #dddddd; }
      .recruit-offer-box__list input::-webkit-input-placeholder {
        color: #dddddd; }
      .recruit-offer-box__list input:-moz-placeholder {
        color: #dddddd; }
      .recruit-offer-box__list input::-moz-placeholder {
        color: #dddddd; }
      .recruit-offer-box__list input:-ms-input-placeholder {
        color: #dddddd; }
    /* .recruit-offer-box__list__item {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; } */
      .recruit-offer-box__list__item > a {
        padding-right: 1.7rem;
        background: url("/images/client/icon_recruit_link.png") no-repeat left top;
        color: #56b8b8; }
      .recruit-offer-box__list__item.varidated input[type="text"] {
        background-color: rgba(218, 38, 71, 0.08);
        border: 1px solid #da2647; }
  .recruit-offer-box__th {
    font-size: 14px;
    margin-left: 1.5rem;
    font-weight: bold;
    padding: 4px 0; }
    .pc .recruit-offer-box__th {
      flex-basis: 35%;
    }
    .recruit-offer-box__th.castName {
      font-family: HiraginoSans-W3;
      font-size: 12px;
      font-weight: normal;
      line-height: 1;
      color: #48485a;}
    .sp.recruit-offer-box__th.castName {
      text-align: center;
    }
    .recruit-offer-box__th .border-b {
      color: #56b8b8; }
      .recruit-offer-box__th .border-b:hover {
        text-decoration: underline; }
    .recruit-offer-box__th--selectbtn {
      margin: 1rem 0; }
      .recruit-offer-box__th--selectbtn a {
        background: #fff;
        color: #56b8b8;
        border: 1px solid #56b8b8;
        background: url("/images/client/icon_more_green.png") no-repeat 90% center;
        font-family: HiraginoSans-W6;
        padding: 0.65rem 3rem;
        border-radius: 20px;
        display: inline-block;
        font-size: 16px; }
        .recruit-offer-box__th--selectbtn a:hover {
          background: #56b8b8;
          background: #51b8b9 url("/images/client/icon_arrow_ltr_white.png") no-repeat center right 25px/10px 15px;
          color: #fff; }
          .recruit-offer-box__th--selectbtn a:focus {
            color: #56b8b8;}
  .recruit-offer-box-overflow {
    position: relative;
    z-index: 1;
    padding: 0.9375rem 1.5rem;
    background: #e1eaed;
    width: calc(100% + 3rem);
    left: -1.5rem;
  }
  .recruit-offer-box__bg-white {
    background: #fff;
    padding-right: 1.3125rem;
  }
  .recruit-offer-box__td {
    width: 100%;
    padding: 0 1.5rem;
    word-wrap: break-word; }
    .recruit-offer-box__td.castOffer {
      font-size: 13px;
      margin-top: 10px;
      font-family: HiraginoSans-W3;
      line-height: 1.54;}
      .recruit-offer-box__td.castOffer4{
        font-family: HiraginoSans-W3;
        line-height: 1.17;
        font-size: 12px;}
    .recruit-offer-box__td.caption {
      color: #000;
      margin-top: 10px;
      font-family: HiraginoSans-W3;}
    .recruit-offer-box__td-text1 {
      margin-top: 10px;
      font-family: HiraginoSans-W3;
      line-height: 1.67;
      color: #48485a;}
      .recruit-offer-box__td-text2 {
        font-family: HiraginoSans-W3;
        line-height: 1.67;
        color: #bf0000;}
    .recruit-offer-box__td.step {
      padding-left: 0;}
      .recruit-offer-box__th-note {
        margin-top: 10px;
      }
    .recruit-offer-box__td + .recruit-offer-box__th,
    .recruit-offer-box__td + .recruit-offer-box__th + .recruit-offer-box__td {
      padding-top: 0; }
    .recruit-offer-box__td__row {
      display: flex;
      justify-content: space-between; }
    .recruit-offer-box__td__row textarea {
      line-height: 1.5;
    }
    .input-job-name input {
      border: 1px solid #d3d8dc;
    }
      .recruit-offer-box__td__row textarea:focus + .text-area-placeholder {
        display: none;}
      .text-area-placeholder {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 98%;
        padding: 10px;
        overflow: hidden;
        opacity: .35;
        background-color: transparent;}
      .recruit-offer-box__td__row + .recruit-offer-box__td__row {
        margin-top: 0.5rem; }
      .recruit-offer-box__td__row--center {
        align-items: center;
        justify-content: flex-start; }
    .recruit-offer-box__td a {
      color: #56b8b8; }
    .recruit-offer-box__td__item {
      font-size: 13px;
      padding: 5px 0 10px 0; }
    .recruit-offer-box__td__item .recruit-offer-box__td__item__link {
      display: flex;
      margin-top: 5px}
    .recruit-offer-box__td__item .recruit-offer-box__td__item__link span {
      color: #56b8b8;
      font-family: HiraginoSans-W3;
      font-size: 14px;
      margin-left: 4px;
      letter-spacing: normal}
  .recruit-offer-box__count {
    margin-left: auto;
    color: #858b94;
    display: inline-block;
    font-size: 0.8rem;
    white-space: nowrap; }
    .recruit-offer-box__count__num.red {
      color: #da2647; }
  .recruit-offer-box__required {
    font-family: HiraginoSans-W5;
    margin-left: 1.5rem;
    padding: 3px 6px;
    background-color: #f5b9c4;
    border-radius: 2px;
    color: #da2647;
    display: inline-block;
    font-size: 0.625rem;
    line-height: 1;
    text-align: center; }
  .recruit-offer-box__radio {
    padding: 0.25rem 2.25rem;
    background: url("/images/client/icon_radio01.png") no-repeat left center;
    line-height: 1; }
    .recruit-offer-box__radio.castOffer {
      font-family: HiraginoSans-W3;}
    .recruit-offer-box__radio.mb16 {
      margin-bottom: 1rem; }
  .recruit-offer-box input[type="radio"],
  .recruit-offer-box input[type="checkbox"] {
    display: none; }
    .recruit-offer-box input[type="radio"]:checked + .recruit-offer-box__radio,
    .recruit-offer-box input[type="checkbox"]:checked + .recruit-offer-box__radio {
      background: url("/images/client/icon_radio02.png") no-repeat left center; }
    .recruit-offer-box input[type="radio"].w30,
    .recruit-offer-box input[type="checkbox"].w30 {
      width: 30%; }
    .recruit-offer-box input[type="radio"].w100,
    .recruit-offer-box input[type="checkbox"].w100 {
      width: 100%;
      margin-bottom: 1.5rem; }
  .recruit-offer-box__text {
    margin-top: 10px;
    color: #48485a;
    font-size: 0.8rem; }
  .recruit-offer-box__text2 {
    margin-top: 1.5rem;
    color: #858b94;
    font-size: 13px; }
  .recruit-offer-box__text3 {
    color: #6f6f7d;
    font-size: 0.8rem; }
    .recruit-offer-box__linkstep3 {
      text-decoration: underline;}
  .recruit-offer-box__text-red {
    margin-bottom: 1.2rem;
    margin-left: 1.5rem;
    color: #bf0000;
    font-size: .8rem;
    line-height: 1.38;
    padding-left: 1.8rem;
    background: url("/images/client/warning@2x.png") no-repeat left top 3px / 16px auto; }
  .recruit-offer-box__text__link {
    color: #56b8b8;
    font-family: HiraginoSans-W3;
    font-size: 14px;
    display: flex;
    align-items: center;}
  .recruit-offer-box__text__link-icon {
    background-size: 16px;
    width: fit-content;
  }.recruit-offer-box__text__link-icon:hover {
       display: flex;
       background-size: 16px;
       width: fit-content;
  }
.after-offer {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
  margin-top: 30px;
  padding: 20px;
  border-radius: 8px;
  background-color: #fcedf1;
}
.after-offer span {
  padding-right: 20px;
}
.after-offer_item {
  font-family: HiraginoSans-W3;
  font-size: 12px;
  line-height: 2;
  color: #000;}
  .recruit-offer-box .inputtext-s {
    width: 176px;
    height: 36px;
    margin-right: 0.5rem;
    padding: 0.75rem;
    border: 1px solid #d3d8dc;
    border-radius: 2px; }
  .recruit-offer-box__varidatedmsg {
    /*margin-top: 1rem;*/
    padding-left: 1.3rem;
    background: url("/images/client/icon_error.png") no-repeat left top/16px auto;
    color: #da2647;
    display: block;
    font-size: 0.875rem;
    font-weight: bold; }
  .recruit-offer-box__link {
    padding: 3px 1.75rem 3px 0;
    background: url("/images/client/icon_edit_green.png") no-repeat right center/11px auto;
    color: #56b8b8;
    font-size: 0.8rem; }
    .recruit-offer-box__link:hover {
      color: #56b8b8;
      text-decoration: underline; }
  .recruit-offer-box .dropzoneImageThumb {
    margin: 2rem auto 0;
    background-size: contain !important;
    margin-right: 20px; }
    .entypo-cancel:before {
      position: absolute;
      top: 9px;
      left: 3px;}
  .recruit-offer-box input[type="checkbox"] + .recruit-offer-radiosq__row__item:hover {
    background: url("/images/client/icon_radio03_hover.png") no-repeat left center; }
  .recruit-offer-box input[type="checkbox"]:checked + .recruit-offer-radiosq__row__item {
    background: url("/images/client/icon_radio04.png") no-repeat left center; }

.dropzoneImageThumb {
  float: none; }

.recruit-offer-thximg {
  width: 50%; }
  .recruit-offer-thximg.caption {
    margin-top: 22px; }
    .recruit-offer-thximg.caption img {
      object-fit: contain;
      background-color: #f4f3f2;
      max-width: 250px;
      max-height: 120px;}
  .recruit-offer-thximg img {
    width: 100%;
    height: auto; }

.recruit-offer-dateinfo {
  display: flex;
  align-items: center; }
  .recruit-offer-dateinfo__calendar {
    width: 195px;
    height: 36px;
    margin-right: 1.5rem;
    position: relative; }
    .recruit-offer-dateinfo__calendar input {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      border: 1px solid #d3d8dc;
      border-radius: 2px; }
    .recruit-offer-dateinfo__calendar__btn {
      position: absolute;
      top: 0;
      right: -1px;
      width: 36px;
      height: 36px;
      background: url("/images/client/icon_calendar_white.png") no-repeat center/11px auto;
      background-color: #56b8b8;
      border: none;
      border-radius: 0 2px 2px 0; }
      .recruit-offer-dateinfo__calendar__btn.error {
        border: 1px solid #dc5851;
        border-left: none;}
        .recruit-offer-dateinfo__calendar__btn.ok {
          border: 1px solid #59b958;
          border-left: none;}
  .recruit-offer-dateinfo__colon {
    min-width: 1rem;
    text-align: center; }
  .recruit-offer-dateinfo__hour {
    width: 195px;
    height: 36px;
    position: relative; }
    .recruit-offer-dateinfo__hour select {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: #fff;
      border: 1px solid #d3d8dc;
      border-radius: 2px;
      font-size: 0.8rem;
      line-height: 1; }
    .recruit-offer-dateinfo__hour:after {
      content: "▼";
      position: absolute;
      pointer-events: none;
      top: 50%;
      right: 0.75rem;
      color: #d3d8dc;
      font-size: 0.5rem;
      transform: translateY(-50%); }
  .recruit-offer-dateinfo__minute {
    width: 195px;
    height: 36px;
    position: relative; }
    .recruit-offer-dateinfo__minute select {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: #fff;
      border: 1px solid #d3d8dc;
      border-radius: 2px;
      font-size: 0.8rem;
      line-height: 1; }
    .recruit-offer-dateinfo__minute:after {
      content: "▼";
      position: absolute;
      pointer-events: none;
      top: 50%;
      right: 0.75rem;
      color: #d3d8dc;
      font-size: 0.5rem;
      transform: translateY(-50%); }
  .recruit-offer-dateinfo__caption {
    margin-top: 1rem;
    color: #48485a;
    font-size: 0.75rem; }

.footer-contact {
  background-color: #fff; }
  .footer-contact__inner {
    max-width: 1244px;
    margin: 1.25rem auto;
    padding: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center; }
  .footer-contact__btn {
    min-width: 264px;
    margin-right: 4rem;
    border: 1px solid #56b8b8;
    display: inline-block;
    font-size: 1.1rem;
    text-align: center; }
    .footer-contact__btn > a {
      padding: 1rem 0;
      color: #56b8b8;
      display: block;
      min-width: 264px; }
      .footer-contact__btn > a > span {
        padding: 0.5rem 0 0.5rem 2.25rem;
        background: url("/images/client/icon_air_green.png") no-repeat left center/24px auto;
        display: inline-block; }
      .footer-contact__btn > a:hover {
        text-decoration: none;
        background-color: #56b8b8;
        color: #fff; }
        .footer-contact__btn > a:hover > span {
          background-image: url("/images/client/icon_air_white.png"); }
    .footer-contact__btn__item {
      background: url("/images/client/icon_air_green.png") no-repeat left center/24px auto;
      padding-left: 36px; }
  .footer-contact__text {
    display: inline-block;
    font-size: 0.8rem;
    vertical-align: middle; }

.offer {
  max-width: 1340px;
  margin: 0 auto;
  padding: 2.25rem 2rem;
  justify-content: space-between; }

/*キャスト管理　ステータス部分 */
.offer-cast {
  background-color: #f6f6f6; }
  .offer-cast__message img {
    max-width: 100%; }
  .offer-cast_status {
    margin: 1.5rem; }
    .offer-cast_status--item {
      background: #fff;
      max-width: 1340px;
      display: flex;
      margin: 0 auto;
      justify-content: space-between;
      align-items: baseline;
      padding: 1rem 2rem; }
  .offer-cast_projectType {
    position: relative;
    top: 30px; }
    .offer-cast_projectType--nomination {
      border: 1px solid #fdb650;
      color: #fdb650;
      padding: 0.2rem 1.1rem;
      font-size: 13px;
      display: inline-block;
      border-radius: 4px;
      height: 28px;
      text-align: center;
      margin-bottom: 0;
      margin-right: 1rem; }
    .offer-cast_projectType--recruitment {
      border: 1px solid #32bbb7;
      color: #32bbb7;
      padding: 0.2rem 1.1rem;
      font-size: 13px;
      display: inline-block;
      border-radius: 4px;
      height: 28px;
      text-align: center;
      margin-bottom: 0;
      margin-right: 1rem; }
  .offer-cast_col1--item {
    display: inline-block;
    height: 84px;
    vertical-align: middle; }
  .offer-cast_col1--gray {
    background: #e5e8ec;
    border: 1px solid #e5e8ec;
    color: #fff;
    padding: 0.3rem 1.1rem;
    font-size: 13px;
    display: inline-block;
    border-radius: 4px;
    height: 28px;
    text-align: center;
    margin-right: 1rem; }
  .offer-cast_col1--white {
    background: #fff;
    border: 1px solid #858b94;
    color: #858b94;
    padding: 0.3rem 1.1rem;
    font-size: 13px;
    display: inline-block;
    border-radius: 4px;
    height: 28px;
    text-align: center;
    margin-right: 1rem; }
  .offer-cast_col1--green {
    background: #32bbb7;
    border: 1px solid #32bbb7;
    color: #fff;
    padding: 0.3rem 1.1rem;
    font-size: 13px;
    display: inline-block;
    border-radius: 4px;
    height: 28px;
    text-align: center;
    margin-right: 1rem; }
  .offer-cast_col1--orange {
    background: #fdb650;
    border: 1px solid #fdb650;
    color: #fff;
    padding: 0.3rem 1.1rem;
    font-size: 13px;
    display: inline-block;
    border-radius: 4px;
    height: 28px;
    text-align: center;
    margin-right: 1rem; }
  .offer-cast_col1--balloon {
    position: relative;
    display: inline-block;
    margin: 0 12px;
    padding: 0 16px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    text-align: center;
    color: #32bbb7;
    font-size: 12px;
    background: #eef8f8;
    border-radius: 20px;
    box-sizing: border-box; }
    .offer-cast_col1--balloon:before {
      content: "";
      position: absolute;
      top: 70%;
      left: -14px;
      margin-top: -15px;
      border: 9px solid transparent;
      border-right: 15px solid #eef8f8;
      z-index: 0; }
  .offer-cast .offer-cast_period--period {
    color: #858b94; }
  .offer-cast .offer-cast_period--item1 {
    position: relative;
    left: 125px; }
  .offer-cast .offer-cast_period--item2 {
    position: relative;
    left: 242px; }
  .offer-cast .offer-cast_period--item3 {
    position: relative;
    left: 358px; }
  .offer-cast .offer-cast_period--periodDay {
    color: #56b8b8; }
  .offer-cast .offer-cast_period--item4 {
    position: relative;
    left: 125px; }
  .offer-cast .offer-cast_period--item5 {
    position: relative;
    left: 242px; }
  .offer-cast .offer-cast_period--item6 {
    position: relative;
    left: 358px; }

      .offerCast-left__thumb__production_logo {
        position: absolute;
        width: 30px;
        height: 30px;
        right: 0;
        bottom: 0;
        margin-right: -4px;
        background: #fff no-repeat center center /contain;
        border-radius: 50%; }
    .offerCast-left__row3 {
      padding-top: 10px;
      display: flex;
      flex-direction: row; }
      .offerCast-left__attention::before {
        content: "";
        background-image: url(/images/client/common/attention.png);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        width: 12px;
        height: 10px;
        margin-right: 3px; }
      .offerCast-left__attention {
        background-color: #ffe2e2;
        margin-left: auto;
        width: 50px;
        border-radius: 2px;
        font-size: 10px;
        text-align: center;
        font-family: 'Noto Sans JP','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'Meiryo UI',YuGothic,'Yu Gothic','Yu Gothic UI',sans-serif;
        font-weight: 600; }

            .offer-Cast__production_logo {
              display: flex;
              align-items: center;
              width: 100%;
              justify-content: center;
              margin: 1rem 0 0; }
              .offer-Cast__production_logo__image {
                max-width: 94px;
                max-height: 54px;
                margin-right: 8px;
              }
              .offer-Cast__production_logo__link {
                font-size: 12px;
                color: #51b8b9;
              }

.negative-tag {
  background-color: #fcf2f3;
  padding: 1.25rem;
  margin-bottom: .75rem; }
  .negative-tag__h {
    color: #f4786c;
    font-weight: bold;
    font-size: .875rem;
    margin: 0 auto 1rem;
    padding-left: 1.25rem;
    text-align: center;
    position: relative;
    width: 110px; }
    .negative-tag__h:before {
      content: "";
      display: inline-block;
      width: 16px;
      height: 16px;
      position: absolute;
      left: 0;
      background: url("/images/client/warning@2x.png") no-repeat left center;
      background-size: 16px 16px; }
  .negative-tag__text {
    color: #000;
    font-size: .75rem;
    margin-bottom: 1rem; }
  .negative-tag__tag {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: .75rem; }
    .negative-tag__tag__item {
      margin: 0 .25rem .25rem;
      line-height: 1; }
      .negative-tag__tag__item img {
        width: auto;
        height: 24px; }
  .negative-tag__text2 {
    color: #000;
    font-size: .75rem; }
  .negative-tag__link {
    color: #56b8b8;
    font-size: .75rem;
    text-decoration: underline; }
    .negative-tag__link:hover {
      text-decoration: none; }

.offer-entry-video {
  width: 100%; }
  
.head-menu .menu {
  background-color: #fff;
  padding: 0 2rem;
  display: flex;
  position: relative; }
  .head-menu .menu:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e1e1e9; }
.head-menu .menu_item {
  margin-right: 2.5rem;
  padding: 1.5rem 1rem;
  color: #858b94;
  font-size: 0.875rem;
  line-height: 1;
  position: relative;
  /*「.menu__item」に"今どこにいるか"用のクラス「.current」がついたときのみ変化させる */ }
  .head-menu .menu_item:before {
    content: "";
    position: absolute;
    pointer-events: none;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-color: transparent; }
  .head-menu .menu_item:hover {
    text-decoration: none; }
  .head-menu .menu_item.current {
    color: #56b8b8; }
    .head-menu .menu_item.current:before {
      background-color: #56b8b8; }

.offer-head-project-frame {
  background: #fff; }

.offer-head-project {
  background: #fff;
  display: flex;
  padding: 1rem 1.5rem;
  align-items: center;
  max-width: 1340px;
  justify-content: space-between;
  margin: 0 auto; }
  .offer-head-project__projectName {
    display: inline-block;
    vertical-align: top;
    margin-left: 1rem; }
    .offer-head-project__projectName--name {
      font-size: 13px;
      line-height: 24px; }
      .offer-head-project__projectName--name.bosyu {
        color: #56b8b8; }
      .offer-head-project__projectName--name.simei {
        color: #fdb650; }
  .offer-head-project__col1 {
    padding-right: 1.75rem;
    display: flex;
    align-items: center; }
  .offer-head-project__projectType--nomination {
    border: 1px solid #fdb650;
    color: #fdb650;
    padding: 0.4rem 0.75rem;
    font-size: 13px;
    display: inline-block;
    border-radius: 4px;
    height: 28px;
    text-align: center;
    margin-bottom: 0;
    width: 64px;
    line-height: 13px; }
  .offer-head-project__projectType--recruitment {
    border: 1px solid #32bbb7;
    color: #32bbb7;
    padding: 0.4rem 0.75rem;
    font-size: 13px;
    display: inline-block;
    border-radius: 4px;
    height: 28px;
    text-align: center;
    margin-bottom: 0;
    width: 64px;
    line-height: 13px; }
  .offer-head-project__breakBorder {
    display: inline-block;
    border-left: 1px solid #eff2f2;
    height: 68px;
    vertical-align: middle;
    margin: 0 28px; }
  .offer-head-project__col2 {
    min-width: 762px;
    padding-left: 1.75rem;
    display: flex;
    justify-content: space-between;
    position: relative; }
    .offer-head-project__col2:before {
      content: "";
      position: absolute;
      pointer-events: none;
      top: 50%;
      left: 0;
      width: 1px;
      height: 68px;
      background-color: #eff2f2;
      transform: translateY(-50%); }
  .offer-head-project__status {
    width: 100%; }
    .offer-head-project__status--projectType {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .offer-head-project__status--gray {
      background: #e5e8ec;
      border: 1px solid #e5e8ec;
      color: #fff;
      padding: 0.25rem 0.75rem;
      font-size: 13px;
      display: inline-block;
      border-radius: 4px;
      height: 28px;
      text-align: center;
      min-width: 77px; }
    .offer-head-project__status--white {
      background: #fff;
      border: 1px solid #858b94;
      color: #858b94;
      padding: 0.25rem 0.75rem;
      font-size: 13px;
      display: inline-block;
      border-radius: 4px;
      height: 28px;
      text-align: center;
      min-width: 77px; }
    .offer-head-project__status--green {
      background: #32bbb7;
      border: 1px solid #32bbb7;
      color: #fff;
      padding: 0.25rem 0.75rem;
      font-size: 13px;
      display: inline-block;
      border-radius: 4px;
      height: 28px;
      text-align: center;
      min-width: 77px; }
    .offer-head-project__status--orange {
      background: #fc9537;
      border: 1px solid #fc9537;
      color: #fff;
      padding: 0.25rem 0.75rem;
      font-size: 13px;
      display: inline-block;
      border-radius: 4px;
      height: 28px;
      text-align: center;
      min-width: 77px; }
    .offer-head-project__status--nomination {
      position: relative;
      display: inline-block;
      margin: 0 12px;
      padding: 0 16px;
      height: 25px;
      line-height: 25px;
      vertical-align: middle;
      text-align: center;
      color: #fdb650;
      font-size: 12px;
      font-weight: bold;
      background: #fff8ee;
      border-radius: 20px;
      box-sizing: border-box; }
      .offer-head-project__status--nomination:before {
        content: "";
        position: absolute;
        top: 70%;
        left: -14px;
        margin-top: -15px;
        border: 9px solid transparent;
        border-right: 15px solid #fff8ee;
        z-index: 0; }
    .offer-head-project__status--balloon-recruitment {
      position: relative;
      display: inline-block;
      padding: 0 0.75rem;
      height: 28px;
      line-height: 28px;
      vertical-align: middle;
      text-align: center;
      color: #32bbb7;
      font-size: 12px;
      background: #eef8f8;
      border-radius: 20px;
      box-sizing: border-box;
      margin: 0 1rem;
      max-width: 205px;
      min-width: 191px; }
      .offer-head-project__status--balloon-recruitment:before {
        content: "";
        position: absolute;
        top: 70%;
        left: -14px;
        margin-top: -15px;
        border: 9px solid transparent;
        border-right: 15px solid #eef8f8;
        z-index: 0; }
    .offer-head-project__status--balloon-nomination {
      position: relative;
      display: inline-block;
      padding: 0 0.75rem;
      height: 28px;
      line-height: 28px;
      vertical-align: middle;
      text-align: center;
      color: #fdb650;
      font-size: 12px;
      background: #fff8ee;
      border-radius: 20px;
      box-sizing: border-box;
      margin: 0 1rem;
      max-width: 205px;
      min-width: 191px; }
      .offer-head-project__status--balloon-nomination:before {
        content: "";
        position: absolute;
        top: 70%;
        left: -14px;
        margin-top: -15px;
        border: 9px solid transparent;
        border-right: 15px solid #fff8ee;
        z-index: 0; }
    .offer-head-project__status--status {
      padding: 1rem 0; }
      .offer-head-project__status--status img {
        width: 368px; }
  .offer-head-project__period--period {
    color: #858b94; }
  .offer-head-project__period--item1 {
    position: relative;
    left: 50px;
    text-align: center;
    width: 80px; }
  .offer-head-project__period--item2 {
    position: relative;
    left: 62px;
    text-align: center;
    width: 80px; }
  .offer-head-project__period--item3 {
    position: relative;
    left: 72px;
    text-align: center;
    width: 80px; }
  .offer-head-project__period--periodDay.simei {
    color: #fdb650; }
  .offer-head-project__period--periodDay.bosyu {
    color: #56b8b8; }
  .offer-head-project__period--item4 {
    position: relative;
    left: 50px;
    text-align: center;
    width: 80px; }
  .offer-head-project__period--item5 {
    position: relative;
    left: 62px;
    text-align: center;
    width: 80px; }
  .offer-head-project__period--item6 {
    position: relative;
    left: 72px;
    text-align: center;
    width: 80px; }

.offer-head-btn {
  text-align: right;
  background: #f6f6f9;
  display: flex;
  justify-content: flex-end;
  /*「.bnr」にクリック不可用のクラス「.disabled」がついたときのみ変化させる */
  /*「.bnr」にクリック不可用のクラス「.disabled」がついたときのみ変化させる */ }
.offer-head-btn .caution-message {
  margin: 50px 0 0 0;
  color: #da2647;
  font-weight: 600;
  font-size: 14px;
}
  .offer-head-btn .bnr {
    margin: 2.5rem 3.625rem 2.5rem 1.625rem;
    padding: 1rem 1.5rem;
    background-color: #56b8b8;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    width: 161px;
    height: 48px; }
    .offer-head-btn .bnr:hover {
      opacity: 0.8; }
  .offer-head-btn .bnr.disabled {
    background-color: #e5e8ec; }
  .offer-head-btn .finish {
    margin: 3.3125rem 4.8125rem;
    padding: 1rem 1.5rem;
    background-color: #56b8b8;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    text-align: center; }
    .offer-head-btn .finish:hover {
      opacity: 0.8; }
  .offer-head-btn .finish.disabled {
    background-color: #e5e8ec; }

.castdata-tags {
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.75rem; }
  .castdata-tags__item {
    margin: 0 0.625rem 0.625rem 0; }
    .castdata-tags__item > a {
      padding: 0.35rem 0.5rem;
      background-color: #48485a;
      border-radius: 3px;
      display: inline-block;
      line-height: 1; }

.offer-modal {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; }
  .offer-modal__col1 {
    width: 50%;
    padding: 1rem;
    font-size: 0.875rem;
    font-weight: bold; }
  .offer-modal__col2 {
    width: 50%;
    padding: 1rem; }
  .offer-modal__calendar {
    position: relative; }

.tags-item {
  position: relative; }

.notification-frame {
  width: 100%;
  background-color: #fff;
  display: table;
  font-size: 14px; }

.notification-block {
  border-bottom: 1px solid #e7ebeb;
  height: 64px; }
  .notification-block th {
    vertical-align: middle; }

.notification-days {
  display: table-cell;
  width: 100px;
  vertical-align: middle;
  padding: 0 25px 0 30px;
  color: #48485a;
  font-size: 14px; }

.notification-category {
  display: table-cell;
  width: 100px;
  height: 28px;
  text-align: center;
  vertical-align: middle; }
  .notification-category span {
    display: inline-block;
    background: #48485A;
    color: #fff;
    padding: 5px;
    border-radius: 4px;
    height: 28px;
    width: 100px;
    font-size: 13px; }
  .notification-category.red span {
    background-color: #da2647; }

.notification-title a {
  display: table-cell;
  vertical-align: middle;
  padding: 7px 32px;
  text-decoration-color: #333340; }
.notification-title p {
  margin-bottom: 0;
  color: #333340;
  font-size: 14px; }
.notification-title a:hover {
  text-decoration: underline; }

.btn-green {
  background: #32bbb7;
  color: #fff; }
  .btn-green:hover {
    background: #2ba29e;
    color: #fff; }

.catch-block .inner .title-block .btn-green {
  background: #fff;
  color: #56b8b8;
  border: 1px solid #56b8b8; }
  .catch-block .inner .title-block .btn-green:hover {
    background: #56b8b8;
    color: #fff; }

.top-header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100000; }
  .top-header-fixed__wrap {
    height: 60px;
    padding: 0 20px;
    background-color: rgba(255,255,255,.8);
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .top-header-fixed__wrap__logo {
      position: relative; }
      .top-header-fixed__wrap__logo a {
        display: block; }
      .top-header-fixed__wrap__logo img {
        height: 18px;
        margin: 0 auto;
        display: block; }

.client-logintop__inner {
  width: 100%;
  background-color: #fff;
  padding: 10px 30px 30px;
  margin-bottom: 20px; }
  .client-logintop__inner--offer {
    padding: 10px 15px 30px 30px;
    margin-bottom: 0; }
  .client-logintop__inner--todo {
    padding: 10px 30px 30px 15px;
    margin-bottom: 0; }

.client-logintop__h h2 {
  font-size: 16px;
  color: #333; }

.top-attention-cast {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 30px 0; }
  .top-attention-cast__list {
    width: 33.3%;
    color: #333; }
    .top-attention-cast__list:hover {
      background-color: rgba(86, 184, 184, 0.1); }
    .top-attention-cast__list a {
      display: flex;
      padding: 10px; }
  .top-attention-cast__img {
    min-width: 80px;
    height: 80px;
    background: url(/images/no-image.png) no-repeat center top /cover;
    border-radius: 50%; }
  .top-attention-cast__list-right {
    margin-left: 20px;
    width: 100%; }
  .top-attention-cast__name {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px; }
  .top-attention-cast__content {
    font-size: 12px; }

.top-taglist {
  margin: 24px 0;
  display: flex;
  flex-wrap: wrap; }
  .top-taglist__tag a {
    display: block;
    color: #717171;
    background-color: #f2f2f2;
    border-radius: 2px;
    margin: 0 .25rem .25rem 0;
    padding: .5rem .7rem;
    font-size: .75rem; }
    .top-taglist__tag.checked a {
      background-color: #51b8b9;
      color: #fff; }
    .top-taglist__tag.checked a:link,
    .top-taglist__tag.checked a:visited {
      text-decoration: none; }
  .top-taglist__row {
    display: flex;
    justify-content: flex-end;
    align-items: center; }


.top-taglist-resulttext {
  margin-right: 40px;
  display: flex;
  align-items: flex-end; }
  .top-taglist-resulttext__text {
    margin-right: 18px;
    font-size: 16px; }
  .top-taglist-resulttext__result {
    margin-right: 18px;
    color: #51b8b9;
    font-size: 14px; }
  .top-taglist-resulttext__num {
    margin-right: 10px;
    display: inline-block;
    font-size: 26px;
    font-weight: bold; }
  .top-taglist-resulttext__text2 {
    font-size: 14px; }

.top-taglist-option {
  margin-right: 20px;
  display: flex;
  align-items: center;
  font-size: 12px; }
  .top-taglist-option__item + .top-taglist-option__item {
    margin-left: 20px; }
  .top-taglist-option__item input {
    display: none; }
  .top-taglist-option__item label {
    padding-left: 28px;
    background: url('/images/client/icon_radio03.png') no-repeat left center;
    line-height: 20px; }
    .top-taglist-option__item label:hover {
      background-image: url('/images/client/icon_radio03_hover.png'); }
  .top-taglist-option__item input:checked + label {
    background-image: url('/images/client/icon_radio04.png'); }

.client-logintop__h {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  background: #fff;
  border-bottom: 1px solid #e7ebeb;
  padding: 0 1.5rem;
  height: 60px; }

.client-logintop__h--link {
  color: #32bbb7;
  font-size: 12px;
  padding-right: 16px;
  display: block;
  background: url(/images/client/icon_more_green.png) no-repeat right center;
  background-size: 6px;
  font-weight: normal; }
  .client-logintop__h--link:link,
  .client-logintop__h--link:visited {
    color: #32bbb7;
    text-decoration: none; }
  .client-logintop__h--link:hover {
    color: #32bbb7;
    text-decoration: underline; }
  .client-logintop__h--link:active {
    color: #32bbb7;
    text-decoration: none; }     

.top-modal-tag {
  max-width: 940px;
  background-color: #fff;
  position: relative; }
  .top-modal-tag__close {
    position: absolute;
    top: 0; right: 0;
    width: 40px;
    height: 40px;
    background: url('/images/client/icon_close_blue_black.png') no-repeat center/12px auto;
    z-index: 10; }
  .top-modal-tag__title {
    color: #48485a;
    font-size: 16px;
    font-weight: bold;
    padding: 20px 24px;
    border-bottom: 1px solid rgba(133, 139, 148, 0.3); }
  .top-modal-tag__inner {
    padding: 20px; }

.top-modal-tag__list-title {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  background-color: #eef5f7;
  padding: 5px 15px; }

.modal-top-purpose .modal-content {
  width: 100% !important;
  max-width: 100% !important; }
.modal-dialog.modal-top-purpose {
  width: 100%;
  max-width: 640px; }

.top-modal-tag__list {
  display: flex;
  font-size: 12px;
  color: #333;
  margin: 10px 0 20px 0; }
  .top-modal-tag__all {
    min-width: 62px;
    margin: 5px 10px 5px 5px; }
    .top-modal-tag__all:after {
      content: "|";
      margin: 10px; }
  .top-modal-tag__content {
    display: flex;
    flex-wrap: wrap; }
  .top-modal-tag__content-list {
    margin: 5px 0; }
    .top-modal-tag__content-list:after {
      content: "|";
      margin: 10px; }
    .top-modal-tag__content-list:last-child:after {
      content: none; }
  .top-modal-tag__content-list a,
  .top-modal-tag__all a {
    padding: 3px 4px; }
    .top-modal-tag__content-list a:hover,
    .top-modal-tag__all a:hover,
    .top-modal-tag__content-list--current a {
      background-color: #56b8b8;
      color: #fff;
      border-radius: 3px; }

.top-modal-tag__footer {
  background-color: #f6f6f9;
  padding: 24px 24px 24px 40px; }
  .top-modal-tag__footer-btn {
    text-align: right;
    width: 120px;
    margin: 0 0 0 auto; }
  .top-modal-tag__footer-btn a {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    background-color: #56b8b8;
    padding: 15px 45px;
    border-radius: 3px; }
  .top-modal-tag__footer-btn a:hover {
    opacity: 0.8; }

/*firefoxだけのバッチ指定 */
@-moz-document url-prefix() {
  .offer-list_candidate .newbadge__icon {
    top: 2.5rem; }

  .offer-list_message .newbadge__icon {
    top: 2.5rem; } }

/*searchボタン */
dl.search {
  position: relative;
  background-color: #fff;
  border: 1px solid #aaa;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px; }
  dl.search dt {
    margin-right: 40px;
    padding: 8px 0 8px 8px; }
    dl.search dt input {
      width: 100%;
      height: 24px;
      line-height: 24px;
      background: none;
      border: none; }
    dl.search dt dd {
      position: absolute;
      top: 0;
      right: 0; }
      dl.search dt dd button {
        display: block;
        padding: 10px;
        background: none;
        border: none; }
        dl.search dt dd button span {
          display: block;
          width: 20px;
          height: 20px;
          background: url("/images/search.png") no-repeat scroll 0 0; }

/*バナー全体のサイズ */
.banner {
  width: 390px;
  height: 180px;
  overflow: hidden;
  position: relative;
  text-align: center;
  /*マウスオーバーするマスク */ }
  .banner .mask {
    width: 390px;
    height: 180px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0; }
  .banner h2 {
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px; }
  .banner p {
    font-size: 12px;
    position: relative;
    color: #fff;
    text-align: center; }

/*黒にする */
.banner-view {
  /*マウスオーバーしたとき　不透明度を下げる* */ }
  .banner-view .mask {
    opacity: 0;
    background-color: #000;
    transition: all 0.3s ease-in-out; }
  .banner-view:hover .mask {
    opacity: 0.6; }

.area-billboard {
  max-height: 611px;
  overflow: hidden;
  position: relative; }
  .area-billboard #billboard-show {
    clear: left;
    width: 100%;
    height: auto;
    position: relative; }
    .area-billboard #billboard-show #slide1, .area-billboard #billboard-show #slide2, .area-billboard #billboard-show #slide3 {
      -webkit-animation-duration: 10s;
      animation-duration: 10s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite; }
    .area-billboard #billboard-show #slide1 {
      -webkit-animation-name: slide1;
      animation-name: slide1;
      position: relative;
      width: 100%;
      height: auto; }
    .area-billboard #billboard-show #slide2 {
      -webkit-animation-name: slide2;
      animation-name: slide2;
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: auto; }
    .area-billboard #billboard-show #slide3 {
      -webkit-animation-name: slide3;
      animation-name: slide3;
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: auto; }
@keyframes slide1 {
  0% {
    opacity: 0.7; }
  10% {
    opacity: 0.8; }
  20% {
    opacity: 1; }
  30% {
    opacity: 1; }
  40% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes slide2 {
  0% {
    opacity: 0; }
  30% {
    opacity: 0; }
  40% {
    opacity: 1; }
  60% {
    opacity: 1; }
  70% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@keyframes slide3 {
  0% {
    opacity: 0; }
  60% {
    opacity: 0; }
  70% {
    opacity: 1; }
  90% {
    opacity: 0.8; }
  100% {
    opacity: 0.6; } }
  .area-billboard__contents {
    width: 1440px;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }
    .area-billboard__contents:before {
      content: "";
      position: absolute;
      pointer-events: none;
      bottom: 0;
      left: -137px;
      width: 890px;
      height: 78%;
      background: url("/images/client/lp_bg1_v2_3x.png") no-repeat left bottom;
      background-size: auto 100%; }
    .area-billboard__contents__inner {
      max-width: 353px;
      margin-left: auto;
      position: absolute;
      top: 50%;
      right: 15%;
      transform: translateY(-50%); }
  .area-billboard__logo {
    margin-bottom: 2.5rem;
    text-align: center; }
    .area-billboard__logo img {
      width: 347px;
      height: 35px; }
  .area-billboard__text {
    margin-bottom: 2.5rem;
    font-size: 1rem;
    line-height: 1.6; }
  .area-billboard__bnr {
    font-size: 1.1rem;
    text-align: center; }
    .area-billboard__bnr__offer {
      width: 100%;
      margin-bottom: 1rem;
      padding: 1.4rem;
      background-color: #56b8b8;
      border-radius: 2px;
      display: inline-block;
      line-height: 1; }
    .area-billboard__bnr__order {
      width: 100%;
      padding: 1.4rem;
      background-color: #fdb650;
      border-radius: 2px;
      display: inline-block;
      line-height: 1; }

.area-catch {
  position: relative;
  text-align: center; }
  .area-catch__h {
    padding: 5.625rem 0 4rem;
    color: #48485a;
    font-size: 1.5rem; }
  .area-catch__box {
    height: 490px;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 1.1rem;
    overflow: hidden;
    position: relative; }
    .area-catch__box img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .area-catch__box__col1, .area-catch__box__col2 {
      width: 50%;
      position: relative; }
    .area-catch__box__h {
      margin-bottom: 2.5rem;
      padding-top: 5.5rem;
      background-position: center top;
      background-repeat: no-repeat; }
      .area-catch__box__h.client {
        background-image: url("/images/client/lp_catchh_client.png"); }
      .area-catch__box__h.cast {
        background-image: url("/images/client/lp_catchh_cast.png"); }
    .area-catch__box__downicon {
      width: 50px;
      height: 50px;
      background: url("/images/client/lp_catch_downlink.png") no-repeat;
      display: inline-block;
      line-height: 1; }
    .area-catch__box__dtllink {
      padding: 1rem 2.4rem 1rem 1rem;
      background: url("/images/client/icon_target_blank_white.png") no-repeat right 1rem center/13px auto;
      border: 1px solid #fff;
      border-radius: 2px;
      font-size: 1rem;
      line-height: 1; }
      .area-catch__box__dtllink:hover {
        background-color: #fdb650; }
    .area-catch__box__list {
      margin-bottom: 3rem; }
      .area-catch__box__list__item {
        margin-bottom: 1.5rem; }
        .area-catch__box__list__item:last-child {
          margin-bottom: 0; }

.area-step__inner {
  max-width: 1440px;
  margin: 0 auto; }
.area-step__step {
  display: flex;
  justify-content: space-between;
  align-items: center; }
.area-step__coltext {
  width: 53%;
  padding: 5rem 0 5rem 8.25rem; }
.area-step__colimg {
  width: 47%;
  padding: 5rem 0;
  line-height: 0; }
.area-step__h {
  margin-bottom: 2.5rem;
  padding-top: 4rem;
  background-repeat: no-repeat;
  color: #48485a;
  font-size: 1.5rem; }
  .area-step__h.step1 {
    background-image: url("/images/client/lp_no1.png"); }
  .area-step__h.step2 {
    background-image: url("/images/client/lp_no2.png"); }
  .area-step__h.step3 {
    background-image: url("/images/client/lp_no3.png"); }
.area-step__text {
  color: #48485a;
  font-size: 0.8rem;
  line-height: 2.15; }
.area-step__bnr {
  margin-top: 2rem;
  padding: 1rem 1.1rem 1rem 2.5rem;
  background: url("/images/client/icon_search_white.png") no-repeat left 0.75rem center/1rem auto;
  background-color: #56b8b8;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-size: 0.8rem;
  line-height: 1; }
  .area-step__bnr:hover {
    color: #fff;
    opacity: 0.8; }

.area-flow {
  padding-top: 5rem;
  text-align: center; }
  .area-flow__h {
    margin-bottom: 2rem;
    color: #48485a;
    font-size: 1.5rem; }
  .area-flow__caption {
    margin-bottom: 3rem;
    color: #48485a;
    font-size: 0.8rem; }

.flow-boshu {
  padding: 4rem 0 5rem;
  background: linear-gradient(to right, #daf0ef, #fff); }
  .flow-boshu__h {
    margin-bottom: 2.5rem;
    color: #56b8b8;
    font-size: 1.5rem; }
  .flow-boshu__box {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 4.625rem;
    display: flex;
    justify-content: space-between; }
    .flow-boshu__box__col1 {
      width: 32%;
      background-color: #fff; }
    .flow-boshu__box__col2 {
      width: 66%;
      background-color: #fff; }
    .flow-boshu__box__h {
      padding: 2rem;
      border-bottom: 1px solid rgba(123, 184, 184, 0.16);
      color: #56b8b8;
      font-size: 1rem; }
    .flow-boshu__box__inner {
      padding: 2rem 2rem 3.5rem; }
      .flow-boshu__box__inner img {
        display: inline-block; }
    .flow-boshu__box__list {
      margin-top: 2rem;
      padding-left: 2rem;
      color: #48485a;
      font-size: 0.8rem;
      text-align: left; }
      .flow-boshu__box__list__item {
        margin-bottom: 1rem;
        padding-left: 1.2rem;
        background: url("/images/client/icon_chack_green.png") no-repeat left center/11px auto; }
        .flow-boshu__box__list__item:last-child {
          margin-bottom: 0; }

.flow-shimei {
  padding: 4rem 0 5rem;
  background: linear-gradient(to right, #ffecda, #fff); }
  .flow-shimei__h {
    margin-bottom: 2.5rem;
    color: #fdb650;
    font-size: 1.5rem; }
  .flow-shimei__box {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 4.625rem;
    display: flex;
    justify-content: space-between; }
    .flow-shimei__box__col1 {
      width: 32%;
      background-color: #fff; }
    .flow-shimei__box__col2 {
      width: 66%;
      background-color: #fff; }
    .flow-shimei__box__h {
      padding: 2rem;
      border-bottom: 1px solid rgba(253, 182, 80, 0.16);
      color: #fdb650;
      font-size: 1rem; }
    .flow-shimei__box__inner {
      padding: 2rem 2rem 3.5rem; }
      .flow-shimei__box__inner img {
        display: inline-block; }
    .flow-shimei__box__list {
      margin-top: 2rem;
      padding-left: 2rem;
      color: #48485a;
      font-size: 0.8rem;
      text-align: left; }
      .flow-shimei__box__list__item {
        margin-bottom: 1rem;
        padding-left: 1.2rem;
        background: url("/images/client/icon_chack_orange.png") no-repeat left center/11px auto; }
        .flow-shimei__box__list__item:last-child {
          margin-bottom: 0; }

.area-simu {
  padding-top: 5rem;
  text-align: center; }
  .area-simu input {
    height: 36px;
    margin-right: 1rem;
    padding: 0.75rem;
    border: 1px solid #d3d8dc;
    border-radius: 2px; }
    .area-simu input.input1 {
      width: 120px; }
    .area-simu input.input2 {
      width: 60px; }
  .area-simu__x {
    width: 1rem;
    height: 1rem;
    margin: 0 1rem 0 0.8rem;
    background: url("/images/client/lp_x.png") no-repeat center;
    display: inline-block; }
  .area-simu__h {
    margin-bottom: 2rem;
    color: #48485a;
    font-size: 1.5rem; }
  .area-simu__caption {
    margin-bottom: 3rem; }
  .area-simu__input {
    max-width: 786px;
    margin: 0 auto;
    font-size: 0.8rem; }
    .area-simu__input__row {
      padding: 2rem 0;
      border-bottom: 1px solid #e1e1e9;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .area-simu__input__row:last-child {
        border-bottom: none; }
    .area-simu__input__col1 {
      width: calc(50% + 8px);
      padding-right: 1rem;
      background: url("/images/client/lp_plus.png") no-repeat right center;
      display: flex;
      align-items: center;
      justify-content: center; }
    .area-simu__input__col2 {
      width: calc(50% - 8px); }
    .area-simu__input__result {
      width: 100%;
      padding-right: 3.8rem;
      color: #32bbb7;
      font-size: 1.1rem;
      text-align: right; }
      .area-simu__input__result__num {
        margin-left: 2rem;
        display: inline-block;
        font-size: 1.5rem;
        font-weight: bold; }
        .area-simu__input__result__num span {
          font-size: 1.1rem; }
  .area-simu__bnr {
    margin: 1rem 0 4rem;
    padding: 1.5rem;
    background-color: #56b8b8;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 1.1rem;
    text-align: center; }
    .area-simu__bnr:hover {
      color: #fff;
      opacity: 0.8; }

.area-modelcase {
  padding-top: 5rem;
  border-top: 1px solid #ddd; }
  .area-modelcase__h {
    margin-bottom: 2rem;
    color: #48485a;
    font-size: 1.5rem;
    text-align: center; }
  .area-modelcase__caption {
    margin-bottom: 3rem;
    color: #48485a;
    font-size: 0.8rem;
    text-align: center; }
  .area-modelcase__note {
    margin-bottom: 3rem;
    padding: 1rem;
    color: #858b94;
    font-size: 0.8rem;
    text-align: center; }

.examples {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 3.875rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .examples__tooltip {
    position: absolute;
    top: 90%;
    left: 0;
    width: 100%;
    padding: 1.5rem 1.5rem 1rem;
    background-color: #fff;
    color: #48485a;
    line-height: 1.5;
    opacity: 0;
    pointer-events: none;
    text-align: left;
    transition-property: opacity, pointer-events, top;
    transition-duration: 0.5s, 0.5s;
    z-index: 2; }
    .examples__tooltip:before {
      content: "";
      position: absolute;
      top: -30px;
      left: 50%;
      margin-left: -15px;
      border: 15px solid transparent;
      border-bottom: 15px solid #fff; }
    .examples__tooltip__h {
      margin-bottom: 1.5rem;
      font-size: 1rem;
      font-weight: bold; }
    .examples__tooltip__cmname, .examples__tooltip__cat, .examples__tooltip__people, .examples__tooltip__price {
      margin-bottom: 0.5rem;
      font-size: 0.875rem; }
  .examples__item {
    width: calc(25% - 24px);
    min-width: 250px;
    margin: 0 0.75rem 1.5rem 0.75rem;
    color: #fff;
    line-height: 0;
    position: relative;
    text-align: center; }
    .examples__item img {
      max-height: 240px;
      min-height: 240px;
      object-fit: cover;
      width: 100%;
      height: 100%; }
    .examples__item > a {
      display: block;
      position: relative; }
      .examples__item > a:hover + .examples__tooltip {
        opacity: 1;
        pointer-events: auto;
        top: 100%;
        box-shadow: 0 2px 8px 0 rgba(133, 139, 148, 0.3); }
  .examples__inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1.5rem 1.5rem 2.5rem 1.5rem;
    line-height: 1;
    text-align: left; }
    .examples__inner * {
      position: relative;
      z-index: 1; }
    .examples__inner:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: rgba(0, 0, 0, 0.4);
      z-index: 0; }
  .examples__label {
    margin-bottom: 2rem;
    padding: 0.5rem;
    border: 1px solid #fff;
    border-radius: 2px;
    display: inline-block;
    font-size: 0.8rem;
    line-height: 1; }
    .examples__label.nowopen {
      background-color: #fff;
      color: #48485a; }
  .examples__title {
    line-height: 1.5;
    height: 54px;
    font-size: 1rem; }
  .examples__kiyou {
    margin-bottom: 1rem;
    font-size: 1.1rem;
    font-weight: bold; }
  .examples__oubo {
    padding-bottom: 0.5rem;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: bold;
    position: relative; }
    .examples__oubo:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 4px;
      background-color: #56b8b8;
      opacity: 0.7; }

.area-company {
  padding-top: 5rem;
  border-top: 1px solid #ddd;
  text-align: center; }
  .area-company img {
    margin-bottom: 3rem;
    display: inline-block; }
  .area-company__h {
    margin-bottom: 2rem;
    color: #48485a;
    font-size: 1.5rem; }
  .area-company__h2 {
    margin-bottom: 3rem;
    color: #48485a;
    font-size: 1.1rem; }
  .area-company__caption {
    margin-bottom: 3rem;
    color: #48485a;
    font-size: 0.8rem; }

.area-searchcast {
  padding-top: 5rem;
  border-top: 1px solid #ddd;
  text-align: center; }
  .area-searchcast__h {
    margin-bottom: 3.75rem;
    color: #48485a;
    font-size: 1.5rem; }
  .area-searchcast__list {
    max-width: 1440px;
    margin: 0 auto 2.5rem;
    padding: 0 3.875rem;
    display: flex;
    flex-wrap: wrap; }
    .area-searchcast__list__item {
      margin: 0 0.75rem 1.5rem 0.75rem; }
  .area-searchcast__bnr {
    margin-bottom: 4rem;
    padding: 1rem 1.2rem 1rem 2.5rem;
    background: url("/images/client/icon_search_white.png") no-repeat left 1rem center/14px auto;
    background-color: #56b8b8;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 0.8rem;
    line-height: 1; }
    .area-searchcast__bnr:hover {
      color: #fff;
      opacity: 0.8; }

.area-faq {
  padding: 5rem 0 4rem;
  background: linear-gradient(to right, #daf0ef, #fff); }
  .area-faq__h {
    margin-bottom: 3.75rem;
    color: #56b8b8;
    font-size: 1.5rem;
    text-align: center; }
  .area-faq__q {
    margin-bottom: 1.5rem;
    padding-right: 2rem;
    color: #56b8b8;
    display: inline-block;
    font-size: 1rem;
    position: relative; }
    .area-faq__q__btn {
      width: 1rem;
      height: 1rem;
      margin-left: 1rem;
      background: url("/images/client/lp_faq1.png") no-repeat center;
      display: inline-block;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%); }
  .area-faq__a {
    height: 0;
    padding: 0 1.5rem;
    background-color: #fff;
    border-radius: 2px;
    color: #858b94;
    font-size: 0.8rem;
    line-height: 2.15;
    overflow: hidden;
    transition-property: height, padding-top, padding-bottom;
    transition-duration: 0.5s, 0.5s, 0.5s; }
    .area-faq__a.close {
      height: 0; }
  .area-faq__prefix {
    margin-right: 0.3rem;
    color: #56b8b8;
    display: inline-block;
    font-size: 1rem; }
  .area-faq__box {
    max-width: 635px;
    margin: 0 auto;
    padding-bottom: 2.5rem; }
    .area-faq__box.active .area-faq__q__btn {
      background: url("/images/client/lp_faq2.png") no-repeat center; }
    .area-faq__box.active .area-faq__a {
      height: auto;
      padding: 1.5rem; }

.area-signup {
  background: url("/images/client/lp_billboard_3.jpg") no-repeat center/100% auto;
  color: #fff; }
  .area-signup__inner {
    max-width: 1080px;
    margin: 0 auto;
    padding: 4.5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .area-signup__col1 {
    width: 39%;
    text-align: center; }
  .area-signup__catch {
    margin-bottom: 2.5rem;
    font-size: 1.5rem; }
  .area-signup__bnr {
    padding: 1.625rem;
    background-color: #56b8b8;
    border-radius: 2px;
    display: block;
    font-size: 1.35rem;
    line-height: 1; }
  .area-signup__col2 {
    width: 44%; }
  .area-signup__text {
    font-size: 1rem;
    line-height: 1.6; }

.area-home-footer {
  background-color: #f6f6f9; }
  .area-home-footer__inner {
    max-width: 924px;
    margin: 0 auto;
    padding: 1.75rem 0; }
  .area-home-footer__row {
    padding: 1.25rem;
    display: flex; }
  .area-home-footer__col1 {
    width: 27%;
    margin-right: 3rem; }
    .area-home-footer__col1 img {
      width: 243px;
      height: 24px; }
  .area-home-footer__col2 {
    width: 73%; }
  .area-home-footer__text {
    color: #48485a;
    font-size: 0.8rem;
    line-height: 1.6; }
  .area-home-footer__h {
    margin-bottom: 0.875rem;
    color: #48485a;
    font-size: 0.8rem;
    font-weight: bold; }
  .area-home-footer__list {
    color: #48485a;
    font-size: 0.75rem;
    display: flex;
    flex-wrap: wrap; }
    .area-home-footer__list__item {
      margin-bottom: 1rem; }
      .area-home-footer__list__item:nth-of-type(3n+1) {
        width: 30%; }
      .area-home-footer__list__item:nth-of-type(3n+2) {
        width: 40%; }
      .area-home-footer__list__item:nth-of-type(3n+3) {
        width: 30%; }
  .area-home-footer__bnr {
    width: 206px;
    color: #fff;
    font-size: 0.8rem;
    text-align: center; }
    .area-home-footer__bnr__bnr1 {
      margin-bottom: 1rem;
      padding: 0.75rem 1.5rem;
      background-color: #56b8b8;
      border-radius: 2px;
      display: block; }
    .area-home-footer__bnr__bnr2 {
      padding: 0.75rem 1.5rem;
      background-color: #fdb650;
      border-radius: 2px;
      display: block; }

.area-home-copyright {
  background-color: #48485a;
  color: #fff;
  font-size: 0.75rem; }
  .area-home-copyright__inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 0.875rem 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  .area-home-copyright__list {
    display: flex; }
    .area-home-copyright__list__item {
      padding: 0 1rem;
      border-right: 1px solid #fff; }
      .area-home-copyright__list__item:last-child {
        border-right: none; }
  .area-home-copyright__text {
    width: 100%;
    margin-top: 1rem;
    text-align: center; }

.lb-breadcrumb {
  color: #444;
  background-color: white;
  font-size: 12px; 
  line-height: 1; }
  .lb-breadcrumb__list {
    max-width: 1340px;
    margin: 0 auto;
    padding: 18px;
    display: flex;
    align-items: center; }
    .lb-breadcrumb__list__item {
      padding-left: 22px;
      position: relative; }
      .lb-breadcrumb__list__item::before {
        content: ">";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 22px;
        text-align: center; }
      .lb-breadcrumb__list__item a {
        color: #14BBB9; }
        .lb-breadcrumb__list__item a:hover {
          color: #14BBB9; }
      .lb-breadcrumb__list__item.home {
        padding: 0; }
        .lb-breadcrumb__list__item.home::before {
          display: none; }
        .lb-breadcrumb__list__item.home a {
          display: flex;
          align-items: center; }

.public-breadcrumb {
  color: #444;
  background-color: white;
  font-size: 0.75rem; }
  .public-breadcrumb__list {
    max-width: 1232px;
    margin: 0 auto;
    padding: 1rem;
    display: flex;
    align-items: center; }
    .public-breadcrumb__list__item {
      padding-left: 1.375rem;
      position: relative; }
      .public-breadcrumb__list__item::before {
        content: ">";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1.375rem;
        text-align: center; }
      .public-breadcrumb__list__item.home {
        color: #56b8b8;
        padding: 0; }
        .public-breadcrumb__list__item.home::before {
          display: none; }

.lp-search-header {
  height: 300px;
  overflow: hidden;
  position: relative; }
  .lp-search-header--65 {
    margin-top: 65px;
    height: 365px; }
  .lp-search-header__img {
    line-height: 0; }
    .lp-search-header__img img {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .lp-search-header__inner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%); }
    .lp-search-header__inner img {
      margin-bottom: 2.7rem;
      display: inline-block; }
  .lp-search-header__logo img {
    width: 357px;
    height: auto; }
  .lp-search-header__caption {
    color: #fff;
    font-size: 1.1rem; }

.lp-search-castgrid img {
  max-width: 100%; }
.lp-search-castgrid__list {
  max-width: 1340px;
  margin: 0 auto;
  padding: 1.7rem 0.6rem;
  display: flex;
  flex-wrap: wrap; }
  .lp-search-castgrid__list__item {
    margin: 0 0.75rem 1.5rem;
    width: 240px;
    background-color: #fff;
    border-bottom: 1px solid #eff2f2;
    border-right: 1px solid #eff2f2;
    border-left: 1px solid #eff2f2; }
    .lp-search-castgrid__list__item.select {
      border: 2px solid #56b8b8; }
.lp-search-castgrid__img {
  height: 186px;
  line-height: 0;
  position: relative; }
  .lp-search-castgrid__img__production_logo {
    position: absolute;
      width: 42px;
      height: 42px;
      right: 0;
      bottom: 0;
      margin: 4px;
      background: #fff no-repeat center center / contain;
      border-radius: 50%; }
.lp-search-castgrid__text {
  height: calc(100% - 186px);
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
.lp-search-castgrid__name {
  padding: 16px; }
  .lp-search-castgrid__name__name {
    color: #333340;
    font-size: 1rem; }
  .lp-search-castgrid__catch {
    height: 60px;
    margin-top: .7rem;
    font-size: 14px;
    line-height: 1.25;
    overflow: hidden;
    position: relative; }
    .lp-search-castgrid__catch::before {
      content: "";
      position: absolute;
      pointer-events: none;
      bottom: 0; right: 0;
      width: 50%;
      height: 20px;
      background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1)); }
  .lp-search-castgrid__name__caption {
    min-height: 60px;
    margin-top: .7rem;
    color: #858b94;
    display: block;
    font-size: 0.8rem; }
.lp-search-castgrid__checkbox {
  width: 20px;
  margin-left: 1rem; }
  .lp-search-castgrid__checkbox label {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    display: inline-block;
    position: relative; }
  .lp-search-castgrid__checkbox input {
    display: none; }
    .lp-search-castgrid__checkbox input:checked + label {
      background-color: #56b8b8;
      border: 1px solid #56b8b8;
      position: relative; }
      .lp-search-castgrid__checkbox input:checked + label:before {
        content: "";
        position: absolute;
        pointer-events: none;
        top: 1px; left: 6px;
        transform: translate(-50%, -50%);
        width: 7px;
        height: 12px;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg); }
.lp-search-castgrid__btn {
  width: 100%;
  padding: 10px 16px;
  border-top: 2px dotted #f6f6f9;
  display: flex;
  font-size: 0.8rem;
  justify-content: space-between; }
  .lp-search-castgrid__btn__fav {
    padding-left: 1rem;
    background: url("/images/client/icon_plius_green.png") no-repeat left center/10px auto;
    color: #56b8b8; }
    .lp-search-castgrid__btn__fav:hover {
      color: #56b8b8;
      text-decoration: underline; }
  .lp-search-castgrid__btn__offer {
    padding-left: 1.1rem;
    background: url("/images/client/icon_handshake_green.png") no-repeat left center/12px auto;
    color: #56b8b8; }
    .lp-search-castgrid__btn__offer:hover {
      color: #56b8b8;
      text-decoration: underline; }

.lp-search-purpose {
  background-color: #fff; }
  .lp-search-purpose_inner {
  max-width: 1340px;
  margin: 0 auto;
  padding: 15px 10px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #dddddd; }
  .lp-search-purpose-l-target {
    padding-top: 50px; }
    .lp-search-purpose-l-target-number {
      color: #48aba9;
      font-size: 27px;
      font-family: 'Noto Sans JP','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'Meiryo UI',YuGothic,'Yu Gothic','Yu Gothic UI',sans-serif;
      font-weight: bold; }
    .lp-search-purpose-l-target-blue {
      font-size: 14px; 
      margin: 0 15px 0 12px; }

  .lp-search-purpose-r-list,.search-result__list {
    font-size: 12px;
    font-weight: bold;
    margin: 1rem 0 0.6rem; 
    text-align: right; }
    .lp-search-purpose-r-list_icon,.search-result__list_icon {
      width: 12px; 
      display: inline-block;
     margin-right: 8px; }
      .lp-search-purpose-r-list-btn {
        display: flex; }

.lp-pu-header {
  height: 240px;
  margin-bottom: 5rem;
  background-color: #f6f6f9;
  line-height: 0;
  text-align: center; }

.lp-pu-h {
  margin-bottom: 2.3rem;
  color: #48485a;
  font-size: 1.5rem;
  text-align: center; }

.lp-gototop {
  width: 50px;
  height: 50px;
  display: inline-block;
  background: url("/images/client/lp_gototop.png") no-repeat center;
  position: fixed;
  right: 100px;
  bottom: 100px; }

.lp-prof-header {
  text-align: center; }
  .lp-prof-header__inner {
    max-width: 1440px;
    margin: 0 auto;
    position: relative; }
  .lp-prof-header__img {
    display: flex; }
    .lp-prof-header__img__item {
      width: 25%;
      display: block; }
      .lp-prof-header__img__item:before {
        content: "";
        display: block;
        padding-top: 100%; }
  .lp-prof-header__btn {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 1.5rem;
    color: #48485a;
    font-size: 0.8rem; }
    .lp-prof-header__btn__share {
      padding: 0.75rem 0.75rem 0.75rem 2.2rem;
      background: url("/images/client/icon_share_blue_black.png") no-repeat left 0.75rem center/13px 13px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 2px;
      display: inline-block; }
    .lp-prof-header__btn__view {
      margin-left: 1rem;
      padding: 0.75rem;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 2px;
      display: inline-block; }

.lp-prof-headtab {
  background-color: #fff;
  border-bottom: 1px solid #e1e1e9;
  color: #858b94;
  font-size: 0.875rem;
  text-align: center; }
  .lp-prof-headtab__list {
    max-width: 490px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    .lp-prof-headtab__list__item a {
      padding: 1.5rem;
      display: block;
      position: relative;
      line-height: 1; }
    .lp-prof-headtab__list__item.disabled a {
      color: #e5e8ec; }
    .lp-prof-headtab__list__item.current a {
      color: #56b8b8; }
      .lp-prof-headtab__list__item.current a:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 1.5rem;
        right: 1.5rem;
        height: 4px;
        background-color: #56b8b8; }

.lp-prof-container {
  padding-bottom: 4.5rem;
  background-color: #fff; }
  .lp-prof-container__inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 2.5rem 4.625rem 0;
    display: flex;
    justify-content: space-between; }

.lp-prof-main {
  width: 66%;
  order: 2; }
  .lp-prof-main .movie-block__youtubeModal {
    position: relative;
    display: block; }
    .lp-prof-main .movie-block__youtubeModal .movie-block__youtubeModal--item {
      display: block;
      width: 396px;
      height: 224px; }
    .lp-prof-main .movie-block__youtubeModal .btn__play {
      width: 55%;
      z-index: 1;
      position: absolute;
      top: 45%;
      left: 0;
      right: 0;
      margin: 0 auto; }

.lp-prof-sub {
  width: calc(33% - 48px);
  order: 1; }

.lp-prof-tags {
  margin-bottom: 1.375rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .lp-prof-tags__item {
    margin: 0 0.5rem 0.5rem 0;
    line-height: 0; }
    .lp-prof-tags__item img {
      width: auto;
      height: 24px; }

.lp-prof-catchbox {
  margin-bottom: 2.5rem;
  padding: 1rem 1rem 0;
  border: 1px solid #e1e1e9;
  border-radius: 2px;
  color: #48485a; }
  .lp-prof-catchbox__h {
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: bold; }
  .lp-prof-catchbox__text {
    margin-bottom: 1rem;
    font-size: 0.8rem; }

.lp-prof-lv2h {
  margin-bottom: 2.875rem;
  padding: 0.5rem 1.5rem 0.5rem 1.375rem;
  border-left: 2px solid #48485a;
  color: #48485a;
  font-size: 1rem; }

.lp-prof-exp {
  margin-bottom: 2.875rem;
  color: #48485a;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.75rem;
  text-align: center; }
  .lp-prof-exp__item {
    margin: 0 0.5rem 0.5rem 0;
    padding: 0.75rem;
    background-color: #f6f6f9;
    border: 1px solid #e1e1e9;
    line-height: 1; }

.lp-prof-exp2__text {
  margin-bottom: 1.5rem;
  color: #333340;
  font-size: 0.8rem; }
  .lp-prof-exp2__text.textclose {
    max-height: 70px;
    overflow: hidden;
    position: relative; }
    .lp-prof-exp2__text.textclose:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 50%;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); }
.lp-prof-exp2__more {
  padding: 0 1.5rem 0 1rem;
  background: url("/images/client/lp_faq1.png") no-repeat center right;
  color: #32bbb7;
  font-size: 0.8rem; }
  .lp-prof-exp2__more.linkopen {
    background: url("/images/client/lp_faq2.png") no-repeat center right; }

.lp-prof-castindex {
  margin-bottom: 4rem;
  text-align: center; }
  .lp-prof-castindex__thumb {
    width: 164px;
    height: 164px;
    margin: 0 auto 2rem;
    border-radius: 50%;
    box-shadow: 0 2px 8px 0 rgba(133, 139, 148, 0.3);
    overflow: hidden;
    position: relative; }
  .lp-prof-castindex__name {
    margin-bottom: 1.5rem;
    color: #48485a;
    font-size: 1.5rem; }
  .lp-prof-castindex__detail {
    margin-bottom: 2rem;
    color: #858b94;
    font-size: 0.8rem; }
    .lp-prof-castindex__detail p {
      margin-bottom: 0.75rem; }
  .lp-prof-castindex__sns {
    color: #48485a;
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem; }
    .lp-prof-castindex__sns__twitter {
      width: calc((100% - 30px) / 2);
      text-align: right; }
      .lp-prof-castindex__sns__twitter__item {
        padding-left: 1.375rem;
        display: inline-block;
        background: url("/images/client/icon_twitter_off.png") no-repeat left center/14px auto; }
        .lp-prof-castindex__sns__twitter__item.on {
          background: url("/images/client/icon_twitter_on.png") no-repeat left center/14px auto;
          color: #56b8b8;
          text-decoration: underline; }
    .lp-prof-castindex__sns__instagram {
      width: calc((100% - 30px) / 2);
      text-align: left; }
      .lp-prof-castindex__sns__instagram__item {
        padding-left: 1.375rem;
        display: inline-block;
        background: url("/images/client/icon_instagram_off.png") no-repeat left center/14px auto; }
        .lp-prof-castindex__sns__instagram__item.on {
          background: url("/images/client/icon_instagram_on.png") no-repeat left center/14px auto;
          color: #56b8b8;
          text-decoration: underline; }

.lp-prof-castbnrs {
  margin-bottom: 2.5rem;
  display: flex;
  justify-content: space-between;
  font-size: 0.8rem;
  line-height: 1; }
  .lp-prof-castbnrs__add {
    width: 48%;
    padding: 0.875rem 1.875rem 0.875rem 2.875rem;
    background: url("/images/client/icon_plius_green.png") no-repeat left 1.5rem center/13px auto;
    border: 1px solid #56b8b8;
    border-radius: 2px;
    color: #56b8b8;
    display: inline-block;
    text-align: center; }
    .lp-prof-castbnrs__add:hover {
      background: #56b8b8;
      color: #fff;
      background: url("/images/client/icon_plius_white.png") no-repeat left 1.5rem center/13px auto, #56b8b8; }
  .lp-prof-castbnrs__offer {
    width: 48%;
    padding: 0.875rem 1rem 0.875rem 2.875rem;
    background: url("/images/client/icon_handshake_white.png") no-repeat left 1.5rem center/16px auto;
    background-color: #56b8b8;
    border: 1px solid #56b8b8;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    text-align: center; }
    .lp-prof-castbnrs__offer:hover {
      color: #fff;
      opacity: 0.8; }

.lp-prof-castbasic__h {
  margin-bottom: 1.5rem;
  color: #48485a;
  font-size: 1rem; }
.lp-prof-castbasic__table {
  padding: 1.5rem 1.5rem 1rem;
  background-color: #f6f6f9;
  color: #333340;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.8rem; }
  .lp-prof-castbasic__table dt {
    width: 47%;
    padding: 0 1rem 0.5rem 0; }
  .lp-prof-castbasic__table dd {
    width: 53%; }

.lp-prof-score {
  margin-bottom: 3rem;
  padding-left: 1rem; }
  .lp-prof-score__text {
    color: #48485a;
    font-size: 0.8rem;
    margin-top: 1rem; }
    .lp-prof-score__text .star {
      color: #themeColor; }
  .lp-prof-score__price {
    width: 50%;
    mar-left: 1rem; }
    .lp-prof-score__price__item {
      font-size: 14px;
      margin-bottom: 1rem; }
  .lp-prof-score__rate {
    min-height: 40px;
    margin-bottom: 1.2rem;
    background: url("/images/client/lp_score.png") no-repeat left center;
    width: 50%;
    align-items: center; }
    .lp-prof-score__rate__item {
      font-size: 14px;
      margin-bottom: 1rem; }
    .lp-prof-score__rate__star {
      width: 77px;
      height: 13px;
      font-size: 13px;
      display: inline-block;
      letter-spacing: 3px;
      overflow: hidden;
      position: relative; }
      .lp-prof-score__rate__star:before {
        content: "★★★★★";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        color: #ddd;
        height: 13px;
        line-height: 13px; }
      .lp-prof-score__rate__star:after {
        content: "★★★★★";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        height: 13px;
        color: #fdb650;
        line-height: 13px;
        overflow: hidden;
        white-space: nowrap; }
      .lp-prof-score__rate__star.rate00:after {
        width: 0; }
      .lp-prof-score__rate__star.rate05:after {
        width: 10%; }
      .lp-prof-score__rate__star.rate10:after {
        width: 20%; }
      .lp-prof-score__rate__star.rate15:after {
        width: 30%; }
      .lp-prof-score__rate__star.rate20:after {
        width: 40%; }
      .lp-prof-score__rate__star.rate25:after {
        width: 50%; }
      .lp-prof-score__rate__star.rate30:after {
        width: 60%; }
      .lp-prof-score__rate__star.rate35:after {
        width: 70%; }
      .lp-prof-score__rate__star.rate40:after {
        width: 80%; }
      .lp-prof-score__rate__star.rate45:after {
        width: 90%; }
      .lp-prof-score__rate__star.rate50:after {
        width: 100%; }

.lp-prof-price {
  margin-bottom: 2.875rem;
  padding-left: 2rem;
  color: #56b8b8;
  font-size: 0.75rem;
  line-height: 1;
  display: flex; }
  .lp-prof-price dl {
    display: flex;
    flex-wrap: wrap; }
  .lp-prof-price dt {
    width: 35%;
    padding: 0.5rem 0;
    display: inline-block; }
  .lp-prof-price dd {
    width: 65%;
    padding: 0.5rem;
    display: inline-block; }
    .lp-prof-price dd:nth-of-type(2) {
      width: 30%; }
  .lp-prof-price__genre {
    color: #56b8b8;
    font-size: 0.75rem; }
  .lp-prof-price__star {
    width: 90px;
    height: 18px;
    font-size: 18px;
    display: inline-block;
    letter-spacing: 0;
    overflow: hidden;
    position: relative; }
    .lp-prof-price__star:before {
      content: "★★★★★";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      color: #ddd;
      height: 18px;
      line-height: 18px; }
    .lp-prof-price__star:after {
      content: "★★★★★";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      height: 18px;
      color: #56b8b8;
      line-height: 18px;
      overflow: hidden;
      white-space: nowrap; }
    .lp-prof-price__star.rate00:after {
      width: 0; }
    .lp-prof-price__star.rate05:after {
      width: 10%; }
    .lp-prof-price__star.rate10:after {
      width: 20%; }
    .lp-prof-price__star.rate15:after {
      width: 30%; }
    .lp-prof-price__star.rate20:after {
      width: 40%; }
    .lp-prof-price__star.rate25:after {
      width: 50%; }
    .lp-prof-price__star.rate30:after {
      width: 60%; }
    .lp-prof-price__star.rate35:after {
      width: 70%; }
    .lp-prof-price__star.rate40:after {
      width: 80%; }
    .lp-prof-price__star.rate45:after {
      width: 90%; }
    .lp-prof-price__star.rate50:after {
      width: 100%; }
  .lp-prof-price__num {
    width: 50px;
    padding: 0 1rem;
    display: inline-block; }
  .lp-prof-price__price {
    padding-left: 1rem;
    border-left: 1px solid #32bbb7; }

.lp-prof-imgs {
  display: flex;
  flex-wrap: wrap; }
  .lp-prof-imgs__item {
    max-width: 219px;
    max-height: 195rem;
    min-width: 174px;
    width: 25%;
    margin-bottom: 1.5rem;
    padding: 0 0.75rem;
    position: relative; }
    .lp-prof-imgs__item img {
      display: none; }
    .lp-prof-imgs__item:before {
      content: "";
      display: block;
      padding-top: 100%; }
    .lp-prof-imgs__item > a {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 12px;
      backgroung-repeat: no-repeat;
      background-position: center top;
      background-size: cover;
      display: block;
      width: calc(100% - 24px);
      overflow: hidden; }

.lp-prof-limited {
  margin-bottom: 6.5rem;
  color: #48485a;
  font-size: 0.75rem; }
  .lp-prof-limited__list__item {
    border-top: 1px dotted #ddd;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .lp-prof-limited__th {
    width: 50%;
    padding: 1.375rem 1rem; }
  .lp-prof-limited__td {
    width: 50%;
    padding: 1.375rem 1rem; }

.lp-prof-undefined {
  height: 100vh;
  position: relative; }
  .lp-prof-undefined__wrap {
    width: 100%;
    padding: 0 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .lp-prof-undefined__catch {
    margin-bottom: 1.5rem;
    color: #9b9b9b;
    font-size: 1.5rem;
    font-weight: 200;
    text-align: center; }
  .lp-prof-undefined__text {
    padding-top: 4rem;
    background: url("/images/client/icon_lock.png") no-repeat center top/24px auto;
    color: #57585c;
    font-size: 1rem;
    line-height: 1.75;
    text-align: center; }

.lp-login-logo {
  margin-bottom: 4rem;
  line-height: 0;
  text-align: center; }
  .lp-login-logo img {
    width: 260px; }

.lp-register-header {
  margin-bottom: 3.75rem;
  padding-top: 2.25rem;
  text-align: center; }
  .lp-register-header__text {
    margin-bottom: 2.5rem;
    color: #4a4a4a;
    font-size: 0.875rem; }
  .lp-register-header__text2 {
    margin-bottom: 4.8rem;
    color: #333340;
    font-size: 1rem; }
  .lp-register-header__link {
    margin-bottom: 1.8rem;
    color: #56b8b8;
    display: inline-block; }
    .lp-register-header__link:hover {
      text-decoration: underline;
      color: #56b8b8; }
  .lp-register-header .green {
    margin-bottom: 4rem; }

.lp-register-flow {
  background-color: #56b8b8;
  color: #fff;
  font-size: 1rem; }
  .lp-register-flow__list {
    max-width: 650px;
    height: 60px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center; }
    .lp-register-flow__list__item {
      width: 33%;
      padding: 0 1.3rem;
      line-height: 1.25;
      position: relative; }
      .lp-register-flow__list__item:before {
        content: "";
        position: absolute;
        pointer-events: none;
        top: 50%;
        right: 0;
        width: 16px;
        height: 56px;
        background: url("/images/client/lp_register_flow.png") no-repeat center;
        transform: translate(50%, -50%); }
      .lp-register-flow__list__item.current > span {
        width: 100%;
        padding: 5px;
        background-color: #fff;
        border-radius: 1rem;
        color: #48485a;
        display: inline-block; }
      .lp-register-flow__list__item:last-child:before {
        transform: translate(0, -50%); }

.agent-register-step {
  margin-bottom: 60px; }
  .agent-register-step__list {
    position: relative;
    max-width: 500px;
    height: 60px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .agent-register-step__list__item {
      width: calc(100% / 4);
      text-align: center;
      color: #525364;
      font-size: 14px;
      font-weight: 500; }
      .agent-register-step__list__item span {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 42px;
        height: 42px;
        background-color: #525364;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        border-radius: 50%;
        text-align: center;
        margin: 0 auto 16px; }
      .agent-register-step__list__item.current {
        color: #5DB1B2; }
      .agent-register-step__list__item.current > span {
        background-color: #5DB1B2; }
  .agent-register-step__bk {
    height: 4px;
    max-width: 380px;
    width: 100%;
    background-color: #525364;
    display: block;
    margin: -50px auto 100px; }

.lp-register-form__th {
  width: 30%;
  padding: 1.5rem 0 1.5rem 2.5rem;
  color: #48485a;
  font-size: 0.875rem;
  position: relative; }
  .lp-register-form__th > span {
    padding: 0.5rem 1.5rem 0 0;
    display: inline-block;
    position: relative; }
    .lp-register-form__th > span:before {
      content: "";
      position: absolute;
      right: 0;
      color: #d0201c; }
.lp-register-form__td {
  width: 70%;
  padding: 1.5rem; }
  .lp-register-form__td_password {
    position: relative;
  }
  .lp-register-form__td_hide-password-icon {
    cursor: pointer;
    top: 13px;
    right: 12px;
    width: 18px;
    height: 15px;
    position: absolute  ;
    background: url("/images/client/icon-hide-password.png") no-repeat center center;
  }
  .lp-register-form__td_show-password-icon {
    display: none;
    cursor: pointer;
    top: 13px;
    right: 12px;
    width: 18px;
    height: 15px;
    position: absolute  ;
    background: url("/images/client/icon-show-password.png") no-repeat center center;
  }
  .lp-register-form__td input[type="text"] {
    width: 100%;
    height: 36px;
    padding: 0.5rem;
    border: 1px solid #d3d8dc;
    border-radius: 3px;
    display: inline-block; }
.lp-register-form__note {
  margin-top: 0.5rem;
  color: #858b94;
  font-size: 0.75rem; }
.lp-register-form__item {
  border-bottom: 1px solid #ddd;
  display: flex; }
  .lp-register-form__item:last-child {
    border-bottom: none; }
  .lp-register-form__item.required .lp-register-form__th > span:before {
    content: "※"; }
  .lp-register-form__item.required .lp-register-form__td input {
    border: 1px solid #f00; }

.lp-register-hojin {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative; }
  .lp-register-hojin input[type="radio"] {
    display: none; }
  .lp-register-hojin__pulldown {
    position: relative; }
    .lp-register-hojin__pulldown:after {
      content: "▼";
      position: absolute;
      pointer-events: none;
      top: 50%;
      right: 0.75rem;
      color: #d3d8dc;
      font-size: 0.5rem;
      transform: translateY(-50%);}
    .lp-register-hojin__pulldown select {
      min-width: 150px;
      width: 251px;
      height: 40px;
      padding: 0 0.75rem;
      background-color: #fff;
      border: 1px solid #f00;
      border-radius: 2px;
      display: flex;
      align-items: center;
      font-size: 0.8rem;
      line-height: 1; }
  .lp-register-hojin__row {
    width: 100%;
    padding: 1.5rem 0;
    display: flex; }
    .lp-register-hojin__row--pt0 {
      padding-top: 0;
      flex-wrap: wrap; }
  .lp-register-hojin__radio {
    display: inline-block; }
    .lp-register-hojin__radio:nth-of-type(1), .lp-register-hojin__radio:nth-of-type(2) {
      width: 25%; }
    .lp-register-hojin__radio:nth-of-type(3) {
      margin-left: 3.5rem; }
    .lp-register-hojin__radio__label {
      padding: 0.25rem 1rem 0.25rem 2.25rem;
      background: url("/images/client/icon_radio01.png") no-repeat left center;
      line-height: 1; }
      .lp-register-hojin__radio__label:hover {
        background-image: url("/images/client/icon_radio01_hover.png"); }
  .lp-register-hojin input[type="radio"]:checked + label {
    background-image: url("/images/client/icon_radio02.png"); }
  .lp-register-hojin__text {
    margin-left: 3.5rem;
    color: #48485a;
    font-size: 0.875rem; }
    .lp-register-hojin__text--40 {
      width: 40%;
      margin: 1rem 0 0 0;  }
    .lp-register-hojin__text--60 {
      width: 60%;
      margin: 1rem 0 0 0;  }
  .lp-register-hojin__vl {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(50% + 2rem);
    width: 1px;
    background-color: #ddd; }

.hyphen {
  padding: 0 0.5rem; }

.lp-register-howpay input[type="radio"] {
  display: none; }
.lp-register-howpay__radio {
  display: inline-block; }
  .lp-register-howpay__radio__label {
    margin-bottom: 1rem;
    padding: 0.25rem 1rem 0.25rem 2.25rem;
    background: url("/images/client/icon_radio01.png") no-repeat left center;
    line-height: 1; }
    .lp-register-howpay__radio__label:hover {
      background-image: url("/images/client/icon_radio01_hover.png"); }
.lp-register-howpay input[type="radio"]:checked + label {
  background-image: url("/images/client/icon_radio02.png"); }
.lp-register-howpay__text {
  color: #48485a;
  font-size: 0.75rem; }
  .lp-register-howpay__text a {
    color: #56b8b8; }
    .lp-register-howpay__text a:hover {
      text-decoration: underline; }

.lp-register-notebox {
  max-width: 960px;
  margin: 0 auto 3.5rem; }
  .lp-register-notebox__h {
    padding: 1rem;
    background-color: #d0021b;
    color: #fff;
    font-size: 1rem;
    text-align: center; }
  .lp-register-notebox__text {
    padding: 1.5rem 1rem;
    border: 1px solid #d0021b;
    color: #4a4a4a;
    font-size: 0.8rem;
    line-height: 1.8; }

.lp-register-confirm {
  max-width: 960px;
  margin: 0 auto; }
  .lp-register-confirm__text {
    margin-bottom: 2.7rem;
    padding: 0 1.5rem;
    color: #48485a;
    font-size: 0.8rem;
    line-height: 1.6; }

.lp-register-receipt {
  margin-bottom: 2rem;
  padding: 2rem 1.25rem 1.25rem;
  background-color: #f6f6f6;
  border: 1px solid #979797;
  color: #48485a;
  font-size: 1rem; }
  .lp-register-receipt__h {
    margin-bottom: 1.3rem;
    text-align: center; }
  .lp-register-receipt__bd {
    padding: 1.1rem 1.3rem;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1; }

.lp-register-table {
  width: 100%;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  border-collapse: collapse;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  color: #48485a; }
  .lp-register-table th {
    width: 200px;
    padding: 0.875rem;
    background-color: #f6f6f6;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    text-align: left;
    vertical-align: top; }
  .lp-register-table td {
    padding: 0.875rem;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666; }
  .lp-register-table__usrimg {
    line-height: 0; }
    .lp-register-table__usrimg.icon {
      max-width: 200px;
      height: auto; }

.lp-register-edit {
  margin-bottom: 1.5rem;
  text-align: right; }
  .lp-register-edit__btn {
    margin-right: 0.5rem;
    padding: 5px 20px;
    background: linear-gradient(to bottom, #f4f5f5, #dfdddd);
    background-color: #f4f5f5;
    border: 1px solid #a8a8a8;
    border-radius: 5px;
    color: #48485a;
    display: inline-block;
    font-size: 0.8rem;
    line-height: 1;
    text-align: center; }

.lp-register-submit {
  margin-bottom: 3.5rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1; }
  .lp-register-submit__btn {
    min-width: 540px;
    padding: 0.875rem;
    background-color: #56b8b8;
    border-radius: 2px;
    color: #fff;
    display: inline-block; }
    .lp-register-submit__btn:hover {
      color: #fff;
      opacity: 0.8; }

.lp-register-send {
  max-width: 960px;
  margin: 0 auto 3.75rem;
  padding: 3rem 0; }
  .lp-register-send__note {
    margin-bottom: 1.3rem;
    color: #da2647;
    font-size: 1rem;
    text-align: center; }
  .lp-register-send__text {
    color: #48485a;
    font-size: 0.8rem;
    line-height: 1.6;
    text-align: center; }
    .lp-register-send__text a {
      color: #56b8b8; }
      .lp-register-send__text a:hover {
        text-decoration: underline; }

.lp-register-finish {
  margin-bottom: 8rem;
  padding: 5rem 0; }
  .lp-register-finish__text {
    margin-bottom: 4rem;
    color: #48485a;
    font-size: 0.8rem;
    line-height: 1.8;
    text-align: center; }
  .lp-register-finish__submit {
    max-width: 960px;
    margin: 0 auto;
    padding: 3.125rem 0;
    background-color: #f6f6f6;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1; }
    .lp-register-finish__submit__btn {
      min-width: 540px;
      padding: 0.875rem;
      background-color: #56b8b8;
      border-radius: 2px;
      color: #fff;
      display: inline-block; }

.alliance-body {
  background-color: #f4f4f4;
  padding-top: 60px; }

.pubprof-wrap {
  max-width: 880px;
  margin: 0 auto 3.125rem; }

.pubprof-skill {
  margin-bottom: 1rem; }

.area-slide {
  background-color: #fff; }

  .lp-home-slider {
    display: none;}
.lp-home-slider.slick-initialized {
  height: 100%;
  margin: 0 auto;
  color: #48485a; }
.lp-home-slider.slick-slider {
  margin-bottom: 10px;}
  .lp-home-slider__item a {
    display: block; }
    .lp-home-slider__item a:hover {
      opacity: 0.8; }
  .lp-home-slider.slick-slider .slick-dots {
    display: none; }

.lp-home-slider__item img {
    max-width: 800px;
    width: 100%;
    height: auto;
    margin: 0 auto; }

  .lp-home-slider__text {
    margin-top: 0.875rem;
    font-size: 0.8rem; }
  .lp-home-slider__ft {
    margin-top: 10px;
    display: flex;
    justify-content: space-between; }
  .lp-home-slider__more {
    padding-right: 1.5rem;
    background: url("/images/client/home/top_bnr/next.png") no-repeat right center;
    font-size: 14px;
    font-weight: bold; }
    .lp-home-slider__more:hover {
      color: #56b8b8; }
  .lp-home-slider__note {
    padding-left: 1rem;
    background: url("/images/client/home/top_bnr/target_blank.png") no-repeat left center/12px auto;
    color: #979797;
    font-size: 12px; }
  .lp-home-slider .slick-list {
    margin-right: -30px; }
  .lp-home-slider .slick-dots {
    margin-top: 1rem;
    color: transparent;
    display: flex;
    justify-content: center;
    align-items: center; }
    .lp-home-slider .slick-dots li + li {
      margin-left: 10px; }
    .lp-home-slider .slick-dots button {
      width: 11px;
      height: 11px;
      padding: 0;
      background-color: #aaa;
      border: none;
      border-radius: 50%; }
    .lp-home-slider .slick-dots .slick-active button {
      background-color: #56b8b8; }
  .lp-home-slider .slick-prev,
  .lp-home-slider .slick-prev:hover {
    top: 40%;
    left: 210px;
    background: url('/images/model/more_back_white_24.png') no-repeat center/15px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    height: 35px;
    width: 35px;
    transform: none;
    z-index: 1; }
  .lp-home-slider .slick-prev:before {
    content: '';}
  .lp-home-slider .slick-next,
  .lp-home-slider .slick-next:hover {
    top: 40%;
    right: 180px;
    background: url('/images/model/more_next_white_24.png') no-repeat center/15px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    height: 35px;
    width: 35px;
    transform: none;}
  .lp-home-slider .slick-next:before {
    content: '';}
  .lp-home-slider .slick-dots li button:before {
    display:none; }

.area-pubprof {
  background-color: #fff; }

.area-pubprof-pc {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  display: flex; }

.pubprof-snsnote {
  padding: 3rem 1rem;
  color: #858b94; }
  .pubprof-snsnote + .pubprof-snsnote {
    border-top: 1px solid #ddd; }
  .pubprof-snsnote__text { }

.area-pubprof-main {
  border-left: 1px solid #ddd;
  flex-grow: 1;
  order: 2; }

.pubprof-wrap {
  max-width: 880px;
  margin: 0 auto 3.125rem; }

.pubprof-box {
  margin-bottom: 2.5rem; }
  .pubprof-box__h {
    margin-bottom: 1.375rem;
    padding: 10px 10px 10px 1.375rem;
    border-left: 2px solid #48485a;
    color: #48485a;
    font-size: 1rem; }
    .pubprof-box__h__help {
      margin-left: 1.1rem;
      padding: 0.5rem 1.6rem 0.5rem 0;
      background: url("/images/client/pubprof/icon_quest_green.png") no-repeat right center;
      color: #51b8b9;
      font-size: 0.75rem; }

.pubprof-skill {
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .pubprof-skill__item {
    width: calc((100% - 2rem) / 2);
    margin-bottom: 1.5rem;
    padding: 1.5rem 1rem 0.75rem;
    background-color: #f9f9f9;
    border: 1px solid #e5e8ec;
    border-radius: 2px;
    position: relative; }
  .pubprof-skill__label {
    margin-bottom: 0.5rem;
    color: #fff;
    font-size: 10px;
    line-height: 1; }
    .pubprof-skill__label span {
      padding: 0.3rem 0.5rem;
      background-color: #afb7c0;
      border-radius: 2px;
      display: inline-block; }
  .pubprof-skill__title {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e5e8ec;
    color: #323140;
    font-size: 0.875rem;
    font-weight: bold; }

.pubprof-topcaption {
  padding: 1.5rem 1rem;
  color: #57585c;
  font-size: 0.875rem;
  text-align: center; }

.pubprof-snsnote {
  padding: 3rem 1rem;
  color: #858b94; }
  .pubprof-snsnote + .pubprof-snsnote {
    border-top: 1px solid #ddd; }
  .pubprof-snsnote__text {
    font-size: 1rem;
    text-align: center; }
    .pubprof-snsnote__text.instagram {
      padding-top: 2.75rem;
      background-image: url("/images/client/icon_instagram_off.png");
      background-position: center top;
      background-repeat: no-repeat;
      background-size: 26px auto; }
    .pubprof-snsnote__text.twitter {
      padding-top: 2.75rem;
      background-image: url("/images/client/icon_twitter_off.png");
      background-position: center top;
      background-repeat: no-repeat;
      background-size: 26px auto; }
  .pubprof-snsnote__caption {
    margin-top: 1.25rem;
    font-size: 0.75rem;
    line-height: 1;
    text-align: center; }

.analysisbox {
  padding: 2.5rem 0;
  border-top: 1px solid #ddd; }
  .analysisbox:last-child {
    border-bottom: 1px solid #ddd; }
  .analysisbox__h {
    height: 27px;
    margin-bottom: 30px;
    padding-left: 44px;
    color: #4a4a4a;
    display: flex;
    align-items: center;
    font-size: 14px; }
    .analysisbox__h.instagram {
      background: url("/images/client/talent/icon_instagram_gray.png") no-repeat left center/27px auto; }
    .analysisbox__h.twitter {
      background: url("/images/client/talent/icon_twitter_gray.png") no-repeat left center/27px auto; }
  .analysisbox__head {
    margin-bottom: 2.5rem;
    display: flex;
    justify-content: space-between; }
  .analysisbox__caption {
    margin-bottom: 3rem;
    color: #48485a;
    font-size: 14px;
    font-weight: bold; }
  .analysisbox__tologin {
    position: relative;
    text-align: center; }
    .analysisbox__tologin__imgpc {
      margin: 0 auto;
      display: block; }
    .analysisbox__tologin__imgsp {
      display: none; }
    .analysisbox__tologin__link {
      padding-top: 5rem;
      background: url("/images/client/talent/icon_tologin.png") no-repeat center top/62px auto;
      color: #4a4a4a;
      font-size: 12px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .analysisbox__tologin__link a {
        margin-top: 10px;
        color: #56b8b8;
        display: block; }

.analysistable {
  line-height: 1.6; }
  .analysistable__item {
    display: flex;
    align-items: center; }
  .analysistable__label {
    color: #4a4a4a;
    font-size: 0.875rem;
    text-align: left;
    vertical-align: middle; }
  .analysistable__num {
    padding: 0 10px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    font-size: 1.5rem;
    font-weight: bold;
    vertical-align: middle; }
    .analysistable__num span {
      margin-left: 10px;
      display: inline-block;
      font-size: 0.8rem; }
  .analysistable__per {
    padding-left: 1.5rem;
    color: #51b8b9;
    font-size: 0.875rem;
    vertical-align: middle; }
    .analysistable__per.up {
      background: url("/images/client/talent/icon_arrow_green_up.png") no-repeat left center/1rem auto; }
    .analysistable__per.down {
      background: url("/images/client/talent/icon_arrow_green_down.png") no-repeat left center/1rem auto; }

.analysisguide {
  padding: 0.875rem 1.25rem;
  border: 1px solid #e1e1e9;
  color: #858b94;
  font-size: 0.8rem;
  line-height: 1; }
  .analysisguide__label {
    padding: 10px;
    text-align: right;
    vertical-align: middle; }
  .analysisguide__line {
    padding: 10px;
    vertical-align: middle; }

.barchart {
  margin-bottom: 3rem; }
  .barchart__head {
    margin-bottom: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .barchart__date {
    color: #4a4a4a;
    font-size: 0.875rem;
    font-weight: bold; }
  .barchart__menu {
    border: 1px solid #51b8b9;
    border-radius: 3px;
    color: #51b8b9;
    display: flex;
    font-size: 0.75rem;
    line-height: 1;
    text-align: center; }
    .barchart__menu__item {
      width: 87px;
      border-right: 1px solid #51b8b9; }
      .barchart__menu__item:last-child {
        border-right: none; }
      .barchart__menu__item a {
        padding: 10px;
        display: block; }
      .barchart__menu__item.current a {
        background-color: #51b8b9;
        color: #fff; }

.bandchart {
  width: 100%;
  max-width: 780px;
  margin: 0 auto; }
  .bandchart th {
    padding: 10px 1.5rem 10px 0;
    color: #4a4a4a;
    font-size: 0.875rem;
    font-weight: bold;
    text-align: left;
    vertical-align: middle; }
  .bandchart td {
    width: 74%;
    padding: 10px 0; }
  .bandchart__graph {
    width: 100%;
    height: 40px; }
  .bandchart__caption {
    margin-top: 0.5rem;
    color: #858b94;
    display: block;
    font-size: 0.8rem;
    line-height: 1; }
  .bandchart__posiwords {
    background-color: #f9f9f9;
    border: 1px solid #e1e1e9;
    position: relative; }
    .bandchart__posiwords__active {
      background-color: #ffcb30;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 0.75rem;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0; }
  .bandchart__gender {
    position: relative; }
    .bandchart__gender__women {
      background-color: #fe6d4b;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 0.75rem;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0; }
    .bandchart__gender__men {
      background-color: #32aedc;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 0.75rem;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0; }

.lp-login-logo {
  margin-bottom: 4rem;
  line-height: 0;
  text-align: center; }

#client_icon {
  margin-left: 1rem; }

.dropzoneImageThumb {
  float: none; }

.account-edit-up,
.lp-register-up {
  padding: 1rem 1.375rem 1rem 3rem;
  background: url("/images/client/icon_camera.png") no-repeat left 1.75rem center/13px auto;
  border: 1px solid #e1e1e9;
  border-radius: 2px;
  color: #858b94;
  cursor: pointer;
  font-size: 0.8rem;
  line-height: 1; }

.top-modal-bg {
  position: relative;
  height: 447px; }

.top-modal-box {
  max-width: 640px;
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%); }
  .top-modal-box__head {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #ddd; }
    .top-modal-box__head__logo {
      width: 243px;
      height: 24px; }
  .top-modal-box__main {
    padding: 0 1.75rem; }
  .top-modal-box__login {
    border-bottom: 1px solid #ddd;
    padding: 1rem 0 1.75rem; }
  .top-modal-box__regist {
    padding: 1rem 0 3.5rem; }
    .top-modal-box__regist__link {
      border-bottom: 1px solid #56b8b8;
      color: #56b8b8; }
      .top-modal-box__regist__link:hover {
        border-bottom: 1px solid; }
    .top-modal-box__regist__title {
      font-size: 18px;
      color: #48485a;
      padding: 1rem 0 1.5rem;
      font-weight: 600; }
    .top-modal-box__regist__text {
      font-size: 14px;
      color: #4a4a4a;
      padding-bottom: 3rem;
      line-height: 2; }
  .top-modal-box__text {
    font-size: 14px;
    color: #48485a;
    padding-bottom: 1rem; }
  .top-modal-box__note {
    font-size: 18px;
    font-weight: 600;
    padding-top: 0.75rem; }
    .top-modal-box__note span {
      background: url("/images/client/degital/guruguru_2x.png") no-repeat left/18px 18px;
      padding-left: 1.5rem; }
  .top-modal-box__bnr {
    max-width: 438px;
    height: 72px;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    font-size: 22px; }
    .top-modal-box__bnr.login {
      border: 1px solid #56b8b8;
      color: #fff;
      background: #56b8b8; }
      .top-modal-box__bnr.login:hover {
        background: #fff;
        border: 1px solid #56b8b8;
        color: #56b8b8; }
      .top-modal-box__bnr.login span {
        width: 438px;
        margin: 0 2rem;
        background: url("/images/client/degital/white_right_2x.png") no-repeat right/8px 12px; }
        .top-modal-box__bnr.login span:hover {
          background: url("/images/client/degital/green_right_2x.png") no-repeat right/8px 12px, #fff; }
    .top-modal-box__bnr.regist {
      border: 1px solid #56b8b8;
      color: #56b8b8;
      background: #fff; }
      .top-modal-box__bnr.regist:hover {
        border: 1px solid #56b8b8;
        color: #fff;
        background: #56b8b8; }
      .top-modal-box__bnr.regist span {
        width: 438px;
        margin: 0 2rem;
        background: url("/images/client/degital/green_right_2x.png") no-repeat right/8px 12px; }
        .top-modal-box__bnr.regist span:hover {
          background: url("/images/client/degital/white_right_2x.png") no-repeat right/8px 12px; }
  .top-modal-box__bottom {
    background: #f6f6f9;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 0.625rem; }
  .top-modal-box__btn {
    color: #858b94;
    font-size: 13px;
    background: #fff;
    border: 1px solid #e1e1e9;
    padding: 0.75rem 1.75rem; }

.sitemap {
  background-color: #fff; }
  .sitemap__inner {
    max-width: 1232px;
    margin: 0 auto;
    padding: 4rem 1rem;
    display: flex;
    justify-content: space-between; }
  .sitemap__col {
    width: 27%;
    padding-right: 3rem; }
    .sitemap__col:last-child {
      padding-right: 0; }
    .sitemap__col.w46per {
      width: 46%; }
  .sitemap__h {
    margin-bottom: 2rem;
    padding-bottom: 1.1rem;
    border-bottom: 1px solid #ccc;
    color: #464646;
    font-size: 1.1rem; }
  .sitemap__list {
    font-size: 0.875rem; }
    .sitemap__list__item {
      margin-bottom: 0.5rem; }
  .sitemap__2col {
    display: flex; }
    .sitemap__2col__col {
      width: 50%; }

.client-modal {
  width: 450px;
  margin: 0 auto;
  background-color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%); }
  .client-modal__h {
    padding: 1.25rem;
    border-bottom: 1px solid #e1e1e9;
    font-size: 1rem;
    font-weight: bold; }
    .client-modal__h.center {
      text-align: center; }
  .client-modal__text {
    padding: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.6; }
    .client-modal__text.center {
      text-align: center; }
  .client-modal__footer {
    padding: 1.25rem;
    background-color: #f6f6f9;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .client-modal__btn {
    margin-right: 1rem;
    padding: 10px 20px;
    border-radius: 3px;
    font-size: 0.875rem;
    text-align: center; }
    .client-modal__btn:last-child {
      margin-right: 0; }
    .client-modal__btn.green {
      background-color: #56b8b8;
      border: 1px solid #56b8b8;
      color: #fff; }
    .client-modal__btn.white {
      background-color: #fff;
      border: 1px solid #e1e1e9;
      color: #858b94; }

.agency-footer {
  background: #f6f6f9;
  padding: 30px 15px;
  box-sizing: border-box; }
  .agency-footer img {
    width: 100%; }
  .agency-footer__inner {
    display: flex;
    max-width: 1024px;
    margin: auto; }
  .agency-footer__company {
    flex-basis: 60%; }
    .agency-footer__company p {
      font-size: 12px; }
    .agency-footer__company .agency-footer__logo {
      width: 100px;
      margin-bottom: 20px; }
  .agency-footer__service {
    flex-basis: 40%; }
    .agency-footer__service p {
      color: #979797;
      font-size: 12px;
      margin-bottom: 0.5rem; }
    .agency-footer__service .agency-footer__logo {
      width: 160px; }
    .agency-footer__service a {
      color: #51b8b9;
      text-decoration: none;
      font-size: 14px; }
  .agency-footer__btn {
    margin: 1rem 0; }
    .agency-footer__btn a {
      display: block;
      text-align: center;
      color: #ffffff;
      text-decoration: none;
      border-radius: 2px;
      background: #50b7b8;
      box-sizing: border-box;
      max-width: 360px;
      width: 100%;
      padding: 10px;
      font-size: 18px; }
      .agency-footer__btn a:hover {
        color: #ffffff;
        opacity: 0.7; }
  .agency-footer__sns li {
    width: 24px;
    height: 24px;
    list-style: none;
    display: inline-block;
    margin: 8px; }

.agency-sns-link {
  max-width: 215px;
  margin: auto;
  display: flex;
  margin-bottom: 20px; }
  .agency-sns-link li {
    height: 20px;
    list-style: none;
    margin-right: 4px; }
  .agency-sns-link__twitter {
    width: 25%;
    margin-bottom: 1.1rem; }

.agency-gototop {
  width: 50px;
  height: 50px;
  display: inline-block;
  background: url("/images/client/agency/totop.png") no-repeat center;
  position: fixed;
  right: 100px;
  bottom: 100px; }

.talent-research {
  padding: 100px 1rem;
  background: url("/images/client/talent/bg_research.png") no-repeat center/cover; }
  .talent-research__h {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 8px;
    font-family: 'Noto Sans JP','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'Meiryo UI',YuGothic,'Yu Gothic','Yu Gothic UI',sans-serif;
    color: #48485a;
    position: relative;
    text-align: center;
    margin-bottom: 4rem;
    padding-top: 6rem; }
  .talent-research__catch {
    font-weight: 400;
    max-width: 800px;
    font-size: 24px;
    margin: 0 auto 4rem;
    box-sizing: border-box;
    text-align: center; }
  .talent-research__catch2 {
    margin-bottom: 1.2rem;
    padding-top: 70px;
    background: url("/images/client/talent/graf-icon.png") no-repeat center top/62px auto;
    color: #48485a;
    font-size: 1rem;
    font-weight: bold;
    text-align: center; }
  .talent-research__catch3 {
    margin-bottom: 2.5rem;
    color: #48485a;
    font-size: 1rem;
    text-align: center; }
  .talent-research__text {
    color: #48485a;
    font-size: 0.75rem;
    text-align: center; }

.talent-research2col {
  max-width: 800px;
  margin: 0 auto 1.75rem;
  display: flex;
  align-items: center; }
  .talent-research2col__img {
    min-width: 526px; }
    .talent-research2col__img img {
      margin: 0 auto;
      display: block; }

.talent-researchlist {
  padding-left: 4rem;
  flex-grow: 1; }
  .talent-researchlist__item {
    padding-left: 3.5rem;
    font-size: 1.25rem;
    font-weight: bold;
    text-align: left; }
    .talent-researchlist__item + .talent-researchlist__item {
      margin-top: 1rem; }
    .talent-researchlist__item.wiki {
      background: url("/images/client/talent/list_wiki.png") no-repeat left center; }
    .talent-researchlist__item.tv {
      background: url("/images/client/talent/list_tv.png") no-repeat left center; }
    .talent-researchlist__item.sns {
      background: url("/images/client/talent/list_sns.png") no-repeat left center; }

.talent-research2 {
  padding: 100px 1rem;
  background: url("/images/client/talent/bg_research.png") no-repeat center/cover; }
  .talent-research2__h {
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: 'Noto Sans JP','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'Meiryo UI',YuGothic,'Yu Gothic','Yu Gothic UI',sans-serif;
    color: #48485a;
    position: relative;
    text-align: center;
    margin-bottom: 2rem;
    padding-top: 0; }
  .talent-research2__catch {
    margin-bottom: 3rem;
    padding-top: 80px;
    background: url("/images/client/talent/graf-icon.png") no-repeat center top/62px auto;
    color: #48485a;
    font-size: 0.8rem;
    font-weight: 400;
    text-align: center;
    line-height: 2; }
  .talent-research2__text {
    color: #48485a;
    font-size: 0.75rem;
    text-align: center; }
  .talent-research2 .talent-research2col {
    max-width: 1176px;
    margin: 0 auto 1.75rem;
    display: flex;
    align-items: center; }
    .talent-research2 .talent-research2col__img {
      max-width: 765px;
      width: 100%; }
      .talent-research2 .talent-research2col__img img {
        margin: 0 auto;
        display: block; }
  .talent-research2 .talent-researchlist {
    padding-left: 4rem;
    flex-grow: 1; }
    .talent-research2 .talent-researchlist__item {
      padding-left: 5rem;
      font-size: 1.5rem;
      line-height: 2;
      font-weight: bold;
      text-align: left; }
      .talent-research2 .talent-researchlist__item + .talent-research2 .talent-researchlist__item {
        margin-top: 1rem; }
      .talent-research2 .talent-researchlist__item.wiki {
        background: url("/images/client/talent/list_wiki_2x.png") no-repeat left center;
        background-size: auto 42px; }
      .talent-research2 .talent-researchlist__item.tv {
        background: url("/images/client/talent/list_tv_2x.png") no-repeat left center;
        background-size: auto 42px; }
      .talent-research2 .talent-researchlist__item.sns {
        background: url("/images/client/talent/list_sns_2x.png") no-repeat left center;
        background-size: auto 42px; }


.modal-content .modal-header {
  background: #fff;
  color: #48485a;
  padding: 1.5rem;
  display: flex;
  font-size: 1rem; }
  .modal-content .modal-header.withbtn {
    padding: 10px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .modal-content .modal-header__btn {
    width: 100px;
    height: 42px;
    border: 1px solid #e1e1e9;
    border-radius: 2px;
    color: #858b94;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .8rem;
    text-align: center; }
.modal-content .modal-footer {
  background: #f6f6f9; }
  .modal-content .modal-footer .btn-primary {
    background: #56b8b8;
    color: #fff; }
    .modal-content .modal-footer .btn-primary:hover {
      opacity: 0.8; }
  .modal-content .modal-footer .btn-warning {
    background: #fff;
    border: 1px solid #e1e1e9;
    color: #858b94; }
    .modal-content .modal-footer .btn-warning:hover {
      background: #56b8b8;
      color: #fff;
      border: 1px solid #56b8b8; }
.modal-content .modal-container {
  padding: 20px; }
.modal-content .modal-note {
  margin-bottom: 20px;
  padding: 14px;
  background-color: #f9f9f9;
  display: flex;
  align-items: center;
  font-size: 12px; }
  .modal-content .modal-note__h {
    margin-right: 28px;
    padding-left: 20px;
    background: url('/images/client/note_triangle.png') no-repeat left center/16px auto;
    color: #da2647;
    font-weight: bold; }
  .modal-content .modal-note__text {
    color: #4a4a4a; }

.modal-content .modal-box {
  padding: 20px;
  border: 1px solid #ddd; }

.modal-content .modal-radiolist {
  color: #57585c;
  display: flex;
  align-items: center;
  font-size: 14px; }
  .modal-content .modal-radiolist > span + span {
    margin-left: 4rem; }
  .modal-content .modal-radiolist input {
    display: none; }
  .modal-content .modal-radiolist label {
    margin-bottom: 16px;
    padding-left: 32px;
    background: url('/images/client/icon_radio01.png') no-repeat left center/20px auto;
    font-weight: bold;
    line-height: 20px;
    position: relative; }
    .modal-content .modal-radiolist label:hover {
      background-image: url('/images/client/icon_radio01_hover.png'); }
    .modal-content .modal-radiolist label + label {
      margin-left: 40px; }
  .modal-content .modal-radiolist input:checked + label {
    background-image: url('/images/client/icon_radio02.png'); }

.modal-content .moda-container {
  padding: 20px;
  border: 1px solid #ddd; }

.modal-content .modal-textfield {
  width: 100%;
  max-width: 700px;
  height: 40px;
  margin: 0 auto;
  padding: 0 12px;
  background-color: #fff;
  border: 1px solid #d3d8dc;
  border-radius: 2px;
  display: flex;
  align-items: center;
  font-size: 14px; }

.modal-content .modal-search {
  max-width: 400px;
  margin: 20px auto 0;
  padding: 16px;
  background-color: #51b8b9;
  border-radius: 2px;
  color: #fff;
  display: block;
  font-size: 14px;
  text-align: center; }
  .modal-content .modal-search:hover {
    opacity: .8; }
  .modal-content .modal-search.disabled {
    background-color: #ddd;
    pointer-events: none; }

.modal-close {
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
  padding: 18px;
  background-color: #fff;
  border: 1px solid #e1e1e9;
  border-radius: 2px;
  color: #858b94;
  display: block;
  font-size: 14px;
  line-height: 1;
  text-align: center; }

.modal-pastoffer {
  max-width: 540px;
  margin: 0 auto; }
  .modal-pastoffer__id {
    margin-bottom: 7px;
    color: #858b94;
    font-size: 10px; }
  .modal-pastoffer__cat {
    padding: 5px 8px;
    background-color: #ffebeb;
    color: #57585c;
    display: inline-block;
    font-size: 12px;
    line-height: 1; }
  .modal-pastoffer__title {
    margin: 20px 0 30px;
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: bold; }
  .modal-pastoffer__text {
    color: #000;
    font-size: 12px; }

.modal-detail {
  padding: 0 20px; }
  .modal-detail__table {
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    padding: 20px 0; }
    .modal-detail__table:first-child {
      padding: 0 0 15px 0; }
    .modal-detail__table:last-child {
      border: none; }
  .modal-detail__th {
    color: #48495b;
    width: 145px; }
  .modal-detail__td {
    width: calc(100% - 145px);
    color: #000;
    font-size: 14px;
    font-weight: bold; }
    .modal-detail__td--btn {
      display: flex;
      flex-wrap: wrap; }
    .modal-detail__td--syosai {
      font-size: 12px;
      color: #48495b;
      line-height: 1.3;
      font-weight: normal; }
    .modal-detail__td__gray-tag {
        font-size: 12px;
        font-weight: bold;
        border-radius: 3px;
        display: flex;
        align-items: center;
        line-height: 1;
        color: #3d3b38;
        border: 1px solid #e6e6e6;
        margin: 0 8px 5px 0;
        padding: 4px 5px 4px 23px; }
      .modal-detail__td__tag--movie {
        background: url('/images/promotion/zoom_mtg/icon/icon-movie.png') #f7f7f7 no-repeat left 5px center; }
      .modal-detail__td__tag--audition {
        background: url('/images/promotion/zoom_mtg/icon/icon-audition.png') #f7f7f7 no-repeat left 5px center; }
      .modal-detail__td__tag--cm {
        background: url('/images/promotion/zoom_mtg/icon/icon-cm.png') #f7f7f7 no-repeat left 5px center; }
      .modal-detail__td__tag--event {
        background: url('/images/promotion/zoom_mtg/icon/icon-event.png') #f7f7f7 no-repeat left 5px center; }
      .modal-detail__td__tag--other {
        background: url('/images/promotion/zoom_mtg/icon/icon-other.png') #f7f7f7 no-repeat left 5px center; }
      .modal-detail__td__tag--sns {
        background: url('/images/promotion/zoom_mtg/icon/icon-sns.png') #f7f7f7 no-repeat left 5px center; }
      .modal-detail__td__tag--song {
        background: url('/images/promotion/zoom_mtg/icon/icon-song.png') #f7f7f7 no-repeat left 5px center; }
      .modal-detail__td__tag--writing {
        background: url('/images/promotion/zoom_mtg/icon/icon-writing.png') #f7f7f7 no-repeat left 5px center; }
    .modal-detail__td__pickup {
      font-size: 12px;
      font-weight: bold;
      border-radius: 3px;
      display: flex;
      align-items: center;
      line-height: 1;
      color: #fff;
      background: url('/images/promotion/zoom_mtg/icon/icon-like.png') #ef8201 no-repeat left 5px center;
      padding: 4px 5px 4px 22px;
      margin-bottom: 5px; }
    .modal-detail__td__text {
      padding-top: 20px; }
  .modal-detail__footer {
    background-color: #f6f6f9;
    padding: 18px; }
  .modal-detail__btn a {
    display: block;
    border: 1px solid #e1e1e9;
    background-color: #fff;
    padding: 14px;
    width: 240px;
    margin: 0 auto;
    text-align: center;
    color: #48485a; }
    .modal-detail__btn a:hover {
      opacity: .8; }

.cast-confirm-rate {
  display: flex;
  /*margin-right: 50px;*/
  color: #48485a;
}

.cast-search-area__fukidashi.triangle-before:before {
  top: 92px;
}

@media screen and (max-width: 1200px) {
  .offer-head-project {
    flex-wrap: wrap; }
    .recruit-offer__guide-area {
      flex-wrap: wrap;}
    .recruit-offer__guide--box {
      margin: 26px 65px 0 0;}
    .offer-head-project__col1 {
      margin-bottom: 0.5rem; }
    .offer-head-project__col2 {
      padding-left: 0; }
      .offer-head-project__col2:before {
        display: none; }

  .talent-research2 .talent-research2col {
    max-width: 800px; }
    .talent-research2 .talent-research2col__img {
      max-width: 500px;
      margin: 20px auto; }
  .talent-research2 .talent-researchlist {
    padding-left: 2rem; }
    .talent-research2 .talent-researchlist__item {
      padding-left: 3rem;
      font-size: 1.2rem; }
      .talent-research2 .talent-researchlist__item.wiki {
        background: url("/images/client/talent/list_wiki_2x.png") no-repeat left center;
        background-size: auto 32px; }
      .talent-research2 .talent-researchlist__item.tv {
        background: url("/images/client/talent/list_tv_2x.png") no-repeat left center;
        background-size: auto 32px; }
      .talent-research2 .talent-researchlist__item.sns {
        background: url("/images/client/talent/list_sns_2x.png") no-repeat left center;
        background-size: auto 32px; } }
@media screen and (max-width: 1080px) {
  .recruit-offer__guide-area {
    flex-wrap: wrap;}
  .offer-list .offer-list_list--cal1 {
    width: 20%; }
    .offer-list .offer-list_list--cal1 .offer-list_breakBorder {
      margin: 0 16px; }
  .offer-list .offer-list_list--col3 {
    min-width: auto;
    display: flex;
    flex-direction: column;
    margin: 0 20px;
    width: 10%; }
    .offer-list .offer-list_list--col3 .offer-list_message {
      border-bottom: 1px solid #eff2f2; }
      .offer-list .offer-list_list--col3 .offer-list_message p {
        margin: 0 auto; }
    .offer-list .offer-list_list--col3 .offer-list_candidate p {
      margin: 0 auto; }
    .offer-list .offer-list_list--col3 .offer-list_breakBorder {
      display: none; }
  .offer-list .offer-list_list--col4 .offer-list_settlement a {
    width: 130px;
    padding: 0.75rem 2rem; }
  .offer-list .offer-list_list--col4 .offer-list_settlement label {
    width: 130px;
    padding: 0.75rem 2rem; } }

@media screen and (max-width: 991px) {
  .footerlv3h {
    max-width: 880px; }

  .footertags {
    max-width: 880px; }

  .footerguide {
    display: none; }

  .footerguide_sp {
    display: block;
    font-size: 14px; }
    .footerguide_sp__item {
      margin-bottom: 24px;
      padding-left: 16px;
      background: url(/images/client/icon_more_green.png) no-repeat left top 4px/6px auto;
      color: #56b8b8; }

  .recruit-offer__guide-area {
    flex-wrap: wrap;}
    .after {
    width: 85px;}

  .footerregistry {
    max-width: 880px;
    margin: 0 auto;
    flex-direction: column; }
    .footerregistry__item {
      width: 100%;
      margin: 0 0 24px; }
      .footerregistry__item > a {
        width: 100%;
        margin: 0 auto; }

  .footertext {
    max-width: 880px; }

  .footerdata {
    max-width: 880px;
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px; }
    .footerdata__brand {
      display: none; }

  .footerhr {
    display: none; }

  .footermenu {
    max-width: 880px;
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
    flex-direction: column; }
    .footermenu__col {
      width: 100%;
      margin-bottom: 32px; }
    .footermenu__bnr {
      padding: 28px; }

  .logoutfooter3col {
    display: block; }
    .logoutfooter3col__col {
      width: 100%; }
      .logoutfooter3col__col + .logoutfooter3col__col {
        margin-top: 32px; }

  .pubprof-wrap {
    margin-bottom: 0;
    padding: 1.5rem 1rem 2rem; }

  .pubprof-skill__item {
    width: 100%; }
    .pubprof-skill__item + .pubprof-skill__item {
      margin-top: 1.25rem; }

 }
@media (min-width: 769px) and (max-width: 1024px) {
  .agency-footer__inner {
    flex-direction: column;
    align-items: center; }
  .agency-footer__company {
    width: 70%;
    margin-bottom: 40px; }
  .agency-footer__service {
    width: 70%; }

  .flow-boshu__box__contents {
    background-position: center top;
    padding: 10rem 0 0 0; }
  .flow-boshu__box__contents-step {
    padding: 0 0 11rem 0;
    display: flex;
    flex-wrap: wrap; }
    .flow-boshu__box__contents-step.step1 {
      background-position: center bottom 1rem; }
    .flow-boshu__box__contents-step.step2 {
      background-position: center bottom 1rem; }
    .flow-boshu__box__contents-step.step3 {
      background-position: center bottom 1rem; }
    .flow-boshu__box__contents-step.step4 {
      background-position: center bottom 1rem; }
    .flow-boshu__box__contents-step-title {
      margin: 0 0.5rem; }
  .flow-boshu__box__contents-step-link {
    width: 100%; }

  .flow-shimei__box__contents {
    background-position: center top;
    padding: 10rem 0 0 0; }
  .flow-shimei__box__contents-step {
    padding: 0 0 11rem 0;
    display: flex;
    flex-wrap: wrap; }
    .flow-shimei__box__contents-step.step1 {
      background-position: center bottom 1rem; }
    .flow-shimei__box__contents-step.step2 {
      background-position: center bottom 1rem; }
    .flow-shimei__box__contents-step.step3 {
      background-position: center bottom 1rem; }
    .flow-shimei__box__contents-step.step4 {
      background-position: center bottom 1rem; }
    .flow-shimei__box__contents-step-title {
      margin: 0 0.5rem; }
  .flow-shimei__box__contents-step-link {
    width: 100%; }
    .flow-shimei__box__contents-step-link + .flow-shimei__box__contents-step-link {
      flex-wrap: wrap; }
     }

@media screen and (min-width: 769px) {
  .sp {
    display: none !important; } }
@media screen and (width: 768px) {
  .client-breadcrumb__list {
    justify-content: center !important;
  }
}
@media screen and (max-width: 768px) {
  .after-offer {
    padding-top: 0 !important;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
  }
  .after-offer_item {
    display: flex;
  }
  a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5); }

  .slick-prev-sp {
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  }
  .slick-next-sp {
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  }
  .pc {
    display: none !important; }

  .spmt20 {
    margin-top: 20px; }

  .vartical-nav {
    display: none; }

  .logouttop-body--form--login60 {
    padding-top: 0; }

  .top-modal-box__main {
    padding: 0 1rem !important; }
  .top-modal-box__bnr {
    font-size: 20px; }
    .top-modal-box__bnr span {
      margin: 0 1rem !important;
      padding-right: 1rem;
      line-height: 1.25; }

  .recruit-offer-block {
    padding: 0; }

  .offer-head-project {
    padding: 1rem; }
    .offer-head-project__col1 {
      width: 100%;
      border-bottom: 1px solid #e7ebeb;
      padding-bottom: 1rem;
      padding-right: 0; }
    .offer-head-project__col2 {
      display: flex;
      flex-wrap: wrap;
      padding-top: 1rem;
      width: 100%;
      min-width: auto; }
    .offer-head-project__status--projectType {
      display: flex;
      flex-wrap: wrap;
      justify-content: unset; }
    .offer-head-project__status--status {
      padding-top: 0; }
      .offer-head-project__status--status img {
        width: 100%; }
    .offer-head-project__status--balloon-recruitment {
      margin: 0 0 1rem; }
    .offer-head-project__period--item1 {
      left: 42px; }
    .offer-head-project__period--item2 {
      left: 50px; }
    .offer-head-project__period--item3 {
      left: 54px; }
    .offer-head-project__period--item4 {
      left: 42px; }
    .offer-head-project__period--item5 {
      left: 46px; }
    .offer-head-project__period--item6 {
      left: 52px; }
  .recruit-offer-genre, .recruit-offer-box__annotation {
    margin-left: 0 !important;}
    .recruit-offer-box__annotation {
      display: grid;}
  .recruit-offer__guide {
    padding: 20px 20px 0 20px;
    margin: 0;}
    .recruit-offer__guide-area {
      flex-wrap: wrap;
      justify-content: space-between;}
      .recruit-offer__guide--box img {
        margin-bottom: 0;
        width: 78px;
        height: 50px;}
        .recruit-offer__guide--btn {
          margin-top: 0;}
          .recruit-offer__guide--box {
            margin:0 0 23px 0;
            padding: 10px 0;
            border-radius: 8px;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
            width: 160px;
            height: 90px;}
            .recruit-offer__guide--btn a {
              width: unset;
              height: unset;
              padding: 0;
              padding-right: 20px;
              display: unset;
              font-size: 12px;
              color: #56b8b8;
              background: url('/images/client/lv-1-icon-right.png') no-repeat center right;}
              .after {
                width: 80px;}
                .recruit-offer-box__text-red.step3 {
                  margin-left: 0;}
                  .image-upload__area {
                    margin-top: 30px;
                    margin-left: 0;}
      .recruit-offer-box .dropzoneImageThumb {
        margin: 40px 0;}
  .offer-head-btn {
    width: 100%;
    padding: 0 1.5rem; }
    .offer-head-btn .bnr {
      width: 100%;
      margin: 2.5rem auto; }

  .recruit-offer-block .head-menu .menu {
    padding: 0 1.5rem; }
    .recruit-offer-block .head-menu .menu_item {
      padding: 1.5rem 0; }

  .offer-cast__message--box .balloon-text-left__read--item {
    position: absolute !important;
    bottom: 0 !important;
    margin-right: 0.5rem;
    left: -30px;
    margin-bottom: 0 !important; }

  .modal-footer {
    display: flex;
    justify-content: center; }

  .notification-block {
    display: flex;
    flex-wrap: wrap;
    padding: 24px 0;
    height: auto; }

  .notification-title {
    width: 100%;
    padding-top: 12px;
    text-align: left; }
    .notification-title a {
      padding: 0; }

  .notification-days {
    padding: 0.25rem 0;
    text-align: left; }

  .agent-register-step__list {
    max-width: 320px; }
  .agent-register-step__bk {
    max-width: 250px; }

  .lp-register-form__item {
    flex-wrap: wrap; }
  .lp-register-form__th {
    width: 100%;
    padding: 1.5rem 0 0 0; }
  .lp-register-form__td {
    width: 100%;
    padding: 1.5rem 0; }

  .lp-login-logo {
    padding: 0 0.5rem; }
    .lp-login-logo img {
      width: 100%;
      max-width: 377px;
      height: auto; }

  .lp-register-header__text {
    padding: 0 1rem; }

  .lp-search-header__text {
    font-size: 24px;
    color: #fff;
    font-weight: bold; }

  .lp-register-hojin__row {
    flex-wrap: wrap;
    width: 50%;
    padding: 0; }
  .lp-register-hojin__radio {
    margin-bottom: 0.5rem; }
    .lp-register-hojin__radio:nth-of-type(1) {
      width: 100%; }
    .lp-register-hojin__radio:nth-of-type(2) {
      width: 100%; }
    .lp-register-hojin__radio:nth-of-type(3) {
      margin-left: 0;
      margin-top: 1rem; }
  .lp-register-hojin__text {
    margin-left: 0;
    margin-top: 4.5rem; }
    .lp-register-hojin__text--60 {
      margin-top: .2rem;
      width: 100%; }
    .lp-register-hojin__text--40 {
      margin-top: 1rem;
      width: 100%; }
  .lp-register-hojin__pulldown {
    width: 100%; }
    .lp-register-hojin__pulldown select {
      width: 100%; }
  .lp-register-hojin__vl {
    top: calc(58%);
    left: auto;
    width: 100%;
    height: 1px; }

  .lp-register-notebox {
    padding: 0 1rem; }


  .balloon-text-left {
    word-break: break-all !important; }

  .layout__checkbox ul li {
    width: 100%; }

  .lp-register-confirm {
    padding: 0 1rem; }
    .lp-register-confirm .lp-register-receipt {
      margin: 0 1rem 2rem; }
    .lp-register-confirm .lp-register-table th {
      width: 40%; }
    .lp-register-confirm .lp-register-table td {
      width: 60%; }
    .lp-register-confirm .lp-register-submit {
      padding: 0 1rem;
      width: 100%; }
      .lp-register-confirm .lp-register-submit a {
        width: 100%;
        min-width: unset; }

  .lp-register-send {
    padding: 3rem 1rem; }

  .lp-register-finish {
    padding: 1rem 1rem;
    margin-bottom: 0; }
    .lp-register-finish__text {
      padding: 0 1rem; }
    .lp-register-finish__submit {
      padding: 3.125rem 1rem; }
      .lp-register-finish__submit a {
        width: 100%;
        min-width: unset; }

  #lightbox img {
    width: 100% !important;
    height: auto !important; }
  #lightbox .lb-outerContainer {
    width: 100% !important;
    height: auto !important; }

  .public-breadcrumb {
    margin-top: 8rem; }
    .public-breadcrumb--password {
      margin-top: 0; }

/*
  =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
  以下は/css/client/after2019/common.cssにも同様の記述がある
  本来はそっち側に統一されるべき(=このcssファイルにはかかれないべき)
  将来的に、上のcommon.cssを全ページに読み込ませてこのファイルからは削除したい
  =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
*/

  .headerbar-sp {
    height: 60px;
    padding: 0 16px;
    background-color: #fff;
    border-bottom: 1px solid #e5e8ec;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0; left: 0;
    z-index: 10;
    right: 0; }
    .headerbar-sp__logo {
      max-width: 142px; }
      .headerbar-sp__logo.center {
        margin: 0 auto;
        display: block; }
    .headerbar-sp__list {
      display: flex;
      align-items: center; }
      .headerbar-sp__list__item {
        width: 24px;
        height: 24px;
        margin-left: 12px; }
        .headerbar-sp__list__item > a {
          width: 100%;
          height: 100%;
          display: block;
          position: relative; }
        .headerbar-sp__list__item img {
          position: absolute;
          top: 50%; left: 50%;
          transform: translate(-50%, -50%); }

  .headermenu-sp {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100vw;
    height: calc(100vh - 60px);
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 10; }
    .headermenu-sp__list {
      display: flex;
      flex-wrap: wrap; }
      .headermenu-sp__list__item {
        width: calc(100% / 3);
        padding: 25px 0;
        background-color: #333340;
        border-top: 1px solid #5e6369;
        border-right: 1px solid #5e6369;
        color: #858b94;
        font-size: 12px; }
        .headermenu-sp__list__item:nth-of-type(1), .headermenu-sp__list__item:nth-of-type(2), .headermenu-sp__list__item:nth-of-type(3) {
          border-top: none; }
        .headermenu-sp__list__item:nth-of-type(3n) {
          border-right: none; }
        .headermenu-sp__list__item a {
          padding-top: 32px;
          background-position: center top;
          background-repeat: no-repeat;
          background-size: 19px auto;
          display: flex;
          justify-content: center;
          align-items: center; }
        .headermenu-sp__list__item.home a {
          background-image: url("/images/client/icon_home_glay.png"); }
        .headermenu-sp__list__item.offer a {
          background-image: url("/images/client/icon_offer_glay.png"); }
        .headermenu-sp__list__item.message a {
          background-image: url("/images/client/icon_messege_glay.png"); }
        .headermenu-sp__list__item.cast a {
          background-image: url("/images/client/icon_search_glay.png"); }
        .headermenu-sp__list__item.settlement a {
          background-image: url("/images/client/icon_payment_glay.png"); }
        .headermenu-sp__list__item.edit a {
          background-image: url("/images/client/icon_setting_glay.png"); }
    .headermenu-sp__makeoffer {
      width: 100%;
      padding: 36px;
      background-color: #56b8b8;
      color: #fff;
      display: inline-block;
      font-size: 16px;
      text-align: center; }
      .headermenu-sp__makeoffer > span {
        padding-left: 24px;
        background: url("/images/client/icon_plius_white.png") no-repeat left center/16px auto;
        display: inline-block; }
    .headermenu-sp__logout {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 16px;
      background-color: #fff;
      color: #56b8b8;
      display: inline-block;
      font-size: 16px;
      text-align: center; }
      .headermenu-sp__logout > span {
        padding-right: 32px;
        background: url("/images/client/logout_green.png") no-repeat right center/auto 16px; }
    .headermenu-sp__fav {
      width: 100%;
      padding: 36px;
      background-color: #333340;
      border-top: 1px solid #5e6369;
      color: #979797;
      display: inline-block;
      font-size: 16px;
      text-align: center; }
      .headermenu-sp__fav > span {
        padding-left: 24px;
        background: url(/images/client/search/icon_fav_gray.png) no-repeat left center/11px auto;
        display: inline-block;
        line-height: 18px; }

  .sideheading {
    border-bottom: 1px solid #333;
    line-height: 1; }
    .sideheading a {
      padding: 10px 30px 10px 10px;
      background: url('/images/client/tri_toright_333.png') no-repeat right 1.2rem center/10px auto;
      display: block;
      font-weight: bold; }
      .sideheading.current a {
        background-image: url('/images/client/tri_toright_green.png');
        background-color: #EDF7F8;
        color: #51b8b9; }
      .sideheading a:hover {
        background-image: url('/images/client/tri_toright_green.png');
        color: #51b8b9; }

.sidemenu {
  font-size: 12px;
  line-height: 1.25; }
  .sidemenu__item {
    border-bottom: 1px solid #ddd;
    position: relative; }
    .sidemenu__item.current {
      background-color: #EDF7F8;
      color: #51b8b9; }
    .sidemenu__item.flexbox a {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .sidemenu__item:hover .sidemenu__child {
      opacity: 1;
      pointer-events: auto; }
    .sidemenu__item > a {
      padding: 10px 35px 10px 20px;
      background: url('/images/client/arrow_toright_333.png') no-repeat right 10px center/14px auto;
      display: block; }
      .sidemenu__item > a:hover {
        color: #51b8b9; }
    .sidemenu__item img {
      max-height: 20px; }
    .sidemenu__item__text {
      display: inline-block;
      font-size: 10px;
      font-weight: bold;
      text-align: right; }
  .sidemenu__child {
    width: 180px;
    position: absolute;
    top: 10px; left: calc(100% - 50px);
    padding: 10px 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333;
    opacity: 0;
    pointer-events: none;
    z-index: 1; }
    .sidemenu__child__item + .sidemenu__child__item {
      margin-top: 12px; }
    .sidemenu__child__item a:hover {
      color: #51b8b9; }

  .sidebnr {
    font-size: 14px;
    line-height: 1.25;
    position: relative;
    text-align: center; }
    .sidebnr.green {
      margin: 24px 0;
      color: #fff; }
      .sidebnr.green > a {
        padding: 16px;
        background-color: #51b8b9;
        border-radius: 2px;
        display: block; }
        .sidebnr.green > a:hover {opacity: .8;}
    .sidebnr.white > a {
      padding: 14px;
      border: 1px solid #333;
      display: block;
      font-weight: bold; }
      .sidebnr.white a:hover {opacity: .8;}

  .side-signup {
    position: absolute;
    top: 5px; left: calc(100% - 10px);
    width: 180px;
    font-size: 12px;
    opacity: 0;
    pointer-events: none;
    text-align: left; }
    .side-signup__list {
      padding: 12px;
      background-color: #fff;
      box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); }
    .sidebnr.signup > a:hover + .side-signup,
    .side-signup:hover {  
      opacity: 1;
      pointer-events: auto; }
    .side-signup__client a {
      padding-left: 24px;
      background: url('/images/client/icon_login_company.png') no-repeat left center;
      color: #51b8b9; }
      .side-signup__client a:hover {
        opacity: .8; }
    .side-signup__cast {
      margin-top: 10px; }
      .side-signup__cast a {
        padding-left: 24px;
        background: url('/images/client/icon_login_cast.png') no-repeat left center;
        color: #fb9943; }
        .side-signup__cast a:hover {
          opacity: .8; }

  .sidehelplink {
    margin-bottom: 24px;
    line-height: 18px;
    text-align: center; }
    .sidehelplink a {
      padding-left: 26px;
      background: url('/images/client/after201909/beforelogin/headermenu_help.png') no-repeat left center/18px auto;
      display: inline-block;
      font-size: 12px; }

  .sidetel {
    margin-bottom: 24px;
    padding-top: 18px;
    border-top: 1px solid #333;
    text-align: center; }
    .sidetel__tel {
      font-size: 18px;
      font-weight: bold; }
    .sidetel__caption {
      font-size: 11px; }

/*
  =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
  =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
*/

  .login-after-header {
    margin-top: 60px;
    padding: 0; }
    .login-after-header__inner {
      padding: 0.7rem 1rem; }
    .login-after-header__btnbox {
      display: none; }

  .vartical-nav {
    display: none; }

  .client-breadcrumb {
    margin: 0;
    padding: 40px 20px;
    background-color: #f6f6f9;
    text-align: center; }
    .client-breadcrumb__list--box {
      word-break: keep-all;}
    .client-breadcrumb__list {
      justify-content: space-between;}
      .client-breadcrumb__list__item-title{
        font-size: 11.1px;
        font-weight: 500;
        color: #525465;}
        .client-breadcrumb__list__item-title.center1{
          margin-left: -12px;}
          .client-breadcrumb__list__item-title.center2{
            margin-left: -17px;}
          .client-breadcrumb img {
            max-width: 100%; }
    /* .client-breadcrumb__list {
      display: none; } */

  .recruit-offer-block {
    padding: 0; }

  .recruit-offer-box {
    padding-left: 0;
    padding-right: 0; }
    .recruit-offer-box__flex.modesp {
      margin-right: 1rem;}
    .recruit-offer-box__h {
      width: unset !important;
      margin-left: 1rem;
      margin-right: 1rem;
      flex-wrap: wrap; }
      .recruit-offer-box__h.step4sp {
        margin-right: 0.7rem;}
      .recruit-offer-box__h__caption {
        width: 100%;
        padding-left: 0.5rem;
        margin-bottom: 1rem;
        font-size: 0.625rem; }
    .recruit-offer-box__list__item {
      padding: 0 1rem !important; }
      .recruit-offer-box__list__item.step3 {
        padding: 0; }
      .recruit-offer-box__list__item.jobDetail {
        padding: 1.5rem 1rem; }
      .recruit-offer-box__list__item__relative {
        position: relative;}
    .recruit-offer-box__count {
      font-size: 0.75rem; }
    .recruit-offer-box__th {
      width: 100%;
      margin-left: 0.5rem;
      padding: 0;
      margin-bottom: 1rem;
    }
      .sp .recruit-offer-box__th {
        width: unset;
        text-align: center;
      }
      .recruit-offer-box__th.ml0, .recruit-offer-box__varidatedmsg.ml0 {
        margin-left: 0 !important;}
        .recruit-offer-box__bg-white.pl {
          padding-left: 1.3125rem !important;}
          .recruit-offer-box__td__item.ml {
            margin-left: 0.6rem;}
      .recruit-offer-box__th.step4 {
        width: 100%;
        margin-left: 0;
        padding: 0; }
    .recruit-offer-box__td {
      width: 100%;
      padding: 0 !important; }
      .list-image-drag {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;}
        .image-zone {
          align-items: center;
          justify-content: center;}
      .recruit-offer-box__td.step3 {
        margin-left: 0.5rem;}
    .recruit-offer-box__radio {
      margin-bottom: 1rem;
      padding-right: 1.5rem; }

  .recruit-offer-dateinfo {
    flex-wrap: wrap; }
    .recruit-offer-dateinfo__calendar {
      margin-bottom: 15px;
      margin-right: 3.5rem;
      width: 50%; }
    .recruit-offer-dateinfo__hour {
      width: 133px; }
    .recruit-offer-dateinfo__minute {
      width: 133px }
  .recruit-offer-time__confirm-sp{
    margin: 0 16px;}
    .recruit-offer-time__confirm-sp.listclose {
      display: none;}
  .recruit-offer-time__confirm__text-sp {
    background: #e1eaed;
    margin-bottom: 13px;
    padding: 20px;}
  .recruit-offer-time__confirm__text1-sp {
    font-family: HiraginoSans-W6;
    font-size: 14px;
    color: #000;}
  .recruit-offer-time__confirm__text2-sp {
    margin-top: 10px;
    margin-bottom: 20px;
    font-family: HiraginoSans-W3;
    font-size: 12px;
    color: #48485a;}
    .recruit-offer-time__confirm__text-sp span {
      font-family: HiraginoSans-W6;
      font-size: 18px;
      line-height: 2.22;
      color: #000;}
      .recruit-offer-time__confirm__btn-sp {
        padding: 18px 20px;
        width: 100px;
        background: #fff;
        cursor: pointer;
        border: 1px solid #51b8b9;
        border-radius: 3px;}
        .recruit-offer-time__confirm__btn-sp a {
          font-family: HiraginoSans-W6;
          font-size: 13px;
          color: #51b8b9;}
  .youtube_modal__title {
    font-size: 14px; }

  .search-headbox {
    width: calc(100% - 32px);
    margin-bottom: 36px; }
    .search-headbox input {
      width: calc(100% - 80px); }
    .search-headbox__btn {
      width: 80px; }
    .search-headbox__category {
      flex-wrap: wrap;
      padding: 0;
      margin-top: 16px; }
      .search-headbox__category .search-box__more {
        width: 100%; }
      .search-headbox__category .btn-text-normal {
        font-size: 8px; }
      .search-headbox__category .search-box__more__btn-list.btn-text-small.area {
        background-size: auto 14px;
        padding-left: 0.9rem; }
      .search-headbox__category .search-box__more__btn-list.btn-text-small.movie {
        background-size: auto 14px;
        padding-left: 1.4rem; }
      .search-headbox__category .search-box__more__btn-list.btn-text-small.cost {
        background-size: auto 14px;
        padding: 0 1.5rem 0 1.2rem; }

  .search-contentbox {
    padding: 20px 10px; }
    .search-contentbox__inner {
      padding: 0; }
    .search-contentbox__h {
      margin: 0;
      flex-wrap: wrap; }
      .search-contentbox__h__text {
        padding-top: 5px;
        padding-bottom: 5px; }
      .search-contentbox__h__caption {
        width: 100%;
        margin-top: 14px; }
    .search-contentbox__row {
      max-width: 320px;
      margin: 0 auto;
      padding-top: 30px;
      flex-wrap: wrap;
      justify-content: center; }
    .search-contentbox__btn {
      width: 130px; }

  .search-option {
    width: calc(100% - 130px);
    margin: 0; }

  .search-resulttext {
    width: 100%;
    margin: 0 0 20px;
    flex-wrap: wrap;
    justify-content: flex-end; }
    .search-resulttext__text {
      width: 100%;
      margin: 0 0 24px;
      text-align: right; }

  .search-snschart {
    padding: 30px 0;
    flex-wrap: wrap; }
    .search-snschart + .search-snschart {
      margin-top: 10px;
      padding-top: 0; }
    .search-snschart__item {
      width: 100%; }
      .search-snschart__item + .search-snschart__item {
        margin-top: 2.4rem; }
  
  .search-result,
  .search-result_search {
    padding: 1.2rem 1rem;
    flex-wrap: wrap; }
    .search-result__viewgrid,
    .search-result__viewlist {
      display: none; }
    .search-result__block,
    .search-result_search__block {
      width: 100%;
      display: block; }
      .search-result_search__block {
        padding: 0; }
    .search-result__num,.search-result_search__num {
      width: 100%;
      margin: 0 1.3rem 1.5rem 0; }
      .search-result__num--unit {
        margin-right: 0; }
      .search-result__num--num {
        font-size: 1.5rem; }
    .search-result .pagination {
      margin-top: 0; }

  .search-headbox__genre {
    flex-wrap :wrap; }
    .search-headbox__genre__h {
      width: 100%; }

  .search-genre {
    display: none; }

  .search-box_inner {
    padding: 1.5rem 1rem;
    justify-content: center; 
    flex-wrap: wrap; }
    .search-box__box {
      width: 100%;
      margin-bottom: 16px; }
    .search-box__box input {
      width: 100%; }
    .search-box__list {
      margin-bottom: 1rem; 
      justify-content: center;
      width: 100%;
      margin-right: 0; }
      .search-box__list__item{
        width: 100%; 
        margin-right: 0.5rem;
        position: static; }
        .search-box__list__item > a{
          justify-content: center; }
    .search-box-fukidashi,.search-box-fukidashi.open {
      top:32%; }
      .search-headbox__category .search-box-fukidashi,.search-headbox__category .search-box-fukidashi.open {
        top :400px; }


  .btn-text-normal {
    font-size: 10px; }
  .btn-text-small {
    font-size: 9px; }
  .search-box__more__btn-list.btn-text-small.area,.search-box__more__btn-list.btn-text-small.movie,.search-box__more__btn-list.btn-text-small.cost,
  .search-box__more > a:hover .search-box__more__btn-list.btn-text-small.area,.search-box__more > a:hover .search-box__more__btn-list.btn-text-small.movie,
  .search-box__more > a:hover .search-box__more__btn-list.btn-text-small.cost {
    background-size: auto 17px; }

  .search-result__regidate {
    width: 100%;
    display: table;
    position: relative; }
    .search-result__regidate:after {
      content: "▼";
      position: absolute;
      pointer-events: none;
      top: 50%;
      right: 0.75rem;
      color: #d3d8dc;
      font-size: 0.5rem;
      transform: translateY(-50%); }
    .search-result__regidate select {
      width: 100%;
      height: 40px;
      padding: 0 0.75rem;
      background-color: #fff;
      border: 1px solid #d3d8dc;
      border-radius: 2px;
      font-size: 0.8rem;
      line-height: 1; }

  .search-castgrid__list {
    padding: 1rem 0.25rem; }
    .search-castgrid__list__item {
      width: calc(50% - .5rem);
      margin: 0 0.25rem 0.5rem;
      display: flex;
      flex-direction: column; }
  .search-castgrid__text {
    flex-grow: 1; }
  .search-castgrid__btn {
    height: 74px;
    flex-wrap: wrap; }
    .search-castgrid__btn__fav {
      width: 100%; }
    .search-castgrid__btn__offer {
      width: 100%; }
  .search-castgrid__img {
    height: 136px; }

  .search-favlist {
    padding: 0; }
    .search-favlist__inner {
      padding: 2rem 1rem 0.875rem;
      flex-wrap: wrap; }
    .search-favlist__list {
      display: none; }
    .search-favlist__rightbox {
      width: 100%; }
      .search-favlist__rightbox__text {
        display: none; }
      .search-favlist__rightbox__bnr {
        width: 100%;
        margin-bottom: 0.75rem;
        padding: 1rem;
        background: #56b8b8;
        border: none;
        border-radius: 2px;
        color: #fff;
        font-size: 1rem;
        text-align: center; }
    .search-favlist__spcaption {
      width: 100%;
      color: #fff;
      font-size: 0.875rem;
      text-align: center; }

  .search-none__back {
    margin-top: 44px;
    font-size: 14px; }
  .search-none__list {
    margin-top: 24px; }
  .search-none__support {
    margin-top: 24px;
    font-size: 14px; }

  .search-castconfirm__delete {
    margin-top: 0.5rem;
    padding: 7px 7px 7px 2rem;
    background-size: 9px auto;
    font-size: 12px; }

  .search-refine__th, .search-refine__td {
    width: 100%;
    padding: 1.5rem 0 0; }
    .search-refine__th.w100, .search-refine__td.w100 {
      width: 100%; }
  .search-refine__list {
    padding: 0 1rem; }
    .search-refine__list__item {
      flex-wrap: wrap; }
      .search-refine__list__item:last-child {
        border-bottom: none; }
  .search-refine__radio__sq {
    width: 100% !important; }
  .search-refine__pulldown {
    width: 100%;
    padding: 0 1rem; }
    .search-refine__pulldown__item {
      border-bottom: 1px solid #e1e1e9;
      overflow: hidden; }
      .search-refine__pulldown__item > a {
        padding: 1.5rem 0;
        background: url("/images/client/icon_down_blue_black.png") no-repeat right center/10px auto;
        display: block; }
      .search-refine__pulldown__item:last-child {
        border-bottom: none; }
      .search-refine__pulldown__item .search-refine__radiosq {
        height: 0;
        transition: height 0.4s; }
      .search-refine__pulldown__item.open > a {
        background-image: url("/images/client/icon_up_blue_black.png"); }
      .search-refine__pulldown__item.open .search-refine__radiosq {
        height: auto; }

  .search-refine-btn {
    margin-bottom: 0;
    padding: 1rem 1.5rem;
    background-color: #f6f6f9; }

  .messages-detail {
    margin-bottom: 0;
    border-bottom: none; }
    .messages-detail__header {
      padding: 1rem; }
      .messages-detail__header__body {
        flex-wrap: wrap; }
    .messages-detail__col1 {
      width: 100%; }
    .messages-detail__col2 {
      width: 100%;
      margin-top: 1rem;
      justify-content: flex-start; }
    .messages-detail__name {
      margin-right: 1.5rem; }
    .messages-detail__notimsg {
      padding: 0; }
      .messages-detail__notimsg__text {
        padding: 0 3rem; }
        .messages-detail__notimsg__text:before, .messages-detail__notimsg__text:after {
          width: 2rem; }
    .messages-detail__postfm__text {
      word-break: break-all !important; }

  .messages-spinput {
    padding: 0.5rem;
    background-color: #f6f6f9;
    display: flex;
    justify-content: space-between; }
    .messages-spinput textarea {
      width: 100%;
      border: 1px solid #e1e1e9; }
    .messages-spinput__col1 {
      width: calc(100% - 57px); }
    .messages-spinput__col2 {
      display: flex;
      flex-direction: column;
      text-align: right; }
    .messages-spinput__send {
      width: 49px;
      height: 42px;
      margin-bottom: 0.5rem;
      background: url("/images/client/icon_air_white.png") no-repeat center/20px auto;
      background-color: #56b8b8;
      border-radius: 2px;
      display: inline-block; }
      .messages-spinput__send.disabled {
        background-color: #e5e8ec;
        pointer-events: none; }
    .messages-spinput__attach {
      width: 49px;
      height: 42px;
      background: url("/images/client/icon_plius_white.png") no-repeat center/17px auto;
      background-color: #858b94;
      border-radius: 2px;
      display: inline-block; }

  .messages-spattach {
    background-color: #f6f6f9; }
    .messages-spattach__prev {
      border-bottom: 1px solid #e1e1e9; }
      .messages-spattach__prev a {
        padding: 0.625rem 1rem 0.625rem 2rem;
        color: #858b94;
        display: inline-block;
        font-size: 0.75rem;
        position: relative; }
        .messages-spattach__prev a:before {
          content: "<";
          position: absolute;
          top: 50%;
          left: 0.8rem;
          transform: translateY(-50%); }
    .messages-spattach__wrap {
      display: flex;
      text-align: center; }
      .messages-spattach__wrap img {
        width: 18px;
        margin: 0 auto 0.75rem;
        display: block; }
      .messages-spattach__wrap > label {
        width: 100%;
        background-color: transparent;
        border-radius: 0;
        box-shadow: none; }
    .messages-spattach__file {
      padding: 1rem;
      color: #858b94;
      display: flex;
      flex-direction: column;
      justify-content: center;
      font-size: 0.5rem; }
    .messages-spattach__link {
      width: 50%;
      padding: 1rem;
      border-left: 1px solid #e1e1e9;
      color: #858b94;
      display: flex;
      flex-direction: column;
      justify-content: center;
      font-size: 0.5rem; }

  .messages-spadlink {
    background-color: #f6f6f9; }
    .messages-spadlink__prev {
      border-bottom: 1px solid #e1e1e9; }
      .messages-spadlink__prev a {
        padding: 0.625rem 1rem 0.625rem 2rem;
        color: #858b94;
        display: inline-block;
        font-size: 0.75rem;
        position: relative; }
        .messages-spadlink__prev a:before {
          content: "<";
          position: absolute;
          top: 50%;
          left: 0.8rem;
          transform: translateY(-50%); }
    .messages-spadlink__wrap {
      padding: 1.5rem 0.5rem;
      display: flex;
      justify-content: space-between; }
    .messages-spadlink__input {
      width: calc(100% - 112px);
      border: 1px solid #e1e1e9;
      border-radius: 2px; }
    .messages-spadlink__submit {
      max-width: 104px;
      margin-left: 0.5rem;
      padding: 1rem 1rem 1rem 2.5rem;
      background: url("/images/client/icon_link_white.png") no-repeat left 1.1rem center/12px auto;
      background-color: #56b8b8;
      border-radius: 2px;
      color: #fff;
      display: inline-block;
      font-size: 0.75rem; }

  .messages-status-change__h {
    padding: 1rem; }
  .messages-status-change__text {
    padding: 1.5rem 1rem; }
  .messages-status-change__bnr {
    text-align: center; }

  .footer-contact__inner {
    flex-direction: column;
    align-items: center; }
  .footer-contact__btn {
    margin: 0 auto 1.75rem;
    display: block; }

  .area-home-footer {
    text-align: center; }
    .area-home-footer__row {
      flex-wrap: wrap; }
    .area-home-footer__col1 {
      width: 100%;
      margin: 0 0 1.5rem; }
    .area-home-footer__col2 {
      width: 100%; }
    .area-home-footer__bnr {
      margin: 0 auto; }
    .area-home-footer__h {
      text-align: left; }
    .area-home-footer__list {
      text-align: left; }
      .area-home-footer__list__item {
        width: 50% !important;
        padding-right: 1rem; }

  .global-footer {
    padding-left: 0; }
  .global-footer__inner {
    padding: 1.5rem 2.5rem 1rem; }
  .global-footer__row {
    flex-wrap: wrap; }
  .global-footer__logo {
    width: 100%;
    margin-bottom: 1rem;
    text-align: center; }
  .global-footer__links {
    width: 100%;
    text-align: center; }
  .global-footer__list {
    width: 100%;
    margin-bottom: 1.5rem; }
    .global-footer__list__item {
      width: 50% !important;
      padding-right: 1rem; }
  .global-footer__manual {
    margin: 0 auto; }

  .global-copyright {
    font-size: 10px;
    padding-left: 0; }
    .global-copyright__inner {
      padding-top: 0.75rem;
      padding-bottom: 100px;
      flex-wrap: wrap; }
    .global-copyright__list {
      width: 100%;
      flex-wrap: wrap;
      justify-content: center; }
      .global-copyright__list__item {
        margin-bottom: 0.5rem; }
    .global-copyright__text {
      width: 100%;
      text-align: center; }

  .login-header {
    height: 64px;
    padding-left: 1rem;
    background: none;
    background-color: #fff;
    border-bottom: 1px solid #e1e1e9;
    display: flex;
    align-items: center;
    line-height: 1.5; }
    .login-header__spbtn {
      width: 85px;
      height: 32px;
      padding: 10px 10px 10px 2rem;
      background: url("/images/client/spmenu_open.png") no-repeat center;
      border-radius: 2px;
      font-size: 0.75rem;
      line-height: 1;
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%); }
      .login-header__spbtn.pushed {
        background-image: url("/images/client/spmenu_close.png"); }
    .login-header__logo {
      width: 190px;
      height: 19px; }
      .login-header__logo a {
        width: 100%;
        height: 100%;
        background-size: 100% auto !important;
        display: block; }
    .login-header__list {
      position: absolute;
      top: 100%;
      left: 100%;
      right: -100%;
      padding: 1.25rem 1.25rem 0;
      background-color: #fff;
      flex-direction: column;
      opacity: 0;
      text-align: center;
      transition-property: opacity, left, right;
      transition-duration: 0.4s; }
      .login-header__list.open {
        opacity: 1;
        left: 0;
        right: 0; }
      .login-header__list__item {
        margin: 0;
        color: #858b94; }
        .login-header__list__item a {
          padding: 1.25rem;
          display: inline-block; }
        .login-header__list__item.frame {
          padding: 1.25rem; }
          .login-header__list__item.frame > a {
            border: 1px solid #858b94 !important; }
    .login-header.transparent {
      border-bottom: none; }
      .login-header.transparent .login-header__spbtn {
        background-image: url("/images/client/spmenu_open_tr.png");
        border-color: #fff;
        color: #fff; }
        .login-header.transparent .login-header__spbtn.pushed {
          background-image: url("/images/client/spmenu_close_tr.png"); }

  .area-billboard {
    max-height: 100%; }
    .area-billboard__contents {
      width: 100%;
      padding: 8rem 0 3rem;
      position: relative; }
      .area-billboard__contents:before {
        display: none; }
      .area-billboard__contents img {
        max-width: 100%; }
      .area-billboard__contents__inner {
        max-width: 100%;
        margin: 0;
        padding: 0 1rem;
        position: static;
        top: auto;
        right: auto;
        transform: none; }
    .area-billboard__logo {
      max-width: 310px;
      margin: 0 auto 1.5rem;
      text-align: center; }
      .area-billboard__logo img {
        width: 100%;
        height: auto; }
    .area-billboard__text {
      margin-bottom: 2.6rem;
      font-size: 0.875rem;
      text-align: center; }
    .area-billboard__sample {
      margin-bottom: 2.6rem;
      line-height: 0; }
    .area-billboard #billboard-show {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: url("/images/client/lp_billboard.jpg") no-repeat center/auto 100%; }
      .area-billboard #billboard-show img {
        display: none; }

  .area-catch__h {
    line-height: 1.67; }
  .area-catch__box {
    height: auto;
    flex-wrap: wrap;
    font-size: 0.875rem; }
    .area-catch__box__col1 {
      width: 100%;
      padding: 3rem 1.5rem;
      background: url("/images/client/catchimg_sp1.jpg") no-repeat center/cover; }
    .area-catch__box__col2 {
      width: 100%;
      padding: 3rem 1.5rem;
      background: url("/images/client/catchimg_sp2.jpg") no-repeat center/cover; }
    .area-catch__box__h {
      font-size: 0.875rem; }
    .area-catch__box__list__item {
      margin-bottom: 1rem; }
    .area-catch__box__downicon {
      width: 32px;
      height: 32px;
      background-size: 100% auto; }
    .area-catch__box__dtllink {
      padding: 0.5625rem 2.5rem 0.5625rem 1rem;
      background-position: right 1.1rem center;
      background-size: 13px auto;
      font-size: 0.875rem; }

  .area-step {
    border-bottom: 1px solid #ddd;
    text-align: center; }
    .area-step__h {
      padding-top: 3.2rem;
      background-position: center top;
      line-height: 1.67; }
    .area-step__step {
      flex-wrap: wrap; }
    .area-step__coltext {
      width: 100%;
      padding: 3rem 1.2rem 0;
      order: 1; }
    .area-step__colimg {
      width: 100%;
      padding: 2.5rem 1rem 3rem;
      order: 2; }

  .flow-boshu {
    background: linear-gradient(to bottom, #f1fcf2, #d1eceb); }
    .flow-boshu__box {
      padding: 0 1rem;
      flex-wrap: wrap; }
      .flow-boshu__box__inner {
        padding: 2.3rem 1.3rem; }
      .flow-boshu__box__h {
        line-height: 1; }
      .flow-boshu__box__col1 {
        width: 100%; }
      .flow-boshu__box__col2 {
        width: 100%;
        margin-top: 2rem; }
      .flow-boshu__box__list {
        padding-left: 0; }
        .flow-boshu__box__list__item {
          background-position: left 5px; }

  .flow-shimei {
    background: linear-gradient(to bottom, #fffeea, #fee4cc); }
    .flow-shimei__box {
      padding: 0 1rem;
      flex-wrap: wrap; }
      .flow-shimei__box__inner {
        padding: 2.3rem 1.3rem; }
      .flow-shimei__box__h {
        line-height: 1; }
      .flow-shimei__box__col1 {
        width: 100%; }
      .flow-shimei__box__col2 {
        width: 100%;
        margin-top: 2rem; }
      .flow-shimei__box__list {
        padding-left: 0; }
        .flow-shimei__box__list__item {
          background-position: left 5px; }

  .area-simu {
    padding: 5rem 1rem 0; }
    .area-simu__input__result__num > span {
      font-size: 1.1rem; }
    .area-simu__input__row {
      flex-wrap: wrap; }
    .area-simu__input__col1 {
      width: 100%;
      margin-bottom: 2rem;
      padding: 0;
      background: none; }
    .area-simu__input__col2 {
      width: 100%; }
    .area-simu__input__imgsp {
      margin: 0 auto 1.5rem;
      display: block; }
    .area-simu__bnr {
      width: 100%;
      padding: 1.5rem 1rem;
      font-size: 1rem;
      line-height: 1; }

  .top-simu__h {
    margin-bottom: 2rem;
    font-size: 1.25rem; }
  .top-simu__caption {
    margin-bottom: 3rem;
    font-size: 0.8rem; }
  .top-simu__comments {
    margin: 1.25rem 0 1rem;
    font-size: 0.75rem; }

  .top-simu-point {
    padding: 1rem;
    margin-bottom: 1rem;
    text-align: center; }
    .top-simu-point__title {
      padding-bottom: 1rem;
      font-size: 14px;
      text-align: left; }
      .top-simu-point__title-icon {
        width: 30px; }
    .top-simu-point__text {
      display: block;
      padding: 1.8rem 1rem; }
    .top-simu-point__l {
      margin: 0 0 1.8rem;
      text-align: left; }
    .top-simu-point__movie {
      margin: 0 auto; }
.guild-link-btn {
  margin: 0 auto 1.8rem auto;
}
  .top-simucalc {
    display: block; }
    .top-simucalc__box {
      width: 100%; }
    .top-simucalc__plus,
    .top-simucalc__equal {
      width: 100%;
      margin: 1rem 0; }

  .area-modelcase {
    padding: 5rem 1rem 0; }

  .examples {
    padding: 0; }
    .examples__spbg {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-position: center;
      z-index: 0; }
    .examples__item {
      width: 100%;
      margin: 0 0 1rem; }
      .examples__item img {
        opacity: 0; }

  .area-company {
    padding: 5rem 1rem 0; }
    .area-company img {
      max-width: 100%; }

  .area-flow__h {
    line-height: 1.67; }

  .area-searchcast {
    padding: 5rem 0.5rem 0; }
    .area-searchcast__h {
      margin-bottom: 3rem;
      padding: 0 0.5rem;
      line-height: 1.67; }
    .area-searchcast__list {
      margin-bottom: 0;
      padding: 0;
      flex-wrap: wrap; }
      .area-searchcast__list__item {
        width: calc(50% - 1rem);
        margin: 0 0.5rem 1.5rem; }
    .area-searchcast__bnr {
      width: calc(100% - 1rem);
      padding: 1rem 1rem 1rem 3rem;
      background-position: left 1.5rem center;
      font-size: 1rem;
      text-align: left; }

  .area-faq {
    padding: 5rem 1rem 0;
    background: linear-gradient(to bottom, #f1fcf2, #d1eceb); }
    .area-faq__q {
      line-height: 1.5; }

  .area-signup {
    padding: 2.5rem 1rem 4rem;
    background-size: auto 100%; }
    .area-signup__inner {
      padding: 0;
      flex-wrap: wrap; }
    .area-signup__col1 {
      width: 100%;
      order: 2; }
    .area-signup__col2 {
      width: 100%;
      order: 1; }
    .area-signup__text {
      margin-bottom: 1.5rem;
      padding: 1.5rem;
      font-size: 0.875rem;
      line-height: 2;
      text-align: center; }
    .area-signup__catch {
      margin-bottom: 2rem;
      font-size: 1.1rem; }
    .area-signup__bnr {
      padding: 1.375rem;
      font-size: 1rem; }

  .area-home-copyright {
    font-size: 10px; }
    .area-home-copyright__list {
      width: 100%;
      flex-wrap: wrap;
      justify-content: center; }
      .area-home-copyright__list__item {
        margin-bottom: 0.5rem; }
    .area-home-copyright__text {
      margin-top: .5rem; }

  .productionlist {
    justify-content: space-between;
    margin-top: 20px; }
    .productionlist__item,
    .productionlist__item:nth-of-type(7n),
    .productionlist__item:last-child {
      width: calc((100% - 20px) / 2);
      margin: 0 0 20px; }

  .lp-search-header {
    height: 200px;
    padding: 150px 0 20px;
    background: url("/images/client/lp_billboard_3.jpg") no-repeat center/cover;
    text-align: center; }
    .lp-search-header--65 {
      margin-top: 60px;
      height: 80px;
      padding: 30px 0; }
    .lp-search-header--sitemap {
      height: 100px;
      padding: 20px 0; }
    .lp-search-header__inner {
      position: relative;
      top: auto;
      transform: none; }
      .lp-search-header__inner img {
        margin: 0; }
    .lp-search-header__img {
      display: none; }
    .lp-search-header__logo {
      margin-bottom: 1.5rem; }
      .lp-search-header__logo img {
        max-width: 310px; }
    .lp-search-header__caption {
      font-size: 0.875rem; }

  .lp-search-castgrid {
    padding: 2rem 0.5rem 0; }
    .lp-search-castgrid__list {
      margin: 0 -0.25rem;
      padding: 0; }
      .lp-search-castgrid__list__item {
        width: calc(50% - .5rem);
        margin: 0 0.25rem 0.5rem; }
    .lp-search-castgrid__name {
      width: 100%; }
    .lp-search-castgrid__btn {
      flex-wrap: wrap; }
      .lp-search-castgrid__btn__fav {
        width: 100%; }
      .lp-search-castgrid__btn__offer {
        width: 100%; }
      .lp-search-castgrid__btn__fav + .lp-search-castgrid__btn__offer {
        margin-top: 0.75rem; }
    .lp-search-castgrid__catch {
      height: 52px; }

  .lp-search-purpose_inner {
    display: block; }
    .lp-search-purpose-l-target {
      padding: 1.5rem 1rem; }
      .lp-search-purpose-r-list {
        margin: 0 0 0.6rem; }

  .lp-prof-tags {
    width: 100%;
    justify-content: center; }
    .lp-prof-tags__item {
      margin: 0 0.25rem 0.5rem; }

  .lp-prof-spheader {
    width: 100%;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    filter: blur(4px); }

  .lp-prof-spthumb {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border: 2px solid #fff;
    transform: translateY(-50%); }

  .lp-prof-spbox {
    margin-bottom: 1.5rem;
    padding-bottom: 2.5rem;
    background-color: #fff; }

  .lp-prof-spdetail {
    margin-bottom: 1.5rem;
    padding: 0 1rem;
    text-align: center; }
    .lp-prof-spdetail__name {
      margin-bottom: 1rem;
      color: #323140;
      font-size: 1.1rem; }
    .lp-prof-spdetail__code {
      margin-bottom: 2rem;
      color: #48485a;
      font-size: 0.875rem; }
    .lp-prof-spdetail__info {
      margin-bottom: 1.3rem;
      color: #a8a8a8;
      font-size: 0.8rem; }
    .lp-prof-spdetail__cat {
      margin-bottom: 2rem;
      color: #a8a8a8;
      font-size: 0.8rem; }
    .lp-prof-spdetail__sns {
      color: #48485a;
      display: flex;
      justify-content: space-between;
      font-size: 0.8rem; }
      .lp-prof-spdetail__sns__twitter {
        width: calc((100% - 30px) / 2);
        display: inline-block;
        text-align: right; }
        .lp-prof-spdetail__sns__twitter__item {
          padding-left: 2rem;
          background: url("/images/client/icon_twitter_off.png") no-repeat left 2px center/14px auto;
          display: inline-block; }
          .lp-prof-spdetail__sns__twitter__item.on {
            background: url("/images/client/icon_twitter_on.png") no-repeat left 2px center/14px auto;
            color: #56b8b8;
            text-decoration: underline; }
      .lp-prof-spdetail__sns__instagram {
        width: calc((100% - 30px) / 2);
        display: inline-block;
        text-align: left; }
        .lp-prof-spdetail__sns__instagram__item {
          padding-left: 2rem;
          background: url("/images/client/icon_instagram_off.png") no-repeat left 4px center/14px auto;
          display: inline-block; }
          .lp-prof-spdetail__sns__instagram__item.on {
            background: url("/images/client/icon_instagram_on.png") no-repeat left 4px center/14px auto;
            color: #56b8b8;
            text-decoration: underline; }

  .lp-prof-sppr {
    margin-bottom: 1.5rem;
    padding: 0 1rem;
    text-align: center; }
    .lp-prof-sppr__catch {
      margin-bottom: 1rem;
      color: #323140;
      font-size: 15px;
      font-weight: bold; }
    .lp-prof-sppr__text {
      margin-bottom: 1rem;
      color: #323140;
      font-size: 0.8rem;
      line-height: 1.7; }
      .lp-prof-sppr__text.textclose {
        max-height: 70px;
        overflow: hidden;
        position: relative; }
        .lp-prof-sppr__text.textclose:before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          height: 50%;
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); }
    .lp-prof-sppr__more a {
      padding-right: 1.5rem;
      background: url("/images/client/lp_faq1.png") no-repeat right center;
      color: #56b8b8;
      display: inline-block;
      font-size: 0.8rem; }
    .lp-prof-sppr__more.linkopen a {
      background: url("/images/client/lp_faq2.png") no-repeat center right; }

  .lp-prof-spimgs {
    margin-bottom: 2.5rem;
    padding: 0 1rem;
    display: flex;
    justify-content: space-between; }
    .lp-prof-spimgs__item {
      width: calc(25% - .75rem); }
      .lp-prof-spimgs__item a {
        width: 100%;
        display: inline-block; }
        .lp-prof-spimgs__item a:before {
          content: "";
          padding-top: 100%;
          display: block; }

  .lp-prof-spbnrs {
    padding: 0 2rem;
    font-size: 1rem;
    text-align: center; }
    .lp-prof-spbnrs__offer {
      width: 100%;
      margin-bottom: 2.5rem;
      padding: 1rem;
      background-color: #56b8b8;
      border-radius: 2px;
      color: #fff;
      display: inline-block; }
      .lp-prof-spbnrs__offer > span {
        padding-left: 1.5rem;
        background: url("/images/client/icon_handshake_white.png") no-repeat left center/16px auto;
        display: inline-block; }
    .lp-prof-spbnrs__share {
      width: 100%;
      padding: 1rem;
      border: 1px solid #56b8b8;
      border-radius: 2px;
      color: #56b8b8;
      display: inline-block;
      font-size: 0.8rem; }
      .lp-prof-spbnrs__share > span {
        padding-left: 1.5rem;
        background: url("/images/client/icon_share_green.png") no-repeat left center/12px auto;
        display: inline-block; }

  .lp-prof-sptab {
    margin-bottom: 1.5rem;
    color: #858b94;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
    text-align: center; }
    .lp-prof-sptab__item {
      width: calc(100%/3); }
      .lp-prof-sptab__item a {
        padding: 1.1rem 0;
        display: inline-block;
        position: relative; }
      .lp-prof-sptab__item.disabled a {
        color: #e5e8ec; }
      .lp-prof-sptab__item.current {
        color: #56b8b8; }
        .lp-prof-sptab__item.current a:before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          height: 4px;
          background-color: #56b8b8; }

  .lp-prof-spacv {
    padding: 0 1.5rem; }
    .lp-prof-spacv__h {
      margin-bottom: 1.5rem;
      padding: 0.625rem 0 0.625rem 1.4rem;
      border-left: 2px solid #48485a;
      color: #323140;
      font-size: 1rem; }
    .lp-prof-spacv__video {
      margin-bottom: 1.5rem; }
      .lp-prof-spacv__video iframe {
        width: 100%;
        max-height: 188px; }
    .lp-prof-spacv__list {
      margin-bottom: 1rem;
      display: flex;
      flex-wrap: wrap; }
      .lp-prof-spacv__list__item {
        margin: 0 0.5rem 0.5rem 0;
        padding: 0.75rem;
        background-color: #f6f6f9;
        border: 1px solid #e1e1e9;
        color: #48485a;
        font-size: 0.8rem;
        line-height: 1; }
    .lp-prof-spacv__text {
      margin-bottom: 1.1rem;
      color: #48485a;
      font-size: 0.875rem; }
      .lp-prof-spacv__text.textclose {
        max-height: 70px;
        overflow: hidden;
        position: relative; }
        .lp-prof-spacv__text.textclose:before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          height: 50%;
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); }
    .lp-prof-spacv__more {
      margin-bottom: 1.5rem;
      text-align: center; }
      .lp-prof-spacv__more a {
        padding-right: 1.5rem;
        background: url("/images/client/lp_faq1.png") no-repeat right center;
        color: #56b8b8;
        display: inline-block;
        font-size: 0.8rem; }
      .lp-prof-spacv__more.linkopen a {
        background: url("/images/client/lp_faq2.png") no-repeat center right; }

  .lp-prof-spbsc {
    padding: 0 1.5rem; }
    .lp-prof-spbsc__h {
      margin-bottom: 1.5rem;
      color: #323140;
      font-size: 1rem; }
    .lp-prof-spbsc__table {
      margin-bottom: 2.375rem;
      padding: 1.5rem;
      background-color: #f6f6f9;
      display: flex;
      flex-wrap: wrap; }
      .lp-prof-spbsc__table dt {
        width: 40%;
        margin-bottom: 0.3rem;
        padding-right: 1rem; }
      .lp-prof-spbsc__table dd {
        width: 60%;
        margin-bottom: 0.3rem; }
    .lp-prof-spbsc__bnr {
      text-align: center; }
      .lp-prof-spbsc__bnr a {
        width: 100%;
        padding: 1rem;
        background-color: #56b8b8;
        border-radius: 2px;
        color: #fff;
        display: inline-block; }
        .lp-prof-spbsc__bnr a > span {
          padding-left: 1.5rem;
          background: url(/images/client/icon_handshake_white.png) no-repeat left center/16px auto;
          display: inline-block; }

  .lp-prof-photo {
    padding: 0 0.75rem; }
    .lp-prof-photo__list {
      margin-bottom: 1rem;
      display: flex;
      flex-wrap: wrap; }
      .lp-prof-photo__list__item {
        width: calc(50% - 1.5rem);
        margin: 0 0.75rem 1.5rem; }
        .lp-prof-photo__list__item > a {
          width: 100%;
          display: inline-block; }
          .lp-prof-photo__list__item > a:before {
            content: "";
            display: block;
            padding-top: 100%; }

  .lp-prof-secret {
    padding: 0 1.5rem; }
    .lp-prof-secret__h {
      margin-bottom: 1.5rem;
      padding: 0.625rem 0 0.625rem 1.4rem;
      border-left: 2px solid #48485a;
      color: #323140;
      font-size: 1rem; }
    .lp-prof-secret__list {
      margin-bottom: 4rem;
      color: #48485a;
      font-size: 0.875rem; }
      .lp-prof-secret__list__item {
        border-top: 1px dotted #ddd;
        display: flex; }
    .lp-prof-secret__th {
      width: 50%;
      padding: 1.5rem 1rem; }
    .lp-prof-secret__td {
      width: 50%;
      padding: 1.5rem 1rem 1.5rem 0; }
    .lp-prof-secret__rate {
      margin-bottom: 1.2rem;
      background: url(/images/client/lp_score.png) no-repeat left center;
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .lp-prof-secret__rate img {
        width: 40px;
        height: 40px;
        margin-right: 1.5rem;
        display: inline-block; }
      .lp-prof-secret__rate__caption {
        width: 100%;
        margin: 1rem 0 3.75rem;
        color: #48485a;
        font-size: 0.8rem; }
        .lp-prof-secret__rate__caption > span {
          color: #fdb650; }
      .lp-prof-secret__rate__star {
        width: 77px;
        height: 13px;
        font-size: 13px;
        display: inline-block;
        letter-spacing: 3px;
        overflow: hidden;
        position: relative; }
        .lp-prof-secret__rate__star:before {
          content: "★★★★★";
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          color: #ddd;
          height: 13px;
          line-height: 13px; }
        .lp-prof-secret__rate__star:after {
          content: "★★★★★";
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          height: 13px;
          color: #fdb650;
          line-height: 13px;
          overflow: hidden;
          white-space: nowrap; }
        .lp-prof-secret__rate__star.rate00:after {
          width: 0; }
        .lp-prof-secret__rate__star.rate05:after {
          width: 10%; }
        .lp-prof-secret__rate__star.rate10:after {
          width: 20%; }
        .lp-prof-secret__rate__star.rate15:after {
          width: 30%; }
        .lp-prof-secret__rate__star.rate20:after {
          width: 40%; }
        .lp-prof-secret__rate__star.rate25:after {
          width: 50%; }
        .lp-prof-secret__rate__star.rate30:after {
          width: 60%; }
        .lp-prof-secret__rate__star.rate35:after {
          width: 70%; }
        .lp-prof-secret__rate__star.rate40:after {
          width: 80%; }
        .lp-prof-secret__rate__star.rate45:after {
          width: 90%; }
        .lp-prof-secret__rate__star.rate50:after {
          width: 100%; }

  .lp-prof-undefined__catch {
    font-size: 1.25rem;
    line-height: 1.4; }

  .lp-gototop {
    right: 1rem;
    bottom: 1rem; }

  .lp-login-logo {
    margin: 0 0.5rem 4rem;
    padding: 4rem 1.5rem 0; }
    .lp-login-logo img {
      max-width: 377px;
      height: auto;
      width: 100%; }

  .area-slide {
    padding: 1.5rem 1.5rem 3rem;}

  .lp-home-slider .slick-list {
    margin-right: 0; }
  .lp-home-slider .slick-track {
    margin-right: 0; }
  .lp-home-slider .slick-slide {
    margin-right: 0; }
  .lp-home-slider .slick-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -1.5rem;
    width: 1rem;
    height: 100px;
    background: url("/images/client/home/top_bnr/back.png") no-repeat center;
    background-color: #fff;
    border: none;
    color: transparent; }

  .slick-prev-sp {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -1.5rem;
    width: 1rem;
    height: 100px;
    background: url("/images/client/home/top_bnr/back.png") no-repeat center;
    background-color: #fff;
    border: none;
    color: transparent; }

  .lp-home-slider .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -1.5rem;
    width: 1rem;
    height: 100px;
    background: url("/images/client/home/top_bnr/next.png") no-repeat center;
    background-color: #fff;
    border: none;
    color: transparent; }

  .slick-next-sp {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -1.5rem;
    width: 1rem;
    height: 100px;
    background: url("/images/client/home/top_bnr/next.png") no-repeat center;
    background-color: #fff;
    border: none;
    color: transparent; }

  .lp-home-slider .slick-dots {
    margin: 2rem 0 0;
    padding: 2rem 0 0; }

  .flow-boshu__box__inner {
    padding: 2rem 1.5rem 3.5rem;
    display: inline-block; }
    .flow-boshu__box__inner ul {
      padding-left: 0; }
    .flow-boshu__box__inner__col2 {
      width: 100%; }
      .flow-boshu__box__inner__col2 h4 {
        border-bottom: #d8f5d5 1px solid; }

  .flow-boshu__box__contents {
    background-position: center top;
    padding: 10rem 0 0 0; }
  .flow-boshu__box__contents-step {
    padding: 0 0 11rem 0;
    display: flex;
    flex-wrap: wrap; }
    .flow-boshu__box__contents-step.step1 {
      background-position: center bottom 1rem; }
    .flow-boshu__box__contents-step.step2 {
      background-position: center bottom 1rem; }
    .flow-boshu__box__contents-step.step3 {
      background-position: center bottom 1rem; }
    .flow-boshu__box__contents-step.step4 {
      background-position: center bottom 1rem; }
    .flow-boshu__box__contents-step-title {
      margin: 0 0.5rem; }
  .flow-boshu__box__contents-step-link {
    width: 100%; }

  .flow-shimei__box__contents {
    background-position: center top;
    padding: 10rem 0 0 0; }
  .flow-shimei__box__contents-step {
    padding: 0 0 11rem 0;
    display: flex;
    flex-wrap: wrap; }
    .flow-shimei__box__contents-step.step1 {
      background-position: center bottom 1rem; }
    .flow-shimei__box__contents-step.step2 {
      background-position: center bottom 1rem; }
    .flow-shimei__box__contents-step.step3 {
      background-position: center bottom 1rem; }
    .flow-shimei__box__contents-step.step4 {
      background-position: center bottom 1rem; }
    .flow-shimei__box__contents-step-title {
      margin: 0 0.5rem; }
  .flow-shimei__box__contents-step-link {
    width: 100%; }
    .flow-shimei__box__contents-step-link + .flow-shimei__box__contents-step-link {
      flex-wrap: wrap; }

  .area-simu__input__row {
    flex-wrap: wrap; }
  .area-simu__input__col1 {
    width: 100%;
    background: none;
    padding-right: 0; }
  .area-simu__input__col2 {
    width: 70%;
    display: flex;
    justify-content: space-around;
    margin: 0 auto; }
  .area-simu__input__img {
    margin: 2rem auto; }
  .area-simu__input__imgsp[src="/images/client/lp_simu_sp01.png"] {
    width: 286px; }
  .area-simu__input__imgsp[src="/images/client/lp_simu_sp02.png"] {
    width: 343px; }
  .area-simu__input__input2 span {
    padding: 0 0.5rem; }
  .area-simu__input__btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 1.5rem auto 0; }
    .area-simu__input__btn a {
      margin: 1rem 0.75rem 1rem; }

  .offer-head-project {
    padding: 1rem; }
    .offer-head-project__col1 {
      width: 100%;
      border-bottom: 1px solid #e7ebeb;
      padding-bottom: 1rem;
      padding-right: 0; }
    .offer-head-project__col2 {
      display: flex;
      flex-wrap: wrap;
      padding-top: 1rem;
      width: 100%; }
    .offer-head-project__status--projectType {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      flex-direction: column;
      align-items: flex-start; }
    .offer-head-project__status--status {
      padding-top: 0; }
      .offer-head-project__status--status img {
        width: 100%; }
    .offer-head-project__status--balloon-nomination {
      padding: 0 1rem;
      max-width: none;
      margin: 1rem 0 0.5rem; }
      .offer-head-project__status--balloon-nomination:before {
        left: -2px;
        margin-top: -24px;
        border-right: 10px solid #fff8ee; }
    .offer-head-project__status--balloon-recruitment {
      margin: 1rem 0 0.5rem;
      padding: 0 1rem;
      max-width: none; }
      .offer-head-project__status--balloon-recruitment:before {
        left: -2px;
        margin-top: -24px;
        border-right: 10px solid #eef8f8; }
    .offer-head-project__period {
      width: 100%;
      display: flex;
      justify-content: space-between; }
      .offer-head-project__period tbody {
        width: 100%;
        display: flex;
        justify-content: space-around;
        margin: 0 16%;
        text-align: center;
        flex-wrap: wrap; }
      .offer-head-project__period--period {
        width: 100%;
        display: flex;
        justify-content: space-around;
        text-align: center;
        flex-wrap: wrap; }
      .offer-head-project__period--item1 {
        width: 28%;
        left: 0;
        position: unset; }
      .offer-head-project__period--item2 {
        width: 28%;
        left: 0;
        position: unset; }
      .offer-head-project__period--item3 {
        width: 28%;
        left: 0;
        position: unset; }
      .offer-head-project__period--item4 {
        width: 28%;
        left: 0;
        position: unset; }
      .offer-head-project__period--item5 {
        width: 28%;
        left: 0;
        position: unset; }
      .offer-head-project__period--item6 {
        width: 28%;
        left: 0;
        position: unset; }
      .offer-head-project__period--periodDay {
        width: 100%;
        display: flex;
        justify-content: space-around;
        text-align: center;
        flex-wrap: wrap; }

  .offer-head-btn {
    width: 100%;
    padding: 0 1.5rem; }
    .offer-head-btn .finish {
      width: 100%;
      margin: 2.5rem auto; }

  .offer-modal__col1 {
    width: 100%;
    padding-bottom: 0; }
  .offer-modal__col2 {
    width: 100%; }

  .notification-category {
    height: auto;
    text-align: left; }
    .notification-category > span {
      width: 80px;
      height: auto;
      padding: 2px;
      font-size: 11px;
      text-align: center; }

  .layout__checkbox {
    padding-left: 1rem !important;
    padding-right: 1rem !important; }

  .common-box__col2__text {
    padding: 0 0.625rem; }

  .sitemap__inner {
    flex-wrap: wrap; }
  .sitemap__col {
    width: 100% !important;
    padding: 0 0 2rem; }
  .sitemap__h {
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    font-size: 1rem; }
  .sitemap__list__item {
    margin-bottom: 0.3rem; }
  .sitemap__2col {
    flex-wrap: wrap; }
    .sitemap__2col__col {
      width: 100%;
      padding-bottom: 1rem; }

  .client-modal {
    width: 300px; }
    .client-modal__footer {
      padding-bottom: 0;
      flex-wrap: wrap; }
    .client-modal__btn {
      width: 100%;
      margin: 0 0 1rem; }
      .client-modal__btn:first-child {
        order: 2; }
      .client-modal__btn:nth-of-type(2) {
        order: 1; }

  .agency-footer__inner {
    flex-direction: column;
    align-items: center; }
  .agency-footer__company {
    width: 100%;
    margin-bottom: 40px; }
  .agency-footer__service {
    width: 100%; }
  .agency-footer__btn a {
    max-width: initial; }

  .area-pubprof-pc {
    flex-wrap: wrap; }

  .analysisbox {
    margin-bottom: 2.4rem;
    padding-bottom: 1.5rem; }
    .analysisbox__h {
      margin-bottom: 1.5rem; }
    .analysisbox__tologin__imgpc {
      display: none; }
    .analysisbox__tologin__imgsp {
      display: block; }

  .analysistable tr {
    margin-bottom: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    .analysistable tr:last-child {
      margin-bottom: 0; }
  .analysistable__label {
    width: 100%; }

  .barchart {
    margin-bottom: 2.4rem; }
    .barchart__head {
      flex-wrap: wrap; }
    .barchart__date {
      width: 100%;
      margin-bottom: 1rem; }
    .barchart__menu {
      margin: 0 auto; }

  .bandchart tr {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column; }
  .bandchart th, .bandchart td {
    width: 100%;
    padding: 0 0 1rem; }

  .talent-research {
    padding: 4rem 1rem; }
    .talent-research__h {
      margin-bottom: 1.25rem;
      padding-top: 0;
      font-size: 1.25rem; }
    .talent-research__catch {
      margin-bottom: 1.5rem;
      font-size: 1rem; }

  .talent-research2col {
    flex-wrap: wrap; }
    .talent-research2col__img {
      width: 100%;
      min-width: unset;
      margin-bottom: 1rem; }

  .talent-researchlist {
    padding-left: 0;
    display: table;
    margin: 0 auto;
    flex-grow: unset; }
    .talent-researchlist__item {
      padding-left: 3rem;
      font-size: 1.25rem; }

  .talent-about-link {
    margin: 2rem 0 3rem;
    font-size: 0.875rem; }

  .search-talentlist__list {
    padding: 0 10px;
    display: flex;
    justify-content: space-between; }
    .search-talentlist__list__item {
      width: calc((100% - 10px) / 2);
      flex-direction: column; }
  .search-talentlist__thumb {
    display: none; }
  .search-talentlist__col1 {
    width: 100%; }
  .search-talentlist__col2 {
    width: 100%; }
  .search-talentlist__sns {
    height: auto;
    flex-wrap: wrap; }
    .search-talentlist__sns__twitter {
      width: 100%; }
    .search-talentlist__sns__instagram {
      width: 100%;
      margin-top: 0.4rem; }
  .search-talentlist__name {
    width: 100%;
    margin-bottom: 1rem; }

  .search-talentmedia {
    width: 100%; }
    .search-talentmedia__item {
      width: calc((100% - 6px) / 2);
      padding: 0; }
      .search-talentmedia__item.google, .search-talentmedia__item.youtube {
        background-position: center; }
      .search-talentmedia__item a {
        height: 40px;
        display: block; }

  .talent-research2 {
    padding: 4rem 1rem; }
    .talent-research2__h {
      margin-bottom: 1.25rem;
      padding-top: 0;
      font-size: 1.25rem; }
    .talent-research2__catch {
      margin-bottom: 1.5rem;
      font-size: 1rem; }
    .talent-research2 .talent-researchlist {
      padding-left: 0; }
      .talent-research2 .talent-researchlist__item {
        padding-left: 4rem;
        font-size: 1.2rem;
        line-height: 2; }
        .talent-research2 .talent-researchlist__item.wiki {
          background: url("/images/client/talent/list_wiki_2x.png") no-repeat left center;
          background-size: auto 35px; }
        .talent-research2 .talent-researchlist__item.tv {
          background: url("/images/client/talent/list_tv_2x.png") no-repeat left center;
          background-size: auto 35px; }
        .talent-research2 .talent-researchlist__item.sns {
          background: url("/images/client/talent/list_sns_2x.png") no-repeat left center;
          background-size: auto 35px; }

  .modal-content .modal-note {
    display: block; }

  .modal-content .modal-radiolist {
    flex-wrap: wrap; }
    .modal-content .modal-radiolist > span,
    .modal-content .modal-radiolist > span + span {
      width: 100%;
      margin: 0 0 .7rem;
      display: block; }
    .modal-content .modal-radiolist label {
      margin: 0; }

  .modal-detail {
    padding: 0; }
  .modal-detail__table {
    flex-wrap: wrap; }
    .modal-detail__th {
      margin-bottom: 10px; }
    .modal-detail__td {
      width: 100%; }

.top-headerbar-sp {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    right: 0; }
    .top-headerbar-sp__wrap {
      height: 60px;
      padding: 0 16px;
      background-color: #fff;
      border-bottom: 1px solid #e5e8ec;
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .top-headerbar-sp__logo {
      max-width: 142px; }
      .top-headerbar-sp__logo.center {
        margin: 0 auto;
        display: block; }
    .top-headerbar-sp__list {
      display: flex;
      align-items: center; }
      .top-headerbar-sp__list__item {
        width: 24px;
        height: 24px;
        margin-left: 12px; }
        .top-headerbar-sp__list__item > a {
          width: 100%;
          height: 100%;
          display: block;
          position: relative; }
        .top-headerbar-sp__list__item img {
          position: absolute;
          top: 50%; left: 50%;
          transform: translate(-50%, -50%); }

  .top-headermenu-sp {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100vw;
    height: calc(100vh - 60px);
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 10; }
    .top-headermenu-sp__list {
      display: flex;
      flex-wrap: wrap; }
      .top-headermenu-sp__list__item {
        width: calc(100% / 3);
        padding: 25px 0;
        background-color: #333340;
        border-top: 1px solid #5e6369;
        border-right: 1px solid #5e6369;
        color: #858b94;
        font-size: 12px; }
        .top-headermenu-sp__list__item:nth-of-type(1), .top-headermenu-sp__list__item:nth-of-type(2), .top-headermenu-sp__list__item:nth-of-type(3) {
          border-top: none; }
        .top-headermenu-sp__list__item:nth-of-type(3n) {
          border-right: none; }
        .top-headermenu-sp__list__item a {
          padding-top: 32px;
          background-position: center top;
          background-repeat: no-repeat;
          background-size: 19px auto;
          color: inherit;
          display: flex;
          justify-content: center;
          align-items: center; }
        .top-headermenu-sp__list__item.home a {
          background-image: url("/images/client/icon_home_glay.png"); }
        .top-headermenu-sp__list__item.offer a {
          background-image: url("/images/client/icon_offer_glay.png"); }
        .top-headermenu-sp__list__item.message a {
          background-image: url("/images/client/icon_messege_glay.png"); }
        .top-headermenu-sp__list__item.cast a {
          background-image: url("/images/client/icon_search_glay.png"); }
        .top-headermenu-sp__list__item.settlement a {
          background-image: url("/images/client/icon_payment_glay.png"); }
        .top-headermenu-sp__list__item.edit a {
          background-image: url("/images/client/icon_setting_glay.png"); }
    .top-headermenu-sp__makeoffer {
      width: 100%;
      padding: 36px;
      background-color: #56b8b8;
      color: #fff;
      display: inline-block;
      font-size: 16px;
      text-align: center; }
      .top-headermenu-sp__makeoffer > span {
        padding-left: 24px;
        background: url("/images/client/icon_plius_white.png") no-repeat left center/16px auto;
        display: inline-block; }
    .top-headermenu-sp__logout {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 16px;
      background-color: #fff;
      color: #56b8b8;
      display: inline-block;
      font-size: 16px;
      text-align: center; }
      .top-headermenu-sp__logout > span {
        padding-right: 32px;
        background: url("/images/client/logout_green.png") no-repeat right center/auto 16px; }
    .top-headermenu-sp__fav {
      width: 100%;
      padding: 36px;
      background-color: #333340;
      border-top: 1px solid #5e6369;
      color: #979797;
      display: inline-block;
      font-size: 16px;
      text-align: center; }
      .top-headermenu-sp__fav > span {
        padding-left: 24px;
        background: url(/images/client/search/icon_fav_gray.png) no-repeat left center/11px auto;
        display: inline-block;
        line-height: 18px; }

.client-logintop__inner {
  padding: 10px 20px 20px; }
  .client-logintop__inner--offer {
    margin-bottom: 20px; }
.client-logintop__h {
  padding: 0; }

.top-attention-cast__list a {
  border: 1px solid #e4e4e4;
  margin-bottom: 10px; }

.top-attention-cast__list {
  width: 100%; }

.top-taglist__row {
  max-width: 320px;
  margin: 0 auto;
  padding-top: 30px;
  flex-wrap: wrap;
  justify-content: center; }

.top-taglist-resulttext {
  width: 100%;
  margin: 0 0 20px;
  flex-wrap: wrap;
  justify-content: flex-end; }
  .top-taglist-resulttext__text {
    width: 100%;
    margin: 0 0 24px;
    text-align: right; }

.top-taglist-option {
  width: calc(100% - 130px);
  margin: 0; }

.top-production__btn a {
  width: 100%; }

.top-modal-tag {
  width: 95%;
  margin: 30px auto; }

  .top-login-after {
    padding-top: 60px; }

  .sp-select-box {
     width: 100% !important;
  }

}


/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }
  .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: 'Noto Sans JP','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'Meiryo UI',YuGothic,'Yu Gothic','Yu Gothic UI',sans-serif;
  font-weight: 300; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   *   * Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }


/* Chrome, Safari */
input::-webkit-input-placeholder{
    color: #dddddd;
}
/* Firefox */
input::-moz-placeholder{
    color: #dddddd;
}
/* Firefox 18以前 */
input:-moz-placeholder{
    color: #dddddd;
}
/* IE */
input:-ms-input-placeholder{
    color: #dddddd;
}
/* Chrome, Safari */
::-webkit-input-placeholder{
    color: #dddddd;
}
/* Firefox */
::-moz-placeholder{
    color: #dddddd;
}
/* Firefox 18以前 */
:-moz-placeholder{
    color: #dddddd;
}
/* IE */
:-ms-input-placeholder{
    color: #dddddd;
}
/* Bootstrap overwrite */
/* Chrome, Safari */
textarea.form-control::-webkit-input-placeholder{
    color: #dddddd;
}
/* Firefox */
textarea.form-control::-moz-placeholder{
    color: #dddddd;
}
/* Firefox 18以前 */
textarea.form-control:-moz-placeholder{
    color: #dddddd;
}
/* IE */
textarea.form-control:-ms-input-placeholder{
    color: #dddddd;
}
@media screen and (max-width: 768px) {
}

/*HBLAB 20210520 Add css for file*/
.icon-file{
  width: 20px;
  height: 20px;
  margin-bottom: -4px;
}
.title-file {
  color: #48485a;text-decoration-line : underline;
  cursor: pointer;
  font-size: 13px;
  margin: 0 0 5px 8px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  color: #48485a;
}
/*HBLAB 20210520 Add css for file*/
/*HBLAB 20210525 Add css for link*/
.message-guide--link, .message-guide--link:hover {
  color: #56b8b8;
  text-decoration: underline;
}

/*HBLAB 20210524 Add css for tips*/
.message_upload_file {
  color: #56b8b8;
  margin-left: 1.5rem;
  background: url(/images/client/icon_help_green.png) no-repeat left center/16px 16px;
  padding: 2px 0 2px 26px;
  position: relative;
  background-size: 16px; }

.message_upload_file.disabled {
   cursor: not-allowed;
 }

.message-input__item1--money.disabled {
    cursor: not-allowed;
}
.menu_tips {
  position: absolute;
  bottom: calc(100% + 20px);
  left: 25%;
  width: 324px;
  padding: 0.5rem 1rem;
  background-color: #48485a;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%);
  transition-property: opacity, pointer-events;
  transition-duration: 0.4s; }
.message_upload_file:after {
  content: "";
  position: absolute;
  bottom: calc(100% + 13px);
  left: 50%;
  width: 0;
  height: 0;
  border-top: 7px solid #48485a;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%);
  transition-property: opacity, pointer-events;
  transition-duration: 0.4s; }
.message_upload_file:hover {
  text-decoration: none; }
.message_upload_file:hover .menu_tips, .message_upload_file:hover:after {
  opacity: 1;
  pointer-events: auto; }
.tip_content {
  text-align: left;
}

.select-box-list-function:after {
    content: "▼";
    position: absolute;
    pointer-events: none;
    top: 35%;
    right: 1.75rem;
    color: #d3d8dc;
    font-size: 0.5rem;
}

.select-box-list-function select {
  padding: 0.5rem 0.75rem;
  background-color: #fff;
  border: 1px solid #d3d8dc;
  border-radius: 2px;
  font-family: HiraginoSans-W3;
  font-size: 14px!important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #48485a;
  width: 100%;
  height: 36px;
}

.select-box-list-function {
    display: table;
    position: relative;
    width: 100%;
    padding: 10px 12px;
}

.select-box-list-function select option {
  font-family: 'Noto Sans JP', serif;
  font-weight: 500;
}

.label-no-information {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  text-align: center;
  color: #858b94;
}

.extend {
  margin: 0 13px;
  padding-left: 1.375rem;
  color: #56b8b8;
  text-decoration: underline;
}

.client-regis-select-prefecture {
  display: table;
  position: relative;
}

.client-regis-select-prefecture:after {
  content: "▼";
  position: absolute;
  pointer-events: none;
  top: 50%;
  right: 0.75rem;
  color: #d3d8dc;
  font-size: 0.5rem;
  transform: translateY(-50%);
}

.client-regis-select-prefecture select {
  min-width: 150px;
  height: 40px;
  padding: 0 0.75rem;
  background-color: #fff;
  border: 1px solid #d3d8dc;
  border-radius: 2px;
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  line-height: 1;
}

.prefecture-btn:hover {
  text-decoration : none;
  opacity: 0.8; }

.lp-register-form__item a:hover {
  text-decoration: underline !important;
}

.disabled-li {
  pointer-events: none;
  opacity: 0.4;
}

.lp-register-hojin__pulldown__deactivate {
  position: relative;
}
.lp-register-hojin__pulldown__deactivate select {
  pointer-events: none;
  min-width: 150px;
  width: 251px;
  height: 40px;
  padding: 0 0.75rem;
  background-color: #f2f5f8;
  border: 1px solid #efefef;
  color: #b3b6b9;
  border-radius: 2px;
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  line-height: 1; }
.lp-register-hojin__pulldown__deactivate:after {
  content: "▼";
  position: absolute;
  pointer-events: none;
  top: 50%;
  right: 0.75rem;
  color: #d3d8dc;
  font-size: 0.5rem;
  transform: translateY(-50%);}

  /*css button go to top page*/
.gototop {
  height: 290px;
  width: 120px;
  bottom: 5.2rem;
  right: 0;
  z-index: 100;
  position: fixed;
  transition-duration: 0.4s;
  transition-property: opacity, pointer-events;
  opacity: 1;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;}
  .gototop-area {
    background-color: #fff;
    max-width: 120px;
    max-height: 290px;
    padding: 20px 20px 10px;
    border-radius: 6px;}
    .gototop-area a:hover {
      text-decoration: none;}
    .gototop__text {
      font-family: HiraginoSans-W6;
      font-size: 11px;
      text-align: center;
      color: #51b8b9;}
      .gototop__text.step5 {
        font-size: 12px;}
      .gototop-area_content {
        border: 1px solid #51b8b9;
        text-align: center;
        border-radius: 6px;
        width: 80px;
        padding: 18.5px 0;
        margin-bottom: 10px;}
        .gototop-area_content-next {
          background-color: #51b8b9;
          text-align: center;
          border-radius: 6px;
          width: 80px;
          padding: 15px 0;
          margin-bottom: 10px; }
          .gototop-area_content-next.step5, .gototop-area_content-next.step4 {
            padding: 21px 0;}
        .gototop-area_content-next.disabled {
          background-color: #ddd; 
          pointer-events: none;
          border: none;}
        .btn-gototop {
          position: absolute;
          bottom: -80px;
          display: block;
          width: 3.75rem;
          height: 3.75rem;
          border-radius: 50%;
          background-size: auto !important;
          background: #fff url("/images/client/icon_arrow_up_blue.png") no-repeat
            center/2rem auto;
          box-shadow: 0 0 10px rgb(0 0 0 / 12%);}
          .gototop:hover {
            cursor: pointer;
          }
          .btn-gototop.hidden {
            opacity: 0;
            pointer-events: none;}
.margin-top__0 {
  margin-top: 0!important;
}

.margin-bottom__1 {
  margin-bottom: 1rem!important;
}
@media screen and (max-width: 768px) {
  .gototop {
    width: 100%;
    bottom: 0;
    height: fit-content;}
    .gototop-area {
      width: 100%;
      border-radius: 0;
      padding: 0;
      max-height: 95px;
      max-width: unset;
      display: flex;
      justify-content: space-evenly;}
      .gototop-area_content, .gototop-area_content-next {
        background-color: #fff;
        color: #51B8B9;
        border: none;
        border-radius: 0;}
        .gototop-area_content-next {
          padding: 18.5px 0;}
      .gototop-area_content-next.disabled {
        background-color: #fff;
        font-family: HiraginoSans-W6;
        color: #969696 !important;
        padding: 18.5px 0;
        font-size: 10px;}
        .img-back {
          transform: rotate(90deg);}
          .gototop__text{
            font-size: 10px !important;
            font-family: HiraginoSans-W6;
            color: #969696 !important;}
            .gototop-area_content-next.step4 {
              padding: 15px 0;}
        .gototop__text-next.disabled {
          font-size: 10px;
          font-family: HiraginoSans-W6;
          color: #969696 !important;}
        .gototop__text-next {
          color: #51b8b9 !important;
        }
}