@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  outline: none;
  font-family: sans-serif;
}

a {
  text-decoration: none;
}

img {
  user-select: none;
}

#contents {
  width: 100%;
}
#wrapper {
  position: relative;
  width: 1235px;
  margin: 0 auto;
}

#header {
  width: 100%;
}

.toph1 {
  background: #E5007F;
}

.toph2 {
  margin: 20px 0 20px;
  text-align: center;
}

h1.h1_part {
  margin-left: 206px;
  padding: 7px 0;
  font-size: 12px;
  color: #fff;
  font-weight: normal;
}


.logo {
  margin-left: 200px;
}

.osae {
  position: relative;
}

.osae_text {
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  font-size: 21.89px;
  line-height: 46.79px;
  letter-spacing: 7px;
  color: #E5007F;
}

.check_marker {
	background-image: linear-gradient(transparent 50%, #F9F493 50%);
}

#map {
  position: relative;
  font-size: 22px;
}

#map p {
  position: absolute;
}

#map a {
  color: #E5007F;
  font-size: 21px;
  transition: all 0.1s;
}

#map a:hover {
  font-size: 24px;
  font-weight: bold;
}

.hokkaido {top: 212px;right: 657px;}
.miyagi {top: 212px;right: 577px;}
.tokyo {top: 505px;left: 790px;}
.totigi {top: 505px;left: 868px;}
.kanagawa {top: 540px;left: 768px;}
.saitama {top: 540px;left: 868px;}
.aiti {top: 613px;left: 500px;}
.osaka {top: 580px;left: 500px;}
.hyogo {top: 615px;left: 415px;}
.kyoto {top: 580px;left: 415px;}
.fukuoka {top: 452px;left: 190px;}
.kumamoto {top: 452px;left: 275px;}

.bosyu_title {
  width: 100%;
  text-align: center;
  padding-top: 40px;
  font-size: 29.25px;
  letter-spacing: 3px;
  color: #626262;
}

.map_title {
  position: absolute;
  top: 145px;
  left: 312px;
  font-size: 29.25px;
  line-height: 37.05px;
  letter-spacing: 3px;
  color: #E5007F;
}

.opening {
  position: absolute;
  top: 680px;
  left: 0;
  right: 0;
  margin: auto;
  width: 603px;
  height: 201px;
  z-index: 20;
}

#map .opening p a {
  position: relative;
  top: 70px;
  left: 160px;
  font-size: 28px;
  color: #E5007F;
  transition: all 0.1s;
}

#map .opening p a:hover{
  top: 70px;
  left: 150px;
  font-size: 30px;
}

#job_search {
  position: relative;
  width: 100%;
  height: 400px;
}

#job_search ul {
  display: flex;
  justify-content: space-between;
  width: 800px;
  margin: 0 auto;
  padding-top: 50px;
  list-style: none;
}

#job_search ul li {
}

#job_search ul li a{
  display: block;
  width: 150px;
  padding: 20px 0;
  font-size: 18px;
  letter-spacing: 1.5px;
  text-align: center;
  color: #fff;
  background: #E5007F;
  transition: all 0.3s;
}

.job_big {
  width: 370px !important;
}

#job_search ul li a:hover {
  font-weight: bold;
  color: #E5007F;
  background: #F6F1BA;
}

#koko {
  position: relative;
}

.koko_title {
  position: absolute;
  top: 120px;
  left: 470px;
  font-size: 29.25px;
  color: #626262;
  letter-spacing: 3px;
}

.koko_head1,.koko_head2,.koko_head3 {
  position: absolute;
}

.koko_head1 {top:190px;left:205px;}
.koko_head2 {top:190px;left:485px;}
.koko_head3 {top:190px;left:765px;}

.koko_point {
  position: absolute;
  font-size: 14.95px;
  line-height: 25px;
  letter-spacing: 2px;
  color: #626262;
  text-align: center;
}

.koko_point1 {top: 390px;left: 230px;}
.koko_point2 {top: 390px;left: 510px;}
.koko_point3 {top: 390px;left: 780px;}

.koko_koe_title {
  position: absolute;
  top: 600px;
  left: 228px;
  font-size: 29.25px;
  line-height: 37.05px;
  letter-spacing: 3px;
  color: #FFF;
}

.koko_koe_headline {
  position: absolute;
  top: 610px;
  left: 490px;
  font-size: 23.4px;
  letter-spacing: 3px;
  color: #E5007F;
}

.koko_koe_text {
  position: absolute;
  width: 500px;
  top: 660px;
  left: 490px;
  font-size: 16.9px;
  letter-spacing: 3px;
  line-height: 26px;
  color: #626262;
  justify-content: space-between;
}

#osigoto {
  position: relative;
  height: 1700px;
}

.a_link_btn {
  width: 316px;
  height: 56px;
  background: url(../images/baito_link_btn.png);
  transition: all 0.3s;
}

.a_link_btn:hover {
  background: url(../images/baito_link_btn_hover.png);
}

.a_hole_link {
  position: absolute;
  top: 315px;
  left: 0;
  right: 0;
  margin: auto;
}

.a_subjob_link {
  position: absolute;
  top: 405px;
  left: 0;
  right: 20px;
  margin: auto;
}

.job_prelusion1,.job_prelusion2,.job_prelusion3,.job_prelusion4 {
  position: absolute;
}

.job_prelusion1 {top: 540px;left: 210px;}

.job_prelusion2 {top: 540px;left: 630px;}

.job_prelusion3 {top: 1080px;left: 210px;}

.job_prelusion4 {top: 1080px;left: 630px;}

.job_prelusion_title {
  position: absolute;
  width: 312px;
  top: 34px;
  left: 34px;
  padding:  10px 0;
  font-size: 25px;
  line-height: 28px;
  color: #FFF;
  background: #E5007F;
  text-align: center;
}

.job_prelusion_text {
  position: absolute;
  width: 340px;
  top: 300px;
  left: 0;
  right: 16px;
  margin: auto;
  letter-spacing: 1px;
  line-height: 26px;
  color: #626262;
  text-align: justify;
}

.slider ul li {
  position: relative;
}

.slider_title {
  position: absolute;
  width: 370px;
  top: 35px;
  left: 70px;
  padding:  8px ;
  font-size: 25px;
  color: #FFF;
  background: #E5007F;
  text-align: center;
}

.slider_headline {
  position: absolute;
  top: 115px;
  left: 80px;
  font-size: 25px;
  color: #E5007F;
}

.slider_text {
  position: absolute;
  top: 160px;
  left: 80px;
  width: 380px;
  letter-spacing: 3px;
  line-height: 26px;
  color: #626262;
  justify-content: space-between;
}

#footer {
  position: relative;
  width: 1235px;
  height: 84px;
  background: #EEEBDA;
  text-align: center;
}

.footer_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.search_btn {
  position: fixed;
  bottom: 160px;
  right: 20px;
  width: 128px;
  height: 124px;
  margin-bottom: 10px;
  background: url(../images/syain_btn.png);
  transition: all 0.3s;
  z-index: 100;
}

.search_btn:hover {
  background: url(../images/syain_btn2.png);
}

.bosyu_btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 128px;
  height: 124px;
  margin-bottom: 10px;
  background: url(../images/bosyu_btn.png);
  transition: all 0.3s;
  z-index: 100;
}

.bosyu_btn:hover  {
  background: url(../images/bosyu_btn2.png);
}

/* slider */

.slider {
  position: absolute;
  top: 100px;
  left: 214px;
  width: 827px;
  height: 293px;
}

.feed-prev-btn {
  position: absolute;
  top: 120px;
  left: -40px;
  z-index: 20;
  width: 25px;
  height: 38px;
  background-image: url(../images/slider_prev.jpg);
  background-repeat: no-repeat;
}

.feed-next-btn {
  position: absolute;
  top: 120px;
  right: -40px;
  z-index: 20;
  width: 25px;
  height: 38px;
  background-image: url(../images/slider_next.jpg);
  background-repeat: no-repeat;
}

.feed-prev-btn .bx-prev {
  opacity: 0;
  display: block;
  padding: 9px 0;
}

.bx-prev a {
  height: 37px !important;
}

.feed-next-btn .bx-next {
  opacity: 0;
  display: block;
  padding: 9px 0;
}


/* branch ----------*/
h1.h1_branch {
  margin-bottom: 10px;
  font-size: 12px;
  color: #000;
  font-weight: normal;
}

#branch_main {
  position: relative;
  display: -wabkit-flex;
  display: flex;
  width: 1236px;
  margin: 80px auto 0;
}

.branch_syain,.branch_part {
  position: relative;
}

.syain_screen,.part_screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 618px;
  height: 530px;
  opacity: 0;
  transition: all 0.3s;
  background: #000;
  z-index: 10;
}

.syain_screen:hover,.part_screen:hover {
  opacity: 0.4;
}

.index_logo {
  position: absolute;
  top: -85px;
  left: 0;
  right: 0;
  width: 392px;
  height: 237px;
  margin: auto;
  z-index: 50;
}

.branch_syain a:hover > .syain_btn,.branch_part a:hover > .part_btn {
  background: #ED008C;
}

.branch_syain a..branch_part a {
  width: 100%;
  height: 100%;
}

.index_map {
  margin-top: 100px;
}

.index_osae {
  width: 800px;
  margin: 100px auto 0;
}

.index_osae p {
  font-size: 20px;
  line-height: 42px;
  letter-spacing: 0.2em;
  color: #707070;
}

.index_text_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
          justify-content: space-between;
  width: 1100px;
  margin: 0 auto 100px;
}
.index_text_box {
  width: 536px;
  background: #F4F0D7;
  padding: 45px 0px;
}
.index_text_headline {
  margin-bottom: 40px;
  font-size: 23px;
  letter-spacing: 0.1em;
  font-weight: bolder;
  text-decoration: underline;
  color: #626262;
  text-align: center;
}
.index_text_main {
  width: 470px;
  margin: 0 auto;
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 39px;
  color: #626262;
  text-align: left;
  text-align: justify;
  text-justify: inter-ideograph;
}


.link_text {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: left;
}

.syain_btn {
  background: #0080A3;
}

.part_btn {
  background: #F7B52B;
}

.syain_btn,.part_btn {
  display: -wabkit-flex;
  display: flex;
  -wabkit-align-items: center;
  align-items: center;
  -wabkit-justify-content: center;
  justify-content: center;
  position: absolute;
  position: relative;
  width: 618px;
  height: 53px;
  transition: all 0.3s;
}

#footer {
  width: 1236px;
  height: 72px;
  font-size: 13px;
  letter-spacing: 1px;
  background: #DBDBDC;
}

#footer a {
  color: #000;
}

.copylight {
  padding-top: 15px;
}