@charset "UTF-8";
/* CSS Document */
.saiyo {
  padding: 1rem;
  box-sizing: border-box
}
.saiyo h2.heading{    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #53489b;
    padding: 8px;
    border: solid 2px;
    border-left: none;
    border-right: none;
    margin: 10px auto 30px;}
div#content h3 {
  width: 100%!important;
  box-sizing: border-box;
}
div#content #business h3{
  color: #53489b;
  background:none;
  border:none;
  margin-top:0;
  padding:0;
  display: inline-block;
}
div#content #business h3 a{
  color: #53489b;
  display: inline-block;
  font-size: 1rem!important;
  color: #fff;
}
div#content #business h3{
  background: #53489b;
  color:#fff;
  padding: 4px;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  font-size: 1rem!important;
}
div#content .jobBox h3:before,
div#content #business h3:before{
  content:"";
  margin:0;
  border-left: solid 14px #fff;
  width: 10px;
  height: 14px;
  display: inline-block;
  text-align: left;
  margin-left: 8px;
  display: inline-block;
  vertical-align: -2px;
}
div#content .jobBox h3:before{
  border-color:#53489b;
  margin: 0;
}
div#content #jobMovie h3{
  background:#53489b;
  border-radius:0;
  border:none;
  font-size: 16px;
  width: 100%;
  }
div#content #jobMovie{
  padding:0;
  text-align:center;
border-color: #53489b;font-size: 14px;}
div#content #jobMovie h5{
  font-size:15px;
}
div#content #jobMovie iframe:first-child{
  margin-left:0;
margin-right: 0;}
div#content #jobMovie iframe:nth-child(2n){
  margin-right:0;
}
div#content #jobMovie iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
#side_menu .side_title a {
  color: #53489b !important
}
#side_menu .single ul {
  margin-top: 0.6rem !important;
  border-top: dotted 1px #53489b;
}
#side_menu .single > a:first-child {
  color: #53489b !important;
  font-size: 0.9rem;
}
#side_menu .single ul li {
  border-bottom: dotted 1px #53489b !important;
  list-style: disc;
  list-style-position: inside;
}
#side_menu .single ul li:first-child {
  padding-bottom: 1rem
}
#side_menu .single ul li a {
  color: #000 !important;
}
#side_menu .single ul li:last-child {
  border-bottom: none !important
}
#side_menu .single {
  padding-left: 0;
  margin-bottom: 1rem;
  border-bottom: dotted 1px #53489b;
  padding-bottom: 0;
}
.cols {
  display: block;
}
.cols > * {
  margin: 1rem
}
#occupation {
  margin: 1rem auto 4rem;
}
#occupation .caution{color: #ffbe00;text-align: center;font-size: 1rem;}
#occupation h2 {
  color: #ffbe00;
  margin-bottom: 1rem;
  letter-spacing: 5px;
  font-size: 1.1rem;
}
#occupation h2:before, #occupation h2:after, #business h2:before, #business h2:after {
  content: "";
  margin: 0 2rem;
  border: solid;
  height: 2rem;
  display: inline-flex;
  vertical-align: middle;
}
#occupation h2:before, #business h2:before {
  margin-left: 0
}
#occupation dl {
  display: block;
  margin-bottom: 2rem;
}
#occupation dt {
  background-color: #ffbe00;
  color: #fff;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin-right: 1rem; */
  font-size: 1rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  box-sizing: border-box;
}
#occupation dd {
  width: 100%;
  padding: 0;
  font-size: 14px;
}
.top_tab a{
  font-weight: 500;
  letter-spacing:0;
}
#jobs #content .saiyo{
  padding:10px;
  overflow: hidden;
}
#business {
  color: red
}
#business .cols {
  flex-wrap: wrap;
  margin: 0.5rem -0.5rem;
  margin-bottom: 1rem;
  justify-content: start;
  display: flex;
}
div#content #business .movieBtn a{
  background: #53489b;
  display: flex;
  color: #fff;
  padding:20px;
  border-radius:8px;
  align-items:center;
  justify-content: flex-start;
  max-width:300px;
  margin:0 auto 40px;
  font-weight:bold;
  font-size: 0.9rem;
}
div#content #business .movieBtn a img{
  height:50px;
  width:auto;
  margin-right:20px;
  margin-left: 0;
}
#business h2 {
  color: #53489b;
  letter-spacing: 5px;
  font-size: 1.1rem;
  /* font-weight: normal; */
}
#business .cols li {
  width: 48%;
  margin: 1%;
  margin-bottom: 0;
}
#business .cols li img {
  width: 100%;
}
#business .cols li span {
  font-size: 90%;
  color: #555;
  margin-left: 0.2rem;
}
#business .cols li a .title {
  font-size: 0.8rem;
  color: #53489b;
}
#business .cols li a .title span{
  line-height:1.4;
  display: flex;
  align-items: flex-end;
  min-height: 35px;
  vertical-align: text-bottom;
}
#business .cols li a .title span{
  font-size: 0.8rem;
}
#business .img {
  position: relative
}
#jobs div#content ul li img{
  width: 100%;
}
#business .img span {
  font-size: 80%; /* background: #53489b; */ color: #fff;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 90%;
  text-align: center;
  position: absolute;
}
#business .img small {
  font-size: 70%
}
.jobBox {
  margin-bottom: 2rem;
}
.jobBox h4{
  font-size:1rem;
}
.jobBox .btn a {
  text-align: center;
  border: solid 1px;
  padding: 1rem;
  display: block;
  width: 70%;
  color: #53489b;
  margin: auto;
  font-size: 14px;
  max-width: 300px;
}
.job_photo {}
.job_text {
  width: 90%;
  font-size: 14px;
}
.job_photo img {
  height: auto;
  width: 100%!important;
}
#business .img span {
  position: relative;
  padding: 1px 3px;
  color: #000 !important;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
  left: 0;
  right: 0;
  bottom: 25px;
  margin: auto !important;
  transition: ease-in-out 0.2s;
  background: #fff;
  width: 70%;
  z-index: 9;
  border-radius: 2px;
}
#business .img:hover span {
  background: #53489b;
  color: #fff !important
}
#business .img:hover span:after {
  border-color: #fff !important
}
#business .img span:before, #business .img span:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: none;
  vertical-align: middle;
  /* background:#fff; */
}
#business .img span:before {
  box-sizing: border-box;
  width: 15px;
  height: 15px;
  /* border: 1px solid #53489b; */
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#business .img span:after {
  left: 11px;
  width: 5px;
  height: 5px;
  border-top: 1px solid #53489b;
  border-right: 1px solid #53489b;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  bottom: 1px;
}
.jobBox h3 {
  background: none !important;
  color: #53489b !important;
  border-left: solid 3px;
  border-radius: 0 !important;
  font-size: 1rem!important;
}
.jobBox .cols {
  margin: 0.5rem -1rem
}
.jobBox .btn img {
  height: 1.6rem!important;
  vertical-align: -8px;
  width: auto!important;
  margin-right: 1rem!important;
}
.jobBox .btn a{
	position:relative;
}
.jobBox .btn a:before {
	content:"";
	position:absolute;
	padding:1rem;
	background:url(https://www.alsok-k.co.jp/img/play_movie.svg)no-repeat center;
	margin:auto;
	left:1rem;
	top:0;
	bottom:0;
}
.jobBox .btn img{
	opacity:0;
}
/*#business .img:hover span{bottom:5px}*/
.saiyo_tab4 {
    color: #53489b!important;
    font-size: 1rem;
    line-height: 3;
    text-align: center;
    width: 46%;
    border: solid 2px #53489b;
    border-radius: 10px;
    text-decoration: none;
    display: block;
    position: absolute;
    right: 51%;
    top: 115px;
}


table.offering{width:100%;border-spacing: 0;border-top:solid 3px #53489b;margin-top:1rem}
table.offering *,
table.offering a:link{
  color:#000;
}
table.offering h4 a{
  color: #53489b!important;
}
table.offering h4{color:#53489b}
table.offering th{min-width: 90px;color: #53489b;}
table.offering tr > *{padding:14px;font-size:14px;border-bottom: solid 1px #53489b;display: block;}
table.offering tr table tr > *{display:table-cell;border:none;color:#000;font-weight:normal;text-align:left;padding:0}
table.offering tr table tr > td{padding-left:2rem}
table.offering ul li{list-style:disc;margin-left:1rem}
table.offering .border-bottom{border-bottom:dashed 1px;padding:0 7px 14px;margin-bottom:14px}
#setumei a{border:solid 2px;display:block;padding:0.7rem;text-align:center;border-radius:10px;color:#ec0000;font-size:1.2rem;font-weight:bold;margin:3rem auto;transition:.2s}
#setumei a:hover{background:#ec0000;color:#fff}
#setumei a span{font-size:14px}
.saiyo .link_ttl{text-align:center}
#jobs #content .link_ttl img{
	width: 230px!important;
}
.saiyo .link_ttl h3{background:#53489b!important;color:#fff!important;text-align:center;margin:3rem 0  1rem;padding:.8rem!important;border-radius:5px!important}
.saiyo .link_ttl .btn a{display:block;text-align:center;font-size:1rem;padding:1rem;border:solid 1px;border-radius:8px;color: #53489b;}
.saiyo .link_ttl p{max-width:90%;margin:1.5rem auto;}
.saiyo .link_ttl #tel_link{font-weight:bold;}
.saiyo .link_ttl p:last-child{font-size:14px;font-weight:bold;margin-bottom:3rem}
.saiyo .link_ttl p:last-child span{/*color:#ec0000;*/font-size:1.5rem}
.saiyo .link_ttl span a{display:inline;color:inherit}
.saiyo .link_ttl p:last-child small{font-size:14px;vertical-align:middle}
.hyphen{position:relative;display: block;width: 100%;padding: 0 1.5rem;box-sizing: border-box;margin-top: 0.5rem;}
.hyphen:before,.hyphen:after{content:"ー";width:1rem;height:1rem;position:absolute;top:0;bottom:0;margin:auto;}
.hyphen:before{left:0}
.hyphen:after{right:0}

.saiyo .float_btn{text-align:center;margin:1rem}
.saiyo .float_btn a{
  display:inline-block;
  font-size: 14px;
  padding: 8px;
  line-height:1;
  border-radius: 3px;
  color: #fff!important;
  background: #1a4698;
  }


@media screen and (min-width: 768px) {
  .saiyo .link_ttl p.spTel{pointer-events: none;}
}

#pc_link {
    padding: 13px 3% 50px!important;
}

.wrapper.clearfix .top_link {
  position: fixed!important;
  bottom:0;
  right:0;
  font-size: 0.75rem;
  background-color: #f9f9f9;
  border-color: #dcdcdd;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  padding: 8px 16px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  bottom: -1px;
  right: 3%;
  z-index: 999;
}
.top_link:hover {
	text-decoration: underline;
}

.ancNav,
.related_link{
	display:flex;
	justify-content:space-between;
  margin:auto;
	margin-bottom:30px
}
.related_link{
	margin-top:40px;
}
.ancNav a,
.related_link a{
	border:solid 2px;
	box-shadow:3px 3px 0 1px;
	display: block!important;
	padding:10px;
	position:relative;
	font-weight:bold;
	color: #53489b!important;
	border-radius:0;
}
.related_link a{
	position:static;
}
.ancNav > *{
	flex-basis: calc(50% - 10px);
}
.related_link > *{
	flex-basis: calc(50% - 40px);
}
.ancNav a:before{
	content:"";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	left:auto;
	right: 10px;
	width: 5px;
	height: 5px;
	border-top: 2px solid #53489b;
	border-right: 2px solid #53489b;
	-webkit-transform: rotate(45deg);
	transform: rotate(135deg);
}