@charset "UTF-8";
/*

RECRUIT

*/
/* Vendor */
/* Variable */
/*

breakpoints

*/
/*

base color

*/
/*

text color

*/
/*

table color

*/
/*

button color

*/
/*

width

*/
/*

webfonts

*/
/* Mixin */
/*

clearfix

*/
/*

メディアクエリ

ブレークポイント定義
```sass
$breakpoints:(
	tablet: 959px,
	sp: 679px
);
```

● max-widthで指定する
```sass
@include mq(sp) {
	height:40px;
}
```
```output css
@media screen and (max-width: 679px) {
	height: 40px;
}
```

● 範囲指定する場合は、引数に2つ入れる
```sass
@include mq(sp tablet) {
	height:40px;
}
```
```output css
@media screen and (min-width: 680px) and (max-width: 959px) {
	height: 40px;
}
```

● min-widthで指定する場合は第2引数をtrueにする
```sass
@include mq(tablet, true) {
	height:40px;
}
```
```output css
@media screen and (min-width: 960px) {
	height: 40px;
}
```

*/
/* Function */
body.recruit {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

body.recruit p {
  line-height: 2.3;
}

@media screen and (max-width: 991px) {
  body.recruit p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

body.recruit h3 {
  font-size: 26px;
  font-size: 2.6rem;
}

@media screen and (max-width: 991px) {
  body.recruit h3 {
    font-size: 20px;
    font-size: 2rem;
    padding-bottom: 20px;
  }
}

body.recruit .mv.blue {
  background-image: url("../../images/recruit/bg_01.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

body.recruit .mv.blue .mv__contents {
  height: 26%;
}

body.recruit .mv.blue .mv__contents .mv__contents__title h1 {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

@media screen and (max-width: 575px) {
  body.recruit .mv.blue {
    background-image: url("../../images/recruit/bg_01_sp.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

body.recruit .toggle {
  cursor: pointer;
}

body.recruit .toggle__head .copy > * {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 25px;
  height: 25px;
  background-color: #fff;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  body.recruit .toggle__head .copy > * {
    width: 20px;
    height: 20px;
  }
}

body.recruit .toggle__head .copy .toggle__icon::before {
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  background-color: #1541a2;
}

body.recruit .toggle__head .copy .toggle__icon::after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background-color: #1541a2;
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}

body.recruit .is_open .toggle__head {
  position: relative;
}

body.recruit .is_open .toggle__head .copy .toggle__icon::after {
  width: 0;
  height: 0;
}

body.recruit .veteri_recruit {
  position: relative;
  margin-bottom: 80px;
  margin-top: 30px;
}

@media screen and (max-width: 575px) {
  body.recruit .veteri_recruit {
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 30px;
    background-color: rgba(199, 232, 250, 0.2);
  }
}

body.recruit .veteri_recruit .wrapper {
  position: relative;
}

body.recruit .veteri_recruit .wrapper::after {
  content: "";
  width: 95%;
  height: 90%;
  position: absolute;
  top: -2%;
  left: 10%;
  background-color: rgba(199, 232, 250, 0.2);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  z-index: -1;
}

@media screen and (max-width: 575px) {
  body.recruit .veteri_recruit .wrapper::after {
    display: none;
  }
}

body.recruit .veteri_recruit .wrapper .title_blueline h2 {
  padding: 0 48px;
}

@media screen and (max-width: 991px) {
  body.recruit .veteri_recruit .wrapper .title_blueline h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}

@media screen and (max-width: 575px) {
  body.recruit .veteri_recruit .wrapper .title_blueline h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}

body.recruit .veteri_recruit .wrapper .title_blueline h2::before, body.recruit .veteri_recruit .wrapper .title_blueline h2::after {
  width: calc(65% - 260px);
  max-width: 310px;
}

@media screen and (max-width: 1199px) {
  body.recruit .veteri_recruit .wrapper .title_blueline h2::before, body.recruit .veteri_recruit .wrapper .title_blueline h2::after {
    width: calc(60% - 270px);
  }
}

@media screen and (max-width: 991px) {
  body.recruit .veteri_recruit .wrapper .title_blueline h2::before, body.recruit .veteri_recruit .wrapper .title_blueline h2::after {
    width: calc(60% - 240px);
  }
}

@media screen and (max-width: 767px) {
  body.recruit .veteri_recruit .wrapper .title_blueline h2::before, body.recruit .veteri_recruit .wrapper .title_blueline h2::after {
    width: calc(60% - 220px);
    min-width: 90px;
  }
}

@media screen and (max-width: 575px) {
  body.recruit .veteri_recruit .wrapper .title_blueline h2::before, body.recruit .veteri_recruit .wrapper .title_blueline h2::after {
    width: calc(60% - 135px);
    min-width: 15%;
    max-width: 150px;
  }
}

body.recruit .veteri_recruit .wrapper .contents {
  width: 100%;
  margin-top: 20px;
  padding: 0 35px;
  padding-bottom: 50px;
}

@media screen and (min-width: 576px) {
  body.recruit .veteri_recruit .wrapper .contents {
    background-color: #fff;
  }
}

@media screen and (max-width: 575px) {
  body.recruit .veteri_recruit .wrapper .contents {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 10px;
  }
}

body.recruit .veteri_recruit .wrapper .contents__about {
  padding-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 575px) {
  body.recruit .veteri_recruit .wrapper .contents__about {
    display: block;
    padding-top: 0;
  }
}

body.recruit .veteri_recruit .wrapper .contents__about p {
  width: 60%;
  padding-right: 15px;
}

@media screen and (max-width: 575px) {
  body.recruit .veteri_recruit .wrapper .contents__about p {
    width: 100%;
    padding-right: 0;
    padding-bottom: 20px;
  }
}

body.recruit .veteri_recruit .wrapper .contents__about .recruit_img01 {
  width: 40%;
  padding-left: 15px;
}

@media screen and (max-width: 575px) {
  body.recruit .veteri_recruit .wrapper .contents__about .recruit_img01 {
    width: 100%;
    padding-left: 0;
  }
}

body.recruit .veteri_recruit .wrapper .contents__about .recruit_img01 img {
  width: 100%;
}

body.recruit .veteri_recruit .wrapper .contents__meet, body.recruit .veteri_recruit .wrapper .contents__woman {
  padding-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media screen and (max-width: 575px) {
  body.recruit .veteri_recruit .wrapper .contents__meet, body.recruit .veteri_recruit .wrapper .contents__woman {
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 40px 0;
  }
}

body.recruit .veteri_recruit .wrapper .contents__meet__text, body.recruit .veteri_recruit .wrapper .contents__woman__text {
  width: 65%;
  padding-left: 15px;
}

@media screen and (max-width: 575px) {
  body.recruit .veteri_recruit .wrapper .contents__meet__text, body.recruit .veteri_recruit .wrapper .contents__woman__text {
    width: 100%;
    padding-left: 0;
    padding-bottom: 20px;
  }
}

body.recruit .veteri_recruit .wrapper .contents__meet__text h3, body.recruit .veteri_recruit .wrapper .contents__woman__text h3 {
  color: #1541a2;
}

body.recruit .veteri_recruit .wrapper .contents__meet .recruit_img02, body.recruit .veteri_recruit .wrapper .contents__meet .recruit_img04, body.recruit .veteri_recruit .wrapper .contents__woman .recruit_img02, body.recruit .veteri_recruit .wrapper .contents__woman .recruit_img04 {
  width: 35%;
  padding-right: 15px;
}

@media screen and (max-width: 575px) {
  body.recruit .veteri_recruit .wrapper .contents__meet .recruit_img02, body.recruit .veteri_recruit .wrapper .contents__meet .recruit_img04, body.recruit .veteri_recruit .wrapper .contents__woman .recruit_img02, body.recruit .veteri_recruit .wrapper .contents__woman .recruit_img04 {
    width: 100%;
    padding-right: 0;
  }
}

body.recruit .veteri_recruit .wrapper .contents__meet .recruit_img02 img, body.recruit .veteri_recruit .wrapper .contents__meet .recruit_img04 img, body.recruit .veteri_recruit .wrapper .contents__woman .recruit_img02 img, body.recruit .veteri_recruit .wrapper .contents__woman .recruit_img04 img {
  width: 100%;
}

body.recruit .veteri_recruit .wrapper .contents__skill {
  padding-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 575px) {
  body.recruit .veteri_recruit .wrapper .contents__skill {
    display: block;
    padding-top: 0;
  }
}

body.recruit .veteri_recruit .wrapper .contents__skill__text {
  width: 65%;
  padding-right: 15px;
}

@media screen and (max-width: 575px) {
  body.recruit .veteri_recruit .wrapper .contents__skill__text {
    width: 100%;
    padding-right: 0;
    padding-bottom: 20px;
  }
}

body.recruit .veteri_recruit .wrapper .contents__skill__text h3 {
  color: #1541a2;
}

body.recruit .veteri_recruit .wrapper .contents__skill .recruit_img03 {
  width: 35%;
  padding-left: 15px;
}

@media screen and (max-width: 575px) {
  body.recruit .veteri_recruit .wrapper .contents__skill .recruit_img03 {
    width: 100%;
    padding-left: 0;
  }
}

body.recruit .veteri_recruit .wrapper .contents__skill .recruit_img03 img {
  width: 100%;
}

body.recruit .veteri_recruit .wrapper .btn_recruit {
  background-color: #1541a2;
}

body.recruit .veteri_recruit .wrapper .btn_recruit a {
  color: #01275A;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

body.recruit .veteri_recruit .wrapper .btn_recruit a:hover {
  color: #fff;
  background-color: #1541a2;
}

body.recruit .veteri_recruit .wrapper .btn_recruit a:hover::after {
  opacity: 0;
}

body.recruit .veteri_recruit .wrapper .btn_recruit a:hover .arrow_cta {
  background: #fff;
}

body.recruit .veteri_recruit .wrapper .btn_recruit a:hover .arrow_cta::before {
  background: #fff;
}

body.recruit .veteri_recruit .wrapper .btn_recruit a::after {
  background-color: #fff;
}

body.recruit .veteri_recruit .wrapper .btn_recruit a .arrow_cta {
  background: #01275A;
}

body.recruit .veteri_recruit .wrapper .btn_recruit a .arrow_cta::before {
  background: #01275A;
}

body.recruit .animal_nurse_recruit {
  position: relative;
  margin-bottom: 80px;
}

@media screen and (max-width: 575px) {
  body.recruit .animal_nurse_recruit {
    background-color: rgba(242, 156, 159, 0.2);
    padding-bottom: 30px;
  }
}

body.recruit .animal_nurse_recruit .wrapper {
  position: relative;
}

body.recruit .animal_nurse_recruit .wrapper::after {
  content: "";
  width: 95%;
  height: 78%;
  position: absolute;
  top: -2%;
  right: 10%;
  background-color: rgba(242, 156, 159, 0.2);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  z-index: -1;
}

@media screen and (max-width: 575px) {
  body.recruit .animal_nurse_recruit .wrapper::after {
    display: none;
  }
}

body.recruit .animal_nurse_recruit .wrapper .title_blueline h2 {
  color: #E5004F;
}

@media screen and (max-width: 991px) {
  body.recruit .animal_nurse_recruit .wrapper .title_blueline h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}

@media screen and (max-width: 575px) {
  body.recruit .animal_nurse_recruit .wrapper .title_blueline h2 {
    font-size: 20px;
    font-size: 2rem;
    padding: 20px 26px;
  }
}

body.recruit .animal_nurse_recruit .wrapper .title_blueline h2::before, body.recruit .animal_nurse_recruit .wrapper .title_blueline h2::after {
  width: calc(65% - 260px);
  max-width: 270px;
  border-top: solid 1px #E5004F;
  border-bottom: solid 1px #E5004F;
}

@media screen and (max-width: 1199px) {
  body.recruit .animal_nurse_recruit .wrapper .title_blueline h2::before, body.recruit .animal_nurse_recruit .wrapper .title_blueline h2::after {
    width: calc(60% - 315px);
  }
}

@media screen and (max-width: 991px) {
  body.recruit .animal_nurse_recruit .wrapper .title_blueline h2::before, body.recruit .animal_nurse_recruit .wrapper .title_blueline h2::after {
    width: calc(60% - 270px);
    min-width: 80px;
  }
}

@media screen and (max-width: 767px) {
  body.recruit .animal_nurse_recruit .wrapper .title_blueline h2::before, body.recruit .animal_nurse_recruit .wrapper .title_blueline h2::after {
    width: calc(60% - 245px);
    min-width: 80px;
  }
}

@media screen and (max-width: 575px) {
  body.recruit .animal_nurse_recruit .wrapper .title_blueline h2::before, body.recruit .animal_nurse_recruit .wrapper .title_blueline h2::after {
    width: calc(60% - 150px);
    min-width: 8%;
    max-width: 150px;
  }
}

body.recruit .animal_nurse_recruit .wrapper .contents {
  width: 100%;
  margin-top: 20px;
  padding: 0 35px;
  padding-bottom: 50px;
}

@media screen and (min-width: 576px) {
  body.recruit .animal_nurse_recruit .wrapper .contents {
    background-color: #fff;
  }
}

@media screen and (max-width: 575px) {
  body.recruit .animal_nurse_recruit .wrapper .contents {
    padding: 0;
    padding-bottom: 50px;
    margin-top: 0;
  }
}

body.recruit .animal_nurse_recruit .wrapper .contents__about {
  padding-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media screen and (max-width: 575px) {
  body.recruit .animal_nurse_recruit .wrapper .contents__about {
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0;
  }
}

body.recruit .animal_nurse_recruit .wrapper .contents__about p {
  width: 60%;
  padding-left: 15px;
}

@media screen and (max-width: 575px) {
  body.recruit .animal_nurse_recruit .wrapper .contents__about p {
    width: 100%;
    padding-left: 0;
    margin-bottom: 20px;
  }
}

body.recruit .animal_nurse_recruit .wrapper .contents__about .recruit_img01 {
  width: 40%;
  padding-right: 15px;
}

@media screen and (max-width: 575px) {
  body.recruit .animal_nurse_recruit .wrapper .contents__about .recruit_img01 {
    width: 100%;
    padding-right: 0;
  }
}

body.recruit .animal_nurse_recruit .wrapper .contents__about .recruit_img01 img {
  width: 100%;
}

body.recruit .animal_nurse_recruit .wrapper .btn_recruit {
  background-color: #E5004F;
}

body.recruit .animal_nurse_recruit .wrapper .btn_recruit a {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", sans-serif;
  background-color: #fff;
  border: solid 1px #fff;
  color: #E5004F;
}

body.recruit .animal_nurse_recruit .wrapper .btn_recruit a:hover {
  color: #fff;
  background-color: #E5004F;
}

body.recruit .animal_nurse_recruit .wrapper .btn_recruit a:hover::after {
  opacity: 0;
}

body.recruit .animal_nurse_recruit .wrapper .btn_recruit a:hover .arrow_cta {
  background: #fff;
}

body.recruit .animal_nurse_recruit .wrapper .btn_recruit a:hover .arrow_cta::before {
  background: #fff;
}

body.recruit .animal_nurse_recruit .wrapper .btn_recruit a::after {
  background-color: #fff;
}

body.recruit .animal_nurse_recruit .wrapper .btn_recruit a .arrow_cta {
  background: #E5004F;
}

body.recruit .animal_nurse_recruit .wrapper .btn_recruit a .arrow_cta::before {
  background: #E5004F;
}

/*# sourceMappingURL=recruit.css.map */