@charset 'utf-8';

/* =========================================================
 PC・スマホ共通
========================================================= */
table, td, th {
  border: 1px solid #000000;
  border-collapse: collapse;
  vertical-align: middle;
  background-color: #ffffff;
  padding-left: 20px;
  background-clip: padding-box;
}

.subHeading hr {
  background-color: #25b6cb;
  height: 1px;
  border: none;
}

.advertising hr {
  background-color: #25b6cb;
}

#salarySystem hr {
  background-color: #ffffff;
}

#qAndA hr {
  background-color: #25b6cb;
}

.checkGold::before, .checkYellow::before {
  content: "";
  position: absolute;
  z-index: 0;
}

.recruitBlock th {
  padding: 21px 10px 21px 19px;
  background-color: #25b6cb;
  font-weight: bold;
  color: #ffffff;
}

#recruitBlockPink .tableTitle {
  background-color: #ff75a2;
  color: #ffffff;
  font-weight: bold;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  text-align: center;
}

#recruitBlockPink.recruitBlock th {
  background-color: #ff75a2;
}

.mailForm p {
  background-color: #C3AD61;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}

form {
  background-color: #fcffe6;
  display: flex;
  flex-direction: column;
}

label {
  font-size: 23px;
  font-weight: bold;
}

input {
  vertical-align: middle;
  /* border-radius: 10px; */
  width: 440px;
  height: 55px;
}

input[type="radio"] {
  width: 25px;
  /* height: 25px; */margin-right: 15px;
/* border: 1px solid; */}

#form_mailForm>div {
  margin: 15px 0 10px;
}

#form_mailForm>div label {
  margin-right: 40px;
}

input#age {
  width: 140px;
}

textarea#comment {
  /* border-radius: 10px; */
}

button {
  /* background-color: #626262; */
  /* color: #ffffff; */
  /* cursor: pointer; */
  /* border-radius: 10px; */
  /* box-shadow: 1px 4px 0px -1px #000000; */
  /* box-sizing: border-box; */
  /* font-family: inherit; */
  }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.caseWrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.case {
  width: 48%;
  background-color: #ffffff;
  position: relative;
}

.case::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  transform: rotate(45deg);
}

.case:first-of-type::after {
  border-color: transparent transparent #ffa1a1 transparent;
}

.case:nth-of-type(2)::after {
  border-color: transparent transparent #71c9d6 transparent;
}

.case:nth-of-type(3)::after {
  border-color: transparent transparent #5dae78 transparent;
}

.case:nth-of-type(4)::after {
  border-color: transparent transparent #ffb329 transparent;
}

.case span {
  color: #999999;
  font-weight: 300;
  width: 45%;
}

.case h7 {
  font-weight: bold;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  box-sizing: border-box;
}

.case:first-of-type h7, .case:first-of-type p {
  color: #ffa1a1;
}

.case:nth-of-type(2) h7, .case:nth-of-type(2) p {
  color: #71c9d6;
}

.case:nth-of-type(3) h7, .case:nth-of-type(3) p {
  color: #5dae78;
}

.case:nth-of-type(4) h7, .case:nth-of-type(4) p {
  color: #ffb329;
}

.case h7::before {
  content: "";
  display: block;
  position: absolute;
}

.case:first-of-type h7::before {
  background: url(/img/recruit/img_case1.png) no-repeat center;
  background-size: contain;
}

.case:nth-of-type(2) h7::before {
  background: url(/img/recruit/img_case2.png) no-repeat center;
  background-size: contain;
}

.case:nth-of-type(3) h7::before {
  background: url(/img/recruit/img_case3.png) no-repeat center;
  background-size: contain;
}

.case:nth-of-type(4) h7::before {
  background: url(/img/recruit/img_case4.png) no-repeat center;
  background-size: contain;
}

.case h7 span {
  position: relative;
  padding-left: 2.5vw;
  width: 100%;
  box-sizing: border-box;
}

.case h7 span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  background: url(/img/recruit/icon_clock.png) no-repeat center;
  background-size: contain;
}

.case p {
  font-weight: bold;
  display: flex;
  line-height: 2.5;
  align-items: baseline;
}

.case p:nth-of-type(odd) {
  background-color: #f2f2f3;
}

.case p small {
  font-size: 0.7em;
  font-weight: bold;
  height: 100%;
}

.training {
  width: 100%;
  position: relative;
}

.trainingContent {
  position: absolute;
  box-sizing: border-box;
  color: #ffffff;
}

.trainingContent h7 {
  font-weight: bold;
  display: block;
  text-align: center;
}

.trainingStep {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.trainingStep:nth-of-type(5) {
  background: url(/img/recruit/bg_training_beige.png) no-repeat center;
  background-size: contain;
}

.trainingStep::before {
  content: "";
  display: block;
  position: absolute;
}

.trainingStep:nth-of-type(4)::after, .trainingStep:nth-of-type(6)::after {
  content: "";
  display: block;
  position: absolute;
}

.trainingStep h7 {
  position: relative;
  width: auto;
  display: block;
  text-align: center;
  font-weight: bold;
}

.trainingStep:nth-of-type(4) h7 {
  color: #5FCCE1;
}

.trainingStep:nth-of-type(5) h7 {
  color: #24B2C6;
}

.trainingStep:nth-of-type(6) h7 {
  color: #169BAC;
}

.trainingStep h7::before, .trainingStep h7::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
}

.trainingStep h7::before {
  top: 0;
  left: 0;
}

.trainingStep h7::after {
  left: 0;
}

.trainingStep p {
  text-align: center;
  color: #787878;
}

.roomBlock h5 {
  color: #ffffff;
  position: relative;
  margin: 0 auto;
}

.roomBlock:nth-of-type(3) h5 {
  background-color: #ff8685;
}

.roomBlock:nth-of-type(4) h5 {
  background-color: ;
}

.roomBlock h5::before {
  content: "";
  display: block;
  position: absolute;
}

.roomBlock h5::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.roomBlock ul {
  display: flex;
  justify-content: space-around;
}

.roomBlock ul li {
  line-height: 1.2;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.roomBlock:nth-of-type(3) ul li {
  background-color: #ff8685;
}

.roomBlock:nth-of-type(4) ul li {
  background-color: ;
}

/* 202005 */
.middleContents>section>div img {
  /* margin: 12px 0 9px; */
}

.areaMap {}

.areaMap>img {
  display: block;
  width: 840px;
  margin: 52px auto 81px;
}

.sisterStore {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sisterStore li {
  width: 31.8%;
  color: #ffffff;
  text-align: center;
}

.sisterStore li>div {
  line-height: 1.5;
  position: relative;
}

.sisterStore li:first-of-type>div, .sisterStore li:first-of-type>p {
  background-color: #0eafc4;
}

.sisterStore li:first-of-type>div::after {
  border-top-color: #0eafc4;
}

.sisterStore li:nth-of-type(2)>div, .sisterStore li:nth-of-type(2)>p {
  background-color: #b3205a;
}

.sisterStore li:nth-of-type(2)>div::after {
  border-top-color: #b3205a;
}

.sisterStore li:last-of-type>div, .sisterStore li:last-of-type>p {
  background-color: #304675;
}

.sisterStore li:last-of-type>div::after {
  border-top-color: #304675;
}

.sisterStore li>div::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid #F0897F;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.sisterStore li>div h5 {
  font-weight: bold;
}

.sisterStore li>div p {
  padding-bottom: 1px;
}

.sisterStore li img {}

.sisterStore li>p {
  font-weight: bold;
  line-height: 1.6;
  position: relative;
}

.sisterStore li>p a {
  font-size: inherit;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  display: block;
  width: 100%;
  padding-right: 25px;
  box-sizing: border-box;
}

.sisterStore li>p a::after {
  content: "";
  background: url(/img/recruit/img_arrow.png) no-repeat;
  background-size: contain;
  width: 15px;
  height: 25px;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translate(0, -50%);
}

/* 未経験の方へ */
.forInexperienced {
  background-color: #53b538;
  background-image: url(/img/recruit/img_green_mark.png);
  background-size: initial;
  background-repeat: no-repeat;
  background-position: right 40px top 19px;
  position: relative;
  padding: 36px 0 28px;
}

.forInexperienced::before {
  content: "";
  position: absolute;
  background-image: url(/img/recruit/img_check_yellow.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 146px;
  top: -34px;
  left: 15px;
  width: 157px;
}

.forInexperienced .recruitTitle {
  color: #fff100;
  font-size: 48px;
  letter-spacing: 2px;
}

.forInexperienced .subHeading hr {
  background-color: #ffffff;
}

.forInexperienced .recruitText {
  color: #ffffff;
  padding-top: 24px;
}

.forInexperienced .recruitText::after {
  content: "";
  display: block;
  background-image: url(/img/recruit/img_arrow_inexperienced.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 36px;
  width: 60px;
  margin: 21px auto 0;
}

.voice {
  background-color: #eaffe4;
  padding-bottom: 65px;
}

.voice .subHeading {
  padding-top: 1px;
  margin-bottom: 84px;
}

.voice .subHeading img {
  width: 11%;
  margin-top: 28px;
}

.voice .subHeading hr {
  background-color: #53b538;
}

.voice .recruitSubTitle {
  color: #53b538;
  padding-top: 14px;
}

.girlsBlock {
  justify-content: space-between;
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
}

.girlsBlock.open {}

.therapistBox {
  width: calc((100% - 16px) / 3);
  border: 0;
  margin-right: 0;
}

.therapistBox::before {
  content: none;
}

.postDate {
  background-color: #53b538;
  line-height: 1.3;
  color: #ffffff;
}

.postDate p {
  text-align: center;
  font-size: 24px;
}

.therapistShop {
  background-color: #2d9112;
  height: 30px;
  width: 100%;
}

.therapistShop p {
  font-size: 24px;
}

p.therapistName {
  padding-top: 0;
  line-height: 1.7;
  font-family: inherit;
  border: 0;
}

.therapistcontents {
  background-color: #53b538;
  border-right: none;
  color: #ffffff;
  font-family: noto-sans-cjk-jp, sans-serif;
}

.flowBlock {
  background: url(/img/recruit/bg_flow_pc.jpg) no-repeat;
  width: 980px;
  height: 2765px;
  padding-top: 83px;
  box-sizing: border-box;
}

.flowBlock .subHeading img {
  width: 11%;
}

.flowBlock .recruitSubTitle {
  color: #53b538;
  padding-top: 35px;
}

.flowBlock .recruitHr08 {
  width: 390px;
  margin-bottom: 3vw;
}

.flowBlock .subHeading hr {
  background-color: #53b538;
}

.flowContents {
  text-align: center;
  padding: 13px 0;
  margin-bottom: 92px;
}

.flowContents:last-of-type {
  margin-bottom: 6vw;
}

.flowContents p.flowTitle {
  font-size: 65px;
  font-weight: bold;
  color: #53b538;
  margin-bottom: 12px;
}

.flowContents p.flowTitle span {
  /* font-size: 7vw; */
  letter-spacing: 7px;
  margin-right: 10px;
}

.flowContents p {
  font-size: 30px;
  line-height: 1.5;
}

.flowPoint {
  background-color: #53b538;
  color: #ffffff;
  font-size: 26px;
  line-height: 1.6;
  width: 95%;
  margin: 0 auto;
  text-align: center;
  padding: 20px 0 28px;
  box-sizing: border-box;
}

.flowPoint::before {
  content: "";
  display: block;
  background: url(/img/recruit/img_point_white.png) no-repeat;
  width: 132px;
  height: 45px;
  margin: 0 auto 10px;
}

.columnBlock {
  padding-top: 80px;
  margin-bottom: 80px;
}

.columnBlock .recruitSubTitle {
  color: #53b538;
}

.columnBlock .subHeading {}

.columnBlock .subHeading img {
  width: 105px;
  height: auto;
}

.columnBlock .subHeading .recruitHr08 {
  margin-bottom: 75px;
}

.columnBlock .subHeading hr {
  background-color: #53b538;
}

.columnContents {
  display: flex;
  width: 920px;
  margin: 0 auto 40px;
}

.columnContents img {
  width: 135px;
  height: auto;
}

.columnContents a {
  color: #53b538;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.7;
}

.columnContents p {
  padding: 13px 0 13px 40px;
  box-sizing: border-box;
  width: 785px;
  letter-spacing: 3.5px;
}

.recruitBlock table {
  width: 100%;
}

#forInexperienced {
  padding-top: 130px;
  margin-top: -130px;
}

/* /未経験の方へ */
/* ポップアップ */
.popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 4;
  width: 100vw;
  height: 100vh;
  display: none;
}

.popupBox {
  display: flex;
  justify-content: space-between;
  width: 900px;
  height: 90%;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translate(0, -50%);
  background-color: #ffffff;
  border: 7px solid #53b538;
  padding: 20px 20px 15px 20px;
  box-sizing: border-box;
}

.left {
  width: 27%;
}

.left img {
  width: 100%;
  height: auto;
}

.popupState {
  margin-top: 10px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  line-height: 2;
  text-align: center;
  padding: 5px 0;
}

.popupStore {
  font-size: 16px;
}

.popupName {
  color: #53b538;
  font-weight: bold;
  font-size: 22px;
}

.popupName span {
  font-size: 80%;
}

.right {
  width: 70%;
}

.qabox {
  line-height: 1.5;
  margin-bottom: 10px;
  width: 92%;
}

.popupQ {}

.popupQ::before {
  content: "Q.";
}

.popupA {
  font-weight: bold;
  display: inline-block;
  border-bottom: 1px solid;
  box-sizing: border-box;
  margin-left: 10px;
  color: #555555;
}

.popupA::before {
  content: "A.";
}

.popupClose {
  background-color: #53b538;
  background-image: url(/img/common/img_overlay_close_white.png);
  background-repeat: no-repeat;
  background-size: 75%;
  background-position: center;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 20px;
  right: 20px;
}

.active .popup {
  display: block;
}

/* Q&A */
#qAndA {}

#qAndA h4 {
  color: #25b6cb;
}

#qAndA .recruitSubTitle {
  color: #25b6cb;
}

#qAndA .recruitTitle {
  color: #787878;
}

/* 講師紹介 */
.instructor {
  width: 100%;
  background-image: linear-gradient(45deg, #ff9f9f 28%, #ff9198 28%, #ff9198 50%, #ff9f9f 50%, #ff9f9f 78%, #ff9198 78%, #ff9198);
  background-size: 25px 25px;
  padding: 60px 0;
}

.instructorTitle {
  width: 559px;
  display: block;
  margin: 0 auto 38px;
}

.instructorContents {
  display: flex;
  flex-wrap: wrap;
  width: 94%;
  margin: 0 auto;
  justify-content: space-between;
  position: relative;
}

.instructorContents .leftCont {
  width: 450px;
}

.instructorContents .rightCont {
  width: 450px;
  color: #ffffff;
}

.instructorName {
  border-bottom: 1px solid;
  font-weight: bold;
  font-size: 40px;
  letter-spacing: 5px;
  margin-top: 23px;
  line-height: 1.5;
}

.instructorName span {
  display: inline-block;
  font-size: 24px;
  letter-spacing: 1px;
  margin-left: 10px;
}

.instructorComment {
  font-size: 24px;
  line-height: 1.68;
  margin: 31px auto;
}

.instructorContents a {
  text-decoration: none;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #ffffff;
}

.instructorTwitter {
  color: #ffffff;
  background-color: #1da1f2;
  font-size: 30px;
  position: relative;
  width: 450px;
  height: 100px;
  font-weight: bold;
  line-height: 1.2;
  padding-top: 13px;
  padding-left: 107px;
  box-sizing: border-box;
  letter-spacing: 1.5px;
  transition: all .3s ease;
}

.instructorTwitter:hover {
  opacity: 0.8;
  transition: all .3s ease;
}

.instructorTwitter::before {
  content: "";
  background: url(/img/recruit/icon_twitter.png) no-repeat;
  background-size: contain;
  width: 73px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 17px;
  transform: translate(0, -50%);
}

.instructorTwitter::after {
  content: "\0ff1e";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%) scale(1, 1.7);
  font-weight: normal;
}
/* _講師紹介 */

/* 禁止事項 */
#prohibition {
  background-image: linear-gradient(-45deg, #ffdb6c 25%, #ffcf3b 25%, #ffcf3b 50%, #ffdb6c 50%, #ffdb6c 75%, #ffcf3b 75%, #ffcf3b);
}

#prohibition h3 {
  background-image: none;
  background-color: transparent;
  height: 0;
}

#prohibition>img {
  display: block;
  margin: 0 auto;
}

.prohibitionBox {
  background-color: #363636;
  color: #ffffff;
}

.prohibitionBox p {
  height: 100%;
  border: 1px solid #ffffff;
  font-weight: bold;
  position: relative;
}

.prohibitionBox p::before {
  content: "";
  position: absolute;
  background: url(/img/recruit/img_stop.png) no-repeat center;
  background-size: contain;
  display: block;
}

#prohibition .recruitText {
  color: #363636;
}

/* =========================================================
 PC用
========================================================= */
@media screen and (min-width: 981px) {

  /*topバナー*/
  h2 {
    /* background: url(/img/recruit/img_pc_main.jpg) no-repeat; */
    /* background-size: contain; */
    height: 500px;
    padding: 0;
    background-color: transparent;
  }

  .advertising {
    margin: 0 auto;
    padding: 1px 0 80px;
    margin-top: 65px;
  }

  .advertising p, 
  .advertising .recruitText {
    color: #787878;
  }

  /* =========================================================
 q&a
========================================================= */
  .contentsBox:before, .contentsBox:after {
    width: 1px;
    height: 100%;
    position: absolute;
  }

  .contentsBox:before {
    left: 0;
    top: 0;
  }

  /* =========================================================
20191129追加
========================================================= */
  .pankuzuBlock {
    margin-bottom: 30px;
  }

  section {
    background-color: #fff;
  }

  .ivory {
    background-color: #f9f8f1;
    position: relative;
    padding-bottom: 60px;
  }

  .aquamarine {
    background-color: #25b6cb;
    padding-bottom: 75px;
  }

  .pastelGreen {
    background-color: #dcf6fa;
    padding-bottom: 1px;
  }

  .advertising  {
    background-color: #dcf6fa;
    color: #787878;
    padding-bottom: 30px;
  }

  .advertising .banner {
    text-align: center;
    margin: 50px auto 0;
    line-height: 2.5;
    background-color: #ffffff;
    padding: 35px 75px 21px;
    width: auto;
    height: auto;
  }

  article#jobDescription {
    position: relative;
  }

  article#trainingSystem {
    padding-bottom: 90px
  }

  article#qAndA {
    padding-bottom: 80px
  }

  h3 {
    text-indent: -9999px;
    line-height: 1;
    text-align: left;
    border: 0;
  }

  .topSubHeading h3 {
    margin-top: 6px;
    background: none;
    border: 0;
  }

  #jobDescription .subHeading h3 {
    margin-top: 62px;
    background: none;
  }

  #trainingSystem .subHeading h3, #workEnvironment .subHeading h3, #qAndA .subHeading h3, #applicationRequirements .subHeading h3 {
    background: none;
  }

  #salarySystem .subHeading h3 {
    background: none;
  }

  #trainingSystem h4 {
    margin-bottom: 30px;
  }

  h4 {
    text-align: center;
    font-weight: bold;
    font-size: 36px;
    color: #25b6cb;
    padding: 0;
    letter-spacing: 0.05em;
    margin-bottom: 40px;
    background: no-repeat;
    font-family: noto-sans-cjk-jp, sans-serif;
  }

  .aquamarine h4, .aquamarine p.recruitTitle, .aquamarine .recruitText {
    color: #fff;
  }

  .aquamarine .recruitSubTitle {
    color: #fff67f;
  }

  .contentsInBox h5 {
    color: #25b6cb;
    font-weight: bold;
    font-size: 36px;
    padding: 38px 0px 25px;
    text-align: center;
    position: relative;
    line-height: 1.3em;
    white-space: pre-line;
    border: 0;
    font-family: noto-sans-cjk-jp, sans-serif;
    width: 100%;
    height: auto;
  }

  #jobDescription .contentsInBox h5 {
    color: #ffffff;
  }

  #jobDescription .recommendText {
    color: #787878;
    font-size: 24px;
    line-height: 1.7em;
    letter-spacing: 0.06em;
    padding-top: 3%;
  }

  .contentsInBox h5::before {
    background-image: url(/img/recruit/img_triangle.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 46px;
    z-index: 0;
  }

  #jobDescription .contentsInBox h5::before {
    content: none;
  }

  .accordionBox h6 {
    background-color: #25b6cb;
    margin: 20px auto 10px;
    width: 920px;
    padding: 5px 85px 7px;
    color: #ffffff;
    border-radius: 40px;
    position: relative;
    box-sizing: border-box;
    font-size: 24px;
    line-height: 1.7em;
    cursor: pointer;
  }

  .accordionBox h6::before {
    background-image: url(/img/recruit/img_q_odd_number.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    height: 34px;
    top: 50%;
    left: 12px;
    transform: translate(0, -50%);
    position: absolute;
    width: 34px;
    z-index: 0;
  }

  #contentsWrapper .accordionBox h6:nth-of-type(even)::before {
    background-image: url(/img/recruit/img_q_even_number.png);
  }

  #contentsWrapper .accordionBox h6:nth-of-type(even) {
    background-color: #44a2b0;
    color: #ffffff;
  }

  .recruitNavigation li {
    float: left;
    width: 450px;
    height: 149px;
    margin-bottom: 20px;
  }

  #salarySystem .recruitNavigation li {
    height: 350px;
  }

  .recruitNavigation li:nth-of-type(odd) {
    background-color: #25b6cb;
  }

  .contentsBlock {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    font-size: 24px;
    line-height: 1.5em;
    color: #787878;
    letter-spacing: -0.05em;
  }

  .subHeading img {
    width: 18.3%;
    margin: 0% auto;
    display: block;
  }

  .topSubHeading img {
    margin-bottom: 40px;
  }

  #jobDescription .subHeading img {
    width: 137px;
    height: 84px;
  }

  #applicationRequirements .subHeading img {
    width: 285px;
    height: 127px;
    margin-top: 30px;
    margin-bottom: 10px;
  }

  #jobDescription .inexperiencedWelcome::before {
    position: absolute;
    background-image: url(/img/recruit/img_inexperienced_welcome_Before.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    height: 180px;
    left: -10px;
    top: -10px;
    width: 180px;
    z-index: 1;
  }

  #jobDescription .recruitCheck img {
    width: 245px;
    height: 85px;
    position: absolute;
    top: -20px;
    right: 135px;
  }

  #salarySystem .subHeading img {
    width: 133px;
    height: 116px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  #trainingSystem .subHeading img {
    width: 115px;
    height: 127px;
    margin-top: 35px;
    margin-bottom: 10px;
  }

  .treatmentManual img {
    width: 449px;
    height: 457px;
  }

  .ivory .recruitCheck img {
    width: 245px;
    height: 85px;
    position: absolute;
    top: 110px;
    right: 150px;
  }

  #workEnvironment .subHeading img {
    width: 106px;
    height: 92px;
    margin-bottom: 10px;
  }

  #qAndA .subHeading img {
    width: 136px;
    height: 152px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  #jobDescription .contentsBlock.recruitText {
    width: 436px;
    height: 382px;
    position: absolute;
    top: 483px;
    right: 0px;
    line-height: 1.7em;
    letter-spacing: 0.06em;
    padding-top: 0;
  }

  .ivory .contentsBlock.recruitText {
    width: 436px;
    position: absolute;
    top: 185px;
    right: 15px;
    letter-spacing: -0.01em;
  }

  .subHeading p {
    text-align: center;
  }

  .recruitTitle {
    font-weight: bold;
    font-size: 36px;
    color: #787878;
    padding: 0px 0% 15px;
  }

  #applicationRequirements .recruitTitle {
    padding: 5px 0% 15px;
  }

  .recruitSubTitle {
    color: #25b6cb;
    padding: 20px 0 20px;
    font-size: 30px;
  }

  .secondSubHeading .recruitSubTitle, #trainingSystem .recruitSubTitle {
    padding: 25px 0 15px;
  }

  #jobDescription .recruitSubTitle, #applicationRequirements .recruitSubTitle, #workEnvironment .recruitSubTitle {
    padding: 14px 0 15px;
  }

  #salarySystem .recruitSubTitle, #qAndA .recruitSubTitle {
    padding: 15px 0 20px;
  }

  .secondSubHeading .recruitTitle, #jobDescription .subHeading .recruitTitle {
    padding-top: 0px;
  }

  .secondSubHeading .recruitTitle br, .subHeading .recruitTitle br {
    display: none;
  }

  .subHeading hr {
    margin: 0 auto 40px;
  }

  .recruitText .subHeading hr {
    background-color: #ffffff;
  }

  .recruitHr01 {
    width: 223px;
    margin: 0 auto;
  }

  .recruitHr01 hr {
    margin: 0 auto;
  }

  .recruitHr02 {
    width: 380px;
    margin: 0px auto;
  }

  .recruitHr03 {
    width: 643px;
    margin: 0px auto 70px;
  }

  .recruitHr04 {
    width: 573px;
    margin: 0px auto 50px;
  }

  .recruitHr05 {
    width: 441px;
    margin: 0px auto 25px;
  }

  .recruitHr05 hr {
    margin: 0 auto 25px;
  }

  .recruitHr06, .recruitHr06 hr, .recruitHr07 hr, .recruitHr07 {
    width: 758px;
    margin: 0px auto 0px;
  }

  .recruitHr08 {
    width: 566px;
    margin: 0px auto 55px;
  }

  .recruitHr09 {
    width: 758px;
    margin: 0px auto 80px;
  }

  .contentsBox {
    margin: 0px 0px 30px 12px;
    position: relative;
  }

  #jobDescription .contentsBox {
    margin: 0px 0px 35px 28px;
    padding: 10px 0px 0px;
  }

  #jobDescription .contentsBox.inexperiencedWelcome {
    background: url(/img/recruit/img_inexperienced_welcome.jpg) no-repeat;
    height: 480px;
  }

  .contentsInBox {
    height: 320px;
    width: 300px;
    border: 1px solid #25b6cb;
    box-shadow: -4px 4px 0px 0px rgba(206, 228, 231, 0.9);
  }

  #jobDescription .contentsInBox {
    border: none;
    box-shadow: none;
  }

  .contentsInBox p {
    font-size: 24px;
    padding: 0px 13px;
    position: relative;
  }

  .recruitText {
    color: #787878;
    line-height: 1.7em;
    letter-spacing: -0.05em;
  }

  .contentsBox .contentsInBox .recruitText {
    line-height: 1.4em;
  }

  .aquamarine .recruitText {
    letter-spacing: 0.5pt;
  }

  #salarySystem .contentsBlock p.price {
    font-size: 120%;
    letter-spacing: 1px;
    line-height: 1.8;
  }

  #salarySystem .contentsBlock p:last-of-type {
    margin-top: 13px;
  }

  #salarySystem .contentsBlock p.checkYellow::before {
    left: 145px;
  }

  #salarySystem .contentsBlock p.price::before {
    content: "・";
  }

  .aquamarine .recruitText img {
    margin: 30px auto;
  }

  .aquamarine .recruitText.second {
    background-color: #2598a7;
    padding-top: 65px;
    padding-bottom: 50px;
    margin-top: 65px;
  }

  .aquamarine .recruitText.second ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .aquamarine .recruitText.second ul li {
    background-color: #ffffff;
    color: #2598a7;
    width: 48%;
    margin-bottom: 20px;
    text-align: center;
    line-height: 100px;
    font-size: 36px;
    font-weight: bold;
  }

  .aquamarine .recruitText.second p {
    margin: 20px auto;
  }

  #jobDescription .inexperiencedWelcome {
    height: 500px;
  }

  .checkGold {
    position: relative;
    margin-top: 80px;
  }

  .checkGold::before {
    background-image: url(/img/recruit/img_check_gold.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 46px;
    top: -40px;
    left: 277px;
    width: 77px;
    z-index: 0;
  }

  .checkYellow {
    position: relative;
    margin-top: 88px;
  }

  .checkYellow::before {
    background-image: url(/img/recruit/img_check_yellow.png);
    background-repeat: no-repeat;
    background-size: 90% auto;
    height: 70px;
    top: -32px;
    left: 220px;
    width: 80px;
  }

  #jobDescription .contentsBox .contentsInBox {
    height: 210px;
    width: 298px;
    background-color: #c9b97a;
  }

  .treatmentManual {
    margin: 0px 0px 10px 30px;
    padding-top: 80px;
    position: relative;
  }

  .navTrigger {
    color: #ffffff;
    display: block;
    font-size: 40px;
    font-weight: normal;
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 0;
  }

  #contentsWrapper .accordionBox h6:nth-of-type(even) .navTrigger {
    color: #ffffff;
  }

  .accordionBox p {
    background-color: #fff;
    margin: 0px auto 0px;
    width: 900px;
    padding: 10px 10px 10px;
  }

  .accordionBox .qaAnswer {
    color: #25b6cb;
    font-size: 24px;
  }

  .accordionBox h6:last-of-type {
    margin: 20px auto 0px;
  }

  .accordionInBox h6:first-of-type {
    margin: 20px auto 10px;
  }

  .qaButton {
    background-color: #25b6cb;
    margin: 4% auto 7%;
    width: 567px;
    text-align: center;
    line-height: 2em;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    font-size: 36px;
    position: relative;
    cursor: pointer;
  }

  .qaButton::after {
    background-image: url(/img/recruit/img_next.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    position: absolute;
    height: 25px;
    right: 20px;
    top: 50%;
    transform: translate(0, -50%);
    width: 44px;
    z-index: 0;
  }

  .recruitBlock {
    height: auto;
    margin: 10px auto 11px;
  }

  table, td, th {
    font-size: 18px;
    letter-spacing: 0.5pt;
    position: relative;
  }

  .recruitBlock th {
    width: 147px;
    font-size: 16px;
    box-sizing: border-box;
  }

  .recruitBlock .mapBtn {
    display: inline-block;
    width: 80px;
    height: 30px;
    position: absolute;
    right: 110px;
    top: 50%;
    transform: translate(0, -50%);
  }

  #recruitBlock.recruitBlock .mapBtn {
    background: url(/img/recruit/img_map_blue.png) no-repeat center;
    background-size: contain;
  }

  #recruitBlockPink.recruitBlock .mapBtn {
    background: url(/img/recruit/img_map_pink.png) no-repeat center;
    background-size: contain;
  }

  .recruitBlock .mapBtn:hover {
    opacity: 0.8;
  }

  .recruitBlock .mapBtn a {
    color: transparent;
    display: block;
    width: 100%;
    height: 100%;
  }

  #recruitBlockPink .tableTitle {
    font-size: 22px;
    padding: 21px 0;
  }

  #recruitBlockPink .tableTitle br {
    display: none;
  }

  #recruitBlockPink.recruitBlock td ul li span {
    display: block;
    text-indent: -1em;
    padding-left: 1em;
  }

  .spStreetAddress {
    display: none;
  }

  .recruitBlock td p {
    padding: 16px 35px 16px 0;
    line-height: 1.3;
  }

  .recruitBlock td ul {
    padding: 16px 35px 15px 0;
    line-height: 1.3;
  }

  .pcRecruitSetBlock {
    margin: 20px auto;
  }

  .pcRecruitSetBlock a {
    text-decoration: none;
  }

  .pcRecruitSetBlock div {
    display: flex;
    position: relative;
    margin-bottom: 10px;
  }

  .pcRecruitSetBlock a:hover div {
    opacity: 0.8;
  }

  .pcRecruitSetBlock div::before {
    content: "";
    display: block;
    position: absolute;
    width: 100px;
    height: 80px;
  }

  div.recruitLine::before {
    background: url(/img/recruit/icon_recruit_line.svg) no-repeat center;
    background-size: 52px;
  }

  div.recruitTel::before {
    background: url(/img/recruit/icon_recruit_tel.svg) no-repeat center;
    background-size: 39px;
  }

  div.recruitMail::before {
    background: url(/img/recruit/icon_recruit_mail.svg) no-repeat center;
    background-size: 48px;
  }

  .pcRecruitSetBlock div p:first-of-type {
    width: 660px;
    text-indent: 100px;
  }

  .pcRecruitSetBlock div p:last-of-type {
    width: 320px;
    font-size: 18px;
    text-align: center;
  }

  .recruitLine, .recruitMail, .recruitTel {
    content: "";
    display: block;
    width: 980px;
    height: 80px;
  }

  .recruitLine {
    background-color: #01b901;
  }

  .recruitLine p:last-of-type {
    background-color: #018100;
  }

  .recruitTel {
    background-color: #ea545d;
  }

  .recruitTel p:last-of-type {
    background-color: #ea1950;
  }

  .recruitMail {
    background-color: #007fb6;
  }

  .recruitMail p:last-of-type {
    background-color: #06468e;
  }

  .recruitLine p, .recruitMail p, .recruitTel p {
    font-size: 37px;
    font-weight: normal;
    color: #ffffff;
    display: inline-block;
    letter-spacing: 0.8pt;
    line-height: 80px;
  }

  .spRecruitSetBlock {
    display: none;
  }

  .spRecruitLine {
    display: none;
  }

  .mailFormBlock {
    margin-top: 10px;
  }

  .mailForm p {
    padding: 19px 0 13px;
    font-size: 27px;
    font-family: heisei-mincho-std, serif;
  }

  form {
    padding: 30px 34px 34px 31px;
  }

  span.mail_form_message {
    color: red;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
  }

  label {
    margin: 15px 0 15px 0;
  }

  input {
    margin-bottom: 10px;
    font-size: 20px;
  }

  textarea#comment {
    width: 920px;
    height: 100px;
    font-size: 20px;
  }

  button {
    /* width: 330px; */
    /* height: 85px; */
    /* font-size: 20px; */
    /* margin: 35px auto 0; */
  }

  .mailForm {
    border: none;
  }

  ul.recruitNavigation {
    display: flex;
    justify-content: space-between;
  }

  .recruitNavigation li {
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #2598a7;
  }

  .recruitNavigation li:nth-of-type(1) {
    background-image: url(/img/recruit/img_job_description_01.jpg);
  }

  .recruitNavigation li:nth-of-type(2) {
    background-image: url(/img/recruit/img_salary_system_01.jpg);
  }

  .recruitNavigation li:nth-of-type(3) {
    background-image: url(/img/recruit/img_training_system_01.jpg);
  }

  .recruitNavigation li:nth-of-type(4) {
    background-image: url(/img/recruit/img_work_environment_01.jpg);
  }

  .recruitNavigation li:nth-of-type(5) {
    background-image: url(/img/recruit/img_q_and_a_01.jpg);
  }

  .recruitNavigation li:nth-of-type(6) {
    background-image: url(/img/recruit/img_application_requirements_01.jpg);
  }

  .contentsBoxWrapper {
    width: 95%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
  }

  .contentsBoxWrapper:not(.recommend) {
    margin: 40px auto 0;
  }

  #jobDescription .contentsBoxWrapper .contentsBox {
    margin-left: 15px;
    margin-bottom: 15px;
  }

  #jobDescription .contentsBoxWrapper .contentsBox:first-child, #jobDescription .contentsBoxWrapper .contentsBox:nth-child(4n) {
    margin-left: 0;
  }

  .contentsBox:first-child {
    margin-left: 0;
  }

  ul.recruitNavigation li a {
    height: 149px;
    display: block;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    text-indent: -11px;
    font-size: 24px;
    line-height: 255px;
    position: relative;
  }

  ul.recruitNavigation li a::after {
    content: "";
    display: block;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    transform: rotate(45deg);
    width: 13px;
    height: 13px;
    position: absolute;
    bottom: 13px;
    right: 15px;
  }

  ul.recruitNavigation li:nth-of-type(5) a::after {
    right: 38px;
  }

  .case {
    margin: 0 0 20px;
  }

  .case::after {
    top: -47px;
    right: -47px;
    border: 47px solid;
  }

  .case h7 {
    padding: 15px 0 15px 98px;
    height: 100px;
    letter-spacing: 0.3pt;
  }

  .case h7::before {
    width: 63px;
    height: 72px;
    top: 16px;
    left: 22px;
  }

  .case h7 span {
    line-height: 1;
  }

  .case h7 span::before {
    width: 22px;
    height: 22px;
    top: 2px;
  }

  .case p {
    padding-left: 23px;
    font-size: 26px;
    letter-spacing: 0.5pt;
  }

  #workEnvironment .roomBlock {
    margin: 50px 0 81px;
  }

  .roomBlock h5 {
    font-size: 48px;
    width: 717px;
    /* text-indent: 98px; */
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-family: noto-sans-cjk-jp, sans-serif;
    border: 0;
  }

  .roomBlock:first-of-type h5 {
    background-color: #ff8685;
  }

  .roomBlock h5::before {
    width: 75px;
    height: 51px;
    background: url(/img/recruit/img_point.png) no-repeat;
    top: -12px;
    left: 8px;
  }

  .roomBlock h5::after {
    width: 60px;
    height: 50px;
    left: 27px;
  }

  .roomBlock:nth-of-type(3) h5::after {
    /* background: url(/img/recruit/img_01.png) no-repeat center; */
  }

  .roomBlock:last-of-type h5::after {
    /* background: url(/img/recruit/img_02.png) no-repeat; */
  }

  .roomBlock img.roomPhoto {
    margin-top: -37px;
  }

  .roomBlock img.roomHeading {
    width: 245px;
    margin: 45px auto 20px;
    display: block;
  }

  .roomBlock ul li {
    width: 300px;
    height: 180px;
    font-size: 36px;
  }

  .training {
    background: url(/img/recruit/bg_training.jpg) no-repeat center top;
    padding-top: 1300px;
  }

  .trainingContent {
    width: 450px;
    height: 500px;
    padding: 134px 68px 0;
  }

  .trainingContent:first-of-type {
    background: url(/img/recruit/img_training_01.png) no-repeat;
    top: 40px;
    left: 37px;
  }

  .trainingContent:nth-of-type(2) {
    background: url(/img/recruit/img_training_02.png) no-repeat;
    top: 326px;
    right: 31px;
  }

  .trainingContent:nth-of-type(3) {
    background: url(/img/recruit/img_training_03.png) no-repeat;
    top: 660px;
    left: 37px;
  }

  .trainingContent h7 {
    font-size: 36px;
    border-top: 6px double;
    border-bottom: 6px double;
    width: 81px;
    height: 53px;
    line-height: 53px;
    margin-bottom: 24px;
  }

  .trainingContent p {
    font-size: 24px;
    line-height: 1.5;
    text-align: center;
  }

  .trainingStep {
    padding: 30px 9% 0;
  }

  .trainingStep:nth-of-type(5) {
    padding: 142px 9%;
  }

  .trainingStep::before {
    width: 170px;
    height: 146px;
    top: -27px;
  }

  .trainingStep:nth-of-type(4)::after, .trainingStep:nth-of-type(6)::after {
    width: 170px;
    height: 146px;
    top: -89px;
    right: 32px;
  }

  .trainingStep:nth-of-type(4)::before {
    background: url(/img/recruit/img_step1.png) no-repeat center;
  }

  .trainingStep:nth-of-type(4)::after {
    background: url(/img/recruit/img_newcomer_training.png) no-repeat center;
  }

  .trainingStep:nth-of-type(5)::before {
    background: url(/img/recruit/img_step2.png) no-repeat center;
    top: 115px;
  }

  .trainingStep:nth-of-type(6)::before {
    background: url(/img/recruit/img_step3.png) no-repeat center;
  }

  .trainingStep:nth-of-type(6)::after {
    background: url(/img/recruit/img_any.png) no-repeat center;
  }

  .trainingStep h7 {
    margin-left: 195px;
    font-size: 65px;
    font-weight: bold;
    line-height: 1.8;
  }

  .trainingStep h7::before, .trainingStep h7::after {
    background: url(/img/recruit/img_training_line.png) no-repeat center;
    height: 20px;
  }

  .trainingStep h7::after {
    bottom: 0;
  }

  .trainingStep p {
    font-size: 36px;
    margin-top: 12px;
  }

  /* 202005 */
  .areaMap {
    margin-top: 42px;
  }

  .sisterStore {
    width: 94%;
    margin: 0 auto;
  }

  .sisterStore li {}

  .sisterStore li>div {
    margin-bottom: 20px;
  }

  .sisterStore li>div h5 {
    font-size: 24px;
    font-family: noto-sans-cjk-jp, sans-serif;
    color: #ffffff;
    border: 0;
    width: 100%;
    height: auto;
    line-height: 1.5;
    margin: 0;
  }

  .sisterStore li>div p {
    font-size: 18px;
  }

  .sisterStore li img {}

  .sisterStore li>p {
    font-size: 24px;
  }

  .columnContents>a:hover+p a {
    text-decoration: none;
  }

  .girlsBlock {
    height: 1025px;
  }

  .columnWrapper {
    height: 835px;
  }

  .columnWrapper.open {}

  .right {
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .right::-webkit-scrollbar {
    display: none;
  }

  /* 禁止事項 */
  #prohibition {
    background-size: 10px 10px;
    padding: 80px 0 92px;
  }

  #prohibition>img {
    width: 333px;
  }

  .prohibitionContents {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 94%;
    margin: 70px auto 18px;
  }

  .prohibitionBox {
    width: 455px;
    height: 130px;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
  }

  .prohibitionBox p {
    line-height: 110px;
    font-size: 48px;
  }

  .prohibitionBox p::before {
    width: 73px;
    height: 45px;
    top: 7px;
    left: 12px;
  }

  .workAdress {
    padding: 21px 10px;
  }

  .workAdress>div {
    line-height: 1.5;
  }
}

/* =========================================================
 スマホ用
========================================================= */
@media screen and (max-width: 980px) {
  .headerLogo {
    /* margin: 2.5vw auto; */
  }

  .headerDetails {
    /* display: none; */
  }

  footer {
    padding-bottom: 20vw;
  }

  .ivory {
    background-color: #f9f8f1;
    padding-bottom: 6%;
  }

  .aquamarine {
    background-color: #25b6cb;
    padding-top: 1%;
    padding-bottom: 1%;
  }

  .pastelGreen {
    background-color: #dcf6fa;
    padding-bottom: 6%;
    padding-top: 1%;
    /* margin-top: 13%; */
  }

  .aquamarine h4, .aquamarine .recruitTitle {
    color: #fff;
  }

  .aquamarine .recruitSubTitle {
    color: #fff67f;
  }

  h1 {
    bottom: 27.4vw;
  }

  h2 {
    height: auto;
    width: 100%;
    background-color: transparent;
    margin-bottom: 2%;
  }

  h3 {
    background-image: none;
    padding: 0;
    height: auto;
    position: static;
    text-indent: -99999px;
    border: 0;
  }

  h4 {
    text-align: center;
    font-weight: bold;
    font-size: 7vw;
    color: #25b6cb;
    padding: 1% 0% 1%;
    letter-spacing: 0.05em;
    background: no-repeat;
    /* font-family: noto-sans-cjk-jp, sans-serif; */
  }

  #globalNav {
    display: none;
  }

  #contentsWrapper {
    background: none;
    padding-top: 0%;
  margin-bottom: 10%;}

  .contentsBlock {
    padding: 3% 2% 0;
    font-size: 4.6vw;
  }

  .recruitNavigation {
    padding: 0;
    margin: 0 2% 10% 2%;
    display: flex;
    flex-wrap: wrap;
  }

  .recruitNavigation li {
    float: left;
    width: 32%;
    margin-bottom: 2%;
    margin-right: 2%;
    background-color: #25b6cb;
    text-align: center;
  }

  .aquamarine .recruitNavigation li {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 4%;
  }

  .recruitNavigation li:nth-of-type(3n) {
    margin-right: 0;
  }

  .recruitNavigation li a {
    color: #ffffff;
    text-decoration: none;
    display: block;
  }

  .recruitNavigation li a span {
    font-size: 3.8vw;
    display: block;
    height: 6vw;
    line-height: 6vw;
    text-indent: -2vw;
    position: relative;
  }

  .recruitNavigation li a span::after {
    content: "";
    display: block;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    transform: rotate(45deg) translate(0, -50%);
    width: 2vw;
    height: 2vw;
    position: absolute;
    top: 47%;
    right: 4vw;
  }

  .subHeading {
    margin: 0 auto;
    position: relative;
  }

  .subHeading img {
    width: 16%;
    margin: 5% auto 2%;
    display: block;
  }

  .topSubHeading img {
    width: 30%;
  }

  .recruitPoint img {
    width: 40%;
    margin: 2% auto 2%;
  }

  .subHeading p {
    text-align: center;
  }

  .advertising {

  }

  .advertising .banner {
    width: 92%;
    margin: 8% auto 0;
    text-align: center;
    line-height: 2.3;
    background-color: #ffffff;
    padding: 4% 4% 2.1%;
    box-sizing: border-box;
  }

  .advertising p,
  .advertising .recruitText {
    color: #787878;
  }

  .recruitTitle {
    font-weight: bold;
    font-size: 7vw;
    color: #787878;
    padding: 3% 0% 2%;
  }

  .recruitSubTitle {
    color: #25b6cb;
    padding: 3% 0% 0%;
    font-size: 4vw;
  }

  .subHeading hr {
    margin: 0 auto;
  }

  .recruitHr01 {
    width: 41%;
    margin: 0 auto;
  }

  .recruitHr02 {
    width: 41%;
    margin: 0 auto;
  }

  .recruitHr03 {
    width: 57%;
    margin: 0 auto 8%;
  }

  .recruitHr04 {
    width: 52%;
    margin: 0 auto 8%;
  }

  .recruitHr05 {
    width: 44%;
    margin: 0 auto 6%;
  }

  .recruitHr06 {
    width: 63%;
    margin: 0 auto 2%;
  }

  .recruitHr07 {
    width: 63%;
    margin: 0 auto 5%;
  }

  .recruitHr08 {
    width: 43%;
    margin: 0 auto 5%;
  }

  .recruitHr09 {
    width: 23%;
    margin: 0 auto 5%;
  }

  .recruitText {
    color: #787878;
    padding: 6% 4% 1%;
    line-height: 1.5em;
    letter-spacing: 0.01em;
  }

  #salarySystem .contentsBlock p {
    padding: 3% 2% 0;
    font-size: 4.6vw;
  }

  #salarySystem .contentsBlock p.price {
    font-size: 4.8vw;
    letter-spacing: 0.2vw;
  }

  #salarySystem .contentsBlock p:last-of-type {
    margin-top: 2vw;
  }

  #salarySystem .contentsBlock p.price::before {
    content: "・";
  }

  .aquamarine .recruitText {
    color: #fff;
  }

  .aquamarine .recruitText img {
    margin: 5vw auto;
  }

  .aquamarine .recruitText.second {
    background-color: #2598a7;
    padding-top: 4vw;
    padding-bottom: 0;
    margin-top: 7vw;
  }

  .aquamarine .recruitText.second ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .aquamarine .recruitText.second p {
    font-size: 4.6vw;
    margin: 4vw auto;
  }

  .aquamarine .recruitText.second ul li {
    background-color: #ffffff;
    color: #2598a7;
    width: 47%;
    margin-bottom: 3vw;
    text-align: center;
    line-height: 9vw;
    font-size: 3.44vw;
    font-weight: bold;
  }

  .recruitCheck img {
    width: 45%;
    margin: 0 auto;
    display: block;
    padding: 4% 0% 0%;
  }

  .checkGold {
    margin-top: 7%;
  }

  .checkGold::before {
    background-image: url("/img/recruit/img_check_gold.png");
    background-repeat: no-repeat;
    background-size: 15% auto;
    height: 100%;
    left: 9%;
    top: -22%;
    width: 100%;
    z-index: 0;
  }

  .checkYellow {
    margin-top: 7%;
  }

  .checkYellow::before {
    background-image: url("/img/recruit/img_check_yellow.png");
    background-repeat: no-repeat;
    background-size: 15% auto;
    height: 100%;
    left: 20%;
    top: -22%;
    width: 100%;
  }

  .treatmentManual {
    width: 70%;
    margin: 4% auto;
    padding-top: 6%;
  }

  .accordionInBox {
    margin: 0% auto;
  }

  .qaButton, .qaButton .moreTrigger {
    background-color: #25b6cb;
    margin: 0% auto 2%;
    width: 94%;
    text-align: center;
    line-height: 2em;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    font-size: 6vw;
    position: relative;
  }

  .qaButton::after {
    background-image: url("/img/recruit/img_next.png");
    background-repeat: no-repeat;
    background-size: 8% auto;
    content: "";
    height: 100%;
    right: -85%;
    position: absolute;
    top: 32%;
    width: 100%;
    z-index: 0;
  }

  table, td, th {
    font-size: 14px;
  }

  .recruitBlock {
    height: auto;
    margin: 10px auto 11px;
  }

  .recruitBlock th {
    width: 131px;
  }

  #recruitBlockPink .tableTitle {
    padding: 3% 0;
    font-size: 3.75vw;
  }

  .spRecruitBlok {
    padding: 0 2%;
  }

  .recruitMail p, .recruitTel p {
    font-size: 37px;
    color: #ffffff;
  }

  .recruitTel {
    margin: 10px auto;
  }

  .mailFormBlock {
    margin-top: -18vw;
    padding-top: 18vw;
  }

  .mailForm p {
    padding: 3.2vw 0;
    font-size: 4vw;
  }

  form {
    padding: 0 5vw 5vw 5vw;
  }

  label {
    margin: 2vw 0 2vw 0;
  }

  input {
    margin-bottom: 2vw;
    font-size: 3.5vw;
  }

  textarea#comment {
    height: 22vw;
    font-size: 3.5vw;
  }

  button {
    /* margin: 5.5vw auto 0; */
  }

  article:last-of-type {
    /* padding-bottom: 0; */
  }

  #applicationRequirements {
    padding-bottom: 0;
  }

  #fixdLine {
    position: fixed;
    bottom: 0px;
    z-index: 10;
    width: 100%;
    background-color: #000000;
  }

  #fixdLine p {
    width: 100%;
    /* background-color: #000000; */
    color: #ffffff;
    text-align: center;
    letter-spacing: 13pt;
    line-height: 1.5;
    font-size: 3.2vw;
    font-weight: bold;
  }

  #fixdLine ul {
    display: flex;
    flex-wrap: wrap;
  }

  #fixdLine li {
    width: 25%;
    box-sizing: border-box;
    height: 12vw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  #fixdLine li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 3.44vw;
    display: inline-block;
    width: 100%;
    line-height: 1.3;
    padding: 10% 0 10% 46%;
    box-sizing: border-box;
    z-index: 1;
    letter-spacing: 2pt;
  }

  #fixdLine li::before {
    content: "";
    display: block;
    position: absolute;
    width: 7vw;
    height: 7vw;
    top: 50%;
    left: 3vw;
    transform: translate(0, -50%);
  }

  #fixdLine li:first-of-type {
    background-color: #00b900;
  }

  #fixdLine li:first-of-type::before {
    background: url(/img/recruit/icon_recruit_line.svg) no-repeat center;
  }

  #fixdLine li:nth-of-type(2) {
    background-color: #007fb7;
  }

  #fixdLine li:nth-of-type(2)::before {
    background: url(/img/recruit/icon_recruit_tel.svg) no-repeat center;
    background-size: contain;
    transform: translate(0, -50%) rotate(-30deg);
  }

  #fixdLine li:nth-of-type(3) {
    background-color: #ea545d;
  }

  #fixdLine li:nth-of-type(3)::before {
    background: url(/img/recruit/icon_bottom_tel.svg) no-repeat center;
    background-size: 72%;
  }

  #fixdLine li:last-of-type {
    background-color: #ffa735;
  }

  #fixdLine li:last-of-type::before {
    background: url(/img/recruit/icon_to_top.svg) no-repeat center;
    background-size: 50%;
  }

  #fixdLine img {
    max-width: 640px;
    margin: 0 auto;
    display: block;
  }

  .pcRecruitSetBlock a, .spRecruitSetBlock a {
    text-decoration: none;
  }

  /* =========================================================
 mail_form.inc
========================================================= */
  span.mail_form_message {
    color: red;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    margin-bottom: 4vw;
  }

  /* =========================================================
 mail_form_conf.inc
========================================================= */
  .mailFormConfList {
    margin: 0 auto;
  }

  .mailFormConfBlock {
    margin: 0 auto;
  }

  .mailFormConfBlock div {
    margin-bottom: 30px;
  }

  .mailFormConfBtn {
    display: flex;
  }

  .mailFormConfBlock div span {
    display: inline-block;
    font-size: 20px;
    margin-left: 5px;
  }

  /* =========================================================
 mail_form_end.inc
========================================================= */
  .mailFormEnd {
    line-height: 1.6;
  }

  /* =========================================================
 #indexContentsWrap
========================================================= */
  .leftBlock .pcOpen, .pcScheduleBlock, .pcSchedule, .pcRecruitBanner, .pcStreetAddress, .pcRecruitLine, .pcHeaderText {
    display: none;
  }

  .spRecruitSetBlock {
    box-sizing: border-box;
    padding: 0 2%;
  }

  .spRecruitSetBlock .recruitMail, .spRecruitSetBlock .recruitTel {
    background-image: none;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
  }

  .spRecruitSetBlock .recruitMail {
    background-color: #ff286a;
  }

  .mail {
    background-color: #b00338;
  }

  .mail, .tel {
    width: 16%;
    /* padding: 3%; */
    box-sizing: border-box;
  }

  .mail img, .tel img {
    display: block;
    margin: 0 auto;
  }

  .mailText, .telText {
    width: 100%;
  }

  .mailText p, .telText p {
    font-weight: normal;
    padding: 0;
    text-align: center;
    line-height: 1.4;
  }

  .mailText p:first-of-type, .telText p:first-of-type {
    font-size: 3.15vw;
  }

  .mailText p:last-of-type, .telText p:last-of-type {
    font-size: 4.53vw;
  }

  .spRecruitSetBlock .recruitTel {
    background-color: #246ec1;
  }

  .tel img {
    width: 56.7%;
  }

  .tel {
    background-color: #06468e;
  }

  label {
    font-size: 3.2vw;
  }

  input {
    width: 70%;
    height: 5vw;
    font-size: 3.44vw;
    padding: 1% 2%;
  }

  textarea#comment {
    width: 100%;
  }

  button {
    /* width: 50%; */
    /* height: 10vw; */
    /* font-size: 4.4vw; */
  }

  #footer {
    margin-bottom: 11%;
  }

  .recruitBlock th {
    width: 31.5%;
  }

  table, td, th {
    padding: 3% 2%;
  }

  .recruitBlock th {
    padding: 4% 1.5%;
    font-weight: normal;
  }

  .recruitBlock td p {
    padding: 0;
    font-size: 3.15vw;
  }

  .spRecruitBlok td, .spRecruitBlok th {
    font-size: 3.15vw;
    position: relative;
  }

  .spRecruitBlok td a {
    font-size: inherit;
  }

  .recruitBlock .mapBtn {
    display: inline-block;
    width: 12vw;
    height: 5vw;
    position: absolute;
    right: 5vw;
    top: 50%;
    transform: translate(0, -50%);
  }

  #recruitBlock.recruitBlock .mapBtn {
    background: url(/img/recruit/img_map_blue.png) no-repeat center;
    background-size: contain;
  }

  #recruitBlockPink.recruitBlock .mapBtn {
    background: url(/img/recruit/img_map_pink.png) no-repeat center;
    background-size: contain;
  }

  .recruitBlock .mapBtn a {
    color: transparent;
    display: block;
    width: 100%;
    height: 100%;
  }

  .spRecruitBlok td ul li {
    letter-spacing: -0.6px;
    padding-left: 1em;
  }

  .spRecruitBlok td ul li span {
    display: block;
    text-indent: -1em;
    font-size: 3.15vw;
  }

  #footer {
    margin-bottom: 13%;
  }

  /*インデントつけるクラス*/
  .smallBox dd ul li {
    text-indent: -1em;
    margin-left: 1em;
    font-size: 90%;
  }

  .contentsBlock .blogCommonBanner a ul {
    width: 98%;
    position: absolute;
    bottom: 3%;
    left: 2%;
  }

  .contentsBlock .blogCommonBanner a li {
    float: left;
    width: 32%;
    margin-right: 2%;
    font-size: 55%;
  }

  .contentsBlock .blogCommonBanner a li span {
    font-size: inherit;
  }

  .contentsBlock .blogCommonBanner a #blogCommonBannerLong {
    width: 46%;
    margin-right: 0;
  }

  .contentsBlock .blogCommonBanner a li:last-child {
    float: right;
    width: 15%;
    margin-right: 2%;
  }

  .recruitCommonBlock {
    box-shadow: none;
  }

  .recruitCommonBlock.recruitSet {
    box-shadow: 0 2px 2px 0 rgba(96, 96, 96, 0.6);
  }

  .recruitCommonBlock dd {
    margin: 2% auto 7%;
  }

  .none .recruitCommonBlock {
    margin-top: -4%;
    padding-top: 4%;
  }

  .none .recruitCommonBlock h5 {
    display: none;
  }

  .contentsBox {
    height: 100%;
    margin: 4% 4% 0%;
    position: relative;
  }

  .contentsInBox {
    border: 1px solid #25b6cb;
    box-shadow: -3px 3px 0px 0px rgba(206, 228, 231, 0.9);
  }

  .contentsInBox h5 {
    background-color: #fff;
    color: #25b6cb;
    font-weight: bold;
    font-size: 4vw;
    padding: 10% 10% 0%;
    text-align: center;
    position: relative;
    /* font-family: noto-sans-cjk-jp, sans-serif; */
    line-height: 1.3;
    height: auto;
    border: 0;
  }

  .contentsBox .contentsInBox::before {
    background-image: url("/img/recruit/img_triangle.png");
    background-repeat: no-repeat;
    background-size: 22% auto;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }

  .ivory .contentsInBox h5 {
    padding: 6% 8% 5%;
  }

  .contentsInBox p {
    font-size: 2.8vw;
    padding: 7% 5% 9%;
    position: relative;
  }

  .accordionBox {
    margin-bottom: 2%;
  }

  .accordionBox h6 {
    background-color: #25b6cb;
    margin: 2% auto;
    width: 95%;
    padding: 2% 9%;
    color: #ffffff;
    border-radius: 40px;
    position: relative;
    box-sizing: border-box;
    font-size: 3.75vw;
    line-height: 1.7em;
  }

  #contentsWrapper .accordionBox h6:nth-of-type(even) {
    background-color: #44a2b0;
    color: #ffffff;
  }

  #contentsWrapper .accordionBox h6:nth-of-type(even)::before {
    background-image: url("/img/recruit/img_q_even_number.png");
  }

  .accordionBox h6::before {
    background-image: url("/img/recruit/img_q_odd_number.png");
    background-repeat: no-repeat;
    background-size: 6% auto;
    content: "";
    height: 100%;
    left: 2%;
    position: absolute;
    width: 100%;
    z-index: 0;
  }

  .accordionBox p {
    background-color: #fff;
    margin: 2% auto 2%;
    width: 90%;
    padding: 3%;
  }

  .accordionBox p:last-of-type {
    margin: 2% auto 0%;
  }

  .accordionInBox h6:first-of-type {
    margin: 0% auto 2%;
  }

  .accordionBox .qaAnswer {
    color: #25b6cb;
    font-size: 4.6vw;
  }

  .navTrigger {
    color: #ffffff;
    display: block;
    font-size: 100%;
    font-weight: bold;
    position: absolute;
    right: 2%;
    top: 20%;
    z-index: 0;
  }

  #contentsWrapper .accordionBox h6:nth-of-type(even) .navTrigger {
    color: #ffffff;
  }

  .recruitCommonBlock h5 {
    background-image: url(../img/recruit/recruit_common/bg_title.jpg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 0 bottom;
    color: #333333;
    font-size: 121%;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1;
    margin: 0 0 3%;
    padding: 5% 2% 3% 2%;
    position: relative;
  }

  .recruitCommonBlock .navTrigger {
    display: none;
  }

  .recruitCommonBlock .smallBox li, .recruitCommonBlock .smallBox p, .recruitCommonBlock .smallBox a {
    vertical-align: middle;
  }

  .recruitCommonBlock .smallBox li, .recruitCommonBlock .smallBox p {
    text-indent: -1em;
    padding-left: 1em;
  }

  .recruitCommonBlock .smallBox p.supplementText {
    text-indent: 0;
    margin-left: 0;
    margin-top: 2%;
  }

  .contentsBoxWrapper.flex {
    display: flex;
    justify-content: space-around;
    margin: 4% 2% 0;
  }

  .contentsBoxWrapper.flex .contentsBox {
    margin: 0;
    width: 31%;
  }

  #jobDescription .contentsBox .contentsInBox {
    background-color: #c9b97a;
    border: none;
    box-shadow: none;
  }

  #jobDescription .contentsBox .contentsInBox::before {
    content: none;
  }

  #jobDescription .contentsInBox h5 {
    background-color: transparent;
    color: #ffffff;
  }

  #jobDescription .recommendText {
    color: #787878;
    padding: 6% 4% 1%;
    line-height: 1.5em;
    letter-spacing: 0.01em;
    font-size: 4.6vw;
  }

  .recruitText .subHeading hr {
    background-color: #ffffff;
  }

  .case {
    margin: 0 0 2vw;
  }

  .case::after {
    top: -5vw;
    right: -5vw;
    border: 5vw solid;
  }

  .case span {
    font-size: 2.5vw;
  }

  .case h7 {
    padding: 1vw 0 1vw 10vw;
    font-size: 2.5vw;
    height: 10vw;
    line-height: 0;
  }

  .case h7::before {
    width: 6vw;
    height: 7vw;
    top: 50%;
    left: 2vw;
    transform: translate(0, -50%);
  }

  .case h7 span::before {
    width: 2.5vw;
    height: 2.5vw;
    top: 50%;
    transform: translate(0, -50%);
  }

  .case p {
    padding-left: 2.5vw;
    font-size: 2.8vw;
  }

  .aquamarine .recruitText img.caseImage {
    width: 48%;
    margin: 0 0 2vw;
  }

  .training {
    background: url(/img/recruit/bg_training_s.png) no-repeat center 3.5vw;
    background-size: 95%;
    padding-top: 243vw;
    padding-bottom: 7vw;
  }

  .trainingContent {
    width: 74vw;
    height: 74vw;
    padding: 20vw 13vw 0;
  }

  .trainingContent:first-of-type {
    background: url(/img/recruit/img_training_01.png) no-repeat center;
    background-size: contain;
    top: 7vw;
    left: 2vw;
  }

  .trainingContent:nth-of-type(2) {
    background: url(/img/recruit/img_training_02.png) no-repeat center;
    background-size: contain;
    top: 84vw;
    right: 2vw;
  }

  .trainingContent:nth-of-type(3) {
    background: url(/img/recruit/img_training_03.png) no-repeat center;
    background-size: contain;
    top: 163vw;
    left: 2vw;
  }

  .trainingContent h7 {
    font-size: 5.5vw;
    border-top: 4px double;
    border-bottom: 4px double;
    width: 12vw;
    line-height: 1.35;
    padding: 0;
    margin-bottom: 2.4vw;
  }

  .trainingContent p {
    font-size: 3.7vw;
    line-height: 1.7;
    text-align: center;
  }

  .trainingStep {
    padding: 5vw 6.5vw 0;
  }

  .trainingStep:nth-of-type(5) {
    padding: 13vw 6.5vw;
  }

  .trainingStep::before {
    width: 20vw;
    height: 20vw;
    top: -1vw;
    left: 5vw;
  }

  .trainingStep:nth-of-type(4)::after, .trainingStep:nth-of-type(6)::after {
    width: 11vw;
    height: 11vw;
    top: -4.3vw;
    right: 4vw;
  }

  .trainingStep:nth-of-type(4)::before {
    background: url(/img/recruit/img_step1.png) no-repeat center;
    background-size: contain;
  }

  .trainingStep:nth-of-type(4)::after {
    background: url(/img/recruit/img_newcomer_training.png) no-repeat center;
    background-size: contain;
  }

  .trainingStep:nth-of-type(5)::before {
    background: url(/img/recruit/img_step2.png) no-repeat center;
    background-size: contain;
    top: 7.3vw;
  }

  .trainingStep:nth-of-type(6)::before {
    background: url(/img/recruit/img_step3.png) no-repeat center;
    background-size: contain;
  }

  .trainingStep:nth-of-type(6)::after {
    background: url(/img/recruit/img_any.png) no-repeat center;
    background-size: contain;
  }

  .trainingStep h7 {
    margin-left: 19vw;
    font-size: 7vw;
    font-weight: bold;
    line-height: 1.5;
    padding-top: 2%;
  }

  .trainingStep h7::before, .trainingStep h7::after {
    background: url(/img/recruit/img_training_line.png) no-repeat center;
    background-size: cover;
    height: 1vw;
  }

  .trainingStep h7::after {
    bottom: -1vw;
  }

  .trainingStep p {
    font-size: 4vw;
    margin-top: 3vw;
  }

  #workEnvironment {
    /* margin-bottom: 30%; */
  }

  #workEnvironment .roomBlock {
    margin: 6vw 0 10vw;
  }

  .roomBlock h5 {
    font-size: 5.5vw;
    font-weight: bold;
    width: 90%;
    height: 10vw;
    line-height: 10.3vw;
    text-align: center;
    letter-spacing: 1pt;
    /* font-family: noto-sans-cjk-jp, sans-serif; */
    border: 0;
  }

  .roomBlock h5::before {
    width: 13vw;
    height: 6vw;
    background: url(/img/recruit/img_point.png) no-repeat;
    background-size: contain;
    top: -4vw;
    left: 1vw;
  }

  
  .roomBlock img.roomPhoto {
    margin-top: -5.1vw;
  }

  .roomBlock img.roomHeading {
    width: 37%;
    margin: 6vw auto 3vw;
    display: block;
  }

  .roomBlock ul {
    width: 95%;
    margin: 0 auto;
  }

  .roomBlock ul li {
    width: 32%;
    height: 19vw;
    font-size: 3.4vw;
  }

  .pcRecruitSetBlock {
    width: 96%;
    margin: 20px auto;
  }

  .pcRecruitSetBlock a {
    text-decoration: none;
  }

  .pcRecruitSetBlock div {
    display: flex;
    position: relative;
    margin-bottom: 10px;
    flex-wrap: wrap-reverse;
    height: 12vw;
  }

  .recruitLine, .recruitMail, .recruitTel {
    content: "";
    display: block;
  }

  .recruitLine {
    background-color: #01b901;
  }

  .recruitMail {
    background-color: #007fb6;
  }

  .recruitTel {
    background-color: #ea545d;
  }

  .recruitLine p, .recruitMail p, .recruitTel p {
    font-size: 4.5vw;
    font-weight: normal;
    color: #ffffff;
    display: inline-block;
    letter-spacing: 0.8pt;
    text-align: center;
    width: 90%;
    margin-left: auto;
  }

  .pcRecruitSetBlock div p:last-of-type {
    font-size: 3vw;
    text-align: center;
    line-height: 1;
    margin-top: 1.7vw;
  }

  .pcRecruitSetBlock div::before {
    content: "";
    display: block;
    position: absolute;
    width: 15vw;
    height: 12vw;
  }

  div.recruitLine::before {
    background: url(/img/recruit/icon_recruit_line.svg) no-repeat center;
    background-size: 8.5vw;
    background-color: #018100;
  }

  div.recruitMail::before {
    background: url(/img/recruit/icon_recruit_mail.svg) no-repeat center;
    background-size: 8.1vw;
    background-color: #06468e;
  }

  div.recruitTel::before {
    background: url(/img/recruit/icon_recruit_tel.svg) no-repeat center;
    background-size: 6vw;
    background-color: #ea1950;
  }

  #pageTop {
    display: none !important;
  }

  /* 講師紹介 */
  .instructor {
    background-size: 6vw 6vw;
    padding: 10vw 0;
  }

  .instructorTitle {
    width: 85%;
    margin: 0 auto 7vw;
  }

  .instructorContents .leftCont {
    width: 45%;
  }

  .instructorContents .rightCont {
    width: 51%;
  }

  .instructorName {
    font-size: 6.2vw;
    letter-spacing: 0.5vw;
    margin-top: 0;
    line-height: 0.7;
    padding-bottom: 2vw;
  }

  .instructorName span {
    font-size: 3.6vw;
    letter-spacing: 0;
    margin-left: 0;
  }

  .instructorComment {
    font-size: 3.6vw;
    line-height: 1.55;
    margin: 1vw auto;
  }

  .instructorTwitter {
    font-size: 5vw;
    width: 100%;
    height: 17vw;
    line-height: 1.2;
    padding-top: 2vw;
    padding-left: 29vw;
  }

  .instructorContents a {
    position: static;
    width: 100%;
    margin-top: 5vw;
  }

  .instructorTwitter::before {
    width: 12vw;
    height: 10vw;
    left: 15vw;
  }

  .instructorTwitter::after {
    right: 5.5vw;
    font-size: 5.2vw;
  }

  /* _講師紹介 */
  /* =========================================================
 女性求人媒体「バニラ」ウィジェット
========================================================= */
  .recruitWidgetBlock {
    margin: 4% auto 0;
    text-align: center;
  }

  .recruitWidgetBlock iframe {
    border: 1px solid #cccccc;
    height: 350px;
    width: 279px;
  }

  @media only screen and (orientation:landscape) {
    .contentsBlock .blogCommonBanner a li {
      font-size: 100%;
    }

    .contentsBlock .blogCommonBanner a li span {
      font-size: 110%;
    }

    .contentsInBox h5::before {
      background-size: 3% auto;
      height: 100%;
      left: 5%;
      top: 23px;
    }

    .contentsInBox p::before {
      background-size: 3% auto;
      height: 100%;
      left: 5%;
      top: 23px;
    }

    .navTrigger {
      bottom: -1px;
      font-size: 170%;
      right: 1px;
    }
  }

  h5 br {
    display: none;
  }

  #jobDescription, #salarySystem, #trainingSystem, #workEnvironment, #qAndA, #applicationRequirements {
    padding-top: 15vw;
    margin-top: -15vw;
  }

  #pageTop #pageTopBtn {
    bottom: 89px;
  }

  .middleContents>section>div img {
    /* margin: 0 0 2vw; */
  }

  /* 202005 */
  .areaMap {
    margin-top: 6vw;
  }

  .areaMap>img {
    width: 90%;
    margin: 7vw auto 10vw;
  }

  .sisterStore {
    width: 95%;
    margin: 0 auto 8vw;
  }

  .sisterStore li {}

  .sisterStore li>div {
    margin-bottom: 1.8vw;
  }

  .sisterStore li>div h5 {
    font-size: 3vw;
    color: #ffffff;
    border: 0;
    font-family: noto-sans-cjk-jp, sans-serif;
    height: auto;
    line-height: 1.5;
  }

  .sisterStore li>div p {
    font-size: 2.3vw;
  }

  .sisterStore li>div::after {
    border-top-width: 2vw;
    border-left-width: 1vw;
    border-right-width: 1vw;
  }

  .sisterStore li img {}

  .sisterStore li>p {
    font-size: 2.4vw;
  }

  .sisterStore li>p a {
    padding-right: 2vw;
  }

  .sisterStore li>p a::after {
    right: 2vw;
    width: 1.5vw;
    height: 2.5vw;
  }

  #forInexperienced {
    padding-top: 23vw;
    margin-top: -23vw;
  }

  .forInexperienced {
    background-size: 8%;
    background-position: right 4vw top 3vw;
  }

  .forInexperienced::before {
    width: 15.7vw;
    height: 14.6vw;
    top: 1vw;
    left: 2vw;
  }

  .forInexperienced .recruitTitle {
    font-size: 7vw;
  }

  .forInexperienced .recruitText {
    padding-top: 0;
  }

  .forInexperienced .recruitText::after {
    width: 10vw;
    height: 6.2vw;
    margin: 4vw auto 0;
  }

  .voice {
    padding-bottom: 10vw;
  }

  .voice .subHeading {
    margin-bottom: 5vw;
  }

  .voice .subHeading img {
    width: 15%;
  }

  .voice .recruitHr07 {}

  .voice .recruitSubTitle {}

  .postDate p {
    font-size: 3vw;
  }

  .therapistShop {
    height: 4vw;
  }

  .voice .therapistBox .therapistSchedule .therapistShop p {
    line-height: 4vw;
    display: block;
    text-align: center;
    font-size: 3vw;
  }

  .voice .therapistBox .therapistSchedule .therapistDeta {
    padding-top: 0;
  }

  .voice .therapistBox .therapistSchedule .therapistDeta .therapistName {
    line-height: 1.8;
    font-size: 3.5vw;
    font-family: noto-sans-cjk-jp, sans-serif;
    border: 0;
  }

  .voice .therapistName span {
    font-size: 80%;
  }

  .moreVoice {
    background-color: #53b538;
    text-align: center;
    width: 95%;
    margin: 0 auto;
    position: relative;
  }

  .moreVoice a {
    color: #ffffff;
    text-decoration: none;
  }

  .moreVoice p {
    font-weight: bold;
    font-size: 5.5vw;
    line-height: 2;
    margin-top: 6vw;
    color: #ffffff;
  }

  .moreVoice::after {
    content: "";
    display: block;
    background: url(/img/recruit/img_arrow_voice.png) no-repeat;
    background-size: contain;
    width: 7vw;
    height: 4vw;
    position: absolute;
    top: 52%;
    right: 6vw;
    transform: translate(0, -50%);
  }

  .flowBlock {
    width: 100%;
    padding-top: 6vw;
    padding-bottom: 6vw;
    background: url(/img/recruit/bg_flow_sp.jpg) no-repeat center;
    background-size: 100%;
    height: auto;
  }

  .flowBlock .subHeading img {
    width: 15%;
  }

  .flowBlock .recruitSubTitle {
    padding-top: 1vw;
  }

  .flowBlock .recruitTitle {
    padding-top: 1%;
  }

  .flowBlock .recruitHr08 {
    width: 43vw;
  }

  .flowContents {
    padding: 0;
    margin-bottom: 15vw;
  }

  .flowContents p.flowTitle {
    font-size: 7vw;
    letter-spacing: 3px;
    margin-bottom: 4vw;
  }

  .flowContents p {
    font-size: 3.8vw;
    line-height: 1.7;
  }

  .flowPoint {
    font-size: 3vw;
    padding: 3vw 2vw;
  }

  .flowPoint::before {
    width: 17.2vw;
    height: 6.5vw;
    background-size: contain;
  }

  .columnBlock {
    padding-bottom: 15vw;
  }

  .columnBlock .subHeading img {
    width: 16vw;
  }

  .columnBlock .recruitSubTitle {
    padding-top: 1vw;
  }

  .columnContents {
    width: 95%;
    margin-top: 3vw;
    margin-bottom: 0;
    padding-bottom: 3vw;
    border-bottom: 1px solid;
  }

  .columnContents a {
    width: 25%;
    font-size: 3.44vw;
    line-height: 2;
  }

  .columnContents p {
    width: 75%;
    padding: 2vw 0 2vw 4vw;
  }

  .columnContents img {
    width: 100%;
  }

  #qAndA .subHeading hr {
    /* background-color: #ffffff; */
  }

  .popup {
    overflow-y: scroll;
  }

  .popupBox {
    width: 90%;
    border: none;
    padding: 3vw;
    top: 35vw;
    transform: none;
    margin-bottom: 5vw;
    height: auto;
  }

  .popupState {
    border: none;
    margin-top: 0;
  }

  .left {
    width: 35%;
  }

  .right {
    width: 60%;
  }

  .popupStore {
    font-size: 3vw;
    color: #53b538;
    font-weight: bold;
  }

  .popupName {
    background-color: #53b538;
    color: #ffffff;
    font-size: 3.2vw;
  }

  .qabox {}

  .popupQ {
    font-size: 2.8vw;
  }

  .popupA {
    font-size: 2.8vw;
  }

  .popupClose {
    background-color: transparent;
    width: 10vw;
    height: 10vw;
    top: -10vw;
    right: 0;
  }

  .flowContents p.flowTitle span {
    font-size: 7vw;
    letter-spacing: 5px;
    margin-right: 3vw;
  }

  .girlsBlock {
    max-height: 112vw;
  }

  .girlsBlock.open {
    max-height: 100%;
  }

  .columnWrapper {
    height: auto;
    max-height: 144.5vw;
  }

  .columnWrapper.open {
    max-height: 100%;
  }

  input[type="radio"] {
    width: 4vw;
    margin-right: 2vw;
    margin-bottom: 0;
  }

  #form_mailForm>div {
    margin: 3vw 0;
  }

  #form_mailForm>div label {
    margin-right: 5vw;
  }

  .therapistBox:nth-child(n) {
    width: calc(96% / 3);
    margin-right: 0;
  }

  @media screen and (max-width: 640px) {
    #pageTop #pageTopBtn {
      bottom: 13.8vw;
    }
  }

  /* 禁止事項 */
  #prohibition {
    background-size: 1.3vw 1.3vw;
    padding: 7% 0 12%;
  }

  #prohibition>img {
    width: 55%;
  }

  .prohibitionContents {
    width: 96%;
    margin: 12% auto 4%;
  }

  .prohibitionBox {
    text-align: center;
    padding: 1.5%;
    margin-bottom: 3%;
  }

  .prohibitionBox p {
    line-height: 13vw;
    font-size: 4.5vw;
  }

  .prohibitionBox p::before {
    width: 12.3vw;
    height: 6.8vw;
    top: 2.5vw;
    left: 4.3vw;
  }

  .workAdress>div {
    margin-bottom: 2%;
    font-size: inherit;
  }

  .fixdFooter ul {
    display: none;
  }
}