@charset "sjis";
.sp {
  display: none;
}
.pc {
  display: block;
}

#info_job-hero .info_job-copy{
	top:210px;
}
#info_job-hero .info_job-copy h5{
	color: white;
    border: 1px white solid;
    padding: 5px 30px 0 30px;
    margin: 0px;
    display: inline;
	font-size: clamp(21px, 3.6vw, 38px);
}

iframe.ymovie {
	max-width: 560px;
    width: 100%;
    aspect-ratio: 16 / 9;
}
ul.ullink {
    max-width: 1200px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
}
ul.ullink li{
	list-style: none;
    width: 49%;
    margin-bottom: 15px;
}
ul.ullink li a{
	width: 100%;
    padding: 30px 0px 30px 0px !important;
}
ul.ullink li a img.ulink_bnr{
	width: 100%;
}

ul.ullink li a span{
	color: gold;
    font-size: 0.9em;
    display: block;
    max-width: 86%;
    text-align: center;
    margin: 10px auto 0 auto;
}

div.link-corp{
	background-color: #e2eddf;
    padding-bottom: 80px;
    margin: 60px auto -79px auto;
}
div.link-corp_area{
	max-width: 1200px;
    margin: auto;
}
div.link-corp_area h2.red-border::before {
	border-bottom: solid 3px #5e9699 !important;
}

div.link-corp ul li a {
	background-color: #5e9699 !important;
}
div.link-corp ul li a:hover {
	background-color: #fff !important;
	text-decoration: none;
    color: #5e9699 !important;
    border: solid 1px #5e9699 !important;
}

div.link-event{
	background-color: #dfeaed;
    padding-bottom: 80px;
    margin: 60px auto -79px auto;
}
div.link-event_area{
	max-width: 1200px;
    margin: auto;
}
div.link-event_area h2.red-border::before {
	border-bottom: solid 3px #5e9699 !important;
}

div.link-event ul li a {
	background-color: #5e7899 !important;
}
div.link-event ul li a:hover {
	background-color: #fff !important;
	text-decoration: none;
    color: #5e7899 !important;
    border: solid 1px #5e7899 !important;
}
div.link-event ul li a:hover span{
	color: #5e7899;
}
a.icon-arrow{
	position: relative;
}
a.icon-arrow:after {
	position: absolute;
	top: 40%;
	right: 15px;
}
div.link-event ul li a span{
	color: #fff;
	display: block;
	margin-top: 10px;
	font-size: 0.7em;
}


/* --------------------------------------------------
-----------------------------------------------------
window size 1199
-----------------------------------------------------
-------------------------------------------------- */
@media screen and (max-width: 1199px) {
	#info_job-hero .info_job-copy{
		top:170px;
		font-size: 1.9em;
	}
    #recruit-info .link-corp_area {
        margin: 0 3%;
    }
	 #recruit-info .link-event_area {
        margin: 0 3%;
    }
	div.link-corp{
		margin-bottom: -60px;
	}
	div.link-event{
		margin-bottom: -60px;
	}
}

/* --------------------------------------------------
-----------------------------------------------------
window size 600
-----------------------------------------------------
-------------------------------------------------- */
@media screen and (max-width:600px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
  #recruit-info p{
	text-align: left;
  }
  ul.ullink {

  }
  ul.ullink li{
	  width: 100%;
  }
  ul.ullink li a{
  }
}