@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 479px) {
  #contents .center br {
    display: none;
  }
}
.animation {
  opacity: 0;
}
.fadeInDown {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
#news, #bonus, #counseling, #careerup, #welfare, #paiedvacation, #indefinite, #prepayment, #campaign {
  padding-top: 3em;
  margin-top: -3em;
}
.box ul {
  background: #F2F2F2;
  margin: 1em;
  padding: 0.5em;
}
.box ul li:before {
  content: '・';
  color: #2aad8e;
  margin-right: 0.5em;
}
h3::before {
  top: 3em;
}
h4 {
  color: #2aad8e;
  font-size: 125%;
  margin-top: 1em;
  letter-spacing: 0.1em;
}
h5 {
  font-size: 125%;
  border-bottom: solid 0.1em #2aad8e;
  margin: 1em 0 0.3em 0;
}
h6 {
  color: #2aad8e;
  margin: 1em 0 0.3em 0;
}
summary {
  color: #2aad8e;
  font-weight: bold;
  cursor: pointer;
  margin: 2em 0;
}
details {
  transition: 2s;
}
details p {
  margin-bottom: 0.5em;
}
details span {
  font-weight: bold;
}
details ol > li {
  position: relative;
  counter-increment: cnt;
  padding-left: 3em;
}
details ol > li::before {
  content: "("counter(cnt) ")";
  position: absolute;
  color: #2aad8e;
  font-weight: bold;
  top: 0;
  left: 1em;
}
details dt {
  font-size: 112.5%;
  color: #2aad8e;
  border-bottom: 1px solid #F2F2F2;
  margin: 1em 0 0.5em 0;
  padding: 0.2em;
}
details dd {
  margin-bottom: 1.5em;
}
details dt span {
  margin-right: 0.5em;
}
details dd span {
  font-size: 112.5%;
  margin-left: 0.25em;
  margin-right: 0.5em;
}
.reference {
  border: 1px solid #F2F2F2;
  margin: 2em auto;
  padding: 0.5em;
}
.reference a {
  word-break: break-all;
}
.links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 2em 0 3em 0;
}
.links li a::before {
  content: "▼";
  margin-right: 0.5em;
}
.links li + li {
  margin-left: 2em;
}
@media screen and (max-width: 960px) {
  .links {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .links li {
    width: 46%;
    text-align: center;
  }
  .links li + li {
    margin-left: 0;
  }
  .links li a {
    width: 14em;
  }
}
@media screen and (max-width: 679px) {
  .links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .links li {
    width: 100%;
  }
}
.btn a {
  display: inline-block;
  background: #2aad8e;
  opacity: 0.6;
  color: #fff;
  border-radius: 50px;
  padding: 0.6em 1.2em;
  margin-top: 1em;
}
.btn a:hover {
  opacity: 0.9;
}
.call {
  margin: 0.5em 0;
}
.call span {
  padding-left: 2em;
  background: url(../images/mark1.svg) no-repeat left center;
  font-weight: bold;
  font-size: 112.5%;
}
.wLink a img {
  padding: 0 0.4em 0.2em 0;
  vertical-align: middle;
}
.box p a {
  display: block;
  color: #2aad8e;
}
.box p a:hover {
  color: #a3ccc2;
}
#list dl {
  margin: 0.5em 0 1em 1em;
}
#list dl dt {
  font-size: 125%;
  font-weight: bold;
  border-bottom: solid 0.1em #2aad8e;
  margin-bottom: 0.3em;
}
#box #list dl dt span {
  padding-left: 0.5em;
  font-size: 87.5%;
  font-weight: nomal;
}
@media screen and (max-width: 679px) {
  .btn {
    text-align: center;
  }
}
.paiedvacation_text {
  margin-bottom: 1em;
}
.documents {
	display: flex;	
  align-items: center;
	margin-top: 0.5em;
}
.dlink {
  width: 5em;
}
.text_link {
  display: inline-block;
  color: #2aad8e;
}
.line {
	border-bottom: 1px solid #2aad8e;
}
#dbtn {
  padding-left: 2em;
}
#dbtn a {
  display: inline-block;
  background: #2aad8e;
  color: #fff;
  border-radius: 50px;
  opacity: .6;
  padding: 0.3em 1.2em;
}
.dbtn_link:hover .dbtn {
  opacity: 0.9;
}