@charset "UTF-8";
* {
  box-sizing: border-box;
}

body {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
  background: white;
  color: #333;
  margin: 0;
  position: relative;
  left: 0;
  overflow-x: hidden;
}

a {
  color: #0860c0;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.5s ease;
}
a:hover {
  color: #0860c0;
  text-decoration: underline;
}
a:visited {
  color: #0860c0;
  text-decoration: underline;
}

fieldset {
  border: none;
}

input[type=checkbox],
input[type=radio] {
  width: 20px;
  height: 20px;
  margin-right: 3px;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input.radio-button[type=radio] {
  display: none;
}

input.radio-button[type=radio]:checked + label {
  background: #FFCC66;
  background-image: url(/img/lp/radio-checked.svg);
  background-position: 7%;
  background-repeat: no-repeat;
  padding: 10px 15px 10px 35px;
  color: #000;
}

input.radio-button--green[type=radio]:checked + label {
  background: #10b587;
  border: 1px solid #10b587;
  box-shadow: 0 5px 0 #068e68;
  text-align: center;
  color: #fff;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background-image: url(/img/lp/radio-checked.svg);
  background-position: 7%;
  background-repeat: no-repeat;
  padding: 0;
}

.radio-label-button:hover {
  background-color: #FFCC66;
}

.radio-label-button--green:hover,
input.radio-button--green[type=radio]:checked + label:hover {
  background: #10b587;
  border: 1px solid #10b587;
  margin: 3px 2px 10px;
  box-shadow: 0 2px 0 rgb(6, 142, 104);
  background-position: 7%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 639px) {
  .radio-label-button--green:hover,
  input.radio-button--green[type=radio]:checked + label:hover {
    margin: 0 2px;
    box-shadow: 0 5px 0 #068e68;
  }
}

.radio-label-button--green:hover {
  background-image: url(/img/lp/radio-check.svg);
}

input.radio-button--green[type=radio]:checked + label:hover {
  background-image: url(/img/lp/radio-checked.svg);
}

.radio-label-button {
  color: #000;
  border: none;
  background: #f7f7f7;
  background-image: url(/img/lp/radio-check.svg);
  background-position: 7%;
  background-repeat: no-repeat;
  display: block;
  cursor: pointer;
  border: 1px solid #ccc;
  margin: 0 15px 0 0;
  padding: 10px 15px 10px 35px;
  border-radius: 5px;
  box-shadow: 2px 2px 0px 1px #f7f7f7;
}

@media screen and (max-width: 639px) {
  .radio-label-button--friend {
    font-size: 0.9rem;
  }
}

.radio-label-button--green {
  margin: 0 2px;
  height: 45px;
  background: #b5b5b5;
  background-image: url(/img/lp/radio-check.svg);
  background-position: 7%;
  background-repeat: no-repeat;
  border: 1px solid #b5b5b5;
  box-shadow: 0 5px 0 #9c9c9c;
  color: #fff;
  text-align: center;
  line-height: 45px;
  padding: 0;
}

select {
  cursor: pointer;
}

img {
  display: block;
  vertical-align: bottom;
}

ul, ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

p {
  font-size: 0.8rem;
  line-height: 1.6;
  margin: 0;
  padding: 10px 0 15px;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

h4 {
  margin: 0 0 15px 0;
}

@media screen and (max-width: 639px) {
  #map-canvas {
    width: 100% !important;
    height: 300px !important;
  }
}

.terms-list {
  padding: 0 0 15px 15px;
  line-height: 1.6;
}

.terms-list > li {
  padding-bottom: 5px;
}

.js-text-overflow {
  overflow: hidden;
  width: 100%;
  height: 33px;
}
@media screen and (min-width: 641px) {
  .js-text-overflow {
    height: 53px;
  }
}

h5 {
  margin: 0;
  padding: 20px 0 0;
}

.checkOK:after {
  position: absolute;
  content: "";
  top: 15%;
  right: 38px;
  background: url(../img/new/icon-checkok.webp);
  width: 20px;
  height: 20px;
  background-size: cover;
  z-index: 100;
  padding: 2px;
  font-size: 28px;
  font-size: 1.75rem;
}

.select > .checkOK:after {
  position: absolute;
  content: "";
  top: 18%;
  right: 38px;
  background: url(../img/new/icon-checkok.webp);
  width: 20px;
  height: 20px;
  background-size: cover;
  z-index: 100;
  padding: 2px;
  font-size: 28px;
  font-size: 1.75rem;
}

.select--year > .checkOK:after {
  position: absolute;
  content: "";
  top: 18%;
  right: 51px;
  background: url(../img/new/icon-checkok.webp);
  width: 20px;
  height: 20px;
  background-size: cover;
  z-index: 100;
  padding: 2px;
  font-size: 28px;
  font-size: 1.75rem;
}

.display-pc {
  display: none;
}
@media screen and (min-width: 641px) {
  .display-pc {
    display: block;
  }
}

.display-sp {
  display: block;
}
@media screen and (min-width: 641px) {
  .display-sp {
    display: none;
  }
}


.footer2 {
  width: 100%;
  zoom: 1;
  content: " ";
  display: block;
  clear: both;
}
.footer2:before, .footer2:after {
  content: "";
  display: table;
}
.footer2:after {
  clear: both;
}

.footer2__animaljob {
  background: #0d81df;
  padding: 15px 0 0;
}

.footer2__animaljob--aht {
  background: #fb6f70;
}

.footer2__animaljob--trimmer {
  background: #0144BE;
}

.footer2__tyl {
  background: white;
}

.footer2__seeyou {
  color: white;
  text-align: center;
  width: 96%;
  margin: 0 auto;
  font-size: 10px;
  font-size: 0.625rem;
}

.footer2__seeyou--black {
  color: #333;
}

.footer2__logo {
  width: 13%;
  margin: 0 auto;
  padding: 15px 0 5px;
}
@media screen and (min-width: 641px) {
  .footer2__logo {
    width: 5%;
  }
}
.footer2__logo img {
  width: 100%;
}

.footer2__copyright {
  color: #4a4a4a;
  text-align: center;
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 641px) {
  .footer2__copyright {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.footer2__tel-area {
  display: block;
  color: white;
  padding: 15px 0 0;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .footer2__tel-area {
    display: none;
  }
}

.footer2__tel-area--pc {
  display: none;
}
@media screen and (min-width: 641px) {
  .footer2__tel-area--pc {
    display: block;
    color: white;
    padding: 15px 0 0;
    text-align: center;
  }
}

.footer2__tel-number,
a:link.footer2__tel-number,
a:visited.footer2__tel-number,
a:hover.footer2__tel-number {
  color: white;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  padding: 0;
}

.footer2__tel-number--black,
a:link.footer2__tel-number--black,
a:visited.footer2__tel-number--black,
a:hover.footer2__tel-number--black {
  color: #333;
}

.footer2__tel-note {
  font-size: 12px;
  padding: 5px 0;
}

.footer2__tel-note--black {
  color: #333;
}

.footer2__contact {
  text-align: center;
  padding-bottom: 0;
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 641px) {
  .footer2__contact {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.footer2__contact--white {
  color: #fff;
}

.footer2--fixed-banner {
  padding-bottom: 100px;
}
@media screen and (min-width: 641px) {
  .footer2--fixed-banner {
    padding-bottom: 0;
  }
}

.footer2__quit-mail-link {
  text-align: center;
}

.error, .error_message {
  display: inline-block;
  width: 100%;
  color: red;
  font-size: 12px;
  padding: 0;
  margin: 0;
}

.error__heading {
  font-size: 0.9rem;
  font-weight: bold;
  color: red;
  padding-bottom: 5px;
}

.error ul li {
  font-size: 0.9rem;
  color: red;
  line-height: 1.7em;
}

.function-menu {
  width: 83%;
  margin-right: 7px;
}
@media screen and (min-width: 641px) {
  .function-menu {
    width: 100%;
    margin-right: 0;
  }
}

.function-menu--full {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .function-menu--full {
    width: 50%;
    margin: 0 auto;
  }
}

.function-menu__list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}

.function-menu__list--ajf {
  flex-wrap: nowrap;
}

.function-menu__item--sp-hidden {
  display: none;
}
@media screen and (min-width: 641px) {
  .function-menu__item--sp-hidden {
    display: block;
  }
}

.function-menu__item {
  border-right: 1px solid #ccc;
  width: 32%;
  height: 44px;
  text-align: center;
  line-height: 1em;
  padding-top: 3px;
}
.function-menu__item:first-child {
  border-left: none;
}
@media screen and (min-width: 641px) {
  .function-menu__item {
    width: 25%;
    height: auto;
    padding: 0 5px;
  }
}

.function-menu__icon {
  width: 39%;
  margin: 0 auto;
}

.function-menu__icon--search {
  width: 43%;
  margin-bottom: 2px;
}

.function-menu__icon--favorite {
  width: 43%;
  margin-bottom: 2px;
}

.function-menu__icon--history {
  margin: 2px auto;
}

.function-menu__link {
  color: #333;
}
.function-menu__link:hover {
  text-decoration: none;
}
.function-menu__link:visited {
  color: #333;
}
@media screen and (min-width: 641px) {
  .function-menu__link {
    display: block;
    padding: 5px 0;
  }
  .function-menu__link:hover {
    background: rgb(237.35, 237.35, 237.35);
    border-radius: 5px;
  }
}

.function-menu__text {
  font-size: 9px;
  font-size: 0.5625rem;
}
@media screen and (min-width: 641px) {
  .function-menu__text {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}

.function-menu--footer {
  width: 96%;
  margin: 0 auto 10px;
  justify-content: space-between;
}
@media screen and (min-width: 641px) {
  .function-menu--footer {
    width: 50%;
    margin: 0 auto 10px;
  }
}

.function-menu__item--footer {
  width: 16%;
  height: auto;
  border-left: 1px solid white;
  padding-top: 0;
}

.function-menu__item--ajf {
  height: 24px;
  border-left: 1px solid white;
  padding-top: 0;
}
@media screen and (min-width: 641px) {
  .function-menu__item--ajf {
    width: 32%;
  }
}

.function-menu__item--long-text {
  width: 34%;
}

.function-menu__item--meal {
  width: 33.3%;
  border-right: 1px solid #333;
}
@media screen and (max-width: 639px) {
  .function-menu__item--meal {
    border-right: none;
    width: 90%;
    margin: 0 auto;
    padding: 0 3%;
    line-height: 2em;
    height: auto;
    border-bottom: 1px solid #333333;
  }
}

a:link.function-menu__link--footer,
a:visited.function-menu__link--footer,
a:hover.function-menu__link--footer {
  color: white;
  width: auto;
}

.function-menu__text--footer {
  color: #fff;
  width: 96%;
  margin: 0 auto 10px;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 641px) {
  .function-menu__text--footer {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.header2 {
  width: 100%;
  display: flex;
  padding: 2% 2% 1.5%;
  position: static;
  top: 0;
  z-index: 11;
  background: #fff;
  border-bottom: 1px solid #9b9b9b;
}
@media screen and (min-width: 641px) {
  .header2 {
    position: static;
    border-top: 5px solid #0d81df;
    padding: 0;
  }
}

.header2--static {
  position: static;
}

.header2--vet {
  position: static;
  border-top: 5px solid #0d81df;
}

.header2--aht {
  position: static;
  border-top: 5px solid #fb6f70;
}

.header2--trimmer {
  position: static;
  border-top: 5px solid #0144BE;
}

.header2__inner {
  display: flex;
}
@media screen and (min-width: 641px) {
  .header2__inner {
    justify-content: space-between;
    width: 985px;
    margin: 0 auto;
    padding: 7px 0;
  }
}

.header2__left {
  width: 40%;
  text-align: center;
  margin-right: 2%;
}
@media screen and (min-width: 641px) {
  .header2__left {
    width: 500px;
  }
}

.header2__heading {
  display: none;
}
@media screen and (min-width: 641px) {
  .header2__heading {
    display: block;
    color: #4a4a4a;
    text-align: left;
    font-weight: normal;
    margin: 0 0 4px;
    font-size: 10px;
    font-size: 0.625rem;
  }
}

@media screen and (min-width: 641px) {
  .header2__heading--article {
    padding: 0;
  }
}

.header2__logo {
  margin-top: 9px;
}
@media screen and (min-width: 641px) {
  .header2__logo {
    width: 169px;
    margin-top: 0;
  }
}

.header2__logo-image {
  width: 100%;
}

.header2__right {
  width: 60%;
  display: flex;
}
@media screen and (min-width: 641px) {
  .header2__right {
    width: 420px;
    align-items: center;
  }
}

.header2__client-link {
  display: none;
}
@media screen and (min-width: 641px) {
  .header2__client-link {
    display: block;
    width: 190px;
    padding: 5px 0;
  }
}

@media screen and (max-width: 639px) {
  #modal-lp {
    display: none;
    width: 90%;
    height: 290px;
    margin: 0% 5% 5% 5%;
    border-radius: 8px;
    padding: 0;
    background-color: #fff;
    color: #666;
    position: fixed;
    text-align: center;
    z-index: 2;
    padding: 30px;
    left: 0 !important;
  }
}

/* モーダル 背景エリア */
@media screen and (max-width: 639px) {
  #modal-lp__bg {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
  }
}

.modal-lp__heading {
  display: none;
}
@media screen and (max-width: 639px) {
  .modal-lp__heading {
    display: block;
    font-size: 1.2rem;
    color: #000;
  }
}

.modal-lp__button {
  display: none;
}
@media screen and (max-width: 639px) {
  .modal-lp__button {
    display: block;
    width: 100%;
    display: inline-block;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: linear-gradient(#f5d725 0, #ea960c 100%);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #cc7413;
    font-size: 1.2rem;
  }
}

.modal-lp__button--green {
  display: none;
}
@media screen and (max-width: 639px) {
  .modal-lp__button--green {
    display: block;
    background-image: linear-gradient(#67ceff 0%, #6795fd 100%);
    border-bottom: solid 3px #5e7fca;
  }
}

.modal-lp__item {
  display: none;
}
@media screen and (max-width: 639px) {
  .modal-lp__item {
    display: block;
    margin-bottom: 20px;
  }
}

.hands__heading01,
.hands__heading02,
.hands__heading03,
.hands__heading04 {
  margin: 0 auto;
}

.hands__heading01 {
  width: 205px;
}

.hands__heading02 {
  width: 220px;
}

.hands__heading03 {
  width: 205px;
}

.hands__heading04 {
  width: 316px;
}

.hands__point,
.hands__point--input,
.hands__point-step-button,
.hands__point--radio {
  position: relative;
}

.hands__point:after {
  position: absolute;
  top: 12px;
  right: 67px;
  width: 39px;
  height: 30px;
  display: block;
  content: "";
  background: url(/img/common/hand.svg);
  background-size: cover;
  animation-name: translate;
  -webkit-animation-name: translate;
  -moz-animation-name: translate;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
}

.hands__point-step-button {
  margin-bottom: 15px;
}

.hands__point-step-button:after {
  position: absolute;
  top: 16px;
  right: 23px;
  width: 39px;
  height: 30px;
  display: block;
  content: "";
  background: url(/img/lp/vet302/hand.png);
  background-size: cover;
  animation-name: translate;
  -webkit-animation-name: translate;
  -moz-animation-name: translate;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
}
@keyframes translate {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -10px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes translate {
  0% {
    -webkit-transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, -10px);
  }
  100% {
    -webkit-transform: translate(0, 0);
  }
}
@-moz-keyframes translate {
  0% {
    -moz-transform: translate(0, 0);
  }
  50% {
    -moz-transform: translate(0, -10px);
  }
  100% {
    -moz-transform: translate(0, 0);
  }
}

.hands__submit {
  width: 62%;
  margin-bottom: 0;
}
@media screen and (min-width: 641px) {
  .hands__submit {
    width: 220px;
  }
}
.hands__submit > input {
  width: 100%;
}

.hands__submit--long:after {
  top: 46px;
  right: -8px;
  width: 53px;
  height: 53px;
  background: url(/img/lp/vet302/hand.png);
  background-size: cover;
}
@media screen and (min-width: 641px) {
  .hands__submit--long:after {
    top: 12px;
    right: -43px;
  }
}

.hands__point-step-button--dog:after {
  top: 12px;
  right: -24px;
  width: 53px;
  height: 53px;
  background: url(/img/lp/aht601/hand.png);
  background-size: cover;
}

.hands__point-step-button--long-dog:after {
  top: 24px;
  right: -32px;
  width: 53px;
  height: 53px;
  background: url(/img/lp/aht601/hand.png);
  background-size: cover;
}

.hands__point-step-button--inner-dog:after {
  top: 12px;
  right: 0;
  width: 53px;
  height: 53px;
  background: url(/img/lp/aht601/hand.png);
  background-size: cover;
}

@media screen and (min-width: 641px) {
  .hands__point--radio:after {
    right: 240px;
  }
}

.hands__point--dog:after {
  position: absolute;
  width: 53px;
  height: 53px;
  background: url(/img/lp/aht601/hand.png);
  background-size: cover;
  z-index: 1;
}

.hands__point-bigbtn:after {
  top: 94px;
  right: 26px;
}



.lp__hero {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 641px) {
  .lp__hero {
    display: none;
  }
}
.lp__hero img {
  display: block;
  width: 100%;
}

.lp__hero-pc {
  display: none;
  position: relative;
}
@media screen and (min-width: 641px) {
  .lp__hero-pc {
    display: block;
    width: 1024px;
    margin: 0 auto;
  }
}
.lp__hero-pc img {
  display: block;
  width: 100%;
}

.lp__inner {
  background: white;
  padding: 15px 15px 0;
}
@media screen and (min-width: 641px) {
  .lp__inner {
    width: 500px;
    margin: 0 auto;
  }
}

.lp__hero-heading {
  position: absolute;
  top: 14px;
  left: 108px;
  text-align: center;
  color: white;
}
@media screen and (min-width: 641px) {
  .lp__hero-heading {
    top: 32px;
    left: 212px;
    font-size: 42px;
  }
}

.lp__hero-text {
  position: absolute;
  top: 105px;
  left: 10px;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (min-width: 641px) {
  .lp__hero-text {
    top: 171px;
    left: 310px;
    font-size: 18px;
    text-align: center;
  }
}

.lp__hero-free {
  position: absolute;
  top: 160px;
  left: 10px;
  font-size: 14px;
  color: white;
}
@media screen and (min-width: 641px) {
  .lp__hero-free {
    top: 247px;
    left: 384px;
    font-size: 16px;
  }
}

.lp__step-text {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  color: #503724;
  margin: 0;
  padding: 15px 0;
}

.lp__bottom-logo {
  width: 160px;
  margin: 20px auto 20px;
}

.lp__bottom-2step {
  width: 90px;
  margin: 0 auto;
}

.lp__bottom-3step {
  width: 160px;
  margin: 0 auto;
}

.backGuide {
  position: fixed;
  width: 100%;
  min-height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  z-index: 5;
  top: 0;
}

.backGuide__box {
  position: fixed;
  left: 40%;
  top: 40%;
  transform: translate(-50%, -50%);
  width: 30%;
  max-width: 600px;
  padding: 50px;
  background-color: #fff;
  border: 3px solid #000;
  border-radius: 10px;
  z-index: 6;
  text-align: center;
  border-radius: 10px;
}
@media screen and (min-width: 641px) {
  .backGuide__box {
    width: 400px;
    padding: 20px;
    top: 30%;
    left: 50%;
  }
}

.backGuide__box--img {
  background-image: url(/lp/wp-content/themes/twentyseventeen/images/entry151/backGuide-img4.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 292px;
  width: 82%;
  left: 9%;
}
@media screen and (min-width: 641px) {
  .backGuide__box--img {
    width: 400px;
    height: 381px;
    left: 35%;
  }
}

.backGuide__title {
  font-weight: bold;
  line-height: 1.7em;
  font-size: 14px;
  font-size: 0.875rem;
}

.backGuide__inner {
  width: 84%;
  margin: -3% 0px 0 8%;
}
@media screen and (min-width: 641px) {
  .backGuide__inner {
    margin: -4% 0px 0 0%;
    width: 100%;
  }
}

.backGuide__button {
  width: 100%;
  margin: 5px 0;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 0.5rem;
  border: 1px solid #cacaca;
  background: #55a77e;
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 641px) {
  .backGuide__button {
    width: 90%;
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.backGuide__button::after {
  position: absolute;
  content: "";
  top: 40%;
  right: 8%;
  display: block;
  width: 10px;
  height: 10px;
  background-image: url(/lp/wp-content/themes/twentyseventeen/images/entry146/back-btn-arrow-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (min-width: 415px) and (max-width: 428px) {
  .backGuide__box--img {
    height: 335px;
  }
  .backGuide__box {
    left: 50%;
    top: 40%;
    width: 276px;
    padding: 10px;
  }
}
/* 横幅414pxのデバイス */
@media screen and (min-width: 390px) and (max-width: 414px) {
  .backGuide__box--img {
    height: 320px;
  }
  .backGuide__box {
    left: 50%;
    top: 40%;
    width: 276px;
    padding: 10px;
  }
}
/* 横幅390pxのデバイス */
@media screen and (min-width: 376px) and (max-width: 390px) {
  .backGuide__box--img {
    height: 305px;
  }
  .backGuide__box {
    left: 50%;
    top: 40%;
    width: 276px;
    padding: 10px;
  }
}
/* 横幅375pxのデバイス */
@media screen and (min-width: 361px) and (max-width: 375px) {
  .backGuide__box--img {
    height: 292px;
  }
  .backGuide__box {
    left: 50%;
    top: 40%;
    width: 276px;
    padding: 10px;
  }
}
/* 横幅360pxのデバイス */
@media screen and (min-width: 321px) and (max-width: 360px) {
  .backGuide__box--img {
    height: 292px;
  }
  .backGuide__box {
    left: 50%;
    top: 40%;
    width: 276px;
    padding: 10px;
  }
}
/* 横幅320pxのデバイス */
@media screen and (max-width: 320px) {
  .backGuide__box--img {
    height: 292px;
  }
  .backGuide__box {
    left: 50%;
    top: 40%;
    width: 276px;
    padding: 10px;
  }
}
.lp-form__heading {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: left;
}
.lp-form__heading > span.lp-form__zip-code {
  display: inline-block;
  font-size: 12px;
  color: #3a66b5;
  font-weight: normal;
  padding-left: 3px;
}

.lp-form__required {
  display: inline-block;
  font-weight: normal;
  background: #3a66b5;
  color: white;
  font-size: 12px;
  margin-right: 5px;
  padding: 4px 8px;
  border-radius: 5px;
}

.lp-form__required-aht {
  display: inline-block;
  font-weight: normal;
  background: #fb6f70;
  color: white;
  font-size: 12px;
  margin-right: 5px;
  padding: 4px 8px;
  border-radius: 5px;
}

.lp-form__required-trimmer {
  display: inline-block;
  font-weight: normal;
  background: #fcf53e;
  color: black;
  font-size: 12px;
  margin-right: 5px;
  padding: 4px 8px;
  border-radius: 5px;
}

.lp-form__donation {
  display: inline-block;
  font-weight: normal;
  background: #4e9241;
  color: white;
  font-size: 12px;
  margin-right: 5px;
  padding: 4px 8px;
  border-radius: 5px;
}

.lp-form__memo {
  display: block;
  color: gray;
  font-size: 11px;
  font-weight: normal;
  padding-top: 2px;
}

.lp-step {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.lp-step__item {
  position: relative;
  width: 33%;
  height: 40px;
  line-height: 40px;
  background: #eff5ff;
  font-size: 14px;
  text-align: center;
  color: #c8d3e2;
}
.lp-step__item:after {
  position: absolute;
  right: -12px;
  top: 1px;
  z-index: 10;
  content: "▶︎";
  font-size: 18px;
  color: #eff5ff;
}
.lp-step__item > span {
  display: inline-block;
  font-size: 15px;
  padding-left: 2px;
}

.lp-step__item--darken {
  background: #ddeaff;
}
.lp-step__item--darken:after {
  position: absolute;
  content: "▶︎";
  right: -12px;
  top: 1px;
  z-index: 10;
  font-size: 18px;
  color: #ddeaff;
}

.lp-step__item--pertinence {
  background: #3a66b5;
  color: white;
  font-weight: bold;
}
.lp-step__item--pertinence:after {
  position: absolute;
  content: "▶︎";
  right: -12px;
  top: 1px;
  z-index: 10;
  font-size: 18px;
  color: #3a66b5;
}

.lp-step__item-aht {
  position: relative;
  width: 33%;
  height: 40px;
  line-height: 40px;
  background: #ffe5e6;
  font-size: 14px;
  text-align: center;
  color: #bfbfbf;
}
.lp-step__item-aht:after {
  position: absolute;
  right: -12px;
  top: 1px;
  z-index: 10;
  content: "▶︎";
  font-size: 18px;
  color: #ffe5e6;
}

.lp-step__item-aht--pertinence {
  background: #fb6f70;
  color: white;
  font-weight: bold;
}
.lp-step__item-aht--pertinence:after {
  position: absolute;
  content: "▶︎";
  right: -12px;
  top: 1px;
  z-index: 10;
  font-size: 18px;
  color: #fb6f70;
}

.lp-step__item-aht--darken {
  background: #ffd5d5;
}
.lp-step__item-aht--darken:after {
  position: absolute;
  content: "▶︎";
  right: -12px;
  top: 1px;
  z-index: 10;
  font-size: 18px;
  color: #ffd5d5;
}

.lp-step__item-trimmer {
  position: relative;
  width: 33%;
  height: 40px;
  line-height: 40px;
  background: #eaf1ff;
  font-size: 14px;
  text-align: center;
  color: #bfbfbf;
}
.lp-step__item-trimmer:after {
  position: absolute;
  right: -12px;
  top: 1px;
  z-index: 10;
  content: "▶︎";
  font-size: 18px;
  color: #ffe5e6;
}

.lp-step__item-trimmer--pertinence {
  background: #0344be;
  color: white;
  font-weight: bold;
}
.lp-step__item-trimmer--pertinence:after {
  position: absolute;
  content: "▶︎";
  right: -12px;
  top: 1px;
  z-index: 10;
  font-size: 18px;
  color: #0344be;
}

.lp-step__item-trimmer--darken {
  background: #cadbfb;
}
.lp-step__item-trimmer--darken:after {
  position: absolute;
  content: "▶︎";
  right: -12px;
  top: 1px;
  z-index: 10;
  font-size: 18px;
  color: #cadbfb;
}

.lp-step__item--last {
  width: 34%;
}
.lp-step__item--last:after {
  display: none;
}

.lp-step__button-area {
  width: 100%;
  background: white;
  padding: 15px;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 641px) {
  .lp-step__button-area {
    width: 500px;
    margin: 0 auto 50px;
  }
}

.lp-step__button-back {
  width: 20%;
}
@media screen and (min-width: 641px) {
  .lp-step__button-back {
    width: 45%;
  }
}

.lp-step__button-next {
  width: 80%;
}
@media screen and (min-width: 641px) {
  .lp-step__button-next {
    width: 45%;
  }
}


.entry103__req {
  display: inline-block;
  background: #0c81df;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 400;
  border-radius: 20px;
  margin-right: 5px;
  padding: 5px 10px;
}

.entry103__button {
  display: inline-block;
  color: white;
  font-weight: bold;
  margin: 0;
  padding: 16px 12px;
  border-radius: 30px;
  cursor: pointer;
  font-size: 18px;
  border: 1px solid #21b959;
  background: #3de485;
  background: -moz-linear-gradient(top, #3de485 0%, #20b758 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3de485), color-stop(100%, #20b758));
  background: -webkit-linear-gradient(top, #3de485 0%, #20b758 100%);
  background: -o-linear-gradient(top, #3de485 0%, #20b758 100%);
  background: -ms-linear-gradient(top, #3de485 0%, #20b758 100%);
  background: linear-gradient(to bottom, #3de485 0%, #20b758 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#3de485, endColorstr=#20b758 ,GradientType=0 );
}


.entry103__top-heading {
  font-size: 11px;
  text-align: left;
  font-weight: 400;
  color: #fff;
  padding: 4px 10px;
  background: #0c81df;
  margin: 0 0 10px;
}

.entry103__hero {
  width: 100%;
  padding-top: 15px;
}
@media screen and (min-width: 641px) {
  .entry103__hero {
    width: 600px;
    margin: 0 auto;
  }
}

.entry103__full-images {
  display: block;
  width: 100%;
}

.entry103__step-info {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #d0d0d0;
  background: #000;
  padding: 8px;
}

.entry103__step {
  width: 200px;
  margin: 0 auto;
  padding: 10px 0 0;
}
@media screen and (min-width: 641px) {
  .entry103__step {
    width: 160px;
  }
}

.entry103__bg {
  background: white;
  height: auto;
}

.entry103__form-heading {
  padding: 20px 15px 10px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #353535;
}
.entry103__form-heading span.entry103__b {
  border-bottom: 1px solid #1e89f2;
  display: inline-block;
}
.entry103__form-heading span.entry103__req {
  color: white;
  background: #79bcff;
  padding: 3px 10px;
  margin-left: 2px;
  font-size: 12px;
  font-weight: normal;
}

.entry103__form-select,
.entry103__form-input {
  padding: 0px 20px 7px;
}
@media screen and (min-width: 641px) {
  .entry103__form-select,
  .entry103__form-input {
    width: 400px;
    margin: 0 auto;
  }
}

.entry103__form-select,
.entry103__form-input {
  position: relative;
}

.entry103__form-select-arrow {
  position: absolute;
  top: 19px;
  right: 24px;
  font-size: 12px;
  color: #1e8af2;
}

.entry103__name-box {
  display: flex;
}

.entry103__name-info {
  width: 24%;
  font-weight: bold;
}

.entry103__input {
  background: #f2fcff;
  width: 100%;
  border: 1px solid #c3c3c3;
  border-radius: 8px;
  height: 45px;
  line-height: 40px;
  padding: 2px 15px;
  font-size: 16px;
}

.entry103__form-select img {
  position: absolute;
  right: 1px;
  top: 1px;
  padding: 0 15px;
}


.entry103__button-area {
  display: flex;
  justify-content: center;
  border-top: 1px dashed #c3c3c3;
  padding: 10px 15px;
  margin-top: 15px;
}

.entry103__button {
  display: inline-block;
  color: white;
  font-weight: bold;
  margin: 0;
  padding: 16px 30px;
  border-radius: 26px;
  cursor: pointer;
  font-size: 18px;
  border: 1px solid #21b959;
  background: #3de485;
  background: -moz-linear-gradient(top, #3de485 0%, #20b758 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3de485), color-stop(100%, #20b758));
  background: -webkit-linear-gradient(top, #3de485 0%, #20b758 100%);
  background: -o-linear-gradient(top, #3de485 0%, #20b758 100%);
  background: -ms-linear-gradient(top, #3de485 0%, #20b758 100%);
  background: linear-gradient(to bottom, #3de485 0%, #20b758 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#3de485, endColorstr=#20b758 ,GradientType=0 );
}

.entry103__button--return {
  border: 1px solid #d2d2d2;
  background: #e6e6e6;
  background: -moz-linear-gradient(top, #e6e6e6 0%, #d4d4d4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #d4d4d4));
  background: -webkit-linear-gradient(top, #e6e6e6 0%, #d4d4d4 100%);
  background: -o-linear-gradient(top, #e6e6e6 0%, #d4d4d4 100%);
  background: -ms-linear-gradient(top, #e6e6e6 0%, #d4d4d4 100%);
  background: linear-gradient(to bottom, #e6e6e6 0%, #d4d4d4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#e6e6e6, endColorstr=#d4d4d4 ,GradientType=0 );
}

.entry103__button--none {
  background: none;
  border: none;
}

.entry103__sampletext {
  color: #9a9595;
  font-weight: normal;
  font-size: 11px;
  padding: 2px 0 2px;
}

.entry103__form-subheading {
  padding: 0 20px 2px;
  font-weight: bold;
}
@media screen and (min-width: 641px) {
  .entry103__form-subheading {
    width: 400px;
    margin: 0 auto;
  }
}

.entry103__terms {
  padding: 10px;
}
@media screen and (min-width: 641px) {
  .entry103__terms {
    width: 600px;
    margin: 0 auto;
  }
}


.entry103__step-images {
  width: 30%;
  margin: 0 auto;
  padding: 10px 0;
}
.entry103__step-images > img {
  width: 100%;
}

.entry103__question {
  font-weight: bold;
  font-size: 0.9rem;
  background: #f7f7f7;
  margin: 10px 0;
  padding: 10px;
}

.entry103__bg {
  background: white;
  height: auto;
}
@media screen and (min-width: 641px) {
  .entry103__bg {
    width: 600px;
    margin: 0 auto;
  }
}


.entry103__input-area {
  padding: 0 14px;
  position: relative;
}
@media screen and (min-width: 641px) {
  .entry103__input-area {
    padding: 0;
  }
}

.entry103__input-area_select {
  position: relative;
}

.entry103__button-area {
  display: flex;
  justify-content: center;
  padding: 15px 0;
  margin-bottom: 15px;
}

.entry103__select {
  padding: 10px;
  width: 100%;
  font-size: 16px;
  border-radius: 4px;
  appearance: none;
  height: 50px;
  background: white;
  width: 100%;
  font-size: 16px;
  border: 1px solid #c3c3c3;
  background: #fff;
}

.entry103__input {
  border: 1px solid #5f5f5f;
  font-size: 0.9rem;
  background: white;
  width: 100%;
  vertical-align: middle;
  padding: 7px;
  border-radius: 5px;
}

.entry103__button {
  display: inline-block;
  color: white;
  font-weight: bold;
  margin: 0;
  padding: 16px 30px;
  border-radius: 30px;
  cursor: pointer;
  font-size: 18px;
  border: 1px solid #21b959;
  background: #3de485;
  background: -moz-linear-gradient(top, #3de485 0%, #20b758 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3de485), color-stop(100%, #20b758));
  background: -webkit-linear-gradient(top, #3de485 0%, #20b758 100%);
  background: -o-linear-gradient(top, #3de485 0%, #20b758 100%);
  background: -ms-linear-gradient(top, #3de485 0%, #20b758 100%);
  background: linear-gradient(to bottom, #3de485 0%, #20b758 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#3de485, endColorstr=#20b758 ,GradientType=0 );
}

.entry103__button--return {
  border: 1px solid #d2d2d2;
  background: #e6e6e6;
  background: -moz-linear-gradient(top, #e6e6e6 0%, #d4d4d4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #d4d4d4));
  background: -webkit-linear-gradient(top, #e6e6e6 0%, #d4d4d4 100%);
  background: -o-linear-gradient(top, #e6e6e6 0%, #d4d4d4 100%);
  background: -ms-linear-gradient(top, #e6e6e6 0%, #d4d4d4 100%);
  background: linear-gradient(to bottom, #e6e6e6 0%, #d4d4d4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#e6e6e6, endColorstr=#d4d4d4 ,GradientType=0 );
}

.entry103__form-select-arrow {
  position: absolute;
  top: 19px;
  right: 24px;
  font-size: 12px;
  color: black;
}

.entry103__form-subheading {
  padding: 0 20px 2px;
  font-weight: bold;
}
@media screen and (min-width: 641px) {
  .entry103__form-subheading {
    padding: 2px 0;
    margin: 0 auto;
  }
}

.entry103__input-area--radio {
  width: 100%;
  display: flex;
}
@media screen and (min-width: 641px) {
  .entry103__input-area--radio {
    width: 430px;
    padding-bottom: 20px;
  }
}

@charset "UTF-8";
* {
  box-sizing: border-box; }

body {
  font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
  background: white;
  color: #333;
  margin: 0; }

a {
  color: #1e90ff;
  text-decoration: none;
  cursor: pointer;
  transition: all  0.5s ease; }
  a:hover {
    color: #1e90ff;
    text-decoration: underline; }
  a:visited {
    color: #1e90ff;
    text-decoration: underline; }

fieldset {
  border: none; }

input[type="checkbox"],
input[type="radio"] {
  width: 20px;
  height: 20px;
  margin-right: 3px;
  vertical-align: middle;
  cursor: pointer; }

select {
  cursor: pointer; }

img {
  display: block;
  vertical-align: bottom; }

ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }

p {
  font-size: 0.7rem;
  line-height: 1.6;
  margin: 0;
  padding: 10px 0 15px; }
  @media screen and (min-width: 641px) {
    p {
      font-size: 0.8rem; } }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

h4 {
  margin: 0 0 15px 0; }

.entry-header,
.entry-footer {
  display: none; }

.button {
  display: inline-block;
  width: 100%;
  padding: 15px 0;
  border: 1px solid #556380;
  border-radius: 5px;
  transition: none;
  text-align: center;
  text-decoration: none;
  font-size: 0.8rem;
  color: #fff;
  overflow: hidden;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
  background-color: #fec439;
  background-image: linear-gradient(to bottom, #556380, #414b64);
  cursor: pointer; }
  .button:visited {
    color: #fff; }
  .button:hover {
    color: #fff;
    background-color: #fecc52;
    background-image: linear-gradient(to bottom, #68728d, #545d73);
    text-decoration: none; }
  @media screen and (min-width: 641px) {
    .button {
      font-size: 0.9rem;
      padding: 16px 0; } }

.button_login::before {
  font-family: FontAwesome;
  content: '\f090';
  padding-right: 10px; }

.button_recruit {
  padding: 10px 0; }
  .button_recruit::before {
    font-family: FontAwesome;
    content: '\f090';
    padding-right: 10px; }

.button_register,
.button_apply {
  box-shadow: none;
  font-size: 0.9rem;
  font-weight: bold;
  border: 1px solid #ff2e34;
  background-image: linear-gradient(to bottom, #fa5951, #df4f4a); }
  .button_register:hover,
  .button_apply:hover {
    background-image: linear-gradient(to bottom, #df4f4a, #fa5951);
    text-decoration: none; }
  .button_register::before,
  .button_apply::before {
    font-family: FontAwesome;
    content: '\f044';
    padding-right: 0px; }
  @media screen and (min-width: 641px) {
    .button_register,
    .button_apply {
      font-size: 1.1rem; }
      .button_register::after,
      .button_apply::after {
        font-family: FontAwesome;
        content: '\f054';
        padding-left: 10px; } }

.button_apply {
  box-shadow: 0 2px 1px #d9d9d9; }
  .button_apply:before, .button_apply::after {
    display: none; }

.button_check, .button_next {
  font-size: 1rem;
  font-weight: bold;
  border: 1px solid #15c3ac;
  background-image: linear-gradient(to bottom, #15c3ac, #10b39e); }
  .button_check:hover, .button_next:hover {
    background-image: linear-gradient(to bottom, #10b39e, #15c3ac); }

.button_next {
  font-size: 1.1rem;
  font-weight: bold;
  border: 1px solid #15c3ac;
  background: #4ec443; }
  .button_next:hover {
    background: #73d06a; }

.button_search::before {
  font-family: FontAwesome;
  content: '\f002';
  padding-right: 5px; }

.button_check::before, .button_next::before {
  font-family: FontAwesome;
  content: '\f105';
  padding-right: 5px; }

input[type="submit"].button_search, .button_check, .button_next {
  font-family: FontAwesome; }

.button_back {
  background: white;
  border: none;
  box-shadow: none;
  color: #c7c7c7;
  overflow: visible; }
  .button_back:visited, .button_back:hover {
    background: white;
    color: #c7c7c7; }
  @media screen and (min-width: 641px) {
    .button_back {
      background: #f5f5f5;
      border-radius: 3px; }
      .button_back:visited, .button_back:hover {
        background: #f5f5f5;
        color: #c7c7c7; } }

.button_prefecture {
  width: 55px;
  padding: 10px 0;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  transition: none;
  text-align: center;
  text-decoration: none;
  font-size: 0.8rem;
  color: black;
  overflow: hidden;
  box-shadow: 0 2px 1px #d9d9d9;
  background-color: white;
  background-image: linear-gradient(to bottom, white, #f5f5f5);
  cursor: pointer; }
  .button_prefecture:visited {
    color: black; }
  .button_prefecture:hover {
    color: #333333;
    background-color: white;
    background-image: linear-gradient(to bottom, #f5f5f5, white);
    text-decoration: none; }

.breadcrumb {
  overflow-x: scroll;
  border-bottom: 1px solid #d2cbbe;
  margin-bottom: 20px;
  padding: 10px 15px;
  padding: 10px 0; }

.breadcrumb__list {
  display: table;
  padding: 0 15px; }
  @media screen and (min-width: 641px) {
    .breadcrumb__list {
      padding: 0; } }

.breadcrumb__item {
  display: table-cell;
  white-space: nowrap;
  font-size: 0.6rem;
  line-height: 1.7em; }
  @media screen and (min-width: 641px) {
    .breadcrumb__item {
      font-size: 0.7rem; } }
  .breadcrumb__item:after {
    font-size: 0.7rem;
    font-family: FontAwesome;
    content: '\f105';
    color: #d2cbbe;
    padding: 0 10px; }
    @media screen and (min-width: 641px) {
      .breadcrumb__item:after {
        font-size: 0.8rem; } }

.breadcrumb__item_last:after {
  display: none; }

.cell {
  width: 100%;
  zoom: 1;
  content: " ";
  display: block;
  clear: both; }
  .cell:before, .cell:after {
    content: "";
    display: table; }
  .cell:after {
    clear: both; }

.cell__container {
  width: 100%; }
  @media screen and (min-width: 641px) {
    .cell__container {
      width: 373px;
      float: left;
      margin-right: 18px; }
      .cell__container:nth-child(even) {
        margin-right: 0; } }

.cell__container_new-offer {
  width: 100%;
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #eee; }
  @media screen and (min-width: 641px) {
    .cell__container_new-offer {
      position: relative;
      width: 353px;
      height: 420px;
      margin: 0 20px 20px 0;
      overflow: hidden; } }

.cell__new-offer-mask {
  position: absolute;
  background: linear-gradient(rgba(255, 255, 255, 0.8), white);
  height: 65px;
  width: 100%;
  bottom: 0;
  z-index: 2; }

.cell__head {
  width: 100%;
  height: 150px;
  background-image: url(/img/recruit-doctor.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  margin: 0; }
  @media screen and (min-width: 641px) {
    .cell__head {
      height: 249px;
      transition: all 0.2s linear; } }

.cell__body {
  position: relative;
  text-align: left;
  background: #f1efeb;
  border-radius: 4px;
  margin: 5px 0 20px;
  padding: 15px; }
  .cell__body::before {
    position: absolute;
    content: '▲';
    color: #f1efeb;
    font-size: 20px;
    top: -15px;
    left: 15px; }

@media screen and (min-width: 641px) {
  .cell__mask {
    opacity: 1;
    background-color: black; }
    .cell__mask:hover {
      opacity: 0.7;
      background-color: white;
      transition: all 0.4s ease-in-out; } }

.cell__head_nurse {
  background-image: url(/img/recruit-nurse.jpg); }

.cell__head_torimmer {
  background-image: url(/img/recruit-torimmer.jpg); }

.cell__head_petsitter {
  background-image: url(/img/recruit-clerk.jpg); }

.cell__recruit-link {
  width: 92%;
  margin: 0 auto;
  padding: 16px 0;
  border: 3px solid #fff;
  color: #fff;
  position: relative;
  top: 48%;
  display: block; }
  .cell__recruit-link:hover {
    color: #333;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.5); }
  .cell__recruit-link::after {
    font-family: FontAwesome;
    content: '\f105';
    padding-left: 20px; }
  .cell__recruit-link:visited {
    color: #fff;
    background: none; }
  @media screen and (min-width: 641px) {
    .cell__recruit-link {
      top: 75%;
      padding: 10px 0; } }

.cell__headding {
  text-align: left;
  font-size: 0.9rem;
  line-height: 0.8em; }

.cell__new-offer-button {
  position: absolute;
  width: 90%;
  margin: 0 5%;
  text-align: center;
  bottom: 10px;
  z-index: 3; }

.cell__text {
  margin-bottom: 15px; }

.cell__thumbnail {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 235px;
  position: relative; }

.cell__facility-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto; }

.centerize-container {
  width: 100%;
  text-align: center; }

.change-with-device__sp {
  display: block; }
  @media screen and (min-width: 641px) {
    .change-with-device__sp {
      display: none; } }

.change-with-device__pc {
  display: none; }
  @media screen and (min-width: 641px) {
    .change-with-device__pc {
      display: block; } }

.company-infomation__picture {
  width: 100%; }
  @media screen and (min-width: 641px) {
    .company-infomation__picture {
      width: 40%;
      padding-right: 15px; } }
  .company-infomation__picture > img {
    width: 100%; }

.company-infomation__detail {
  width: 100%; }
  @media screen and (min-width: 641px) {
    .company-infomation__detail {
      width: 60%; } }

table.detail {
  width: 100%;
  border-collapse: collapse;
  background: #f8f8f8; }

table.detail tr:nth-of-type(odd) {
  background: #fff; }

table.detail td,
table.detail th {
  padding: 1%;
  border: 1px solid #d2cbbe;
  vertical-align: middle; }

table.detail th {
  width: 20%;
  font-size: 87.5%;
  text-align: center;
  line-height: 160%;
  font-weight: bold; }

table.detail thead th {
  background: #f8f8f8; }

table.detail td {
  width: 80%;
  font-size: 75%;
  text-align: left;
  line-height: 160%; }

.entry-hero {
  width: 100%;
  display: block;
  height: auto;
  text-align: center; }
  @media screen and (min-width: 641px) {
    .entry-hero {
      width: 1024px;
      margin: 0 auto; } }

.entry-hero__images {
  position: relative;
  color: white;
  margin: 0 auto; }
  @media screen and (min-width: 641px) {
    .entry-hero__images {
      position: static;
      width: 1024px;
      height: 300px;
      background: url(../img/main_entry-pc.jpg); } }

.entry-hero__images > img {
  width: 100%; }

.entry-hero__heading {
  position: absolute;
  color: white;
  font-size: 22px;
  top: 18px;
  left: 87px;
  margin: 0; }
  @media screen and (min-width: 641px) {
    .entry-hero__heading {
      position: static;
      font-size: 40px;
      padding: 120px 0 0 85px; } }

.entry-hero__text {
  text-align: center;
  font-size: 0.8rem;
  line-height: 1.4;
  color: #999;
  padding: 15px; }

.error, .error_message {
  display: inline-block;
  width: 100%;
  color: red;
  font-size: 0.9rem;
  padding: 5px;
  margin: 5px 0; }

.error__heading {
  font-size: 0.9rem;
  font-weight: bold;
  color: red;
  padding-bottom: 5px; }

.error ul li {
  font-size: 0.9rem;
  color: red;
  line-height: 1.7em; }

.facility {
  padding: 0 10px;
  position: relative; }

.facility__name {
  border-left: 10px solid #545d73;
  font-size: 0.9rem;
  line-height: 1.2em;
  padding-left: 15px;
  font-weight: bold;
  padding-top: 3px; }
  @media screen and (min-width: 641px) {
    .facility__name {
      line-height: 1.5em; } }

.facility__items {
  padding-bottom: 10px; }

.facility__item {
  width: 100%;
  margin: 5px 0;
  zoom: 1;
  content: " ";
  display: block;
  clear: both; }
  .facility__item:before, .facility__item:after {
    content: "";
    display: table; }
  .facility__item:after {
    clear: both; }
  .facility__item::before {
    font-family: FontAwesome;
    content: '\f0b1';
    color: #789cbe;
    float: left;
    width: 7%;
    text-align: center; }

.facility__item_address::before {
  content: '\f041'; }

.facility__item_salary::before {
  content: '\f0d6'; }

.facility__info {
  display: block;
  width: 93%;
  float: left;
  padding-left: 10px;
  font-size: 0.8rem;
  line-height: 1.5em; }

.flow__wrapper {
  background: url(/img/common/under-arrow.png) no-repeat center bottom;
  padding-bottom: 10px;
  background-size: 20%; }

.flow__title {
  width: 100%;
  font-size: 0.8rem;
  padding: 10px;
  text-align: center;
  line-height: 1.5em;
  border-radius: 3px;
  border: 1px solid #d2cbbe;
  background: white;
  margin: 6px 0 9px; }

.flow__notice {
  font-size: 0.6rem; }

.footer {
  width: 100%;
  padding: 10px; }
  @media screen and (min-width: 641px) {
    .footer {
      padding: 30px 0; } }

.footer__items {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 25px; }
  @media screen and (min-width: 641px) {
    .footer__items {
      width: auto;
      display: inline-block; } }

.footer__item {
  float: left; }

.footer__heading, .footer__copyright {
  zoom: 1;
  content: " ";
  display: block;
  clear: both;
  font-size: 0.6rem;
  font-weight: normal;
  line-height: 1; }
  .footer__heading:before, .footer__heading:after, .footer__copyright:before, .footer__copyright:after {
    content: "";
    display: table; }
  .footer__heading:after, .footer__copyright:after {
    clear: both; }

.footer__label {
  color: #fff;
  font-size: 0.7rem; }
  .footer__label:hover {
    color: #fff;
    text-decoration: none; }
  .footer__label:visited {
    color: #fff; }
  .footer__label::after {
    content: '|';
    padding: 0 0 0 1px; }
    @media screen and (min-width: 641px) {
      .footer__label::after {
        padding: 0 5px 0 10px; } }

.footer__label-last::after {
  content: none; }

.form {
  background: #f1efeb;
  padding: 15px 0;
  margin: 15px 0; }
  @media screen and (min-width: 641px) {
    .form {
      border-radius: 5px;
      padding: 20px;
      margin: 20px 0; } }

.form_login {
  margin: 0; }

.form__wrapper {
  width: 100%;
  padding: 15px;
  border-bottom: 1px solid #eee;
  zoom: 1;
  content: " ";
  display: block;
  clear: both; }
  .form__wrapper:before, .form__wrapper:after {
    content: "";
    display: table; }
  .form__wrapper:after {
    clear: both; }

.form__title {
  width: 100%;
  font-size: 0.9rem;
  font-weight: bold;
  padding-bottom: 10px; }
  .form__title::before {
    font-family: FontAwesome;
    content: '\f142';
    padding-right: 10px; }
  @media screen and (min-width: 641px) {
    .form__title {
      width: 20%;
      float: left;
      padding-bottom: 0;
      font-size: 1.0rem; } }

.form__title_application::before {
  display: none; }

.form__items {
  width: 100%;
  font-size: 0.8rem; }
  @media screen and (min-width: 641px) {
    .form__items {
      width: 80%;
      float: left;
      font-size: 0.9rem; } }

.form__checkbox {
  width: 30%;
  float: left;
  margin: 0 7px 7px 0;
  line-height: 55px;
  font-size: 0.7rem;
  font-weight: normal;
  color: #707070;
  position: relative;
  display: inline-block;
  text-align: center;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  background: white;
  cursor: pointer; }
  @media screen and (min-width: 641px) {
    .form__checkbox {
      width: 100px;
      font-size: 0.8rem;
      margin: 0 7px 0 0; } }

.form__checkbox_wide {
  width: 113px; }
  @media screen and (min-width: 641px) {
    .form__checkbox_wide {
      width: 160px; } }

.form__input-checkbox {
  display: none; }

.form__required {
  display: inline-block;
  font-size: 0.6rem;
  color: white;
  font-weight: normal;
  background: #325378;
  padding: 5px 10px;
  margin-right: 5px;
  border-radius: 2px; }

.form__body {
  margin: 0 0 15px 0;
  font-size: 14px; }

.form__heading {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: left; }
  @media screen and (min-width: 641px) {
    .form__heading {
      padding: 10px 0 0; } }

.form__label-half-size {
  zoom: 1;
  content: " ";
  display: block;
  clear: both; }
  .form__label-half-size:before, .form__label-half-size:after {
    content: "";
    display: table; }
  .form__label-half-size:after {
    clear: both; }

.form__label-half-size label {
  position: relative;
  display: block;
  width: 50%;
  float: left;
  padding: 5px; }
  @media screen and (min-width: 641px) {
    .form__label-half-size label {
      width: 20%; } }

.form__label-half-size label input[type=checkbox] {
  position: relative;
  display: block;
  -webkit-appearance: none;
  width: 100%;
  height: 50px;
  background: white;
  border: 1px solid #c2c2c2;
  border-radius: 3px;
  padding: 10px; }

.form__label-half-size label input[type=checkbox]:checked {
  position: relative;
  display: block;
  -webkit-appearance: none;
  width: 100%;
  height: 50px;
  border: 1px solid #f5f5f5;
  border-radius: 3px;
  background: #ff8c8c;
  padding: 10px; }

.form__checkbox-text {
  position: absolute;
  top: 22px;
  left: 20px; }

.form__label-half-size label .mwform-checkbox-field-text {
  position: absolute;
  top: 4px;
  left: 16px;
  line-height: 50px;
  font-size: 14px; }

.form__input {
  border: 1px solid #c2c2c2;
  padding: 10px;
  width: 100%;
  font-size: 16px;
  border-radius: 4px; }

.form__input-checkbox[type="checkbox"]:checked + label {
  background-color: #ff7c7c;
  border: 1px solid #ff7c7c;
  color: white; }

.form__selectbox, select {
  width: 100%;
  height: 50px;
  background: white;
  border: 1px solid #dcdcdc;
  font-size: 16px;
  padding: 10px; }
  @media screen and (min-width: 641px) {
    .form__selectbox, select {
      width: auto; } }

.form__textbox,
.form__items > input,
.form__body > textarea {
  width: 100%;
  height: 50px;
  padding: 10px;
  border: 1px solid #dcdcdc;
  font-size: 16px;
  border-radius: 3px; }

.form__body > textarea {
  height: auto; }

.form__items_birthday > select {
  width: 25%;
  font-size: 0.7rem; }

.header {
  width: 100%;
  zoom: 1;
  content: " ";
  display: block;
  clear: both; }
  .header:before, .header:after {
    content: "";
    display: table; }
  .header:after {
    clear: both; }
  @media screen and (min-width: 641px) {
    .header {
      width: 1024px;
      margin: 0 auto; } }

.header__site-overview {
  width: 55%;
  padding-left: 10px; }
  @media screen and (min-width: 641px) {
    .header__site-overview {
      width: 75%; } }

.header__site-overview_login {
  width: 50%; }
  @media screen and (min-width: 641px) {
    .header__site-overview_login {
      width: 30%; } }

.header__site-overview a {
  display: block;
  width: 80%; }
  @media screen and (min-width: 641px) {
    .header__site-overview a {
      width: 100%; } }

.header__heading {
  line-height: 1.5em;
  font-size: 0.6rem;
  font-weight: normal;
  white-space: pre;
  overflow: auto;
  margin: 5px 0 0 0; }
  @media screen and (min-width: 641px) {
    .header__heading {
      margin-bottom: 5px; } }

.header__heading_login,
.header__heading_tel {
  padding: 0 10px 2px 0; }
  @media screen and (min-width: 641px) {
    .header__heading_login,
    .header__heading_tel {
      padding: 0; } }

.header__logo {
  width: 100%; }
  @media screen and (min-width: 641px) {
    .header__logo {
      width: 250px;
      height: auto; } }

@media screen and (min-width: 641px) {
  .header__logo_landing {
    width: 200px; } }

.header__login {
  width: 35%;
  padding: 5px; }
  @media screen and (min-width: 641px) {
    .header__login {
      width: 25%;
      margin-top: 2px;
      padding: 10px 0 10px 10px; } }

.header__member {
  width: 50%;
  padding-right: 10px; }

.header__member-label {
  width: 29%;
  display: block;
  padding: 2px 4px;
  font-size: 1rem;
  border: 1px solid #424B64;
  float: left;
  border-radius: 3px;
  float: right;
  text-align: center; }
  .header__member-label:hover {
    text-decoration: none; }
  .header__member-label::before {
    font-family: FontAwesome;
    content: '\f017';
    padding-right: 0px;
    color: #424B64; }
  @media screen and (min-width: 641px) {
    .header__member-label {
      margin-right: 8px;
      padding: 5px 0;
      border: 1px solid #424B64; }
      .header__member-label:hover {
        opacity: 0.8; } }

.header__member-label_keep {
  margin-left: 5px; }
  .header__member-label_keep::before {
    font-family: FontAwesome;
    content: '\f005';
    padding-right: 0px; }

.header__member-function {
  width: 100%;
  display: block;
  font-size: 0.6rem;
  color: #414b64; }
  @media screen and (min-width: 641px) {
    .header__member-function {
      font-size: 0.9rem; } }

.horizontal-container {
  width: 100%;
  padding: 0;
  zoom: 1;
  content: " ";
  display: block;
  clear: both; }
  .horizontal-container:before, .horizontal-container:after {
    content: "";
    display: table; }
  .horizontal-container:after {
    clear: both; }

.horizontal-container__item {
  float: left; }

.horizontal-container__item-right {
  float: right; }

@media screen and (max-width: 639px) {
  .horizontal-container__item_sp,
  .horizontal-container__item-right_sp {
    width: 100%;
    float: none; } }

.job-offer {
  width: 100%;
  background: #f7f6f4;
  margin: 20px 0;
  padding: 15px;
  border-radius: 5px;
  zoom: 1;
  content: " ";
  display: block;
  clear: both; }
  .job-offer:before, .job-offer:after {
    content: "";
    display: table; }
  .job-offer:after {
    clear: both; }
  @media screen and (min-width: 641px) {
    .job-offer {
      padding: 20px; } }

.job-offer__heading {
  margin: 0 0 10px; }

.job-offer__link,
.job-offer__heading_detail {
  display: block;
  background: #82755b;
  font-size: 1.3rem;
  font-weight: normal;
  color: white;
  line-height: 1.4;
  margin-top: 0;
  padding: 10px; }
  .job-offer__link:visited,
  .job-offer__heading_detail:visited {
    color: white; }
  .job-offer__link:hover,
  .job-offer__heading_detail:hover {
    color: white; }

.job-offer__type {
  margin: 5px 0;
  zoom: 1;
  content: " ";
  display: block;
  clear: both; }
  .job-offer__type:before, .job-offer__type:after {
    content: "";
    display: table; }
  .job-offer__type:after {
    clear: both; }

.job-offer__type-item {
  float: left;
  font-size: 0.8rem;
  text-align: center;
  color: white;
  background: #b2a791;
  margin-right: 5px;
  padding: 5px 10px;
  border-radius: 3px; }

.job-offer__catch-copy {
  font-size: 1.2rem;
  line-height: 1.4;
  padding: 15px 0; }

.job-offer__picture {
  width: 100%; }
  @media screen and (min-width: 641px) {
    .job-offer__picture {
      float: left;
      width: 35%;
      height: 180px;
      overflow: hidden;
      padding-right: 10px; } }

.job-offer__picture img {
  width: 100%;
  height: auto;
  border: 1px solid #d2cbbe; }

.job-offer__detail {
  width: 100%;
  margin-top: 15px; }
  @media screen and (min-width: 641px) {
    .job-offer__detail {
      float: right;
      width: 65%;
      margin-top: 0; } }

.job-offer__button-area {
  padding: 15px 0 0;
  zoom: 1;
  content: " ";
  display: block;
  clear: both; }
  .job-offer__button-area:before, .job-offer__button-area:after {
    content: "";
    display: table; }
  .job-offer__button-area:after {
    clear: both; }
  @media screen and (min-width: 641px) {
    .job-offer__button-area {
      padding: 20px 0 0; } }

.job-offer__button-2column {
  width: 50%;
  float: left;
  padding: 0 5px; }
  @media screen and (min-width: 641px) {
    .job-offer__button-2column {
      padding: 0 15px; } }

.job-offer__map {
  width: 100%; }
  @media screen and (min-width: 641px) {
    .job-offer__map {
      width: 50%;
      float: left; } }

.job-offer__2column .job-offer__map #map-canvas {
  width: 100% !important; }

.job-offer__address {
  width: 100%;
  font-size: 0.9rem;
  padding-top: 10px; }
  @media screen and (min-width: 641px) {
    .job-offer__address {
      width: 50%;
      float: left;
      padding-top: 0;
      padding-left: 10px; } }

.landing {
  width: 100%; }

.landing__heading {
  text-align: center;
  font-size: 1.3rem;
  margin: 0 0 20px;
  padding: 30px 0 0; }
  .landing__heading::before {
    color: #ad9876;
    font-family: FontAwesome;
    content: '\f1b0';
    padding-right: 10px; }
  @media screen and (min-width: 641px) {
    .landing__heading {
      font-size: 1.4rem;
      margin: 30px 0 10px; } }
  .landing__heading::after {
    content: '';
    display: block;
    background: #424B64;
    width: 50px;
    height: 1px;
    margin: 5px auto; }
    @media screen and (min-width: 641px) {
      .landing__heading::after {
        width: 100px; } }

.landing__heading_top {
  margin: 10px 0; }

.landing__text {
  font-size: 0.8rem;
  line-height: 1.6;
  padding: 0 15px 15px; }
  @media screen and (min-width: 641px) {
    .landing__text {
      width: 800px;
      font-size: 0.9rem;
      margin: 0 auto;
      padding: 10px 0 20px; } }

.landing__point {
  color: #ab8d5c;
  font-weight: bold; }

.landing__form {
  background: #f5f5f5; }
  @media screen and (min-width: 641px) {
    .landing__form {
      width: 800px;
      border-radius: 5px;
      margin: 0 auto; } }

.layout {
  width: 100%; }

.layout__header {
  width: 100%;
  height: 65px;
  position: fixed;
  top: 0;
  z-index: 10;
  border-top: 2px solid #424B64;
  border-bottom: 1px solid #d2cbbe;
  background: white; }
  @media screen and (min-width: 641px) {
    .layout__header {
      margin: 0 auto;
      height: 80px; } }

.layout__header_no-fixed {
  position: static; }

@media screen and (min-width: 641px) {
  .layout__header_landing {
    height: 70px; } }

.layout__fooer {
  width: 100%;
  background: #333;
  color: white;
  text-align: center;
  margin-top: 20px;
  zoom: 1;
  content: " ";
  display: block;
  clear: both; }
  .layout__fooer:before, .layout__fooer:after {
    content: "";
    display: table; }
  .layout__fooer:after {
    clear: both; }

.list {
  list-style: none;
  font-size: 0.8rem; }
  @media screen and (max-width: 639px) {
    .list {
      font-size: 0.7rem; } }

.list_disc {
  list-style-type: disc;
  margin-left: 30px; }
  @media screen and (max-width: 639px) {
    .list_disc {
      margin-left: 15px; } }

.list_decimal {
  list-style-type: decimal; }

.list_upper-alpha {
  list-style-type: upper-alpha; }

.new-offer {
  background: #f1efeb;
  padding: 15px;
  margin-bottom: 30px; }
  @media screen and (min-width: 641px) {
    .new-offer {
      border-radius: 5px;
      padding: 20px;
      margin-bottom: 50px; } }

.new-offer__headding {
  border-left: 10px solid #545d73;
  font-size: 0.9rem;
  line-height: 1.4em;
  padding-left: 15px;
  font-weight: normal;
  padding-top: 3px; }
  @media screen and (min-width: 641px) {
    .new-offer__headding {
      font-size: 1.1rem;
      line-height: 1.8em; } }

.new-offer__item {
  position: relative; }

.new-offer__read-more {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.7); }

a:link.new-offer__read-more-link,
a:visited.new-offer__read-more-link,
a:hover.new-offer__read-more-link {
  display: block;
  color: white;
  text-align: center;
  padding: 15px 0; }

.delete {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  transition: none;
  text-align: center;
  text-decoration: none;
  font-size: 0.8rem;
  color: black;
  overflow: hidden;
  box-shadow: 0 2px 1px red;
  background-image: linear-gradient(to bottom, white, #f5f5f5);
  cursor: pointer; }
  .delete:visited {
    color: black; }
  .delete:hover {
    color: black;
    background-image: linear-gradient(to bottom, #f5f5f5, white);
    text-decoration: none; }

.note {
  display: inline-block;
  color: #999;
  font-size: 0.7rem;
  font-weight: normal;
  margin-top: 2px; }

.note_no-space {
  padding: 0; }

.terms-note {
  text-align: center; }

@media screen and (min-width: 641px) {
  .break {
    display: none; } }

.count {
  font-size: 1.2rem;
  color: #ff6d6d;
  padding: 0 2px; }

.page-navigation {
  zoom: 1;
  content: " ";
  display: block;
  clear: both; }
  .page-navigation:before, .page-navigation:after {
    content: "";
    display: table; }
  .page-navigation:after {
    clear: both; }

.page-navigation__all-number,
.page-navigation__display-number {
  display: inline-block;
  color: #424B64;
  font-size: 1rem;
  padding: 0 5px; }

.page-navigation__pager {
  zoom: 1;
  content: " ";
  display: block;
  clear: both; }
  .page-navigation__pager:before, .page-navigation__pager:after {
    content: "";
    display: table; }
  .page-navigation__pager:after {
    clear: both; }

.photo li {
  width: 100%; }
  @media screen and (min-width: 641px) {
    .photo li {
      width: 31%;
      letter-spacing: normal;
      margin: 0 1% 0 0;
      display: inline-block;
      vertical-align: top; } }

.photo li img {
  width: 100%;
  height: auto; }

@media screen and (min-width: 641px) {
  .photo li p {
    font-size: 87.5%;
    line-height: 160%;
    margin: 3% 0 0 0; } }

.pager {
  width: 100%;
  text-align: right;
  zoom: 1;
  content: " ";
  display: block;
  clear: both; }
  .pager:before, .pager:after {
    content: "";
    display: table; }
  .pager:after {
    clear: both; }

.pager li {
  float: left;
  font-size: 0.9rem;
  margin-right: 5px; }

.pager li span {
  width: 34px;
  display: block;
  border: 1px solid #424B64;
  border-radius: 3px;
  color: #424B64;
  text-align: center;
  background: #bac0d1;
  padding: 8px 0; }

.pager li a,
.pager li a:link,
.pager li a:visited {
  width: 34px;
  display: block;
  border: 1px solid #424B64;
  border-radius: 3px;
  color: #424B64;
  text-align: center;
  background: white;
  text-decoration: none;
  padding: 8px 0; }

.pager li a:hover {
  background: #424B64;
  color: white; }

.prefectures-list {
  margin: 15px 0; }

.prefectures-list__title {
  position: relative;
  background: white;
  font-size: 0.9rem;
  border-top: 1px solid #dcdcdc;
  padding: 15px; }
  .prefectures-list__title::after {
    position: absolute;
    right: 15px;
    top: 11px;
    font-family: FontAwesome;
    content: '\f107';
    font-size: 1.4rem;
    color: #424B64; }

.prefectures-list__link {
  position: relative;
  display: block;
  background: white;
  border-top: 1px solid #dcdcdc;
  color: black;
  font-size: 0.8rem;
  padding: 15px; }
  .prefectures-list__link:visited {
    color: black; }
  .prefectures-list__link::after {
    position: absolute;
    right: 15px;
    top: 11px;
    font-family: FontAwesome;
    content: '\f105';
    font-size: 1.4rem;
    color: #424B64; }

.select-type {
  width: 100%;
  background: #f1efeb;
  margin: 20px 0;
  padding: 15px;
  zoom: 1;
  content: " ";
  display: block;
  clear: both; }
  .select-type:before, .select-type:after {
    content: "";
    display: table; }
  .select-type:after {
    clear: both; }
  @media screen and (min-width: 641px) {
    .select-type {
      border-radius: 5px;
      margin: 20px 0;
      padding: 20px; } }

.select-type__item {
  width: 33%;
  float: left;
  padding: 0 10px; }

.side-bar {
  margin-bottom: 20px;
  border-top: 1px dotted #ccc;
  padding: 0 2%; }
  @media screen and (min-width: 641px) {
    .side-bar {
      margin-bottom: 40px;
      padding: 0;
      border: none; } }

.side-bar__heading {
  border-left: 10px solid #545d73;
  font-size: 1rem;
  line-height: 1.5em;
  padding-left: 15px;
  font-weight: bold;
  padding-top: 3px; }

.step-flow {
  width: 100%;
  zoom: 1;
  content: " ";
  display: block;
  clear: both; }
  .step-flow:before, .step-flow:after {
    content: "";
    display: table; }
  .step-flow:after {
    clear: both; }
  @media screen and (min-width: 641px) {
    .step-flow {
      width: 1024px;
      margin: 0 auto; } }

@media screen and (min-width: 641px) {
  .step-flow_landing {
    width: 800px; } }

.step-flow__item {
  float: left;
  position: relative;
  width: 25%;
  height: 60px;
  line-height: 60px;
  font-size: 12px;
  text-align: center;
  color: #8c8c8c;
  background: #f5f5f5; }
  .step-flow__item::after {
    border-left: 30px solid #f5f5f5;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    content: "";
    position: absolute;
    left: 25%;
    top: 0;
    margin-left: 50px;
    z-index: 1; }
    @media screen and (min-width: 641px) {
      .step-flow__item::after {
        margin-left: 180px; } }

@media screen and (min-width: 641px) {
  .step-flow__item_landing::after {
    margin-left: 130px; } }

.step-flow_landing-next-step {
  margin-top: 75px;
  margin-top: 80px; }
  @media screen and (min-width: 641px) {
    .step-flow_landing-next-step::after {
      margin-left: 130px; } }

.step-flow__item_dark {
  background: #e8e8e8; }
  .step-flow__item_dark::after {
    border-left: 30px solid #e8e8e8; }

.step-flow__item_now {
  background: #5785b9;
  color: white;
  font-size: 16px;
  font-weight: bold; }
  .step-flow__item_now::after {
    border-left: 30px solid #5785b9; }

.step-flow__step1 {
  z-index: 5; }

.step-flow__step2 {
  z-index: 4; }

.step-flow__step3 {
  z-index: 3; }

.step-flow__step4 {
  z-index: 2; }
  .step-flow__step4::after {
    border: none; }

.step-flow__text {
  position: relative;
  z-index: 10;
  font-size: 16px; }

.step-flow__item_now .step-flow__text {
  font-size: 18px; }

.step {
  width: 100%; }
  @media screen and (min-width: 641px) {
    .step {
      width: 1024px;
      margin: 0 auto; } }

.step__inner {
  height: 370px;
  background: white;
  padding: 15px 15px 0; }
  @media screen and (min-width: 641px) {
    .step__inner {
      width: 750px;
      height: 350px;
      margin: 0 auto; } }

.step__inner_landing {
  background: none; }

.step__inner_height-auto {
  height: auto; }

.step__inner_small {
  height: 320px; }

.step__inner_height-auto {
  height: auto; }

.step__button-area {
  width: 100%;
  background: white;
  padding: 15px;
  zoom: 1;
  content: " ";
  display: block;
  clear: both; }
  .step__button-area:before, .step__button-area:after {
    content: "";
    display: table; }
  .step__button-area:after {
    clear: both; }
  @media screen and (min-width: 641px) {
    .step__button-area {
      width: 750px;
      margin: 0 auto 50px; } }

@media screen and (min-width: 641px) {
  .step__button-area_landing {
    background: none; } }

.step__button-back {
  float: left;
  width: 20%; }
  @media screen and (min-width: 641px) {
    .step__button-back {
      width: 45%;
      background: #f5f5f5; } }

.step__button-next {
  float: right;
  width: 80%; }
  @media screen and (min-width: 641px) {
    .step__button-next {
      width: 45%; } }

.step__temes-link {
  text-align: center; }

.table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.7rem; }
  @media screen and (min-width: 641px) {
    .table {
      font-size: 0.8rem; } }

.table__heading {
  background: #f5f5f5;
  text-align: center;
  line-height: 1.7em;
  font-weight: bold;
  border: 1px solid #dcdcdc;
  padding: 10px 0; }

.table__body {
  background: white;
  text-align: left;
  line-height: 1.7em;
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc; }

.table__body_last {
  border-bottom: 1px solid #dcdcdc; }

.table tbody tr td {
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  padding: 10px; }

.table tbody tr td p {
  padding: 0; }

.tel-area {
  text-align: center; }

.tel-area_side-bar {
  text-align: left; }

.tel-area__number {
  color: #424B64;
  font-weight: bold;
  font-size: 1rem;
  padding: 5px 0 0; }
  @media screen and (min-width: 641px) {
    .tel-area__number {
      font-size: 1.6rem; } }
  .tel-area__number::before {
    font-family: FontAwesome;
    content: '\f10b';
    padding-right: 5px; }
    @media screen and (min-width: 641px) {
      .tel-area__number::before {
        content: '\f095'; } }

.tel-area__number_side-bar {
  font-size: 1.5rem; }

.welcome {
  width: 100%;
  height: 180px;
  background-image: url(/img/main-image.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: -100px 0px;
  margin-top: 75px; }
  @media screen and (min-width: 641px) {
    .welcome {
      background: url(/img/main-image.jpg) no-repeat;
      background-size: cover;
      min-height: 340px;
      text-align: center;
      margin-top: 80px; } }

.welcome_veterinarian {
  background-image: url(/img/main-image_doctor.jpg); }
  @media screen and (min-width: 641px) {
    .welcome_veterinarian {
      background: url(/img/main-image_doctor.jpg) no-repeat;
      background-size: cover;
      margin-bottom: 15px; } }

.welcome_animalnurse {
  background-image: url(/img/main-image_nurse.jpg); }
  @media screen and (min-width: 641px) {
    .welcome_animalnurse {
      background: url(/img/main-image_nurse.jpg) no-repeat;
      background-size: cover;
      margin-bottom: 15px; } }

.welcome_trimmer {
  background-image: url(/img/main-image_trimmer.jpg); }
  @media screen and (min-width: 641px) {
    .welcome_trimmer {
      background: url(/img/main-image_trimmer.jpg) no-repeat;
      background-size: cover;
      margin-bottom: 15px; } }

.welcome_petsitter {
  background-image: url(/img/main-image_petsitter.jpg); }
  @media screen and (min-width: 641px) {
    .welcome_petsitter {
      background: url(/img/main-image_petsitter.jpg) no-repeat;
      background-size: cover;
      margin-bottom: 15px; } }

.welcome_landing {
  height: 240px;
  background-image: url(/img/main_landing_sp.jpg);
  background-size: cover;
  margin-top: 65px;
  background-position: 0 0; }
  @media screen and (min-width: 641px) {
    .welcome_landing {
      background: url(/img/main_landing.jpg) no-repeat;
      background-size: cover;
      min-height: 350px;
      margin-bottom: 15px;
      margin-top: 70px; } }

.welcome__container {
  width: 65%;
  position: relative;
  top: 21%;
  left: 32%;
  text-align: center; }
  @media screen and (min-width: 641px) {
    .welcome__container {
      width: 450px;
      top: 25%;
      left: 50%; } }

.welcome__container_landing {
  width: 100%;
  position: static;
  margin: 0 auto; }
  @media screen and (min-width: 641px) {
    .welcome__container_landing {
      width: 800px; } }

.welcome__heading {
  font-size: 1rem;
  color: #fff;
  line-height: 1.5em;
  text-shadow: 1px 1px 3px black;
  margin-bottom: 15px;
  padding: 0; }
  @media screen and (min-width: 641px) {
    .welcome__heading {
      font-size: 1.8rem;
      line-height: 1.3em; } }

.welcome__heading_landing {
  position: relative;
  color: #e04c73;
  font-weight: bold;
  text-shadow: none; }
  @media screen and (min-width: 641px) {
    .welcome__heading_landing {
      font-size: 2.3rem;
      line-height: 1.5;
      padding-top: 20px; } }

.wrappable {
  width: 100%;
  margin: 75px auto 0;
  zoom: 1;
  content: " ";
  display: block;
  clear: both; }
  .wrappable:before, .wrappable:after {
    content: "";
    display: table; }
  .wrappable:after {
    clear: both; }
  @media screen and (min-width: 641px) {
    .wrappable {
      width: 1024px;
      margin: 80px auto 0; } }

.wrappable_no-fixed {
  margin: 0 auto; }

.wrappable_top-page {
  margin-top: 10px; }
  @media screen and (min-width: 641px) {
    .wrappable_top-page {
      margin: 0 auto; } }

.wrappable__main {
  width: 100%;
  zoom: 1;
  content: " ";
  display: block;
  clear: both; }
  .wrappable__main:before, .wrappable__main:after {
    content: "";
    display: table; }
  .wrappable__main:after {
    clear: both; }
  @media screen and (min-width: 641px) {
    .wrappable__main {
      width: 770px;
      margin-left: 10px;
      padding: 0; } }

.wrappable__inner {
  padding: 0 15px; }
  @media screen and (min-width: 641px) {
    .wrappable__inner {
      padding: 0; } }

.wrappable__sidebar {
  width: 100%;
  padding: 0 2%; }
  @media screen and (min-width: 641px) {
    .wrappable__sidebar {
      width: 220px;
      padding: 0; } }

.wrappable__main-heading {
  border-left: 10px solid #545d73;
  font-size: 1.1rem;
  line-height: 1.4;
  padding: 3px 0 3px 8px;
  font-weight: bold; }
  @media screen and (min-width: 641px) {
    .wrappable__main-heading {
      font-size: 1.4rem; } }

.wrappable__main-heading_article {
  border-left: 10px solid #00bba5; }

.wrappable__sub-heading {
  border-left: 10px solid #545d73;
  font-size: 0.9rem;
  line-height: 1.2;
  font-weight: bold;
  text-align: left;
  margin-bottom: 10px;
  padding: 3px 0 3px 8px; }
  @media screen and (min-width: 641px) {
    .wrappable__sub-heading {
      font-size: 1.2rem; } }

.wrappable__button {
  width: 100%;
  text-align: center;
  padding: 15px; }
  @media screen and (min-width: 641px) {
    .wrappable__button {
      margin: 20px 0 0 0; } }

.wrappable__text {
  font-size: 0.9rem;
  line-height: 1.6;
  padding: 0 15px; }
  @media screen and (min-width: 641px) {
    .wrappable__text {
      padding: 0; } }

.entry103__form-terms {
  text-align: center;
  padding-bottom: 0;
}
.entry103__form-terms a{
  margin: 0 5px;
}
.entry103__form-terms-under-text {
  text-align: center;
}
.entry103__button-invalid {
  border: 1px solid #ccc;
  background: #ccc;
  cursor: auto;
}