@charset "UTF-8";
/* CSS Document */
.saiyo {
  padding: 1rem!important;
  box-sizing: border-box;
  border: solid 2px #dedfe0;
}
.saiyo h2.heading{    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #53489b;
    padding: 10px;
    border: solid;
    border-left: none;
    border-right: none;
    margin: 10px auto 30px;}
div#content h3 {
  width: 100%;
  box-sizing: border-box;
  font-size: 1.15rem;
}
div#content #jobMovie h3{
  background:#53489b;
  color: #fff;
  border-radius:0;
  border:none;
}
div#content #jobMovie{
  padding:0;
  text-align:center;
}
div#content #jobMovie iframe:first-child{
  margin-left:0;
margin-right: 0;}
div#content #jobMovie span{
  display:block;
}
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;
  box-sizing: border-box;
}
#side_menu .single > ul > li:first-child {
  padding-bottom: 0rem;
  padding-left: 0;
}
#side_menu .single > ul > li:first-child {
  padding-left: 0.6rem;
}
#side_menu .single > ul > li:first-child ul{
  margin-left:-1rem;
}
#side_menu .single > ul > li:first-child ul li{
  padding-left:2rem
}
#side_menu .single > ul > li li:first-child{
  padding-bottom: 0.6rem;
}
#side_menu .single ul li ul li{
  list-style:none;
  padding-left:1rem;
}
#side_menu .single ul li ul li{
  width: 100%;
}
#side_menu .single ul li a {
  color: #000 !important;
  position: relative;
  font-size: 0.8rem;
}
#side_menu .single > ul > li{
  list-style:none;
}
#side_menu .single > ul > li > a{
  padding-left:1rem
}
#side_menu .single > ul > li > a:before{
  content: "";
  margin: 0;
  border-left: solid 0.5rem #53489b;
  height: 0.5rem;
  display: inline-block;
  position:absolute;
  left: 0rem;
  top:0;
  bottom:0;
  margin:auto;
}
#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;
  overflow: hidden;
}
.cols {
  display: flex
}
.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;
  font-size: 1.15rem;
  font-weight: 900;
}
#occupation h2:before, #occupation h2:after, 
#business h2:before, #business h2:after ,
#joken h2:before, #joken h2:after{
  content: "";
  margin: 0 1.6rem;
  border: solid;
  height: 2rem;
  display: inline-flex;
  vertical-align: middle;
}
#occupation h2:before, 
#business h2:before ,
#joken h2:before {
  margin-left: 0;
}
#joken {
  margin-top:80px;
}
#occupation dl {
  display: flex;
  margin-bottom: 2rem
}
#occupation dt {
  background-color: #ffbe00;
  color: #fff;
  width: 27%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  font-size: 1.15rem;
  font-weight: 900;
}
#occupation dd {
  width: 70%;
  padding: 1rem;
}
#business {
  color: red
}
div#content #business .movieBtn a{
  background: #53489b;
  display: flex;
  color: #fff;
  padding:20px;
  border-radius:8px;
  align-items:center;
  max-width:300px;
  margin:0 auto 40px;
  font-weight:bold;
}
div#content #business .movieBtn a img{
  height:50px;
  margin-right:20px;
}
div#content #business h3{
  color: #53489b;
  background:none;
  border:none;
  margin-top:0;
  font-size: 1rem;
  padding:0;
}
div#content #business h3 a{
  background: #53489b;
  color:#fff;
  padding:4px;
  
}
div#content #business h3{
  background: #53489b;
  color:#fff;
  padding: 4px;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
}
div#content .jobBox h3:before,
div#content #business h3:before{
  content:"";
  margin:0;
  border-left: solid 13px;
  width: 8px;
  height: 13px;
  display: inline-block;
  text-align: left;
  margin-left: 8px;
  display: inline-block;
  vertical-align: -1px;
}
div#content .jobBox h3:before{
  margin:0;
  border-left: solid 15px;
  height: 15px;
}
#business .cols {
  flex-wrap: wrap;
  margin: 0rem -0.5rem;
  margin-bottom: 1rem;
  justify-content: start;
}
#business h2,
#joken h2{
  color: #53489b;
  font-size: 1.15rem;
  font-weight: 900;
  letter-spacing: 0.3em;
}
#business .cols li {
  width: 23%;
  margin: 0 1%;
  margin-bottom: 0;
}
#business .cols li img {
  width: 100%;
  height: auto;
}
#business .cols li a:hover img{
  transform:scale(1.1);
}
#business .cols li span {
  font-size: 70%;
  color: #555;
  margin-left: 0.2rem;
}
#business a:hover .img span {
  color: #FFEB3B!important;
}
#business .cols li a .title {
  font-size: 1.1rem;
  color: #53489b;
  font-weight: 900;
  vertical-align: text-bottom;
}
#business .cols li:nth-child(n + 5) a .title span{
  margin-top:0px;
}
#business .cols li a .title span{
  line-height:1.4;
  display: flex;
  align-items: flex-end;
  min-height: 35px;
  vertical-align: text-bottom;
  margin-top:10px;
}
#business .img {
  position: relative;
  overflow: hidden;
}
#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:1.1rem;
}
.jobBox .btn a {
  text-align: center;
  border: solid 1px;
  padding: 1rem;
  display: block;
  width: 30%;
  margin-left: 60%;
  color: #53489b;
}
.job_photo {
  width: 48%;
}
.job_text {
  width: 48%
}
.job_photo img {
  height: auto;
  width: 100%
}
#business .img span {
  position: relative;
  display: inline-block;
  padding: 2px 0 2px 13px;
  color: #000 !important;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
  left: 8px;
  right: 8px;
  bottom: 35px;
  margin: auto !important;
  transition: ease-in-out 0.2s;
  background: #fff;
  width: 80%;
  border-radius: 2px;
}
#business .img:hover span{box-shadow: 0 0 5px #222;}
#business .cols li a:hover .img span {
  background: #53489b;
  /* color: #fff !important; */
}
#business .cols li a:hover span:after {
  border-color: #fff !important
}
#business .cols li a:hover,#business .cols li a:hover *{opacity:1!important}

#business .img span:before, #business .img span:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  /* background:#fff; */
}
#business .img span:before {
  box-sizing: border-box;
  width: 25px;
  height: 25px; /* 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;
}
#content .jobBox h3 {
  background: none;
  color: #53489b;
  border-left: solid 3px;
  border-radius: 0;
  border-bottom: solid 1px #474749;
  padding: 5px 15px;
}
.jobBox .cols {
  margin: 0 -1rem 0.5rem;
}
.jobBox .cols > *{
      margin-top: 0.5rem;
}
.jobBox .btn img {
  height: 1.6rem;
  vertical-align: -8px;
  margin-right: 1rem
}
.jobBox .btn img{
	height:0;
	padding:1rem;
}
.jobBox .btn img{
	background:url(https://www.kasokei.co.jp/img/play_movie.svg);
}
/*#business .img:hover span{bottom:5px;}*/
.saiyo_tab4 {
    color: #295caa!important;
    font-size: 1rem;
    line-height: 3;
    text-align: center;
    width: 46%;
    border: solid 2px #295caa;
    border-radius: 10px;
    text-decoration: none;
    display: block;
    position: absolute;
    right: 51%;
    top: 115px;
}
.tab1{width:168px;}

.new_tab {
  display:flex;
  align-items: stretch;
  position:relative;
  bottom: -2px;
  /* flex-wrap:wrap; */
  max-width: 680px;
}
.new_tab > div{
  border: solid 2px #dedfe0;
  background: #fff!important;
  color: #53489b !important;
  border-bottom: none;
  z-index: 1;
}
.new_tab > div.current{
	background:#53489b!important;
	color: #fdf005!important;
}
.new_tab > a.job1{
	background: #d20404!important;
	color:#fff!important;
}
#content .new_tab > a.job1:hover{
	color: #fdf005!important;
}
.new_tab > *{
  display:flex;
  align-items: center;
  justify-content:center;
  line-height: 1.4;
  padding: 12px 4px;
  box-sizing:border-box;
  margin-left: 9px;
  font-weight:bold;
  letter-spacing:0;
  color: #000!important;
}
.new_tab > a{
  background: linear-gradient(0deg, #ced1d3 0, #dedfe0 20%);
  position: relative;
  z-index: 0;
  border-bottom: solid 2px #dedfe0;
  color: #474749!important;
}
#content .new_tab > a:hover{
color:#53489b!important;
}


table.offering{width:100%;border-spacing: 0;border-top:solid 3px #53489b;margin-top:1rem;}
table.offering h4{color:#53489b;}
table.offering th{min-width: 100px;color: #53489b;border-right: solid 1px;}
table.offering tr > *{padding:1rem;font-size:1rem;border-bottom: solid 1px #53489b;}
table.offering tr table tr > *{border:none;padding:0;font-weight:normal;text-align:left;color:#000;}
table.offering * {
  color:#000;
}
table.offering tr td b{
	color:#53489b;
}
table.offering tr table tr td{padding-left: 3rem;}
table.offering ul li{list-style:disc;margin-left:1rem;}
table.offering .border-bottom{border-bottom:dashed 1px;padding:0 0.5rem 1rem;margin-bottom:1rem;}
#setumei a{border:solid 2px;display:block;padding:0.7rem;text-align:center;border-radius:10px;color:#ec0000;font-size:1.5rem;font-weight:bold;margin:3rem auto;transition:.2s}
#setumei a:hover{background:#ec0000;color:#fff;}
#setumei a span{font-size:1rem;}
.saiyo .link_ttl{text-align:center;}
.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:400px;margin:2rem auto;}
.saiyo .link_ttl #tel_link{font-weight:bold;}
.saiyo .link_ttl p:last-child{font-size:1.1rem;font-weight:bold;}
.saiyo .link_ttl p:last-child span{/* color:#ec0000; */font-size:1.5rem;}
.saiyo .link_ttl p:last-child small{font-size:14px;vertical-align:middle;}

.saiyo .float_btn{
      float: right;
    margin-top: -0.5rem;
    margin-right: -1rem;
}
.saiyo .gyomu_btn{
	float: none;
    margin: auto;
    margin-top: 0.5rem;
    display: inline-block;
}
.saiyo .float_btn a,
.saiyo .gyomu_btn a{
  display:block;
  font-size: 14px;
  padding: 5px;
  line-height:1;
  border-radius: 3px;
  color: #fff;
  background: #53489b;
  }

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


.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;
	padding:10px;
	position:relative;
	font-weight:bold;
	color:#53489b;
	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: 10px;
	height: 10px;
	border-top: 2px solid #53489b;
	border-right: 2px solid #53489b;
	-webkit-transform: rotate(45deg);
	transform: rotate(135deg);
}
table.offering h4 a {
    color: #53489b!important;
    display: inline;
}
table.offering td b{
	color: #53489b;
}