@charset "utf-8";

body:not(#top) section#mv {
  background-image: url(../img/bg_mv.jpg);
}

#rcrt > div > h3,
section > div > h3 {
  margin: 0 auto 60px;
  text-align: left;
}
section > div > dl.flx {
  border-top: 1px solid #CCC;
}
section > div > dl.flx > * {
  width: 270px;
  margin: 0;
  padding: 16px 0;
  border-bottom: 1px solid #CCC;
  text-align: left;
}
section > div > dl.flx > *.b_nn {
  border-bottom: none;
}
section > div h5{
margin: 0 auto 26px;
    color: #021d4b;
    font-size: min(4.6vw, 1.2rem);
    line-height: 1.4;
    text-align: left;
}

#rcrt > div > dl > dd {
  width: calc(100% - 270px);
}

#rcrt > div > dl > dd > dl > * {
  width: 180px;
  margin: 0;
  padding: 16px 0;
  border-bottom: 1px solid #CCC;
  text-align: left;
}

#rcrt > div > dl > dd.flx {
  align-items: flex-end;
  gap: 0 2%;
  justify-content: flex-start;
}
#rcrt > div > dl > dd img {
  max-width: 400px;
}
#rcrt > div > dl > dd > ol.km.ttl {
  margin: 0 auto 3px 2rem;
}
#rcrt > div > dl > dd > ol.km.ttl li:before {
  content: '■ ';
}
#rcrt > div > dl > dd > dl > dd {
  width: calc(100% - 180px);
}

#rcrt > div > dl > dd > dl > dt:last-of-type,
#rcrt > div > dl > dd > dl > dd:last-of-type{
  border-bottom: none;
}

#rcrt > div > dl > dd > ol > li > dl > dd {
  width: calc(100% - 100px);
}

#rcrt > div > dl > dd table{
  width: 100%;
  margin: 6px auto 0;
}
#rcrt > div > dl > dd table tr > *{
  padding: 6px 1vw;
  background: #fff;
  border: 1px solid #999;
  text-align: center;
}
#rcrt > div > dl > dd table tr > th {
  background: #e6e6e6;
}
#rcrt > div > dl > dd ol > li {
  margin: 0 auto 9px;
}
#rcrt > div > ul.flx {
  width: 96%;
  margin: 0 auto 30px;
}
#rcrt > div > ul.flx > li {
  width: 14vw;
  max-width: 180px;
  padding: 10px 0;
  border: 2px solid #021d4b;
  position: relative;
}
#rcrt > div > ul.flx > li:nth-child(n+1):nth-child(-n+4):after {
  content:"\02192" ;
  font-size: 1.5rem;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(-0%, -50%);
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
}

main p {
  margin: 0 auto 30px;
  text-align: left;
}

#bx_tb_r {
  border-bottom: 3px solid #021d4b;
}
#bx_tb_r ul {
  margin: 0 auto;
  padding: 60px 0 0;
  display: flex;
  justify-content: space-around;
}
#bx_tb_r li {
  width: 22vw;
  max-width: 230px;
  margin: 0;
}
#bx_tb_r li a {
  padding: 10px 1%;
  background: #b3b3b3;
  color: #fff;
/*  display: block;*/
  font-size: min(3.4vw, .9rem);
  font-weight: 900;
  text-decoration: none;
  word-break: keep-all;
	
  min-height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;  
}
#main #bx_tb_r li.on a,
#main #bx_tb_r li a:hover {
  background: #021d4b;
}

section img.bnrwdh{
  width: 60%;
}

section ul.none,
section ol.none {
  list-style-type: none;
}
section ul.brkt,
section ol.brkt {
  list-style-type: none;
  counter-reset: cnt;
  text-indent: -2.5em;
  padding-left: 2.5em;	
}
section ol.brkt li:before  {
  display: marker;
  counter-increment: cnt;
  content: "（"counter(cnt) "）";
}

section .mT10 {
  margin-top: 10px !important;
}
section .mL10 {
  margin-left: 10px !important;
}
	

@media (max-width: 1100px) {

  #srvc ul dl.flx > dt {
    width: 50%;
    overflow: hidden;
    position: relative;
    background: url(../../img/top/srvc1.jpg) no-repeat center 0;
    z-index: 3;
    background-size: cover;
  }
  #srvc ul li:nth-child(2) dl.flx > dt {
    background-image: url(../../img/top/srvc2.jpg);
  }
  #srvc ul li:nth-child(3) dl.flx > dt {
    background-image: url(../../img/top/srvc3.jpg);
  }
  #srvc ul dl.flx > dt > img {
    position: fixed;
    z-index: -5;
  }
}


@media (max-width: 770px) {
  section#mv > ul#mvbg + ul > li:nth-child(2) {background-size: auto 55%;}
  section#mv > ul#mvbg + ul > li:nth-child(3) {background-size: auto 47%;}
  section#mv > ul#mvbg + ul > li:nth-child(4) {background-size: auto 46%;}

  section#mv > ul#mvbg + ul > li:nth-child(2) div,
  section#mv > ul#mvbg + ul > li:nth-child(3) div,
  section#mv > ul#mvbg + ul > li:nth-child(4) div {
    align-items: self-start;
  }
  section#mv > ul#mvbg + ul > li p {font-size: min(6vw, 3.6rem);}
  section#mv > ul#mvbg + ul > li:nth-child(2) p {
    margin: 23vh 0 0;
    padding: 0 56% 0 0;
  }
  section#mv > ul#mvbg + ul > li:nth-child(3) p {
    margin: 23vh 0 0;
    padding: 0 0 0 42%;
  }
  section#mv > ul#mvbg + ul > li:nth-child(4) p {
    margin: 21vh 0 0;
    padding: 0 42% 0 0;
  }

}


@media (max-width: 640px) {
  section#mv > div > h2 {
    background: none;
    background-position: right 23%;
  }
  #rcrt > div > h3,
  section > div > h3 {
    margin: 0 auto 39px;
    text-align: left;
    line-height: 1.2;
  }
    #rcrt > div > ul.flx > li {
    width: 96%;	
	max-width: 96%;
	margin-bottom: 40px;
  }
  #rcrt > div > ul.flx > li:nth-child(n+1):nth-child(-n+4):after {
    content:"\02193" ;
	display: block;
    font-size: 1.5rem;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 10%);
    -webkit-transform: translate(-50%, 10%);
    -ms-transform: translate(-50%, 10%);
  }

  #bx_tb_r ul {
    flex-wrap: wrap;
    gap: 3px 0;
  }
  #bx_tb_r li {
    width: 40vw;
    display: flex;
  }
  #bx_tb_r li a {
    width: 100%;
    line-height: 1.2;
  }

  section > div > dl.flx {
    display: block;
  }
  section > div > dl.flx > *,
  #rcrt > div > dl > dd,
  #rcrt > div > dl > dd > dl > dd,	
  #hstry > div > dl > dd {
    width: 100%;
  }
  section > div > dl.flx > dt {
    padding: 16px 0 0;
    border: none;
  }
	#rcrt > div > dl > dd > dl > * {
	border-bottom: none;	
  }	
	
  #rcrt > div > dl > dd a {pointer-events: none; }
  #rcrt > div > dl > dd img {
    max-width: 100%;
    width: 100%;
  }
  #rcrt > div.nst {width: 92%;}
	
  section img.bnrwdh {
    width: 100%;
  }
}