@charset "UTF-8";
/*----------------------------------------------------
	#search.index .contents_title01
----------------------------------------------------*/
#search.index .con_search > .contents_title01 strong.ja, #search.index .con_teller_list > .contents_title01 strong.ja {
  letter-spacing: 0.1ex;
  text-indent: 0.1ex;
  font-weight: bold; }
#search.index .con_search > .contents_title01 span.en, #search.index .con_teller_list > .contents_title01 span.en {
  color: #f10065; }
  #search.index .con_search > .contents_title01 span.en:after, #search.index .con_search > .contents_title01 span.en:before, #search.index .con_teller_list > .contents_title01 span.en:after, #search.index .con_teller_list > .contents_title01 span.en:before {
    border-top: 1px solid #f10065;
    width: 10px; }
  #search.index .con_search > .contents_title01 span.en:before, #search.index .con_teller_list > .contents_title01 span.en:before {
    left: -20px; }
  #search.index .con_search > .contents_title01 span.en:after, #search.index .con_teller_list > .contents_title01 span.en:after {
    right: -20px; }

/*----------------------------------------------------
	.con_search
----------------------------------------------------*/
.con_search {
  padding: 30px 0 0; }
  .con_search .box_search {
    margin-top: 20px;
    padding: 0 13px; }
    .con_search .box_search .wrap_search.con_soudan .box_soudan .wrap_soudan {
      padding: 20px 0;
      border-top: 1px dashed #D6D6DC; }
      .con_search .box_search .wrap_search.con_soudan .box_soudan .wrap_soudan:first-child {
        border: none; }
      .con_search .box_search .wrap_search.con_soudan .box_soudan .wrap_soudan.soudan01 .soudan_st i {
        background: #F667A2; }
      .con_search .box_search .wrap_search.con_soudan .box_soudan .wrap_soudan.soudan01 ul li a {
        background: #FEE8F1; }
      .con_search .box_search .wrap_search.con_soudan .box_soudan .wrap_soudan.soudan02 .soudan_st i {
        background: #FFCD23; }
      .con_search .box_search .wrap_search.con_soudan .box_soudan .wrap_soudan.soudan02 ul li a {
        background: #FFF7DE; }
      .con_search .box_search .wrap_search.con_soudan .box_soudan .wrap_soudan.soudan03 .soudan_st i {
        background: #7BE460; }
      .con_search .box_search .wrap_search.con_soudan .box_soudan .wrap_soudan.soudan03 ul li a {
        background: #EBFBE7; }
      .con_search .box_search .wrap_search.con_soudan .box_soudan .wrap_soudan.soudan04 .soudan_st i {
        background: #4BD3E2; }
      .con_search .box_search .wrap_search.con_soudan .box_soudan .wrap_soudan.soudan04 ul li a {
        background: #E4F8FB; }
      .con_search .box_search .wrap_search.con_soudan .box_soudan .wrap_soudan .soudan_st i {
        display: inline-block;
        width: 14.0vw;
        height: 14.0vw;
        border-radius: 50%;
        padding-top: 3.0vw;
        vertical-align: middle; }
        .con_search .box_search .wrap_search.con_soudan .box_soudan .wrap_soudan .soudan_st i img {
          width: 8.0vw;
          margin: 0 auto; }
      .con_search .box_search .wrap_search.con_soudan .box_soudan .wrap_soudan .soudan_st span {
        display: inline-block;
        text-align: center;
        font-size: 4.0vw;
        vertical-align: middle;
        margin-left: 2.0vw; }
    .con_search .box_search .wrap_search.con_keyword {
      margin-top: 30px;
      padding-bottom: 50px;
      border-bottom: 2px solid #f10065; }
      .con_search .box_search .wrap_search.con_keyword .box_keyword {
        margin-top: 20px; }
        .con_search .box_search .wrap_search.con_keyword .box_keyword .wrap_keyword {
          display: flex;
          padding: 1px;
          border: 1px solid #D6D6DC;
          border-radius: 24px;
          overflow: hidden; }
          .con_search .box_search .wrap_search.con_keyword .box_keyword .wrap_keyword input[type=text] {
            flex: 1 1;
            font-size: 1.4rem;
            border: none;
            border-radius: 20px;
            padding-left: 15px; }
            .con_search .box_search .wrap_search.con_keyword .box_keyword .wrap_keyword input[type=text]::placeholder {
              color: #D6D6DC; }
            .con_search .box_search .wrap_search.con_keyword .box_keyword .wrap_keyword input[type=text]::-webkit-input-placeholder {
              color: #D6D6DC; }
            .con_search .box_search .wrap_search.con_keyword .box_keyword .wrap_keyword input[type=text]:-ms-input-placeholder {
              color: #D6D6DC; }
          .con_search .box_search .wrap_search.con_keyword .box_keyword .wrap_keyword input[type=submit] {
            width: 30.0vw;
            font-size: 1.4rem;
            padding: 12px 0;
            border-radius: 20px;
            letter-spacing: 1ex;
            text-indent: 1ex; }
    .con_search .box_search .wrap_search .search_st {
      text-align: center;
      font-size: 4.4vw; }
    .con_search .box_search .wrap_search .cat_list {
      display: flex;
      flex-wrap: wrap;
      margin-top: 10px; }
      .con_search .box_search .wrap_search .cat_list li {
        min-width: 70px;
        padding: 3px 2px; }
        .con_search .box_search .wrap_search .cat_list li a {
          display: block;
          line-height: 1;
          text-align: center;
          padding: 10px 15px;
          border-radius: 16px;
          font-size: 1.2rem;
          background: #F5F5F6; }

@media only screen and (min-width: 768px) {
  .con_search {
    padding-top: 50px; }
    .con_search .box_search {
      margin: 40px auto 0;
      padding: 0 20px;
      max-width: 1500px; }
      .con_search .box_search .wrap_search.con_soudan .box_soudan {
        margin-top: 25px;
        display: flex; }
        .con_search .box_search .wrap_search.con_soudan .box_soudan .wrap_soudan {
          padding: 0 20px;
          border: none;
          width: 25%;
          position: relative;
          overflow: hidden; }
          .con_search .box_search .wrap_search.con_soudan .box_soudan .wrap_soudan:first-child:after {
            display: none; }
          .con_search .box_search .wrap_search.con_soudan .box_soudan .wrap_soudan:after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            left: 0;
            top: 180px;
            border-left: 1px dotted #D6D6DC; }
          .con_search .box_search .wrap_search.con_soudan .box_soudan .wrap_soudan .soudan_st i {
            display: block;
            width: 114px;
            height: 114px;
            margin: 0 auto;
            padding-top: 27px; }
            .con_search .box_search .wrap_search.con_soudan .box_soudan .wrap_soudan .soudan_st i img {
              width: 60px; }
          .con_search .box_search .wrap_search.con_soudan .box_soudan .wrap_soudan .soudan_st span {
            display: block;
            text-align: center;
            font-size: 18px;
            margin: 10px 0 0; }
          .con_search .box_search .wrap_search.con_soudan .box_soudan .wrap_soudan .cat_list li {
            min-width: 50%; }
      .con_search .box_search .wrap_search.con_skill {
        margin-top: 70px;
        padding: 0 20px; }
        .con_search .box_search .wrap_search.con_skill .cat_list li a {
          white-space: nowrap; }
      .con_search .box_search .wrap_search.con_keyword {
        margin-top: 30px;
        padding-bottom: 65px;
        border-bottom: 2px solid #f10065; }
        .con_search .box_search .wrap_search.con_keyword .box_keyword {
          margin-top: 20px; }
          .con_search .box_search .wrap_search.con_keyword .box_keyword .wrap_keyword {
            width: 600px;
            margin: 0 auto;
            border-radius: 24px; }
            .con_search .box_search .wrap_search.con_keyword .box_keyword .wrap_keyword input[type=text] {
              font-size: 1.6rem;
              padding-left: 15px;
              height: auto;
              border-radius: 22px; }
            .con_search .box_search .wrap_search.con_keyword .box_keyword .wrap_keyword input[type=submit] {
              width: 150px;
              font-size: 1.6rem;
              padding: 14px 0;
              border-radius: 22px; }
      .con_search .box_search .wrap_search .search_st {
        font-size: 2.4rem; }
      .con_search .box_search .wrap_search .cat_list {
        margin-top: 20px; }
        .con_search .box_search .wrap_search .cat_list li {
          min-width: 130px;
          padding: 3px 2px; }
          .con_search .box_search .wrap_search .cat_list li a {
            padding: 8px;
            border-radius: 15px;
            font-size: 1.4rem;
            -webkit-transition: all 200ms ease-in-out 0ms;
            -moz-transition: all 200ms ease-in-out 0ms;
            -ms-transition: all 200ms ease-in-out 0ms;
            -o-transition: all 200ms ease-in-out 0ms;
            transition-property: all;
            transition-duration: 200ms;
            transition-timing-function: ease-in-out;
            transition-delay: 0ms; }
            .con_search .box_search .wrap_search .cat_list li a:hover {
              opacity: 0.7; } }
/*----------------------------------------------------
	.con_teller_list
----------------------------------------------------*/
.con_teller_list {
  padding: 50px 0; }
  .con_teller_list.con_pickup {
    padding-bottom: 0; }
    .con_teller_list.con_pickup .box_teller_list {
      margin-top: 15px;
      background: #fff7fa; }
      .con_teller_list.con_pickup .box_teller_list .wrap_teller_list {
        padding: 0 15px; }
  .con_teller_list .txt_readcopy {
    text-align: center;
    color: #f10065;
    font-weight: bold;
    font-size: 4.4vw;
    margin-top: 8px; }
    .con_teller_list .txt_readcopy .large {
      font-size: 140%; }
  .con_teller_list .txt_show_count {
    text-align: center;
    font-size: 3.6vw; }
    .con_teller_list .txt_show_count .large {
      font-size: 140%; }
  .con_teller_list .con_pager {
    margin-top: 10px; }
  .con_teller_list .box_teller_list .wrap_teller_list {
    padding: 10px 15px; }
    .con_teller_list .box_teller_list .wrap_teller_list > li {
      padding: 25px 0;
      border-top: 1px dotted #e0e0e5; }
      .con_teller_list .box_teller_list .wrap_teller_list > li:first-child {
        border: none; }
  .con_teller_list .f_controll {
    margin-top: 30px; }

@media only screen and (min-width: 768px) {
  .con_teller_list {
    padding: 65px 0; }
    .con_teller_list.con_pickup {
      padding-bottom: 0; }
      .con_teller_list.con_pickup .box_teller_list {
        margin-top: 30px; }
        .con_teller_list.con_pickup .box_teller_list .wrap_teller_list {
          padding: 0 15px;
          background: #fff7fa; }
          .con_teller_list.con_pickup .box_teller_list .wrap_teller_list > li {
            padding: 10px 0.5% 15px; }
    .con_teller_list .txt_readcopy {
      font-size: 1.8rem;
      margin-top: 25px; }
    .con_teller_list .txt_show_count {
      font-size: 1.6rem;
      margin-top: 10px; }
      .con_teller_list .txt_show_count .large {
        font-size: 140%; }
    .con_teller_list h1 + .txt_show_count {
      margin-top: 25px; }
    .con_teller_list .con_pager {
      margin: 0 auto;
      justify-content: flex-end;
      width: 100%;
      max-width: 1500px;
      padding: 0 40px;
      padding: 0 calc(0.5% + 60px); }
    .con_teller_list .f_controll {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 50px; }
      .con_teller_list .f_controll .txt_show_count {
        margin: 0; }
      .con_teller_list .f_controll .con_pager {
        width: auto;
        margin: 0;
        padding: 0 0 0 40px; }
    .con_teller_list .box_teller_list .wrap_teller_list {
      width: 100%;
      max-width: 1500px;
      margin: 0 auto;
      padding: 0 40px;
      display: flex;
      flex-wrap: wrap; }
      .con_teller_list .box_teller_list .wrap_teller_list > li {
        width: 33.3%;
        padding: 15px 0.5%;
        border: none; }
        .con_teller_list .box_teller_list .wrap_teller_list > li:nth-child(3n+1) {
          position: relative; }
          .con_teller_list .box_teller_list .wrap_teller_list > li:nth-child(3n+1):before {
            content: "";
            display: block;
            position: absolute;
            width: 300%;
            width: calc(300% - 3.0% - 40px);
            top: 0;
            left: 0;
            left: calc(1.5% + 20px);
            border-top: 1px dotted #e0e0e5; }
        .con_teller_list .box_teller_list .wrap_teller_list > li:first-child:before {
          display: none; } }
/*----------------------------------------------------
	#search.result h1
----------------------------------------------------*/
#search.result h1 {
  text-align: center; }
  #search.result h1 .searchtxt {
    display: block;
    font-size: 3.6vw;
    line-height: 1.6;
    padding: 0 15px; }
  #search.result h1 strong {
    display: block;
    font-size: 5.4vw;
    font-weight: bold;
    letter-spacing: 0.1ex;
    text-indent: 0.1ex; }
#search.result .con_search .con_teller_list {
  padding-top: 0; }

@media only screen and (max-width: 767px) {
  #search.result .con_search .con_re_search h2 {
    width: 60px;
    position: fixed;
    right: 5px;
    bottom: 5px;
    z-index: 1; }
    #search.result .con_search .con_re_search h2 a {
      display: block; }
      #search.result .con_search .con_re_search h2 a.open .txt i img {
        opacity: 0; }
      #search.result .con_search .con_re_search h2 a.open .txt i:before, #search.result .con_search .con_re_search h2 a.open .txt i:after {
        opacity: 1; }
      #search.result .con_search .con_re_search h2 a .txt {
        display: block;
        width: 60px;
        text-align: center; }
        #search.result .con_search .con_re_search h2 a .txt i {
          display: block;
          width: 60px;
          height: 60px;
          border-radius: 50%;
          padding: 14px 3px;
          background: #fff;
          border: 1px solid #f10065;
          position: relative; }
          #search.result .con_search .con_re_search h2 a .txt i svg {
            display: block;
            width: 100%; }
          #search.result .con_search .con_re_search h2 a .txt i img {
            -webkit-transition: all 200ms ease-in-out 0ms;
            -moz-transition: all 200ms ease-in-out 0ms;
            -ms-transition: all 200ms ease-in-out 0ms;
            -o-transition: all 200ms ease-in-out 0ms;
            transition-property: all;
            transition-duration: 200ms;
            transition-timing-function: ease-in-out;
            transition-delay: 0ms; }
          #search.result .con_search .con_re_search h2 a .txt i:before, #search.result .con_search .con_re_search h2 a .txt i:after {
            content: "";
            display: block;
            width: 24px;
            height: 2px;
            background: #f10065;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -1px 0 0 -12px;
            opacity: 0;
            -webkit-transition: all 200ms ease-in-out 0ms;
            -moz-transition: all 200ms ease-in-out 0ms;
            -ms-transition: all 200ms ease-in-out 0ms;
            -o-transition: all 200ms ease-in-out 0ms;
            transition-property: all;
            transition-duration: 200ms;
            transition-timing-function: ease-in-out;
            transition-delay: 0ms; }
          #search.result .con_search .con_re_search h2 a .txt i:before {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg); }
          #search.result .con_search .con_re_search h2 a .txt i:after {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg); }
        #search.result .con_search .con_re_search h2 a .txt strong {
          display: inline-block;
          padding-top: 3.0vw;
          height: 3.0vw;
          font-size: 3.0vw;
          line-height: 1;
          overflow: hidden;
          position: relative;
          margin-top: 5px; }
          #search.result .con_search .con_re_search h2 a .txt strong:after {
            content: "再検索";
            display: inline-block;
            text-align: center;
            color: #f10065;
            position: absolute;
            top: 0;
            left: 50%;
            font-size: 3.0vw;
            font-weight: bold;
            line-height: 1;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            white-space: nowrap; }
      #search.result .con_search .con_re_search h2 a .ic_open {
        display: none; }
  #search.result .con_search .con_re_search .box_re_search {
    display: none;
    position: fixed;
    top: 60px;
    left: 0;
    height: 100vh;
    height: calc(100vh - 60px);
    width: 100vw;
    background: #fff;
    overflow: scroll; }
    #search.result .con_search .con_re_search .box_re_search .box_search .wrap_search.con_keyword {
      border-bottom: none;
      padding-bottom: 100px; } }
@media only screen and (min-width: 768px) {
  #search.result h1 .searchtxt {
    font-size: 2.0rem;
    padding: 0; }
  #search.result h1 strong {
    font-size: 2.7rem;
    margin-top: 8px; }
  #search.result .con_search {
    display: flex;
    flex-direction: column;
    padding-top: 0; }
    #search.result .con_search .con_teller_list {
      padding-top: 65px;
      order: 1; }
    #search.result .con_search .con_re_search {
      width: 100%;
      max-width: 1500px;
      padding: 0 40px;
      padding: 0 calc(0.5% + 60px);
      margin: 0 auto; }
      #search.result .con_search .con_re_search h2 {
        border-bottom: 2px solid #f10065; }
        #search.result .con_search .con_re_search h2 a {
          display: block;
          position: relative;
          padding: 20px 0;
          background: #fff;
          border-radius: 8px 8px 0 0;
          -webkit-transition: background 200ms ease-in-out 0ms;
          -moz-transition: background 200ms ease-in-out 0ms;
          -ms-transition: background 200ms ease-in-out 0ms;
          -o-transition: background 200ms ease-in-out 0ms;
          transition-property: background;
          transition-duration: 200ms;
          transition-timing-function: ease-in-out;
          transition-delay: 0ms; }
          #search.result .con_search .con_re_search h2 a.open .ic_open:after {
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -ms-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0); }
          #search.result .con_search .con_re_search h2 a:hover {
            background: #fff7fa; }
          #search.result .con_search .con_re_search h2 a .txt {
            display: flex;
            align-items: center;
            justify-content: center; }
            #search.result .con_search .con_re_search h2 a .txt i {
              height: 42px;
              margin-right: 16px; }
              #search.result .con_search .con_re_search h2 a .txt i img {
                display: block;
                height: 100%;
                width: auto; }
              #search.result .con_search .con_re_search h2 a .txt i svg {
                display: block;
                height: 100%;
                width: auto; }
            #search.result .con_search .con_re_search h2 a .txt strong {
              font-size: 2.0rem;
              font-weight: bold;
              color: #f10065;
              margin-right: 30px; }
          #search.result .con_search .con_re_search h2 a .ic_open {
            display: block;
            position: absolute;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #f10065;
            top: 50%;
            right: 10px;
            margin-top: -20px; }
            #search.result .con_search .con_re_search h2 a .ic_open:before, #search.result .con_search .con_re_search h2 a .ic_open:after {
              content: "";
              display: block;
              height: 2px;
              width: 18px;
              background: #fff;
              position: absolute;
              top: 50%;
              left: 50%;
              margin: -1px 0 0 -9px; }
            #search.result .con_search .con_re_search h2 a .ic_open:after {
              -webkit-transition: all 400ms ease-in-out 0ms;
              -moz-transition: all 400ms ease-in-out 0ms;
              -ms-transition: all 400ms ease-in-out 0ms;
              -o-transition: all 400ms ease-in-out 0ms;
              transition-property: all;
              transition-duration: 400ms;
              transition-timing-function: ease-in-out;
              transition-delay: 0ms;
              -webkit-transform: rotate(90deg);
              -moz-transform: rotate(90deg);
              -ms-transform: rotate(90deg);
              -o-transform: rotate(90deg);
              transform: rotate(90deg); }
      #search.result .con_search .con_re_search .box_re_search {
        display: none; }
        #search.result .con_search .con_re_search .box_re_search.open .box_search {
          opacity: 1.0;
          -webkit-transition: opacity 600ms ease-in-out 0ms;
          -moz-transition: opacity 600ms ease-in-out 0ms;
          -ms-transition: opacity 600ms ease-in-out 0ms;
          -o-transition: opacity 600ms ease-in-out 0ms;
          transition-property: opacity;
          transition-duration: 600ms;
          transition-timing-function: ease-in-out;
          transition-delay: 0ms; }
        #search.result .con_search .con_re_search .box_re_search .box_search {
          position: relative;
          opacity: 0.0;
          -webkit-transition: opacity 200ms ease-in-out 0ms;
          -moz-transition: opacity 200ms ease-in-out 0ms;
          -ms-transition: opacity 200ms ease-in-out 0ms;
          -o-transition: opacity 200ms ease-in-out 0ms;
          transition-property: opacity;
          transition-duration: 200ms;
          transition-timing-function: ease-in-out;
          transition-delay: 0ms; } }
/*----------------------------------------------------
	.box_status_info
----------------------------------------------------*/
.box_status_info {
  padding: 35px 15px 55px; }
  .box_status_info .wrap_status_info .status.con_cost .box_cost dl {
    line-height: 1.6;
    margin-top: 18px; }
    .box_status_info .wrap_status_info .status.con_cost .box_cost dl dt {
      font-size: 1.5rem;
      font-weight: bold;
      margin-bottom: 6px; }
      .box_status_info .wrap_status_info .status.con_cost .box_cost dl dt:before {
        content: "";
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #333350;
        margin-right: 3px; }
    .box_status_info .wrap_status_info .status.con_cost .box_cost dl dd {
      text-align: justify; }
      .box_status_info .wrap_status_info .status.con_cost .box_cost dl dd .st:after {
        content: "：";
        display: inline; }
  .box_status_info .wrap_status_info .status h2 {
    font-size: 1.6rem;
    font-weight: bold;
    border-bottom: 1px solid #c2c2ca;
    line-height: 1.8; }
    .box_status_info .wrap_status_info .status h2:before {
      content: "";
      display: inline-block;
      width: 12px;
      height: 12px;
      background: #c2c2ca;
      margin-right: 4px; }

@media only screen and (min-width: 768px) {
  .box_status_info {
    padding: 70px 0; }
    .box_status_info .wrap_status_info {
      width: 960px;
      margin: 0 auto;
      padding: 50px 48px;
      border: 2px solid #ccc;
      border-radius: 20px; }
      .box_status_info .wrap_status_info .status.con_cost .box_cost {
        margin-top: 28px; }
        .box_status_info .wrap_status_info .status.con_cost .box_cost dl {
          display: flex;
          align-items: center;
          line-height: 2.0;
          margin-top: 0; }
          .box_status_info .wrap_status_info .status.con_cost .box_cost dl dt {
            font-size: 1.6rem;
            margin-bottom: 0; }
          .box_status_info .wrap_status_info .status.con_cost .box_cost dl dd {
            padding-left: 27px;
            position: relative; }
            .box_status_info .wrap_status_info .status.con_cost .box_cost dl dd:before {
              content: "";
              display: block;
              height: 16px;
              border-left: 1px solid #858596;
              position: absolute;
              top: 50%;
              left: 13px;
              margin-top: -8px; }
            .box_status_info .wrap_status_info .status.con_cost .box_cost dl dd.cost {
              display: flex; }
              .box_status_info .wrap_status_info .status.con_cost .box_cost dl dd.cost .st:after {
                display: none; }
              .box_status_info .wrap_status_info .status.con_cost .box_cost dl dd.cost .txt {
                text-align: right;
                width: 120px;
                padding-left: 10px; }
      .box_status_info .wrap_status_info .status h2 {
        font-size: 1.7rem;
        line-height: 1.0;
        padding-bottom: 15px; }
        .box_status_info .wrap_status_info .status h2:before {
          width: 13px;
          height: 13px; } }