<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS  */
.view-seeker-scout .my-scout.views-row {
  height: 100%;
  background: var( --background-mypage-color);
  border-color: var( --background-mypage-color);
  border-radius: 5px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, .08);
  transition: all .3s;
  margin-bottom: 20px;
}
.view-seeker-scout .my-scout.views-row:has(a):hover {
  background: var( --blue-color);
  color: var(--white-color);
}
.view-seeker-scout .my-scout.views-row a {
  color: var(--first-color);
  background: none;
  height: 100%;
  width: 100%;
  overflow: auto;
  padding: 10px 20px;
  display: block;
}
.view-seeker-scout .my-scout.views-row a:hover {
  color: var(--white-color);
}
.sc-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.view-seeker-scout .my-scout.views-row .sc-company {
  font-size: 1.5rem;
  font-weight: bold;
}
.view-seeker-scout .my-scout.views-row .sc-text {
  font-size:1rem;
  border: solid 1px var(--blue-color);
  color: var(--blue-color);
  padding: 2px 4px;
  border-radius: 4px;
  background: var(--white-color);
  margin-right:16px;
}
.view-seeker-scout .my-scout.views-row .sc-msg {}

/* 詳細 */
.view-seeker-scout.view-display-id-block_2 .my-scout.views-row{
  padding:20px;
  margin-bottom:30px;
}
.view-seeker-scout.view-display-id-block_2 .my-scout.views-row .sc-info{
  margin-bottom:0;
}


    /* scoutメッセージ */
    .node--type-scout  .field--name-field-sct-message{
      font-size:1.2em;
      margin-bottom:30px;
    }
    .node--type-scout .field--name-field-sct-message .field__label{
      font-size: 1.2em;
      margin-bottom: 8px;
      border-bottom: 2px solid #175297;
      font-weight: bold;
      padding: 0 0 8px 4px;
      margin-bottom: .7em;
    }

    .node--type-scout .field--name-field-sct-message .field__item{
        display: block;
      position: relative;
      margin: 5px 0 0;
      padding: 17px 13px;
      border-radius: 12px;
      background: #efefef;
      color: #454545;
    }
    .node--type-scout .text-center {
      text-align: center;
    }
    .node--type-scout  .text-center .btn {
 
      height: 30px;
      border-radius: 120px;
      line-height: 30px;
      padding: 0px 20px;
      font-size: 1.1rem;

      display: inline-block;
      background-color: var(--main-color);
      border: 1px solid var(--main-color);
      color: #fff;
      margin-top: 10px;
    }
    .node--type-scout .text-center .btn:hover {
      background-color: #fff !important;
      border: 1px solid var(--main-color);
      color: var(--main-color);
    }



@media screen and (max-width: 767px) {
  .sc-info {
    flex-direction: column-reverse;
    gap: 5px;
    margin-bottom: 10px;
  }

  .view-seeker-scout .my-scout.views-row .sc-company {
    display: flex;
    width: 100%;
  }
  .view-seeker-scout .my-scout.views-row .sc-text {
    width: 40px;
    height: 11px;
    margin-right: 10px;
  }

  .view-seeker-scout .my-scout.views-row .sc-company  .sc-cop-name {
    flex: 1;
  }
}


/* スカウト詳細 */
.scout-urge {
  margin: 40px 10px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.scout-urge .mark {
  width: 20px;
}

.scout-urge .mark .exclamation {
  content: '';
  display: block;
  /* background-image: url(../img/icon/exclamation-mark.svg); */
  background-image: url(../img/icon/ribbon.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  filter: invert(17%) sepia(86%) saturate(5920%) hue-rotate(356deg) brightness(98%) contrast(92%);
  width: 20px;
  height: 20px;
}

.scout-urge .message {
  flex: 1;
}
.scout-urge .message p {
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .scout-urge {
    margin: 40px 5px;
  }
}</pre></body></html>