@charset "UTF-8";
.btn-mypage {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

.btn-signup {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

.btn-character {
  background: -webkit-gradient(linear, right top, left top, from(#00a1b4), to(#5fc47a));
  background: linear-gradient(-90deg, #00a1b4 0%, #5fc47a 100%);
  border: none;
}

.btn-character a {
  color: #fff;
}

.btn-like {
  color: #FF358C;
  border: solid 1px #FF358C;
}

.btn-liked {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

.btn-likeSide {
  color: #FF358C;
  border: solid 1px #FF358C;
}

.btn-likedSide {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

@-webkit-keyframes effectPulsatePink {
  0% {
    -webkit-box-shadow: 0 0 0 0 #FF358C;
            box-shadow: 0 0 0 0 #FF358C;
  }
  10% {
    -webkit-box-shadow: 0 0 5px 0 #FF358C;
            box-shadow: 0 0 5px 0 #FF358C;
  }
  90% {
    -webkit-box-shadow: 0 0 10px 10px transparent;
            box-shadow: 0 0 10px 10px transparent;
  }
  100% {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

@keyframes effectPulsatePink {
  0% {
    -webkit-box-shadow: 0 0 0 0 #FF358C;
            box-shadow: 0 0 0 0 #FF358C;
  }
  10% {
    -webkit-box-shadow: 0 0 5px 0 #FF358C;
            box-shadow: 0 0 5px 0 #FF358C;
  }
  90% {
    -webkit-box-shadow: 0 0 10px 10px transparent;
            box-shadow: 0 0 10px 10px transparent;
  }
  100% {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.radio-label__bule:before {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

input[type=radio]:checked + .radio-label__bule:before {
  -webkit-animation: effectPulsatePink 0.5s ease-out;
          animation: effectPulsatePink 0.5s ease-out;
}

.select_custom-search select {
  color: #FF358C;
  border: 2px solid #FF358C;
}

.select_custom-search:before {
  border-color: #FF358C;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}

.select_custom-search:after {
  border-color: #FF358C;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.select_custom-searchGray:before {
  border-color: #FF358C;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}

.select_custom-searchGray:after {
  border-color: #FF358C;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.form-brief {
  border: 1px solid #CCCCCC;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3px;
}

.form-brief-head {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding: 10px 14px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-image: linear-gradient(-1deg, #DDDDDD 0%, #F9F9F9 86%);
}

.form-brief-head__radio {
  position: relative;
  z-index: 3;
}

.form-brief-head__radio::after {
  background: #ffffff;
}

.form-brief-head__radio::before {
  z-index: 2;
}

.form-brief-head__titl {
  position: relative;
  z-index: 1;
}

.form-brief-head__titl dt {
  font-weight: bold;
  margin-top: -4px;
}

.form-brief-head__click {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  cursor: pointer;
}

.form-brief-head-Arrow::after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: solid 2px #aaaaaa;
  border-right: solid 2px #aaaaaa;
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -8px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: all .2s;
  transition: all .2s;
}

.form-brief-body {
  border-top: 1px solid #CCCCCC;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.form-brief-body p {
  padding: 10px;
  font-size: 1.3rem;
}

.js-briefPullOn::after {
  width: 10px;
  height: 10px;
  border-top: solid 2px #aaaaaa;
  border-right: solid 2px #aaaaaa;
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -2px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all .2s;
  transition: all .2s;
}

.form-sell-pink {
  background: #FFDFDF !important;
}

.form-sell-pink select {
  background: #FFDFDF !important;
}

.link-arrow {
  color: #FF358C;
}

.link-arrow:after {
  border-top: solid 2px #FF358C;
  border-right: solid 2px #FF358C;
}

.link-arrowFront {
  color: #000000;
}

.link-arrowFront:after {
  border-top: solid 2px #FF358C;
  border-right: solid 2px #FF358C;
}

.link-doubleArrowPink {
  position: relative;
  padding-right: 23px;
}

.link-doubleArrowPink:before {
  position: absolute;
  top: 50%;
  right: 5%;
  display: block;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: solid 1px #FF358C;
  border-right: solid 1px #FF358C;
}

.link-doubleArrowPink:after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: solid 1px #FF358C;
  border-right: solid 1px #FF358C;
}

.link-pink {
  color: #FF358C;
}

.title-search {
  color: #000000;
  background: url("/images/user/common/page_search_icon_pink.svg") no-repeat center left;
}

.title-leftlineGray::before {
  background: -webkit-gradient(linear, left top, right top, from(#FF358C), to(#FF6562));
  background: linear-gradient(90deg, #FF358C 0%, #FF6562 100%);
}

.title-leftlineRound::before {
  background: -webkit-gradient(linear, left top, right top, from(#FF358C), to(#FF6562));
  background: linear-gradient(90deg, #FF358C 0%, #FF6562 100%);
}

.title-leftlineRound--side::before {
  background: -webkit-gradient(linear, left top, right top, from(#FF358C), to(#FF6562));
  background: linear-gradient(90deg, #FF358C 0%, #FF6562 100%);
}

.title-leftlineSalon::before {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

.title-leftlineCoupon {
  position: relative;
  height: 36px;
  padding-left: 15px;
  color: #333333;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  background: #ffffff;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 36px;
}

.title-leftlineCoupon::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 100%;
  content: "";
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

.title-leftlineSalonNoBd::before {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

.title-head h1 {
  color: #000000;
}

.title-head h2 {
  color: #666666;
}

.txt-pink {
  color: #FF358C;
}

.box--selectionBoard__wPlace {
  color: #FF358C;
}

.box-coupon__card {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
  min-height: 165px;
}

.box-coupon__label {
  border-bottom: 28px solid #ff497a;
}

.box-coupon__inner {
  background: #ffffff;
  min-height: 165px;
}

.box-coupon__desc {
  font-size: 1.2rem;
  color: #000000;
}

.box-coupon__name {
  color: #FF358C;
}

.box-coupon__txt {
  font-size: 1.2rem;
  color: #000000;
}

.box-coupon__address {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  color: #666666;
  margin-top: 8px;
}

.box-couponCont {
  width: 100%;
  margin: 0;
}

.box-couponCont__inner {
  padding: 20px;
}

.box-couponCont__card {
  padding: 5px;
}

.box-couponCont__name {
  width: 100%;
  text-align: left;
}

.box-couponCont__cont {
  width: 100%;
  text-align: left;
}

.box-couponCont__data {
  border-right: solid 1px #cccccc;
}

.box-couponCont__off {
  font-size: 4.0rem;
  color: #FF358C;
  font-weight: bold;
}

.box-couponCont__off span {
  font-size: 6.0rem;
}

.box-couponCont__day {
  background: #f6f6f6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
}

.box-couponCont__day dt {
  font-size: 1.4rem;
  color: #FF358C;
  font-weight: bold;
  padding-right: 40px;
}

.box-couponCont__day dd {
  font-size: 1.6rem;
  color: #000000;
  font-weight: bold;
}

.box-couponCont__list {
  text-align: left;
}

.box-couponCont__label {
  border: 40px solid transparent;
  border-bottom: 40px solid #ff497a;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: -35px;
  right: -36px;
  z-index: 1;
}

.box-couponCont__label span {
  top: 24px;
  left: -28px;
  font-size: 1.2rem;
}

.box-couponNoteWrap {
  height: 100%;
  width: 50%;
}

.box-couponNote {
  border: solid 1px #cccccc;
  border-top: none;
  font-size: 1.3rem;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  border-radius: 0 0 3px 3px;
  height: 255px;
}

.box-couponNote__item {
  position: relative;
  border-bottom: solid 1px #eeeeee;
  text-indent: -1rem;
  margin-left: 1rem;
  padding: 5px 0;
  line-height: 1.3;
}

.box-couponNote__item span {
  font-size: 1.2rem;
}

.box-couponNote__item:last-child {
  border-bottom: none;
}

.box-couponNote__item:before {
  content: '\30FB';
  font-weight: bold;
  color: #ff497a;
}

.box--headline:before {
  background: -webkit-gradient(linear, left top, right top, from(#FF358C), to(#FF6562));
  background: linear-gradient(90deg, #FF358C 0%, #FF6562 100%);
}

.box--headline:after {
  background: -webkit-gradient(linear, left top, right top, from(#FF358C), to(#FF6562));
  background: linear-gradient(90deg, #FF358C 0%, #FF6562 100%);
}

.box--companyThum__otherlist:after {
  border-top: solid 2px #FF358C;
  border-right: solid 2px #FF358C;
}

.box--companySmplyThum__linkFree {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
}

.box--couponSideData {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  background: #ffffff;
  border: solid 1px #cccccc;
  border-radius: 0 0 5px 5px;
  border-top: none;
}

.box--couponSideData__box {
  border-bottom: solid 1px #cccccc;
  padding: 8px 10px;
}

.box--couponSideData__box:last-child {
  border-bottom: none;
}

.box--jobOffer__grayTabelCont a {
  color: #FF358C;
}

.box--jobOffer__contactTel dt {
  background: url("/images/user/rookie/pc/uf_s_company_tel.svg") no-repeat left center;
}

.box--jobOffer__SlideBox .slick-prev {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

.box--jobOffer__SlideBox .slick-prev:hover {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

.box--jobOffer__SlideBox .slick-prev:focus {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

.box--jobOffer__SlideBox .slick-next {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

.box--jobOffer__SlideBox .slick-next:hover {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

.box--jobOffer__SlideBox .slick-next:focus {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

.box--jobOffer__tabs {
  border-bottom: solid 1px #FF358C;
}

.box--jobOffer__tab {
  border: solid 1px #FF358C;
  border-bottom: none;
}

.box--jobOffer__tab a {
  color: #FF358C;
}

.box--jobOffer__tabAct {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

.box--jobOffer__like {
  background: url("/images/user/rookie/pc/uf_s_company_heart.svg") no-repeat center #f6f6f6;
}

.box--jobOffer__liked {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

.box--jobOffer__liked span {
  background: url("/images/user/rookie/pc/uf_s_company_check.svg") no-repeat center;
}

.box--jobOffer__condact__item--act {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

.box--jobOffer__condact__item--link {
  border: solid 1px #FF358C;
  border-right: none;
}

.box--jobOffer__condact__item--link a {
  color: #FF358C;
}

.box--jobOffer__condact__item--off {
  color: #aaaaaa;
  background: #dddddd;
}

.box--jobSearch__name {
  background: #FFF3F8;
  color: #000000;
}

.box--couponSns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 44px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3px;
  overflow: hidden;
}

.box--couponSns__item {
  width: 33.33333%;
  height: 44px;
  display: block;
}

.box--couponSns__item:nth-child(1) {
  background: url("/images/user/rookie/pc/uf_s_sns_line.svg") no-repeat center #1DCD00;
}

.box--couponSns__item:nth-child(2) {
  background: url("/images/user/rookie/pc/uf_s_sns_tw.svg") no-repeat center #55ACEE;
}

.box--couponSns__item:nth-child(3) {
  background: url("/images/user/rookie/pc/uf_s_sns_fb.svg") no-repeat center #3B5998;
}

.appLink {
  padding-bottom: 20px;
}

.appLink-ttl {
  max-width: 80px;
  margin: 0 auto;
  border: solid 1px gray;
  border-radius: 4px;
  padding: 20px 4px;
  margin-top: 16px;
  margin-bottom: 8px;
}

.appLink img {
  max-width: 100%;
}

.appLink-txt {
  text-align: center;
  font-size: 12px;
  margin-bottom: 8px;
}

.appLink-txt span {
  font-size: 18px;
  font-weight: bold;
  display: block;
}

.appLink-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 88%;
  margin: 0 auto;
  -webkit-column-gap: 8px;
          column-gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.appLink-list li {
  width: 100%;
}

.appLink-list li img {
  width: 100%;
}

.appLink-list li:first-child {
  width: 60%;
}

.appLink-list li:last-child {
  width: 52%;
}

.header--bar h1 img {
  width: 196px;
  height: 43px;
}

.header--bar--mainte__bar {
  background: #ff358c;
}

.header--barLine h1 img {
  width: 196px;
  height: 43px;
}

.header--barLine:before {
  background: -webkit-gradient(linear, left top, right top, from(#FF358C), to(#FF6562));
  background: linear-gradient(90deg, #FF358C 0%, #FF6562 100%);
}

.header--barLine:after {
  background: -webkit-gradient(linear, left top, right top, from(#FF358C), to(#FF6562));
  background: linear-gradient(90deg, #FF358C 0%, #FF6562 100%);
}

.list--otherJobOffer:after {
  border-top: solid 2px #FF358C;
  border-right: solid 2px #FF358C;
}

.list--otherJobPlace:after {
  border-top: solid 2px #FF358C;
  border-right: solid 2px #FF358C;
}

.list--otherJobPlaceAll {
  color: #29bcc7;
}

.list--otherJobPlaceAll a {
  color: #29bcc7;
}

.list--otherJobPlaceAll:after {
  border-top: solid 2px #29bcc7;
  border-right: solid 2px #29bcc7;
}

.navi--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.navi--header__item:nth-child(2) {
  background: url("/images/user/common/head_career_icon.svg") no-repeat center left;
  background-size: 14px 14px;
}

.navi--header .navi--header__career {
  background: url("/images/user/common/head_career_icon.svg") no-repeat center left;
  background-size: 14px 14px;
}

.side--banner .bookAd__info dd {
  color: #ea5833;
}

.companyResultNum--numPink span {
  color: #FF358C;
}

.companyResultNumWhite--numPink span {
  color: #FF358C;
}

.pagePager .pager__current {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

.pagePager .pager__prev:after {
  border-top: solid 2px #FF358C;
  border-right: solid 2px #FF358C;
}

.pagePager .pager__next:after {
  border-top: solid 2px #FF358C;
  border-right: solid 2px #FF358C;
}

.pagePager .pager__all_prev:after {
  border-top: solid 2px #FF358C;
  border-right: solid 2px #FF358C;
}

.pagePager .pager__all_prev:before {
  border-top: solid 2px #FF358C;
  border-right: solid 2px #FF358C;
}

.pagePager .pager__all_next:after {
  border-top: solid 2px #FF358C;
  border-right: solid 2px #FF358C;
}

.pagePager .pager__all_next:before {
  border-top: solid 2px #FF358C;
  border-right: solid 2px #FF358C;
}

.Dialog__close {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

.Dialog__titlMain {
  color: #000000;
}

.top__heroBox {
  background-image: url("/images/user/rookie/pc/uf_s_top_hero_202509.webp");
  background-size: cover;
  background-position: top 70% left 50%;
  background-repeat: no-repeat;
}

@media screen and (min-width: 1500px) {
  .top__heroBox {
    background-image: url("/images/user/rookie/pc/uf_s_top_hero_202509.webp");
    background-position: top 70% left 50%;
  }
}

@media screen and (min-width: 1700px) {
  .top__heroBox {
    background-position: top 63% left 50%;
  }
}

@media screen and (min-width: 2200px) {
  .top__heroBox {
    background-position: top 55% left 50%;
  }
}

.top__heroBox__title {
  overflow: hidden;
  width: 600px;
  height: 45px;
  white-space: nowrap;
  text-indent: 100%;
  background: url("/images/user/rookie/pc/uf_s_top_hero_title_2021.png") no-repeat center;
  background-size: 600px 45px;
  background-size: contain;
}

.top__heroBox__date {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

.top__heroBox:before {
  background: -webkit-gradient(linear, left top, right top, from(#FF358C), to(#FF6562));
  background: linear-gradient(90deg, #FF358C 0%, #FF6562 100%);
}

.top__heroBox:after {
  background: -webkit-gradient(linear, left top, right top, from(#FF358C), to(#FF6562));
  background: linear-gradient(90deg, #FF358C 0%, #FF6562 100%);
}

.top__profRead {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

.top__selectionBtn__item {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

/* 980 */
.top__box__txt-shadow {
  text-shadow: #ffffff 1px 1px 10px, #ffffff -1px 1px 10px, #ffffff 1px -1px 10px, #ffffff -1px -1px 10px;
  -webkit-filter: drop-shadow(0 0 10px white);
          filter: drop-shadow(0 0 10px white);
}

.btn-companyThumPull {
  width: 100%;
  height: 44px;
  text-align: center;
  line-height: 44px;
  position: relative;
  height: 38px;
  color: #FF358C;
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  background: #f6f6f6;
  font-size: 1.3rem;
}

.btn-companyThumPull a {
  color: #FF358C;
}

.btn-companyThumPull:after {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 10px;
  height: 10px;
  margin-top: -10px;
  content: '';
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  border-top: solid 2px #FF358C;
  border-right: solid 2px #FF358C;
}

.btn-companyThumPull--act {
  width: 100%;
  height: 44px;
  text-align: center;
  line-height: 44px;
  position: relative;
  height: 38px;
  color: #FF358C;
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  background: #f6f6f6;
  font-size: 1.3rem;
}

.btn-companyThumPull--act a {
  color: #FF358C;
}

.btn-companyThumPull--act:after {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  content: '';
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-top: solid 2px #FF358C;
  border-right: solid 2px #FF358C;
}

.video-comment {
  margin: 3px 0px;
  font-family: Hiragino Kaku Gothic Std, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 17px;
  font-size: 11px;
  color: #676767;
  overflow: hidden;
  word-wrap: normal;
  padding: 15px;
}

.video-slide .slick-list.draggable {
  min-height: 300px;
  height: 100%;
}

.js-videoSlide .slick-slide iframe {
  height: 400px;
  margin-right: auto;
  margin-left: auto;
}

/* 771 LINE連携 */
.section--Login:before,
.section--Login:after {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

.input-chatUser-s, .input-chatUser-m {
  border: solid 1px #FF358C;
}

.btn-chatReUserPost, .btn-chatUserNext, .btn-chatUserPost {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

/* 831 */
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.js-list-checked {
  background-color: #69a1fa;
  border: solid 1px #447bd4;
  color: #ffffff;
}

.box-coupon-list {
  position: relative;
  background: #ffffff;
  border: solid 1px #cccccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  margin-bottom: 20px;
}

.box-coupon-list__inner {
  position: relative;
  padding: 20px;
}

.box-coupon-list__photo {
  width: 250px;
  min-width: auto;
  height: 250px;
  overflow: hidden;
  margin-right: 20px;
}

.box-coupon-list__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.box-coupon-list__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 688px;
}

.box-coupon-list__info p {
  margin-bottom: 0.8em;
}

.box-coupon-list__name {
  font-size: 2rem;
  color: #29bcc7;
  margin-bottom: 10px;
  font-weight: bold;
}

.box-coupon-list__read {
  font-size: 1.4rem;
  color: #333333;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 10px;
  word-break: break-all;
  word-wrap: break-word;
}

.box-coupon-list__txt {
  font-size: 1.4rem;
  line-height: 1.5;
  word-break: break-all;
  word-wrap: break-word;
}

.box-coupon-list__type {
  font-size: 2.8rem;
  font-weight: bold;
  border-bottom: solid 1px #cccccc;
  color: #ff3399;
  line-height: 1.5;
}

.box-coupon-list__rules {
  position: relative;
}

.box-coupon-list__condition {
  color: #ff3399;
  border: solid 1px #ff3399;
  padding: 0 2px;
  position: absolute;
  font-size: 1.2rem;
  font-weight: bold;
}

.box-coupon-list__conditionTxt {
  width: calc(500px - 5.5em);
  font-size: 1.2rem;
  margin-left: 5.5em;
}

.box-coupon-list__conditionLimit {
  font-size: 1.2rem;
  font-weight: bold;
}

.box-coupon-list__btnArea {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

/* 831 coupon */
.coupon-detail-link {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}

.coupon-white-text {
  color: #ffffff;
  text-decoration: none;
}

.coupon-pink-text {
  color: #FF358C;
  text-decoration: none;
}

.coupon-detail-menu {
  background-color: #ffffff;
  padding: 10px;
  margin: 0 5px 5px 5px;
}

.coupon-detail-other-list {
  background-color: #ffffff;
  padding: 0 10px 10px;
}

.coupon-title-border-right {
  border-right: 1px solid #cccccc;
}

.box-coupon__card {
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
  min-height: 390px;
}

.box-coupon__label {
  border-bottom: 28px solid #ff497a;
}

.box-coupon__inner {
  background: #ffffff;
  padding: 10% 0px;
}

.box-coupon__desc {
  font-size: 1.2rem;
  color: #000000;
  text-align: left;
}

.box-coupon__companyName {
  font-size: 1.4rem;
  background-color: #ffffff;
  color: #000000;
  padding: 0 10px;
}

.box-coupon__photo {
  width: 214px;
  height: 214px;
}

.box-coupon__photo img {
  width: 100%;
}

.box-coupon__name {
  font-size: 1.4rem;
  background-color: #ff3399;
  color: #ffffff;
  width: 100%;
  line-height: 2;
  margin: 10px auto;
}

.box-coupon__txt {
  font-size: 1.2rem;
  color: #000000;
  background-color: #eeeeee;
  text-align: left;
}

.box-coupon__txt span:nth-of-type(1) {
  color: #ff3399;
}

.box-coupon__address {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  color: #666666;
  margin-top: 8px;
}

.box-couponCont {
  width: 100%;
  margin: 0;
}

.box-couponCont__inner {
  padding: 20px;
}

.box-couponCont__card {
  padding: 5px;
}

.box-couponCont__name {
  width: 100%;
  text-align: left;
}

.box-couponCont__cont {
  width: 100%;
  text-align: left;
}

.box-couponCont__data {
  border-right: solid 1px #cccccc;
}

.box-couponCont__off {
  font-size: 4.0rem;
  color: #FF358C;
  font-weight: bold;
}

.box-couponCont__off span {
  font-size: 6.0rem;
}

.box-couponCont__day {
  background: #f6f6f6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
}

.box-couponCont__day dt {
  font-size: 1.4rem;
  color: #FF358C;
  font-weight: bold;
  padding-right: 40px;
}

.box-couponCont__day dd {
  font-size: 1.6rem;
  color: #000000;
  font-weight: bold;
}

.box-couponCont__list {
  text-align: left;
}

.box-couponCont__label {
  border: 40px solid transparent;
  border-bottom: 40px solid #ff497a;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: -35px;
  right: -36px;
  z-index: 1;
}

.box-couponCont__label span {
  top: 24px;
  left: -28px;
  font-size: 1.2rem;
}

.box-couponNoteWrap {
  height: 100%;
  width: 50%;
}

.box-couponNote {
  border: solid 1px #cccccc;
  border-top: none;
  font-size: 1.3rem;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-radius: 0 0 3px 3px;
  height: 255px;
}

.box-couponNote__item {
  position: relative;
  border-bottom: solid 1px #eeeeee;
  text-indent: -1rem;
  margin-left: 1rem;
  padding: 5px 0;
  line-height: 1.3;
}

.box-couponNote__item span {
  font-size: 1.2rem;
}

.box-couponNote__item:last-child {
  border-bottom: none;
}

.box-couponNote__item:before {
  content: '\30FB';
  font-weight: bold;
  color: #ff497a;
}

.box--headline:before {
  background: -webkit-gradient(linear, left top, right top, from(#FF358C), to(#FF6562));
  background: linear-gradient(90deg, #FF358C 0%, #FF6562 100%);
}

.box--headline:after {
  background: -webkit-gradient(linear, left top, right top, from(#FF358C), to(#FF6562));
  background: linear-gradient(90deg, #FF358C 0%, #FF6562 100%);
}

.box--companyThum__otherlist:after {
  border-top: solid 2px #FF358C;
  border-right: solid 2px #FF358C;
}

.box--companySmplyThum__linkFree {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
}

.box--couponSideData {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background: #ffffff;
  border: solid 1px #cccccc;
  border-radius: 0 0 5px 5px;
  border-top: none;
}

.box--couponSideData__box {
  border-bottom: solid 1px #cccccc;
  padding: 8px 10px;
}

.box--couponSideData__box:last-child {
  border-bottom: none;
}

.coupon-box-headVisual {
  position: relative;
  width: 100%;
  height: 496px;
  border-radius: 3px;
  padding: 2px;
  background: linear-gradient(154deg, #CCB082 0%, #E3D1A5 100%);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.box-coupon__card_show {
  height: 306px;
  background: #ffffff;
  padding: 17px;
}

.box-coupon__card_show .txt-learge {
  font-size: 17px;
}

.coupon_show_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 306px;
  text-align: left;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.coupon__services {
  height: 42px;
}

.mg-b7 {
  margin-bottom: 7px;
}

.coupon-w-100 {
  width: 100%;
}

/** 967 obog search*/
.obogWidth {
  width: 1000px;
}

.section-bg {
  background: #ffffff;
}

.marginAuto {
  margin-left: auto;
  margin-right: auto;
}

.obogTitle {
  margin-top: 100px;
  float: left;
  margin-bottom: 5px;
}

.obogTitle p {
  overflow: visible;
  width: 72px;
  white-space: nowrap;
  text-align: left;
  font-family: Hiragino Kaku Gothic Std, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 2.4rem;
  color: black;
}

.obogTitle p span {
  font-weight: bold;
  font-size: 12px;
  color: #666666;
}

.lineStyle {
  width: 100%;
  text-align: center;
  border: 1px solid #dddddd;
}

.floatRight {
  float: right;
}

.table-margin {
  margin: 30px 15%;
}

.table-margin td:first-child {
  width: 220px;
  font-size: 14px;
}

.table-margin td:nth-child(3) {
  width: 250px;
  font-size: 14px;
}

.search-button {
  font-size: 19px;
  padding: 4px 60px;
  height: 45px;
  white-space: nowrap;
  width: 100%;
  margin-left: 20px;
}

.select_custom select {
  color: #FF358C;
  height: 45px;
  border: 2px solid #FF358C;
}

.select_custom:before {
  border-color: #29BCC7;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  right: 9px !important;
  top: 25% !important;
  border-width: 3px !important;
}

.select_custom:after {
  border-color: #29BCC7;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-width: 3px !important;
  right: 9px !important;
  bottom: 20% !important;
}

.staff-select {
  color: #FF358C;
  border: 2px solid #FF358C;
  height: 45px;
  width: 100%;
  font-size: 16px;
  font-family: Hiragino Kaku Gothic Std, sans-serif;
  padding-left: 11px;
  line-height: 28px;
  font-weight: normal;
  text-align: left;
}

.topsearchSelect__x {
  position: relative;
  width: 14px;
  height: 28px;
  display: block;
  margin: 0 6px;
}

.topsearchSelect__x span {
  display: block;
  width: 100%;
  height: 2px;
  background: #FF358C;
  position: absolute;
  top: 5px;
  left: 0;
}

.topsearchSelect__x span:nth-child(1) {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.topsearchSelect__x span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.obog-fontTitle {
  font-size: 24px;
  font-family: Hiragino Kaku Gothic Std, sans-serif;
  white-space: nowrap;
  color: black;
  font-style: normal;
  font-weight: normal;
}

.search-resultsCount {
  color: #27BCC7;
  font-size: 22px;
  font-weight: bold !important;
}

.search-resultsCountLabel {
  color: #333333;
  font-size: 16px;
}

.search-resultsCountCommon {
  width: 25px;
  white-space: nowrap;
  line-height: 28px;
  font-family: Hiragino Kaku Gothic Std, sans-serif;
  font-style: normal;
  font-weight: normal;
}

.search-results--flex_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.width200 {
  width: 200px;
}

.obog-search-item {
  width: 173px;
  margin: 10px;
  height: 245px;
  text-align: center;
  padding-top: 12px;
  border-radius: 0 0 3px 3px;
  border-bottom: solid 1px #ddd;
  border-right: solid 1px #ddd;
  border-left: solid 1px #ddd;
}

.obog-search-item-name {
  background-color: #eeeeee;
  width: 173px;
  height: 24px;
  white-space: nowrap;
  line-height: 23px;
  font-size: 14px;
  font-family: Hiragino Kaku Gothic Std, sans-serif;
  font-style: normal;
  font-weight: normal;
}

.obog-search-item-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 13px;
  height: 135px;
  width: 135px;
}

.obog-search-item-salon-main {
  font-size: 13px;
  margin-top: 10px;
  padding: 0px 7px;
}

.obog-search-item-salon-main2 {
  margin-bottom: 2px;
}

.obog-search-item-salon {
  border: 1px solid #ea498b;
  overflow: visible;
  width: 50px;
  line-height: 16px;
  text-align: center;
  white-space: nowrap;
  font-family: Hiragino Kaku Gothic Std, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  position: absolute;
  left: 7px;
  border-radius: 5px;
  color: #EA498B;
  padding: 2px 0px;
}

.obog-search-item-salon-location {
  height: 20px;
  font-size: 13px;
  display: initial;
  padding-left: 18px;
  background: url(/images/user/qj/pc/uf_c_company_pos.svg) no-repeat left center;
}

.title-leftlinePhoto {
  position: relative;
  height: 39px;
  padding-left: 15px;
  color: #333333;
  border: 1px solid #cccccc;
  background: #ffffff;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 36px;
  font-weight: normal;
}

.title-leftlinePhoto::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 100%;
  content: "";
  background: linear-gradient(154deg, #FF358C 0%, #FF6562 100%);
}

.obog_img {
  height: 135px;
  width: 135px;
}

.obog-textCenter {
  text-align: center;
  font-size: 14px;
  height: 19px;
  font-weight: bold;
}

.search-padding {
  padding-left: 3%;
  padding-right: 3%;
}

.corp_photo {
  width: 295px;
  height: 197px;
}

.photo_comment {
  margin: 3px 0px;
  text-align: center;
  font-family: Hiragino Kaku Gothic Std, sans-serif;
  font-style: normal;
  font-weight: normal;
  white-space: nowrap;
  line-height: 17px;
  font-size: 11px;
  color: #676767;
  width: 450px;
  overflow: hidden;
  display: inline-block;
  word-wrap: normal;
  text-overflow: ellipsis;
}

.wrap_img-comment {
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}

.js-corpSlide .slick-slide img {
  width: 450px;
  height: 300px;
  margin-right: auto;
  margin-left: auto;
}

.js-corpSlide .item.slick-active {
  opacity: 1;
}

.js-corpSlide .item {
  opacity: 0.5;
}

.box--jobOffer__staffFace {
  width: 135px !important;
}

.box--jobOffer__staffFace img {
  width: 135px !important;
  height: 135px;
  overflow: inherit;
}

.font13 {
  font-size: 13px;
}

.box--height {
  height: auto;
}

.alignLeft {
  text-align: left;
}

.fontStaffTitle {
  width: 52px;
  font-weight: bold;
  white-space: nowrap;
  font-family: Hiragino Kaku Gothic Std, sans-serif;
}

.fontValueColor {
  color: #7E7E7E;
}

.widthFull {
  width: 1000px;
  max-width: 1000px;
}

.job-buttonDiv {
  text-align: center;
  margin-bottom: 30px;
}

.job-buttonDiv button {
  background-color: #CCB082;
  color: white;
  font-size: 14px;
  padding: 5px;
  width: 338px;
  border-radius: 5px;
  height: 37px;
  border: 1px solid #CCB082;
  font-family: Hiragino Kaku Gothic Std, sans-serif;
  white-space: nowrap;
}

.obog-search-item-top {
  height: 24px;
  padding: 0px 20px;
}

.bgGray {
  background-color: #EEEEEE;
}

.js-corpSlide .slick-slide {
  margin: 0 5px;
}

.js-corpSlide .slick-list {
  margin: 0 -5px;
}

/** top page obog banner*/
.top_obog-banner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.widthFullPercent {
  width: 100%;
}

.widthHalfPercent {
  width: 50%;
}

.box-video-list__photo {
  width: 500px;
  min-width: auto;
  height: 250px;
  overflow: hidden;
  margin-right: 20px;
}