@charset "utf-8";
div.recruit{
  margin:0 50px;
}
.recruit_ul{
  margin-left:30px;
  margin-bottom:30px;
}
.recruit_ul li{
  list-style-type: none;
}
.recruit_ul li a{
  padding:3px;
  text-decoration: underline;
  margin:0 3px;
}
.recruit_ul li a:hover{
  background-color: var(--orange-color);
}
.rec_table{
  width:80%;
  max-width: 800px;
  margin:20px auto;
}
.rec_table th,.rec_table td{
  padding:5px;
  border:1px solid var(--brown-color);
  vertical-align: top;
}
.rec_table th{
  background-color: var(--orange-color);
  width:30%;
}
.rec_table td{
  width:70%;
}
.rec_table textarea{
	width:90%;
	height:15rem;
	}
input[type="text"] ,input[type="email"] {
	width:70%;
}
.exam-buttom {
    width: 200px;
    height: 50px;
    font-size: 120%;
    margin: 5px 20px;
}
.pc{
	background-color: var(--orange-color);
}

/* 2022.08追加 */
div.contents .reference h2{
  margin-top:50px !important;
}
.recruit .job:first-of-type{
  margin-top:30px;
}
.recruit_ul li{
  list-style:inside;
}
.recruit .account ul li{
  list-style:none;
}
.recruit .indent{
  margin-left:3%;
}

.contact{
  max-width:75%;
  border:1px dotted var(--lightgray-color);
  margin:10px 0 10px auto;
  padding:2px 2px 0 1rem;
  box-shadow:0 3px 5px rgb(0 0 0 / 22%);
}
.contact .flex{
  display:flex;
  justify-content:space-around;
  align-items: flex-end;
}
.contact .flex ul li{
  list-style:none;
}
.contact .flex ul li.sub{
  margin-left:20px;
}
.contact .mascot{
  text-align:right;
}
.contact .mascot small{
  font-size:1.25rem;
}

.reference ul li{
  margin-left:35px;
}

.reference .sub-title{
  font-size:1.75rem;
}

/*mobile*/
@media screen and (max-width:800px) {
div.recruit{
  margin:0;
}
/*2022.08追加*/
.contact{
  width:80%;
  margin:10px auto;
}
.contact .flex{
  display: block;
}
.contact .mascot{
  text-align:right;
}
.reference .sub-title{
  font-size:1.5rem;
}
}

@media screen and (max-width:767px){
  .contact{
    width:95%;
  }
  .contact div .mascot{
    display:block;
    text-align: right;
  }
}