@charset "utf-8";

/*////////////////////////////////////////////////
登録済み会員情報
////////////////////////////////////////////////*/
.profile_explain {
  font-weight: 500;
  color: #141414;
  padding-top: 32px;
  padding-bottom: 16px;
  font-size: 1.125rem;
  line-height: 2rem;
  text-align: start;
}

.profile_explain>p {
  letter-spacing: -0.5px;
  padding-bottom: 16px;
}

.profile_explain.border-bottom {
  border-bottom: 1px solid #717171;
}

.profile_explain .update_data {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}

.profile_explain .update_data .updated_name {
  margin-left: 16px;
}

.campany_name {
  padding-top: 24px;
}

.industry {
  padding-bottom: 24px;
}

@media (max-width:960px) {
  .industry {
    text-align: left;
  }
}

.explain_text {
  font-size: 1.125rem;
  font-weight: 500;
  color: #141414;
  padding-top: 32px;
  padding-bottom: 32px;
  text-align: start;
}

#memberprofile_data table {
  margin-bottom: 40px !important;
}

.name_data {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.member-change {
  background: #D0EFEE;
  margin-bottom: 60px;
  padding: 12px 0;
  display: flex;
  justify-content: center;
  align-items: center;

}

.member-change p {
  width: 322px;
  background: #006563 0% 0% no-repeat padding-box;
  border: 2px solid #006563;
  border-radius: 10px;
  color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 16px;
  margin-bottom: 16px;
  text-align: center;
  font-size: 1.125rem;
}

.member-change a:hover {
  opacity: 0.8;
}

.user-add-relative {
  position: relative;
}

.user-add-relative {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.user-add {
  color: #ffffff;
  font-size: 1.125rem;
  background: #006563 0% 0% no-repeat padding-box;
  border: 1px solid #006563;
  border-radius: 10px;
  position: absolute;
  bottom: 25px;
  right: 0;
  width: 220px;
  height: 48px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.user-add:hover {
  opacity: 0.8;
}

.user-add a {
  color: #fff;
}

.user-add img {
  width: 26px;
  height: 26px;
  margin-left: 14px;
  margin-right: 12px;
}

.td-datetime.icon-circle-delete {
  text-align: center;
}

@media (max-width: 960px) {
  .user-add-relative {
    position: relative;
    margin-bottom: 24px;
  }

  .user-add {
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .user-add {
    position: static;
    margin-left: auto;
    margin-right: auto;
  }

  .user-add-relative {
    position: static;
  }
}

@media (max-width: 430px) {
  .profile_explain {
    padding-top: 24px;
    padding-bottom: 16px;
  }

  .campany_name {
    padding-top: 16px;
  }

  .memberprofile_text {
    width: 100%;
    font-size: 1.125rem;
  }

  .companyurl {
    margin-bottom: 34px;
  }

  #memberprofile_data table,
  #companyprofile_data table {
    margin-bottom: 32px !important;
  }

  .member-change {
    margin-bottom: 48px;
  }

  .explain_text {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  #return {
    padding-top: 32px;
    padding-bottom: 48px;
  }
}

.profile_explain .postscript {
  margin-top: 16px;
  color: #017D79;
}

.profile_explain .postscript span {
  font-size: 0.875rem;
}

#mypage-date .name_data {
  text-align: left;
  padding: 24px 0;
}

#mypage-date .campany_name {
  font-size: 1.5rem;
}

#mypage-date .industry {
  font-size: 1.125rem;
}

#mypage-date .hashtag {
  padding: 30px 16px;
  margin-bottom: 32px;
  background-color: #D0EFEE;
}

#mypage-date h3 {
  max-width: 1000px;
  width: fit-content;
  padding: 8px 62px 8px 36px;
  border-left: 11px solid #006563;
  border-bottom: 2px solid #017D79;
  text-align: left;
  font-size: 1.75rem;
  line-height: 2.5rem;
  color: #017D79;
  overflow-wrap: break-word;
}

#mypage-date .hashtag ul {
  text-align: left;
  margin: 0;
}

#mypage-date .hashtag ul li {
  width: fit-content;
  padding: 5px 24px;
  border-radius: 34px;
  border: #006563 2px solid;
  background-color: white;
  color: #006563;
  display: inline-block;
  margin: 0 7px;
}

.mypage-date_image {
  width: 100%;
  height: 563px;
  overflow: hidden;
}

.mypage-date_text {
  width: 880px;
  text-align: left;
  font-size: 1.125rem;
  line-height: 2rem;
  margin: 32px auto;
}

.mypage-date_text p {
  margin: 1rem 0;
}

.mypage-date_text a {
  color: #189A94;
  text-decoration: underline 1px;
  -webkit-text-decoration: underline #017d79 1px;
}


.companyurl {
  height: auto;
  vertical-align: middle;
  font-size: 1.25rem;
  margin: 26px auto 49px;
}

.companyurl .company_icon {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  padding: 5px 12px;
  background-color: #017D79;
  border: #07E6BF 2px solid;
  display: inline-block;
  margin-right: 1rem;
}

.companyurl .company_icon img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);
}

#memberprofile_data table,
#companyprofile_data table {
  width: 100%;
  margin-bottom: 80px;
  border: #224D77 1px double;
  border-collapse: collapse;
}

#memberprofile_data table th,
#companyprofile_data table th {
  width: 223px;
  text-align: center;
  padding: 15px 34px;
  background-color: #224D77;
  font-size: 1.125rem;
  color: white;
  font-weight: normal;
  border-top: white 1px solid;
  border-bottom: white 1px solid;
}

#memberprofile_data table td,
#companyprofile_data table td {
  padding-left: 1rem;
  font-size: 1.125rem;
  color: #141414;
  font-weight: normal;
  text-align: left;
  border-top: #224D77 1px solid;
  border-bottom: #224D77 1px solid;
  position: relative;
  line-break: anywhere;
}

#memberprofile_data table td span,
#companyprofile_data table td span {
  font-size: 1.125rem;
}

table td p.data-mail {
  display: block;
  width: 100%;
  max-width: 540px;
}

@media (min-width: 961px) and (max-width: 1034px){
  table td p.data-mail {
    display: block;
    width: 100%;
    max-width: 450px;
  }
}

#memberprofile_data .contact,
#companyprofile_data .contact {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 190px;
  height: 42px;
  border-radius: 5px;
  top: 10px;
  right: 16px;
  background-color: #006563;
  color: white;
  position: absolute;
}

#memberprofile_data .contact a,
#companyprofile_data .contact a {
  display: flex;
  justify-content: center;
  padding-right: 8px;
}

.contact:hover {
  opacity: 0.8;
}

/* コピーボタン */
#memberprofile_data div.copyBtn,
#companyprofile_data div.copyBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  top: 10px;
  right: 16px;
  position: absolute;
}

#memberprofile_data div.copyBtn a,
#companyprofile_data div.copyBtn a {
  display: flex;
  justify-content: center;
  padding-right: 8px;
}

div.copyBtn:hover {
  opacity: 0.8;
}

#mypage-date_data table {
  width: 100%;
  margin-bottom: 80px;
  border: #224D77 1px double;
  border-collapse: collapse;
}

#mypage-date_data table th {
  padding: 15px 34px;
  background-color: #224D77;
  font-size: 1.5rem;
  color: white;
  font-weight: normal;
  border-top: white 1px solid;
  border-bottom: white 1px solid;
}

#mypage-date_data table td {
  padding-left: 1rem;
  font-size: 1.125rem;
  color: #141414;
  font-weight: normal;
  text-align: left;
  border-top: #224D77 1px solid;
  border-bottom: #224D77 1px solid;
  position: relative;
}

#mypage-date_data table td span {
  font-size: 1.25rem;
}

#mypage-date_data .contact {
  width: 190px;
  height: 42px;
  padding: 8px 46px 7px 16px;
  border-radius: 5px;
  top: 10px;
  right: 16px;
  background-color: #006563;
  color: white;
  position: absolute;
}

.contact .envelope {
  padding-right: 12px;
  margin-bottom: -3px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

#mypage-date .list_content_block {
  padding-bottom: 96px;
  position: relative;
}

#mypage-date .casestudy_list td {
  text-align: left;
  padding-left: 13px;
}

#mypage-date .like_btn,
#mypage-date .like_btn_on {
  margin: 24px auto;
  right: 0;
  position: absolute;
}



@media (max-width: 960px) {
  #heading h1 {
    text-align: center;
  }

  #mypage-date .campany_name {
    font-size: 1.125rem;
  }

  #mypage-date .industry {
    font-size: 1rem;
  }

  #category h3,
  #mypage-date h3 {
    font-size: 1.25rem;
  }

  #mypage-date h3 {
    line-height: 1.0625rem;
    padding: 0 28px 7px 20px;
    margin-top: 16px;
  }

  #mypage-date_data table {
    margin-bottom: 48px;
  }

  .name_data .campany_name {
    word-break: break-all;
  }

  .mypage-date_text {
    width: calc(100% - 32px);
  }

  .mypage-date_image {
    height: auto;
  }

  #mypage-date .hashtag {
    padding: 7px 9px;
  }

  #mypage-date .hashtag ul {
    padding: 0;
  }

  #mypage-date .hashtag ul li {
    margin: 9px 7.5px;
  }

  #mypage-date_data table th {
    font-size: 1rem;
    padding: 8px 27px;
    white-space: nowrap;
  }

  #mypage-date_data table td {
    font-size: 1rem;
  }

  #mypage-date_data table td span {
    font-size: 1rem;
  }

  #mypage-date_data .contact {
    position: static;
    margin: 11px auto;
  }

  #mypage-date_data div.copyBtn {
    position: static;
    margin: 11px auto;
  }

  #mypage-date_account {
    overflow-x: auto;
    padding-bottom: 31px;
  }
}

/* scrollbarマスク調整 */
#memberprofile_account .simplebar-mask {
  overflow: visible !important;
  margin-bottom: -20px;
}

@media (max-width: 960px) {
  #memberprofile_account {
    margin-bottom: 64px;
  }

  #memberprofile_account .simplebar-mask {
    overflow: visible !important;
    margin-bottom: 20px;
  }

  #memberprofile_account .simplebar-track.simplebar-vertical {
    display: none;
  }
}

/*////////////////////////////////////////////////
登録情報
////////////////////////////////////////////////*/

#memberprofile .name_data {
  text-align: left;
  padding: 24px 0;
}

#memberprofile .campany_name {
  font-size: 1.5rem;
}

#memberprofile td .campany_name {
  font-size: 1.125rem;
}

#memberprofile .industry {
  font-size: 1.125rem;
}

#memberprofile .hashtag {
  padding: 30px 16px;
  margin-bottom: 32px;
  background-color: #D0EFEE;
}

#memberprofile h3 {
  max-width: 1000px;
  width: fit-content;
  padding: 8px 62px 8px 36px;
  border-left: 11px solid #006563;
  border-bottom: 2px solid #017D79;
  text-align: left;
  font-size: 1.75rem;
  line-height: 2.5rem;
  color: #017D79;
  overflow-wrap: break-word;
}

#memberprofile .hashtag ul {
  text-align: left;
  margin: 0;
}

#memberprofile .hashtag ul li {
  width: fit-content;
  padding: 5px 24px;
  border-radius: 34px;
  border: #006563 2px solid;
  background-color: white;
  color: #006563;
  display: inline-block;
  margin: 0 7px;
}

.memberprofile_image {
  width: 1000px;
  overflow: hidden;
}

.memberprofile_image img {
  width: 100%;
  height: 100%;
  /*max-height: 562.5px;*/
  object-fit: cover;
}

.memberprofile_text {
  width: 880px;
  text-align: left;
  font-size: 1.125rem;
  line-height: 2rem;
  margin: 32px auto;
  word-break: break-all;
  line-break: anywhere;
}

.memberprofile_text p {
  margin: 1rem 0;
}

.memberprofile_text a {
  color: #189A94;
  text-decoration: underline;
}

.companyurl {
  height: auto;
  vertical-align: middle;
  font-size: 1.25rem;
  margin: 26px auto 49px;
}

.companyurl .company_icon {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  padding: 5px 12px;
  background-color: #017D79;
  border: #07E6BF 2px solid;
  display: inline-block;
  margin-right: 1rem;
}

.companyurl .company_icon img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);
}

.contact .envelope {
  padding-right: 12px;
  margin-bottom: -3px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

#memberprofile .list_content_block {
  /*padding-bottom: 96px;*/
  position: relative;
}

#memberprofile .list_content_block:last-child {
  padding-bottom: 24px;
}


#memberprofile .casestudy_list td {
  text-align: left;
  padding-left: 13px;
}

/*
#memberprofile .like_btn,
#memberprofile .like_btn_on {
  margin: 24px auto;
  right: 0;
  position: absolute;
}*/

@media (max-width: 960px) {
  #heading h1 {
    text-align: center;
  }

  #memberprofile .campany_name {
    font-size: 1.125rem;
  }

  #memberprofile .industry {
    font-size: 1rem;
  }

  #category h3,
  #memberprofile h3 {
    font-size: 1.25rem;
  }

  #memberprofile h3 {
    line-height: 1.0625rem;
    padding: 0 28px 7px 20px;
    margin-top: 16px;
  }

  #memberprofile_data table,
  #companyprofile_data table {
    margin-bottom: 48px;
  }

  .name_data .campany_name {
    word-break: break-all;
  }

  .memberprofile_text {
    width: calc(100% - 32px);
  }

  .memberprofile_image {
    height: auto;
  }

  #memberprofile .hashtag {
    padding: 7px 9px;
  }

  #memberprofile .hashtag ul {
    padding: 0;
  }

  #memberprofile .hashtag ul li {
    margin: 9px 7.5px;
  }

  #memberprofile_data table th,
  #companyprofile_data table th {
    max-width: 130px;
    font-size: 1rem;
    padding: 8px 6px !important;
    white-space: nowrap;
  }

  #memberprofile_data table td,
  #companyprofile_data table td {
    padding: 0 6px !important;
    font-size: 1rem;
  }

  #memberprofile_data table td span,
  #companyprofile_data table td span {
    font-size: 1rem !important;
  }

  #memberprofile_data .contact,
  #companyprofile_data .contact {
    position: static;
    margin: 11px auto;
  }

  #memberprofile_data div.copyBtn,
  #companyprofile_data div.copyBtn {
    position: static;
    margin: 11px auto;
  }

  #memberprofile_account {
    overflow-x: auto;
    padding-bottom: 31px;
  }
}

/*公開ステータスアイコン*/
.profile_explain .update_data span.public_element {
  margin-right: auto;
}

.profile_explain .update_data span.private_element {
  margin-right: auto;
}

@media (max-width: 960px) {
  .profile_explain .update_data {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-direction: column;
  }

  .profile_explain .update_data .updated_name {
    margin-left: 0;
  }
}