@charset "UTF-8";

/**

*   更新履歴
*   2022.02.10 SP時のヘッダーを中心に配置
*   2022.02.16 プラン選択、プレミアムプランの幅を調整
*   2022.10.11 見出し追加
*
*
*
*/

.ci_ca_bgGrayText {
  text-align: left;
}

.j_a_mugen_ad {
  z-index: 3;
}

.commonCardTextWrap {
  border-radius: 0 0 5px 5px;
}

.portforioWrap .commonCardImgWrap {
  overflow: hidden;
}

.commonCardImage {
  object-fit: scale-down;

  border-radius: 5px 5px 0 0;
}

.none_underline:hover {
  text-decoration: none;
}

.s_a_sectionTitle {
  margin-top: 30px;
}

.a_s_maincolor {
  color: var(--color-skillOrange);
}

.j_jd_sticky {
  position: sticky;

  top: 170px;

  margin-bottom: 80px;
}

.s_m_cc_thumbnail {
  padding: 0;

  border: 1px solid transparent;
}

.s_m_cc_thumbnail img {
  padding: 4px;

  border: 1px solid #ddd;
}

.j_m_mlm_lh {
  line-height: 1.6;
}

.sca_btnBorderRadius {
  margin-left: 0;

  width: 100%;
}

.s_cd_btnBorderRadius {
  margin-left: 0;

  width: 100%;
}

.s_i_commonCardTitle .commonCardTitle {
  max-height: 100%;

  height: auto;

  display: inline-block;
}

.usm_btnWrap {
  margin-top: 70px;
}

.commonInputSelect {
  color: #000;
}

.jjc_margin {
  margin-right: 20px;
}

.conf_show_fix2:hover {
  color: #000;
}

.kari_fix2 {
  transition: 0.3s;

  border: 2px solid var(--color-skillOrange);
}

.kari_fix2:hover {
  transition: 0.3s;

  background-color: #fff;

  color: var(--color-skillOrange);
}

.mypageTable .btnBorderRadius:hover {
  background-color: #fff;

  border: 1px solid #ff6473;

  color: #ff6473;

  transition: 0.3s;
}

.mypageTable .usm_btnWrap .btnBorderRadius:hover {
  background-color: #fff;

  border: 1px solid var(--color-jobBlue);

  color: var(--color-jobBlue);

  transition: 0.3s;
}

.flowBlockDesc_fix2 {
  width: 510px;
}



@media screen and (max-width: 600px) {
  .flowBlockDesc_fix2 {
    width: 100%;

  }
}



@media screen and (max-width: 991px) {
  .nani .commonCard.sc_tab_head {
    height: 340px;

  }

  .sc_column {
    display: flex;

    flex-direction: column;

  }

  .header__logo {
    margin-top: 12px;

  }

  .jjc_margin {
    margin-right: 0;

    margin-bottom: 30px;

    width: 100%;

  }

  .btnBorderRadius {
    margin-left: 0;

  }
}



@media screen and (max-width: 500px) {
  .nani .commonCard.sc_tab_head {
    height: 300px;

  }

  .col4Wrap .commonCardImgWrap {
    height: 200px;

  }

  .commonCardTagWrap {
    gap: 10px;

    width: 100%;

  }

  .commonCardTag {
    height: 17px;

  }

  .skill .commonCardTag {
    height: 17px;

  }

  .portforioWrap .commonCardTitle {
    width: auto;

  }

  .s_i_commonCardTitle {
    width: 100%;

  }

  .btnBorderRadius2.bgTwitter {
    width: 100%;

  }

  .commonInputSelect.smaller {
    width: 100%;

  }

  .commonInputText.smaller {
    width: 100%;

  }
}



/* table_kakaku */

.fix_kakaku {
  border-left: 2px solid #fff;
}

.fix_kakaku th {
  background-color: #01b8bf;

  border: 1px solid #fff;
}

.fix_kakaku td {
  border: 1px solid #fff;

  border: 1px solid #ddd;

  vertical-align: middle;
}

.fix_kakaku th {
  width: 230px

  min-width: 135px;
}

.nk {
  min-width: 135px;
}

.formRowRight .fix_kakaku td .texl {
  text-align: left;
}

.kakaku_total {
  font-size: 12px;

  margin-bottom: 19px;
}

.kakaku_price {
  font-size: 18px;

  margin-left: 10px;
}

.fix_kakaku tr .kakaku_total_mes {
  text-align: left;

  font-size: 12px;

  padding-left: 17px;
}

.fix_kakaku tr .kakaku_total_box {
  padding: 28px 0;
}

.kakaku_enpha {
  font-weight: bold;

  color: #009ca2;

  font-size: 14px;
}

.kakaku_enpha_th {
  position: relative;
}

.kakaku_enpha_th:before {
  content: "プレミアムプラン";

  position: absolute;

  width: 100%;

  height: 48px;

  background-color: #009ca2;

  border-radius: 5px 5px 0 0;

  bottom: 0;

  right: -1px;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 14px;
}

.kakaku_2:before {
  width: 100%;
}

.nk:before {
  width: 100%;
}

/* 2022.02.17 nanjo edit start */

@media screen and (max-width: 760px) {
  .kakaku_2:before {
    width: 100%;

  }

  .kakaku_enpha_th:before {
    height: 37px;

  }
}



/* @media screen and (max-width: 660px) {
  .kakaku_2:before {
    width: 140px;

  }
} */

.fix_kakaku th {
  width: 230px;

  min-width: 125px;
}

/* 2022.02.17 nanjo edit end */

.formRowRight_kakaku {
  padding-top: 10px;
}

.kakaku_batu {
  font-size: 14px;
}

.kakaku_border {
  font-size: 28px;
}

.kakaku_oyasumi {
  margin-bottom: 20px;
}

.btnWrap_kakaku_fix {
  flex-wrap: wrap;
}



/* 0114tsuiki */

.imgCenter_ad {
  width: 270px;

  margin: 0 auto;
}



@media screen and (max-width: 500px) {
  .imgCenter_ad {
    width: 200px;

  }
}

.formRow_singleMes {
  margin-top: -7px;
}



@media screen and (max-width: 991px) {
  .formRow_singleMes {
    margin-top: -30px;

  }
}



/* 0117tsuiki */

.ca_imgBox {
  height: 72px;

  margin-bottom: 15px;
}

.free_img_icon {
  /* width: 31px; */

  width: auto;
}

.bright_05 {
  /* filter: brightness(0.5); */
}



/* 0117tsuiki */

.oyasumi_fix {
  font-size: 14px;

  margin-top: -30px;

  margin-bottom: 40px;

  line-height: 1.4;

  margin-left: 219px;
}



@media screen and (max-width: 990px) {
  .oyasumi_fix {
    margin-left: 0;

  }
}

.f_skill {
  background-color: var(--color-skillOrange);
}

.sideBarMenuRow {
  transition: 0.3s;
}

.sideBarMenuRow:hover {
  transition: 0.3s;

  /* background-color: var(--color-jobBlue) */
}

.form_center {
  align-items: center;
}

.form_pb {
  padding: 11px 0;
}

.removeBtn,

.append_form {
  cursor: pointer;
}

.job .btnSquare.blank {
  transition: 0.3s;
}



@media screen and (max-width: 500px) {
  .btnWrap_fix .btnBorderRadius {
    font-size: 16px;

  }
}

.pas_rem_mes {
  margin-bottom: 40px;

  margin-top: -20px;

  line-height: 1.4;

  margin-left: 200px;
}



@media screen and (max-width: 990px) {
  .pas_rem_mes {
    margin-left: 0;

  }
}

.fdCol_fix .commonInputText.smallest {
  margin-right: 10px;
}

.price_jc {
  margin-right: 12px;
}



/* 0127tsuiki*/

.anker_img_block_job {
  /* background-color: inherit; */
}

.portfolioCategoryWrap_fix .commonText p {
  display: flex;

  align-items: center;

    flex-wrap: wrap;
}



@media screen and (max-width: 991px) {
  .btnWrapppp {
    font-size: 13px;

    width: 100%;

  }
}

textarea:disabled,
select:disabled,
button[disabled],
html input[disabled] {
  border: #f7f7f7;
  background-color:#f7f7f7;
}



select:disabled {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 1;
}



/* TODO 2022.02.10 edit nanjo start */

@media screen and (max-width: 500px) {
  .header__logo {
    margin-top: 6px;

  }

  .header__logo_skill {
    margin-top: 12px;

  }
}

/* TODO 2022.02.10 edit nanjo end */



/* TODO 2022.03.03 edit nanjo start */
.commonCardImage {
  object-fit: cover;
}

.job .btnSquare {
  border: 1px solid #3572B5 !important;
}

.job .btnSquare:hover {
  background-color: #fff;

  color: #3572B5 !important;

  transition: .3s;
}

.job .btnSquare:hover {

}

.mypageWrap .company_btn:hover {
  color: #fff !important;
}
/* TODO 2022.03.03 edit nanjo end */


/* TODO 2022.10.11  start */
.titleItemType01{
    color: #1B4C9E;
    padding: 7px 5px 4px 5px;
   /*border-bottom: solid 2px #1B4C9E;*/
    margin-bottom: 30px;
}
.titleItemType01 span{
    margin-bottom: 0;
    /* vertical-align: middle; */
    display: inline-flex;
    align-items: center;
}

.titleItemType01 span img{
  width: 1.5em;
  display: inline-block;
  padding-right: 10px;
}

.titleItemType02{
    color: #333;
    padding: 7px 3px 4px 3px;
    border-bottom: solid 2px #333;
    margin-bottom: 30px;
}
.titleItemType02 span{
    margin-bottom: 0;
  }

.topPage .btnListGrey a{
  justify-content: right;
}

/* TODO 2022.10.11  start */