<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 Link Document */

a{
	color:	var(--link-color);
  /* color: #00a0b8; */
  transition: all .3s;
	/* --link-hover-color:#02b875; */
}
a:hover{
	color:	var(--link-hover-color);
}



/* エントリー */
.entry-link.regentry a,
.entry-link.entry a,
.entry-link.expired a{
  display: inline-block;
  width: 100%;
  max-width:350px;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  padding: 0 8px;
  font-size: 1.4rem;
  line-height: 60px;
  border-radius: 30px;
  height: 60px;
  background: var(--red-color);
  border: solid 2px var(--red-color);
  transition: all 0.3s ease;
  color: var(--white-color);
}
.entry-link.regentry a:hover,
.entry-link.entry a:hover{
  background: var(--white-color);
  border: solid 2px var(--red-color);
  color: var(--red-color);
}

/* エントリー済み */
.entry-link.entried a {
  display: inline-block;
  width: 100%;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  padding: 0 8px;
  font-size: 1.4rem;
  line-height: 60px;
  border-radius: 30px;
  height: 60px;
  background: var(--white-color);
  border: solid 2px var(--red-color);
  transition: all 0.3s ease;
  color: var(--red-color);
  pointer-events:none;
}

/*電話応募*/
.tel-entry a {
  display: inline-block;
  width: 100%;
  max-width:350px;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  padding: 0 8px;
  font-size: 1.4rem;
  line-height: 60px;
  border-radius: 30px;
  height: 60px;
  background: var(--green-color);
  border: solid 2px var(--green-color);
  transition: all 0.3s ease;
  color: var(--white-color);
}
.tel-entry a:hover {
  background: var(--white-color);
  border: solid 2px var(--green-color);
  color: var(--green-color);
}


/* flag */
.page-node-type-job .job-button-area .flag-flag-job a {
  margin-bottom: 0.5rem
}

.page-node-type-job .job-button-area .flag-flag-job.action-flag a{
  display: inline-block;
  width: 100%;
  max-width:350px;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  padding: 0 8px;
  font-size: 1.4rem;
  line-height: 60px;
  border-radius: 30px;
  height: 60px;
  background: var(--yellow-color);
  border: solid 2px var(--yellow-color);
  transition: all 0.3s ease;
  color: var(--black-color);
}
.page-node-type-job .job-button-area .flag-flag-job.action-flag a:hover{
  background: var(--white-color);
  border: solid 2px var(--yellow-color);
  color: var(--yellow-color);
}

.page-node-type-job .job-button-area .flag-flag-job.action-unflag a {
  display: inline-block;
  width: 100%;
  max-width:350px;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  padding: 0 8px;
  font-size: 1.4rem;
  line-height: 60px;
  border-radius: 30px;
  height: 60px;
  background: var(--gray-color);
  border: solid 2px var(--gray-color);
  transition: all 0.3s ease;
  color: var(--black-color);
}
.page-node-type-job .job-button-area .flag-flag-job.action-unflag a:hover {
  background:var(--white-color);
  border: solid 2px var(--gray-color);
  color: var(--gray-color);
}


@media only screen and (max-width : 767px ) { 

  .entry-link.regentry a,
  .entry-link.entry a,
  .tel-entry a,
  .page-node-type-job .job-button-area .flag-flag-job.action-flag a,
  .page-node-type-job .job-button-area .flag-flag-job.action-unflag a {
    font-size:0.8rem;
  }

}

/* themeボタン */
.theme-btn{
  width: 100%;
  max-width:300px;
  height: 50px;
  line-height:50px;
  padding: 0px 30px;
  display: inline-block;
  color: var(--white-color);
  background-color: var(--red-btn-color);
  border-radius: 3px;
  transition: all .4s;
  margin-top: 10px;
}
.theme-btn:hover{
  background-color: var(--red-btn-hover-color);
  color: var(--white-color);
}

/* btn-a 以下のaタグをボタン */
.btn-a a {
  padding:4px 8px;
  border-radius:4px;
  color: var(--white-color)!important;
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  font-weight: bold;
  letter-spacing: 0.08rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-a a:hover{
  opacity:0.8;
}</pre></body></html>