@charset 'utf-8';

/* =========================================================
 求人
========================================================= */
body {
  color: #383838;
}

/*募集要項*/
.recruitRequirements {
  width: auto;
}

.recruitSet {
  background-image: url("/en/img/recruit/recruit_common2/bg_recruitSet.jpg");
  background-repeat: no-repeat;
  /* box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 33%); */
  height: 378px;
  margin: 20px auto 0;
  width: 760px;
  background-size: 100% auto;
}

.inquiryBtn {
  padding: 97px 0 0 23px;
}

.inquiryBtn li {
  margin: 0 0 10px;
  position: relative;
  text-align: left;
  background-size: 100% 100%;
}

.inquiryBtn li.line {
  background-image: url("/en/img/recruit/recruit_common2/bg_inquiryBtn_line.png");
  width: 714px;
  height: 77px;
}

.inquiryBtn li.mail {
  background-image: url("/en/img/recruit/recruit_common2/bg_inquiryBtn_mail.png");
  width: 714px;
  height: 77px;
}

.inquiryBtn li.tel {
  background-image: url("/en/img/recruit/recruit_common2/bg_inquiryBtn_tel.png");
  width: 714px;
  height: 82px;
}

.inquiryBtn li p {
  bottom: 9px;
  color: #ffffff;
  font-size: 35px;
  font-weight: bold;
  left: 80px;
  margin: auto;
  position: absolute;
  line-height: 1.7em;
}

.inquiryBtn li.mail p {
  font-size: 22px;
  bottom: 19px;
}

.inquiryBtn li.line p {
  /* font-size: 26px; */
  /* letter-spacing: -0.6px; */
  bottom: 5px;
}

.inquiryBtn li p span {
  font-size: 22px;
  font-weight: bold;
  margin: 0 10px 0 0;
}

/* =========================================================
 PC用
========================================================= */
@media screen and (min-width: 769px) {
  .recruitBannerBox {
    /* text-indent: -9999px; */
    width: 760px;
  }

  .recruitBannerBox:nth-of-type(1) {
    /* background: url(/img/recruit/img_recruit_top.jpg) no-repeat center; */
    /* background-size: contain; */
    /* height: 248px; */
  }

  .recruitBannerBox:nth-of-type(3) {
    /* background: url(/img/recruit/img_recruit_text.jpg) no-repeat center; */
    /* background-size: contain; */
    /* height: 248px; */
  }

  .recruitBannerBox:nth-of-type(2) {
    /* background: url(/img/blog/bn_rct_blog.jpg) no-repeat center; */
    /* background-size: contain; */
    /* height: calc(320px / 980 * 760); */
  }

  .recruitBannerBox a {
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* display: block; */
    /* width: 100%; */
    /* height: 100%; */
  }

  .blogCommonBanner a ul {
    text-indent: 0;
    bottom: 14px;
    left: 9px;
  }

  .blogCommonBanner a li {
    /* font-size: 22px; */
  }

  .bannerBox {
    text-indent: -9999px;
    margin: 20px auto;
  }

  .bannerBox:nth-of-type(1) {
    background: url("//www.cin-gr.com/img/common/bn_hairmake.jpg") no-repeat center;
    background-size: contain;
    height: 204px;
  }

  .bannerBox:nth-of-type(2) {
    background: url(/img/recruit/bn_experience.jpg) no-repeat center;
    background-size: contain;
    height: calc(170px/740*760);
  }

  .bannerBox:nth-of-type(3) {
    background: url(/img/recruit/img_beauty_header.jpg) no-repeat center;
    background-size: contain;
    height: 248px;
  }

  #qa .qaText {
    margin-bottom: 12px;
    line-height: 1.3;
  }

  #qa .contentsBox {
    /* width: 758px; */
    /* margin: 0 auto; */
    /* border-bottom: solid 1px; */
    /* border-top: solid 1px; */
    /* margin-bottom: 20px; */
    /* position: relative; */
  }

  .contentsBox:before,
  .contentsBox:after {
    width: 1px;
    content: '';
    height: 100%;
    background-color: #2c2c2c;
    position: absolute;
  }

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

  .contentsBox:after {
    right: 0;
    top: 0;
  }

  .contentsTitle {
    /* width: 725px; */
    /* border-bottom: 1px solid #c29857; */
    /* margin: 0 auto; */
    /* padding: 10px 0; */
  }

  #qa h4 {
    background: url(/img/qa/icon_q.png) no-repeat;
    background-size: auto 26px;
    background-position: left 5px;
    line-height: 1.6em;
    padding-left: 30px;
    height: auto;
    box-sizing: border-box;
    font-family: yu-mincho-pr6n, sans-serif;
    font-size: 22px;
    z-index: 0;
    font-weight: bold;
  }

  #qa .contentsInBox {
    /* width: 720px; */
    /* background: url(/img/qa/icon_a.png) no-repeat; */
    /* background-position: 22px 12px; */
    /* background-color: #fff9f1; */
    /* padding: 20px 20px 20px 0 !important; */
    /* margin: 15px auto !important; */
    /* box-sizing: border-box; */
    /* display: block !important; */
    /* height: auto !important; */
  }

  .answer {
    margin-left: 58px;
    width: 645px;
    line-height: 1.3;
  }

  #qa .contentsBox ul,
  #qa .contentsBox p:not(:last-of-type) {
    margin-bottom: 10px !important;
  }

  .JobDescription p {
    line-height: 1.5;
    margin-bottom: 20px;
  }

  .navTrigger {
    display: none;
  }

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

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

  /* 追従メニュー */
  #contentMenuBox {
    width: 163px;
    background: url(/img/recruit/bg_recruitH4.jpg) repeat;
    border-radius: 7px;
    box-shadow: 1px 1px 3px 1px rgb(99 99 99 / 70%);
    margin: 50px auto;
    padding: 11px 7px 10px;
  }

  #contentMenuBox span {
    margin-left: 20px;
    color: #fff;
    text-shadow: 1px 1px 1px rgb(99 99 99 / 30%);
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 7px;
    display: block;
  }

  #contentMenuBox ul {
    border: 2px solid #ffd0e5;
    background: #fff;
    padding: 3px 19px 4px;
    border-radius: 7px;
  }

  #contentMenuBox li {
    text-align: center;
    border-bottom: 1px solid #353131;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    color: #383838;
    letter-spacing: 1px;
    height: 41px;
    line-height: 45px;
  }

  #contentMenuBox li:last-child {
    border-bottom: none;
  }

  #contentMenuBox li:hover {
    color: #ff6eab;
  }

  .recruitMassage {

  }

  .recruitMassage p {
    line-height: 1.7;
    margin-bottom: 25px;
  }
}

/* =========================================================
 スマホ用
========================================================= */
@media screen and (max-width: 768px) {
  h3 {
    /* font-size: 5vw; */
    /* text-indent: 2vw; */
    /* line-height: 11vw; */
    /* margin-bottom: 0; */
    /* height: auto; */
    /* text-indent: 0; */
    /* padding-left: 9%; */
    /* line-height: 1.2; */
    /* padding: 3% 0 2% 10%; */
  }

  .recruitRequirements {
    width: 100%;
    margin: 0 auto 5%;
    padding: 3% 0;
    background-color: #e9e9e9;
    box-shadow: rgb(96 96 96 / 60%) 0px 0.5vw 0.5vw 0px;
  }

  .recruitRequirements table {
    border: 1px solid #939393;
    box-sizing: border-box;
    margin: 0;
    width: 94%;
    margin: 0 auto;
  }

  .recruitRequirements table tbody {
    /* display: flex; */
    /* flex-wrap: wrap; */
  }

  .recruitRequirements table tr {
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* width: 100%; */
    border-bottom: 1px solid #939393;
  }

  .recruitRequirements table tr th {
    background-color: #e6e6e6;
    border-bottom: 1px solid #939393;
    box-sizing: border-box;
    font-size: 3.8vw;
    /* font-weight: bold; */
    /* line-height: 1.7; */
    margin: 0;
    text-align: left;
    width: 100%;
    vertical-align: middle;
    /* text-indent: 8%; */
    color: #494949;
    display: block;
    padding: 3vw 2vw;
  }

  .recruitRequirements table tr td {
    background-color: #ffffff;
    /* border: solid 1px; */
    box-sizing: border-box;
    font-size: 3.8vw;
    font-weight: normal;
    line-height: 1.5;
    margin: 0;
    padding: 3vw 2vw;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    color: #494949;
    display: block;
  }

  .recruitRequirements p {
    width: 95%;
    margin: 2% auto;
    line-height: 1.35;
    color: #494949;
  }

  .blogBlock {
    margin-top: 4%;
  }

  .blogTitle {
    margin: 0 auto;
    width: 95%;
  }

  .blogBlock .recruitCommonBlock {
    margin: -13.7% auto 4%;
    padding-top: 6%;
    background-color: #fcfaaf;
    padding: 0 0 4%;
    box-shadow: rgb(96 96 96 / 60%) 0px 0.5vw 0.5vw 0px;
  }

  .blogBlock .recruitCommonBlock .smallBox {
    padding: 5% 0 0;
  }

  .blogBlock .recruitCommonBlock .smallBox img {
    margin-bottom: 0;
  }

  .recruitSet {
    box-shadow: 0 0.5vw 0.8vw 0 rgb(0 0 0 / 33%);
    height: auto;
    margin: 4vw auto 8vw;
    width: 100%;
    background-image: none;
    background-color: #e9e9e9;
    padding: 0 0 1vw;
  }

  .inquiryBtn {
    padding: 0;
    width: 94%;
    margin: 3vw auto 0;
  }

  .inquiryBtn li {
    position: relative;
  }

  .inquiryBtn li.line {
    background-image: none;
    height: 13vw;
    width: 100%;
    margin-bottom: 3%;
  }

  .inquiryBtn li.tel p,
  .inquiryBtn li.mail p,
  .inquiryBtn li.line p {
    bottom: 0;
    left: 12vw;
    margin: auto;
    position: absolute;
    line-height: 7vw;
    font-size: 5.3vw;
    letter-spacing: 0;
    bottom: 0.8vw;
  }

  .inquiryBtn li p.inquiryTextSmall {
    font-size: 3vw;
    bottom: 5.9vw;
  }

  .inquiryBtn li p span {
    font-size: 6vw;
    font-weight: bold;
    margin: 0 2vw 0 0;
  }

  .inquiryBtn li.mail {
    width: 100%;
    height: 13vw;
    background-image: none;
  }

  .inquiryBtn li.tel {
    background-image: none;
    width: 100%;
    height: 13vw;
  }

  #rightContents {
    min-height: none !important;
  }

  .inquiryBtn li::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 2vw;
    transform: translate(0, -50%);
    width: 8.6vw;
    height: 12vw;
  }

  .inquiryBtn li.line::before {
    background: url(https://cinimg.awscf.net/gotanda-mseikan.jp/s/img/recruit/recruit_common/icon_inquiry_01.png) no-repeat center;
    background-size: contain;
  }

  .inquiryBtn li.mail::before {
    background: url(https://cinimg.awscf.net/gotanda-mseikan.jp/s/img/recruit/recruit_common/icon_inquiry_02.png) no-repeat center;
    background-size: contain;
  }

  .inquiryBtn li.tel::before {
    background: url(https://cinimg.awscf.net/gotanda-mseikan.jp/s/img/recruit/recruit_common/icon_inquiry_03.png) no-repeat center;
    background-size: contain;
  }

  h4 {
    /* background: url(/img/main/bg_title_mozaic.png) no-repeat; */
    background-repeat-x: repeat;
    background-position-y: bottom;
    position: relative;
    height: 14vw;
    line-height: 15vw;
    font-size: 5vw;
    font-weight: bold;
    text-indent: 4vw;
    color: #ffffff;
    background-color: #141414;
  }

  h4::after {
    content: "";
    display: block;
    background-color: #373737;
    width: 100%;
    height: 58%;
    border-bottom-left-radius: 150vw 20vw;
    border-bottom-right-radius: 150vw 20vw;
    position: absolute;
    top: 0;
    margin-left: -5%;
    margin-right: -5%;
    padding-left: 5%;
    padding-right: 5%;
    z-index: 0;
  }

  h4 span {
    position: relative;
    z-index: 2;
    font-weight: bold;
  }

  .recruitSet h4 img {
    height: 85%;
    position: absolute;
    right: 5%;
    top: 0;
    width: auto;
    z-index: 1;
  }

  .inquiryMessage {
    /* margin: 2.5vw auto; */
    width: 94%;
    border: 1px solid #B4B4B4;
    box-shadow: 0 0.8vw 0 0 #48634d;
    background-color: #ffffff;
    text-align: center;
    border-radius: 1vw;
    padding: 4%;
    box-sizing: border-box;
    margin-bottom: 4%;
    line-height: 1.35;
  }

  .recruitBannerBox {
    /* text-indent: -9999px; */
    width: 96%;
    margin: 0 auto 2%;
    position: relative;
  }

  .recruitBannerBox:nth-of-type(1) {
    /* background: url(/img/recruit/img_recruit_top.jpg) no-repeat center; */
    /* background-size: contain; */
    /* height: 34vw; */
  }

  .recruitBannerBox:nth-of-type(2) {
    /* background: url(/img/recruit/s/img_recruit_text.jpg) no-repeat center; */
    /* background-size: contain; */
    /* height: 55vw; */
  }

  .recruitBannerBox:nth-of-type(2) {
    /* background: url(/img/blog/bn_rct_blog.jpg) no-repeat center; */
    /* background-size: contain; */
    /* height: 34vw; */
  }

  .recruitBannerBox a {
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* display: block; */
    /* width: 100%; */
    /* height: 100%; */
  }

  .blogCommonBanner a ul {
    text-indent: 0;
    bottom: 5.5%;
    left: 0;
    position: absolute;
    display: flex;
    width: 70%;
  }

  .blogCommonBanner a li {
    font-size: 2.6vw;
    line-height: 1.3;
    color: #323232;
    text-align: center;
  }

  .blogCommonBanner a li:first-of-type {
    width: 43%;
  }

  .blogCommonBanner a li:last-of-type {
    width: 60%;
  }

  .bannerBox {
    text-indent: -9999px;
    margin: 3vw auto;
  }

  .bannerBox:nth-of-type(1) {
    background: url("//www.cin-gr.com/img/common/bn_hairmake.jpg") no-repeat center;
    background-size: contain;
    height: 27vw;
  }

  .bannerBox:nth-of-type(2) {
    background: url(/img/recruit/s/bn_experience.jpg) no-repeat center;
    background-size: contain;
    height: 25.5vw;
  }

  .bannerBox:nth-of-type(3) {
    background: url(/img/recruit/s/img_beauty_top.png) no-repeat center;
    background-size: contain;
    height: 42.5vw;
  }

  #qa .qaText {
    width: 94%;
    margin: 0 auto 3vw;
    line-height: 1.3;
  }

  #qa .contentsBox {
    /* width: 94%; */
    /* margin: 0 auto; */
    /* border: solid 1px; */
    /* margin-bottom: 20px; */
    /* position: relative; */
  }

  .contentsBox:before,
  .contentsBox:after {
    /* width: 1px; */
    /* content: ''; */
    /* height: 100%; */
    /* background-color: #333333; */
    /* background: -webkit-gradient(linear, left top, right bottom, from(#333333), to(#333333)); */
    /* position: absolute; */
  }

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

  .contentsBox:after {
    right: 0;
    top: 0;
  }

  .contentsTitle {
    /* width: 96%; */
    /* background-color: #e4c492; */
    /* margin: 0 auto; */
    /* padding: 3vw 0; */
    /* position: relative; */
  }

  .contentsTitle::after {
    content: "";
    display: block;
    border: 4vw solid transparent;
    border-bottom-color: #2c2c2c;
    border-right-color: #2c2c2c;
    height: 0;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .contentsTitle .navTrigger {
    color: #ffffff;
    position: absolute;
    bottom: 1.5%;
    right: 0.5%;
    z-index: 1;
    font-size: 4vw;
    font-weight: bold;
  }

  #qa h4 {
    background: url(/img/qa/icon_q.png) no-repeat;
    background-size: 4%;
    background-position: 1.6% 3.5%;
    line-height: 1.3;
    padding: 0 4.5vw 0 6.5vw;
    height: auto;
    box-sizing: border-box;
    font-family: "メイリオ", Meiryo, sans-serif;
    font-size: 4.3vw;
    z-index: 0;
    font-weight: bold;
  }

  #qa .contentsInBox {
    /* background: url(/img/qa/icon_a.png) no-repeat; */
    /* background-size: 4.5%; */
    /* background-position: 3% 6.5%; */
    /* padding: 4vw 0 5vw; */
    /* width: 100%; */
    /* border-top: 1px solid #a19678; */
  }

  .answer {
    /* margin-right: 4%; */
    /* margin-left: auto; */
    /* width: 87%; */
  }

  #qa .contentsBox ul,
  #qa .contentsBox p:not(:last-of-type) {
    margin-bottom: 2.5%;
  }

  #qa .contentsBox p {
    line-height: 1.5;
  }

  .JobDescription p {
    width: 94%;
    margin: 0 auto 5%;
    line-height: 1.5;
  }

  /* 追従フッター */
  #recruitBottomBtn {
    width: 53%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #recruitBottomBtn>div {
    width: 48%;
    height: 78%;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 4px;
    box-shadow: 0 -0.7vw rgba(0, 0, 0, 0.3) inset;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 45%;
  }

  #recruitBottomBtn>div img {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
  }

  #menuBottom #bottomBtnBox #tellBtn.recruitTell {
    width: 44%;
  }

  #menuBottom #tellBtn.recruitTell p.tellNumber1 {
    left: 0;
    right: 0;
    bottom: 12%;
    width: auto;
    line-height: 5vw;
    text-align: center;
    font-size: 3.44vw;
  }

  #menuBottom #tellBtn.recruitTell p.tellNumber1::before {
    content: "";
    background: url(/img/common/nav_icons/tell_icon.svg) no-repeat center;
    background-size: contain;
    display: inline-block;
    width: 3vw;
    height: 3vw;
    left: 0;
    transform: translate(0, 0.1vw);
    margin-right: 0.5vw;
  }

  #menuBottom #tellBtn.recruitTell p.tellText1 {
    text-align: center;
    top: 21%;
    width: 100%;
    font-size: 3vw;
  }

  .recruitWidgetBlock {
    margin: 4% auto 8%;
    text-align: center;
  }

  .recruitWidgetBlock p {
    margin-bottom: 4%;
  }

  .recruitWidgetBlock p img {
    width: 100%;
  }

  .recruitWidgetBlock iframe {
    border: 1px solid #cccccc;
    width: 75%;
    /* max-width: 291px; */
    height: 116vw;
    /* max-height: 400px; */
  }

  .bottomBtnBoxline {
    background-color: #25c302;
    background-image: url(/img/common/nav_icons/icon_line.svg);
  }

  .bottomBtnBoxMail {
    background-color: #1f69f7;
    background-image: url(/img/common/nav_icons/icon_mail.svg);
  }

  #recruitBottomBtn a {
    width: 100%;
    height: 100%;
    display: block;
  }

  .recruitMassage {

  }

  .recruitMassage p {
    width: 94%;
    margin: 4% auto;
    line-height: 1.35;
  }

}


/* =========================================================
recruit_top.inc
========================================================= */

/* =========================================================
 PC用
========================================================= */
@media screen and (min-width: 769px) {
  .recruitBlog {
    margin: 15px auto;
    padding: 17px 0;
    background: url('/img/recruit/bg_checkeredBlog.jpg') repeat;
  }

  .recruitBlog img {
    width: 726px;
    margin: 0 auto;
    display: block;
    box-shadow: 1px 1px 2px 1px rgb(13 13 13 / 44%);
  }

  .recruitTopImage {
    margin-bottom: 10px;
  }

  .recruitTopWrap {
    margin-bottom: 10px;
  }

  h4 {
    /* background-image: url(/img/recruit/icon_recruitH4.png), url('/img/recruit/bg_recruitH4.jpg'); */
    /* background-repeat: no-repeat, repeat-x; */
    /* background-position: left 10px center, center; */
    /* height: 46px; */
    /* border-radius: 6px; */
    /* font-size: 20px; */
    /* color: #ffffff; */
    /* line-height: 46px; */
    /* text-indent: 54px; */
    /* font-weight: bold; */
    /* margin-bottom: 5px; */
  }

  .CheckeredPatternWrap {}

  h5 {
    background-color: #353131;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 6px;
    height: 40px;
    line-height: 40px;
    text-indent: 54px;
    margin-bottom: 2px;
  }

  .CheckeredPatternWrap .CheckeredPattern {
    background: url('/img/recruit/bg_checkeredPink.jpg') repeat;
    padding: 20px 0;
  }

  .CheckeredPatternWrap .CheckeredPatternContent {
    border: #ff9dd9 3px solid;
    width: 650px;
    border-radius: 10px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 10px 15px 40px;
    margin-bottom: 20px;
    position: relative;
  }

  .CheckeredPatternWrap .CheckeredPatternContent:nth-of-type(1)::after {
    content: "";
    display: block;
    background-image: url('/img/recruit/img_content01Balloon.png');
    width: 217px;
    height: 168px;
    position: absolute;
    right: -19px;
    top: -50px;
  }

  .CheckeredPatternWrap .CheckeredPatternContent:nth-of-type(2)::after {
    content: "";
    display: block;
    background-image: url('/img/recruit/img_content01Arrow.png');
    width: 126px;
    height: 204px;
    position: absolute;
    right: 3px;
    top: -137px;
  }

  .content01subTitle {
    height: 40px;
    margin-left: 30px;
    margin-bottom: 10px;
  }

  .content01subTitle img {
    width: auto;
  }

  .baseSalary {
    width: 619px;
    margin: 0 auto;
  }

  .CheckeredPatternContent:nth-of-type(2) .baseSalary {
    width: 457px;
  }

  .CheckeredPatternContent table {
    width: 448px;
    margin: 13px auto 24px;
    border: 2px solid #aaaaaa;
    box-shadow: 1px 1px 3px 0.5px rgb(99 99 99 / 77%);
  }

  .CheckeredPatternContent tr {}

  .CheckeredPatternContent th {
    border-bottom: 2px solid #aaaaaa;
    border-left: 2px solid #aaaaaa;
    border-right: 2px solid #aaaaaa;
    color: #757575;
    font-size: 18px;
    font-weight: bold;
    padding-top: 16px;
    text-indent: 16px;
    width: 67px;
  }

  .CheckeredPatternContent td {
    border-bottom: 2px solid #aaaaaa;
    color: #555555;
    font-size: 18px;
    letter-spacing: -0.3px;
    line-height: 1.4em;
    padding-bottom: 12px;
    padding-left: 21px;
    text-align: left;
  }

  .recruitTextPink {
    color: #ff76b3;
  }

  .recruitTopContents {
    background: url(/img/recruit/bg_checkeredGray.jpg) repeat;
    padding: 10px;
    margin-bottom: 10px;
  }

  .recruitTopBox {
    width: 646px;
    margin: 10px auto;
    padding: 20px 20px 18px;
    box-shadow: 1px 1px 3px 0.5px rgb(99 99 99 / 77%);
    background: #fff;
    border: 3px solid #f7f7f7;
  }

  .flex-viewport {
    text-align: center;
  }

  .slides {
    height: 275px;
    overflow: hidden;
    width: 100%;
  }

  .flex-control-nav.flex-control-thumbs {
    width: 634px;
    margin: 0 auto;
  }

  .flex-control-nav.flex-control-thumbs li {
    width: 156px;
    float: left;
    margin-right: 3px;
    margin-top: 5px;
  }

  .flex-control-nav.flex-control-thumbs li:last-child {
    margin-right: 0;
    margin-left: 1px;
  }

  .flex-control-nav.flex-control-thumbs li img {
    width: 100%;
  }

  .flex-direction-nav {
    width: 100%;
    position: relative;
  }

  .flex-direction-nav li a {
    width: 55px;
    height: 55px;
    display: block;
    text-indent: -9999px;
  }

  .flex-direction-nav li a {
    width: 55px;
    height: 55px;
    display: block;
    text-indent: -9999px;
  }

  .flex-direction-nav li.flex-nav-next a {
    position: absolute;
    background: url(/img/recruit/icon_slider_right.png) no-repeat;
    top: -163px;
    right: -55px;
  }

  .flex-direction-nav li.flex-nav-prev a {
    position: absolute;
    background: url(/img/recruit/icon_slider_left.png) no-repeat;
    top: -163px;
    left: -50px;
  }

  ul#good li {
    width: 200px;
    margin-right: 17px;
    float: left;
  }

  ul#good li:last-child {
    margin-right: 0;
  }

  ul#good p {
    margin-top: 10px;
    line-height: 1.5em;
    letter-spacing: 0.6px;
    font-size: 14px;
    text-align: justify;
  }

  #gallery {
    width: 634px;
    margin: 0 auto;
  }

  #gallery li {
    width: 200px;
    float: left;
    margin: 0 17px 17px 0;
  }

  #gallery li:nth-child(3n) {
    margin-right: 0;
  }

  #gallery li .galleryImgBox {
    width: 200px;
    height: 170px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
  }

  #gallery li p {
    line-height: 1.5em;
    margin-top: 10px;
    text-align: justify;
  }

  #gallery li .galleryImgBox:hover::after {
    background-color: rgba(255, 255, 255, 0.7);
    border: 3px solid #ff7ab5;
    content: url(/img/recruit/icon_gallery_hover.png);
    display: block;
    height: 104px;
    position: absolute;
    top: 0;
    width: 194px;
    text-align: center;
    padding-top: 60px;
  }

  /* ギャラリーオーバーレイ */
  #lightBox {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9000;
    top: 0;
  }

  #lightBoxWrapGallery {
    background: #ffffff none repeat scroll 0 0;
    border: 3px solid #ff7ab5;
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
    top: 50px;
    z-index: 9999;
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #353131;
    display: none;
    padding: 20px 52px 20px;
  }

  #lightBoxWrapGallery p#close {
    background-color: #ff7ab5;
    border-radius: 45px;
    color: #ffffff;
    font-size: 24px;
    height: 35px;
    line-height: 1.5em;
    padding: 0;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 35px;
    cursor: pointer;
  }

  #lightBoxWrapGallery #imgScreen {
    padding: 0px 0 10px;
  }

  #imgScreen img {
    width: 100%;
    max-width: 400px;
  }

  #lightBoxWrapGallery li {
    position: absolute;
    top: 45%;
    left: 17px;
    font-size: 30px;
    cursor: pointer;
    color: #a0a0a0;
  }

  #lightBoxWrapGallery li#next {
    right: 16px;
    left: auto;
  }

  .mainMovie {
    width: 634px;
    margin: 0 auto;
  }

  .frameMovie {
    float: left;
  }

  .mainMovie .movieDescription {
    float: right;
    width: 238px;
  }

  .mainMovie .movieDescription .movieDescriptionTitle {
    color: #ff7ab5;
    font-size: 18.3px;
    font-weight: bold;
    letter-spacing: -0.1px;
    line-height: 1.4em;
  }

  .mainMovie .movieDescription .movieDescriptionText {
    font-size: 14px;
    line-height: 1.5em;
    margin-top: 12px;
    text-align: justify;
  }

}

/* =========================================================
 スマホ用
========================================================= */
@media screen and (max-width: 768px) {}


/* =========================================================
recruit_banner_area.inc
========================================================= */

/* =========================================================
 PC用
========================================================= */
@media screen and (min-width: 769px) {
  .bannerArea {
    width: 740px;
    margin: 20px auto;
  }

  .bannerArea>div {
    text-align: center;
    margin-bottom: 20px;
  }

  .bannerArea>div img {}

  .rctBlogPc {
    border: 3px double #FF3399;
    padding: 5px;
  }

  .rctBlogPc h4 {
    background-color: #DC1371;
    text-align: center;
    height: 26px;
  }

  .rctBlogPc h4 a {
    color: #ffffff;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: underline;
    line-height: 26px;
  }

  .rctBlogPc p {
    font-size: 13px;
    padding: 5px;
    letter-spacing: 0.15em;
    line-height: 1.2;
  }

  .rctBlogPc p a {}
}

/* =========================================================
 スマホ用
========================================================= */
@media screen and (max-width: 768px) {
  .bannerArea {}

  .bannerArea>div {
    margin-bottom: 3%;
  }

  .bannerArea>div img {}

  .rctBlogSp {
    background-color: #fb4630;
    padding: 3% 2% 2%;
    position: relative;
    margin: 5% 0 3%;
  }

  .rctBlogSp h4 {
    color: #ffffff;
    font-weight: bold;
    font-size: 5.3vw;
    margin-bottom: 2.5%;
  }

  .managerIcon {
    position: absolute;
    top: -8%;
    right: 0;
    width: 48%;
  }

  .managerBanner {
    margin-bottom: 2%;
  }

  .managerSubImgs {}

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

  .managerSubImgs li {
    width: calc(96% / 3);
  }

  .managerSubImgs li img {}
}


/* =========================================================
recruit_middle.inc
========================================================= */

/* =========================================================
 PC用
========================================================= */
@media screen and (min-width: 769px) {
  .recruitMiddle {
    margin: 30px auto;
  }

  .recruitMiddleContents {}

  #content03MainBanner {
    margin-top: 15px;
    margin-bottom: 5px;
    height: 677px;
    background: url(/img/recruit/bg_Banner01.jpg?v=161208) no-repeat;
  }

  .recruitMiddleContents p {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.7em;
    padding-left: 36px;
    padding-top: 31px;
    text-shadow: 0 2px 0 #ffffff, 2px 0 0 #ffffff, 0 -2px 0 #ffffff, -2px 0 0 #ffffff, -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff;
  }

  p#content03Text01 {
    padding-top: 69px;
  }

  .recruitMiddleContents p span {
    background: url(/img/recruit/bg_textUnderLine.png) repeat-x left bottom;
    font-size: 16px;
    font-weight: bold;
    height: 28px;
    display: inline-block;
  }

  .qaBlockContent {
    margin: 2px auto 15px;
    width: 100%;
  }

  .qaBlockContent dl {
    background: url(/img/recruit/bg_qaBlockWrap.png);
    border: 3px solid #dff3ff;
    border-radius: 10px;
    margin: 0px auto;
    box-shadow: 1px 1px 3px 0.5px rgb(99 99 99 / 77%);
    padding: 34px 75px 23px;
    width: 530px;
  }

  .qaBlockContent dt {
    background: #fff url(/img/recruit/icon_qaBlock_Q.png) no-repeat scroll 83px 5px;
    border: #c8c8c8 3px solid;
    border-radius: 10px;
    margin-bottom: 37px;
    position: relative;
    padding: 25px 19px 21px 157px;
    font-size: 16px;
    font-weight: bold;
    line-height: 2em;
  }

  .qaBlockContent dt::before {
    content: url(/img/recruit/img_qaBlock_Q.png);
    position: absolute;
    top: -26px;
    left: -63px;
  }

  .qaBlockContent dd {
    background: #fff url(/img/recruit/icon_qaBlock_A.png) no-repeat scroll 83px 5px;
    border: #c8c8c8 3px solid;
    border-radius: 10px;
    padding: 10px 80px;
    position: relative;
    padding: 30px 50px;
    padding: 19px 115px 17px 158px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.7em;
    letter-spacing: -0.3px;
    text-align: justify;
  }

  .qaBlockContent dd::after {
    content: url(/img/recruit/img_qaBlock_A.png);
    position: absolute;
    right: -64px;
    bottom: -14px;
  }

  .qaBlockOdd {
    padding: 20px 0 20px;
    background: url(/img/recruit/bg_checkeredLightBule.jpg) repeat;
  }

  .qaBlockEven {
    padding: 20px 0 20px;
    background: url(/img/recruit/bg_checkeredBule.jpg) repeat;
  }

  #qaBlockToggle {
    display: none;
  }

  .moreLoad {
    display: block;
    background: url(/img/recruit/btn_moreLoad.png) no-repeat;
    margin: 20px auto 0;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background-size: 100% 100%;
    text-decoration: none;
    height: 70px;
    line-height: 70px;
  }

  .recruitMiddleContents .moreLoad {
    width: 400px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    margin-bottom: 20px;
    cursor: pointer;
  }

  .moreLoad:hover {
    opacity: 0.8;
  }


}

/* =========================================================
 スマホ用
========================================================= */
@media screen and (max-width: 768px) {}



/* =========================================================
recruit_bottom.inc
========================================================= */

/* =========================================================
 PC用
========================================================= */
@media screen and (min-width: 769px) {
  .recruitBottom {
    margin-top: 15px;
  }

  .recruitBottomBox {}

  .secretBlockContent {}

  .secretBlockOdd {
    padding: 1px 0;
    background: url(/img/recruit/bg_secretBlock_odd.jpg) repeat;
  }

  .secretBlockEven {
    padding: 1px 0 1px;
    background: url(/img/recruit/bg_secretBlock_evn.jpg) repeat;
  }

  .secretBlockContent dt {
    margin: 11px auto 7px;
    text-align: center;
    width: 680px;
  }

  .secretBlockContent div:nth-child(1) dt:before {
    content: url(/img/recruit/icon_secret_num01.png);
  }

  .secretBlockContent div:nth-child(2) dt:before {
    content: url(/img/recruit/icon_secret_num02.png);
  }

  .secretBlockContent div:nth-child(3) dt:before {
    content: url(/img/recruit/icon_secret_num03.png);
  }

  .secretBlockContent #secretBlockToggle div:nth-child(1) dt:before {
    content: url(/img/recruit/icon_secret_num04.png);
  }

  .secretBlockContent #secretBlockToggle div:nth-child(2) dt:before {
    content: url(/img/recruit/icon_secret_num05.png);
  }

  .secretBlockContent #secretBlockToggle div:nth-child(3) dt:before {
    content: url(/img/recruit/icon_secret_num06.png);
  }

  .secretBlockContent #secretBlockToggle div:nth-child(4) dt:before {
    content: url(/img/recruit/icon_secret_num07.png);
  }

  .secretBlockContent #secretBlockToggle div:nth-child(5) dt:before {
    content: url(/img/recruit/icon_secret_num08.png);
  }

  .secretBlockContent img {
    margin-top: 5px;
  }

  .secretBlockContent dt img {
    vertical-align: super;
  }

  .secretBlockContent dd {
    background: url(/img/recruit/bg_secretBlockWrap.png);
    background-position: 0 6px;
    border: 3px solid #fff0e4;
    border-radius: 10px;
    margin: 2px auto 30px;
    box-shadow: 1px 1px 3px 0.5px rgb(99 99 99 / 77%);
    padding: 14px 40px;
    width: 601px;
    display: table;
  }

  .secretBlockEven dd p {
    float: right;
    width: 49%;
  }

  .secretBlockOdd dd p {
    float: left;
    width: 49%;
  }

  .secretBlockContent dd p {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.8em;
    letter-spacing: 0.4px;
  }

  .secretBlockOdd dd img {
    float: right;
  }

  #secretBlockToggle {
    display: none;
  }

  .recruitBottom .moreLoad {
    width: 400px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    margin-bottom: 20px;
    cursor: pointer;
  }
}

/* =========================================================
 スマホ用
========================================================= */
@media screen and (max-width: 768px) {}



/* =========================================================
recruit_sister_stores.inc
========================================================= */

/* =========================================================
 PC用
========================================================= */
@media screen and (min-width: 769px) {
  .recruitSisterStore {
    margin: 15px auto;
  }

  #shop_bn_main_contents {
    border: 2px solid #d8f5ff;
    padding: 15px 9px;
  }

  #shop_bn_main_contents ul {
    margin: 0 auto;
  }

  #shop_bn_main_contents ul li {
    float: left;
    margin-bottom: 15px;
    margin-left: 25px;
    margin: 0 9px 11px 0;
    text-align: center;
    width: 240px;
    position: relative;
  }

  #shop_bn_main_contents ul li:nth-child(3n) {
    margin-right: 0;
  }

  #shop_bn_main_contents img {
    width: 100%;
    height: 100%;
  }

  ul.groupOnaClub li p {
    margin: 0% 0% 4%;
    text-align: center;
    line-height: 1.3em;
  }

  #shop_bn_main_contents ul li p {
    padding-top: 5px;
  }

  #shop_bn_main_contents ul li:hover a:after {
    background-color: rgba(255, 255, 255, 0.7);
    border: 2px solid #ff7ab5;
    content: "";
    display: block;
    height: 57px;
    left: 0;
    position: absolute;
    top: 0;
    width: 236px;
  }

}

/* =========================================================
 スマホ用
========================================================= */
@media screen and (max-width: 768px) {
  .recruitSisterStore {}

  #shop_bn_main_contents {
    background-color: #fcfaaf;
    margin-bottom: 4%;
    padding: 5% 0 4%;
    box-shadow: rgb(96 96 96 / 60%) 0px 0.5vw 0.5vw 0px;
    -webkit-box-shadow: rgb(96 96 96 / 60%) 0px 0.5vw 0.5vw 0px;
    -moz-box-shadow: rgba(96, 96, 96, 0.6) 0px 0.5vw 0.5vw 0px;
  }

  #shop_bn_main_contents ul {}

  #shop_bn_main_contents ul li {
    width: 44%;
    float: left;
    margin: 0 4%;
  }

  #shop_bn_main_contents ul li:nth-child(even) {
    margin-left: 0;
  }

  #shop_bn_main_contents img {}

  ul.groupOnaClub li p {}

  #shop_bn_main_contents ul li p {
    text-align: center;
    color: #494949;
    font-weight: bold;
    padding-top: 1.4%;
    line-height: 1.3;
    margin-bottom: 4%;
  }

  #shop_bn_main_contents ul li:hover a:after {}
}




/* =========================================================
recruit_menu.inc
========================================================= */

/* =========================================================
 PC用
========================================================= */
@media screen and (min-width: 769px) {
  .recruitMenu {
    width: 740px;
    margin: 0 auto;
  }

  .recruitLinkBox {}

  .recruitMenu h4 {
    border: 1px solid #87888c;
    background: linear-gradient(0deg, #d3d6db 10%, #fafbff 50%);
    color: #5e5e5e;
    font-weight: bold;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-bottom: 12px;
  }

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

  .recruitLinkBox li {
    width: 175px;
    height: 60px;
    margin-bottom: 12px;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .recruitLinkBox li:nth-of-type(4n + 1) {
    margin-right: 0;
  }

  .recruitLinkBox:first-of-type li {
    background-image: url(/img/recruit/bg_q_title.png);
  }

  .recruitLinkBox:nth-of-type(2) li {
    background-image: url(/img/recruit/bg_q_title2.png);
  }

  .recruitLinkBox:first-of-type li:first-child {
    background-image: url(/img/recruit/bg_q_title_long.png);
    width: 100%;
    height: 61px;
  }

  .recruitLinkBox li:first-child a {
    font-size: 26px;
  }

  .recruitLinkBox:nth-of-type(2) li:first-child {
    width: 100%;
    height: 61px;
    background-image: url(/img/recruit/bg_q_title2_long.png);
  }

  .recruitLinkBox li a {
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 0 1px #ff2c9c, 0 0 6px #ff2c9c, 0 0 6px #ff2c9c, 0 0 7px #ff2c9c, 0 0 8px #ff2c9c;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .recruitLinkBox li a span {
    position: relative;
    z-index: 1;
  }

  .recruitLinkBox li a::after {
    content: "";
    background-color: #ffffff;
    opacity: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
  }

  .recruitLinkBox li:hover a::after {
    opacity: 0.3;
  }

  .recruitQaBox {}

  .qaContents {}

  .qaContents h5 {
    border: 1px solid #f22c99;
    background: linear-gradient(0deg, #fa79b2 50%, #ff92b9 50%, #ffcfdf 100%);
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    text-indent: 0.3em;
  }

  .qaContents ul {
    margin: 8px auto;
    width: 670px;
    display: flex;
    flex-wrap: wrap;
  }

  .qaContents li {
    width: 217px;
    height: 23px;
    border: 1px dotted #FD68B9;
    box-sizing: border-box;
    margin: 0 9px 9px 0;
  }

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

  .qaContents li a {
    color: #990066;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 19px;
    padding-left: 6px;
  }

  .qaContents li:hover {
    border: 1px solid #FFCC00;
    background-color: #FFFFCC;
  }

  .qaContents li:hover a {
    text-decoration: none;
    color: #336699;
  }
}

/* =========================================================
 スマホ用
========================================================= */
@media screen and (max-width: 768px) {}


/* =========================================================
recruit_top_sp.inc
========================================================= */

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

/* =========================================================
 スマホ用
========================================================= */
@media screen and (max-width: 768px) {
  .recruitTopSp {}

  .posParent {
    position: relative;
  }

  .recruitBlock {}

  .recruitBlock.blue {
    background: url("/s/img/recruit/bg_block_kisuu.jpg");
  }

  .recruitBlock.pink {
    background: url("/s/img/recruit/bg_block_guusuu.jpg");
  }

  .smallBox {
    width: 95%;
    margin: 0 auto;
    padding: 3% 0 1%;
  }

  .smallBox img {
    margin-bottom: 3%;
  }

  .recruitBlock p {
    color: #ffffff;
    line-height: 1.35;
    margin-bottom: 3%;
  }

  .posChild {
    /* position: absolute; */
    /* bottom: 3%; */
    /* left: 0; */
    /* right: 0; */
    /* width: 83%; */
    /* margin: 0 auto; */
  }

  a.btn_treatment {}

  a.btn_treatment img {}

  .contactWrapper {
    background-image: url(/s/img/recruit/lp/point/img_lp_point_07.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    padding: 3% 0 12%;
  }

  .contactBox {}

  .contactBox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 94%;
    margin: 0 auto;
  }

  .contactBox li {
    width: 31.8%;
  }

  .contactBox li a {}

  .contactBox li img {}

  .bgColor {
    background-color: #DAF8FF;
  }

  .posParent.bgColor img {
    margin-bottom: 8%;
  }

}


/* =========================================================
recruit_accordion.inc
========================================================= */

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

/* =========================================================
 スマホ用
========================================================= */
@media screen and (max-width: 768px) {
  .recruitAccordion {
    width: 94%;
    margin: 0 auto;
  }

  #pickup_accordion {
    margin-bottom: 8%;
  }

  #qa_accordion {
    margin-bottom: 10%;
  }

  #pickup_accordion ul {}

  #qa_accordion ul {}

  li.accordion {}

  h4.accordion_title {}

  #pickup_accordion h4.accordion_title {
    background-image: url(/s/img/recruit/pickup_menu_main.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    text-indent: -9999px;
    height: 0;
    padding-top: 21.5%;
    background-position-x: center;
    position: relative;
  }

  #pickup_accordion li:first-of-type h4.accordion_title {
    background-position-y: 0;
  }

  #pickup_accordion li:last-of-type h4.accordion_title {
    background-position-y: 100%;
  }

  #qa_accordion h4.accordion_title {
    background-image: url(/s/img/recruit/qa_menu_main.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-x: center;
    text-indent: -9999px;
    font-size: 0;
    padding-top: 21.3%;
  }

  #qa_accordion h4.accordion_title {}

  #qa_accordion li:nth-of-type(1) h4.accordion_title {
    background-position-y: 0;
  }

  #qa_accordion li:nth-of-type(2) h4.accordion_title {
    background-position-y: 25%;
  }

  #qa_accordion li:nth-of-type(3) h4.accordion_title {
    background-position-y: 50%;
  }

  #qa_accordion li:nth-of-type(4) h4.accordion_title {
    background-position-y: 75%;
  }

  #qa_accordion li:nth-of-type(5) h4.accordion_title {
    background-position-y: 100%;
  }

  h4.accordion_title .icon_close {
    position: absolute;
    bottom: 7%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    text-indent: 0;
    width: 7.5vw;
    height: 7.5vw;
    background-color: #ffffff;
    border-radius: 50%;
    line-height: 8.5vw;
    text-align: center;
    font-size: 6vw;
    transition: transform .3s ease;
  }

  #pickup_accordion li:first-of-type h4.accordion_title .icon_close {
    color: #FF9AD4;
  }

  #pickup_accordion li:last-of-type h4.accordion_title .icon_close {
    color: #FFB68A;
  }

  h4.accordion_title .icon_close.icon_open {
    transform: rotate(180deg);
  }

  .txtOpen {}

  .menu_list {}

  .menu_list li {
    /* height: 0; */
    /* padding-top: 15.3%; */
    /* background-image: url(/s/img/recruit/pickup_menu_sub.png); */
    /* background-size: 100% auto; */
  }

  #pickup_accordion .menu_list li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 4.3vw;
    line-height: 1.3;
    background-image: url(/s/img/recruit/pickup_menu_sub.png);
    padding-top: 15.3%;
    width: 100%;
    display: block;
    position: relative;
    background-position-x: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }

  #pickup_accordion li:first-of-type .menu_list li a {
    background-position-y: 0;
  }

  #pickup_accordion li:last-of-type .menu_list li a {
    background-position-y: 100%;
  }

  .menu_list li a span {
    position: absolute;
    top: 54%;
    left: 5%;
    transform: translate(0, -50%);
  }

  #qa_accordion .menu_list li a {
    background-image: url(/s/img/recruit/qa_menu_sub.png);
    color: #ffffff;
    text-decoration: none;
    font-size: 4.3vw;
    line-height: 1.3;
    padding-top: 15.3%;
    width: 100%;
    display: block;
    position: relative;
    background-position-x: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }

  #qa_accordion li:nth-of-type(1) .menu_list li a {
    background-position-y: 0;
  }

  #qa_accordion li:nth-of-type(2) .menu_list li a {
    background-position-y: calc(100% / 6);
  }

  #qa_accordion li:nth-of-type(3) .menu_list li a {
    background-position-y: calc(100% / 6 * 2);
  }

  #qa_accordion li:nth-of-type(4) .menu_list li a {
    background-position-y: calc(100% / 6 * 3);
  }

  #qa_accordion li:nth-of-type(5) .menu_list li a {
    background-position-y: calc(100% / 6 * 4);
  }
}


/* =========================================================
下層ページ
========================================================= */
/* 共通ページャー */
@media screen and (min-width: 769px) {
  .btnNav {
    position: relative;
    height: 30px;
    width: 200px;
    margin: 0 auto 20px;
  }

  .btnNav li {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .btnNav li.prevNav {
    left: 0;
  }

  .btnNav li.nextNav {
    right: 0;
  }

  .btnNav li.topNav {
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .btnNav li a {}
}

@media screen and (max-width: 768px) {
  .btnNav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 96%;
    margin: 5% auto;
  }

  .btnNav li {
    width: 20%;
    margin-bottom: 4%;
  }

  .btnNav li.prevNav {}

  .btnNav li.nextNav {}

  .btnNav li.topNav {
    width: 100%;
  }

  .btnNav li a {
    background: linear-gradient(0deg, #eeeeee, #ffffff);
    border: 1px solid #CCCCCC;
    border-radius: 1vw;
    color: #FF6699;
    font-size: 4.3vw;
    font-weight: bold;
    text-decoration: none;
    margin: 0 auto;
    display: block;
    text-align: center;
    line-height: 2.2;
  }

  .btnNav li.topNav a {
    width: 57%;
  }
}


/* シンデレラグループについて、女の子タイプ別項目 */
.textTomato {
  font-weight: bold;
  color: #FF6347;
}

.pickUpBox h3::first-letter {
  font-size: 100%;
  color: inherit;
}

.pickUpBox h3::after {
  content: none;
}

@media screen and (min-width: 769px) {
  .pickUpBox {
    border-radius: 10px;
    padding: 5px 15px 20px;
    margin-bottom: 12px;
    border: 1px solid;
  }

  .pickUpPage01 .pickUpBox {
    background-image: linear-gradient(#ffffff 14.000000000000002%, #f8fdef 61%, #EFF9D6 100%);
    border-color: #C9E09D;
  }

  .pickUpPage02 .pickUpBox {
    background-image: linear-gradient(#ffffff 14.000000000000002%, #FFF9F7 61%, #FFDECE 100%);
    border-color: #FF9966;
  }

  .pickUpBox dl {}

  .pickUpPage01 .pickUpBox dl {}

  .pickUpPage02 .pickUpBox dl {}

  .pickUpBox dt {}

  .pickUpPage01 .pickUpBox dt {}

  .pickUpPage02 .pickUpBox dt {}

  #rightContents .pickUpBox h3 {
    background: none;
    font-family: inherit;
    text-indent: 0;
    width: 100%;
    border-bottom: 3px dotted;
    font-size: 23px;
    margin: 0 auto;
    height: auto;
    line-height: 1.2;
    margin-bottom: 20px;
    padding: 10px 0;
  }

  #rightContents .pickUpPage01 .pickUpBox h3 {
    color: #5f8519;
    border-color: #c4dd95;
  }

  #rightContents .pickUpPage02 .pickUpBox h3 {
    color: #ff6633;
    border-color: #ffa789;
  }

  .pickUpBox dd {
    width: 99%;
    margin: 0 auto;
    line-height: 1.5;
  }

  .pickUpPage01 .pickUpBox dd {}

  .pickUpPage02 .pickUpBox dd {}

  #movie_box,
  .descriptionImg {
    float: right;
    margin-left: 17px;
  }

  #mediaplayer {}

  .pickUpBox ul {}

  li.chart {}

  li.chart .chartWrap {
    border: 1px solid;
    display: flex;
    padding: 10px 22px;
    background-color: #ffffff;
  }

  .pickUpPage01 li.chart .chartWrap {
    border-color: #5F8519;
  }

  .pickUpPage02 li.chart .chartWrap {}

  li.chart:not(:last-of-type)::after {
    content: "";
    display: block;
    width: 44px;
    height: 31px;
    margin: 5px auto;
  }

  .pickUpPage01 li.chart:not(:last-of-type)::after {
    background-image: url(/s/img/recruit/arrow.png);
  }

  .pickUpPage02 li.chart:not(:last-of-type)::after {}

  li.chart .num {
    font-weight: bold;
    font-size: 20px;
    /* width: 10%; */
    margin-right: 8px;
  }

  .pickUpPage01 li.chart .num {
    color: #5F8519;
  }

  .pickUpPage02 li.chart .num {}

  .chart_txt {
    /* width: 90%; */
    padding: 5px 0;
  }

  span.textPink {
    color: #FF6699;
    font-weight: bold;
  }

  .descriptionImg {
    width: 180px;
  }

  .descriptionImg img {
    margin-bottom: 10px;
  }

  .descriptionImg p {
    font-size: 10px;
    text-align: center;
    margin-bottom: 10px;
  }

  .subHeading {
    margin-bottom: 12px;
  }

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

  .imageWrapper img {
    display: block;
    width: auto;
  }

  .pickUpBox.unique {
    border: none;
    background-image: none;
  }

  #rightContents .pickUpBox.unique h3 {
    font-size: 18px;
    font-weight: normal;
    border-style: solid;
    border-bottom-width: 1px;
    margin-bottom: 13px;
  }

  #rightContents .pickUpBox.unique h3::before {
    content: "";
    background-image: url("/img/recruit/recruit_19_9_01.png");
    width: 12px;
    height: 21px;
    display: inline-block;
    vertical-align: -13%;
    margin-right: 6px;
  }

  #rightContents .pickUpBox.unique p {
    line-height: 1.4;
  }

  #rightContents .pickUpBox.unique p::before {
    content: "";
    background-image: url(/img/recruit/recruit_19_9_02.png);
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: -15%;
  }
}

@media screen and (max-width: 768px) {
  .pickUpBox {
    width: 94%;
    margin: 0 auto 3%;
    padding: 3% 4%;
    box-sizing: border-box;
    border: 1px solid;
    border-radius: 2vw;
  }

  .pickUpPage01 .pickUpBox {
    border-color: #c4dd95;
    background-image: linear-gradient(#ffffff 14.000000000000002%, #f8fdef 61%, #d7fad6 100%);
  }

  .pickUpPage02 .pickUpBox {
    background-image: linear-gradient(#ffffff 14.000000000000002%, #f9dfcd 61%, #f8c2a0 100%);
    border-color: #ff9966;
  }

  .pickUpBox dl {}

  .pickUpPage01 .pickUpBox dl {}

  .pickUpPage02 .pickUpBox dl {}

  .pickUpBox dt {}

  .pickUpPage01 .pickUpBox dt {}

  .pickUpPage02 .pickUpBox dt {}

  .pickUpBox h3 {
    padding: 0;
    line-height: 1.1;
    font-size: 6vw;
    text-indent: 0;
    border-bottom: 0.8vw dashed;
    margin-bottom: 5%;
    text-shadow: 1px 2px 0.8vw #cccccc;
  }

  .pickUpPage01 .pickUpBox h3 {
    color: #5F8519;
    border-color: #b4c694;
  }

  .pickUpPage02 .pickUpBox h3 {
    color: #ff774a;
    border-color: #ffc4af;
  }

  .pickUpBox dd {
    font-size: 4vw;
    line-height: 1.5;
  }

  .pickUpPage01 .pickUpBox dd {}

  .pickUpPage02 .pickUpBox dd {}

  #mediaplayer {
    margin: 0 auto 5%;
  }

  .pickUpBox ul {}

  li.chart {}

  li.chart .chartWrap {
    border: 1px solid;
    display: flex;
    padding: 2% 4%;
    background-color: #ffffff;
  }

  .pickUpPage01 li.chart .chartWrap {
    border-color: #C4DD95;
  }

  .pickUpPage02 li.chart .chartWrap {}

  li.chart:not(:last-of-type)::after {
    content: "";
    display: block;
    width: 10vw;
    height: 7vw;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 1% auto;
    background-position: center;
  }

  .pickUpPage01 li.chart:not(:last-of-type)::after {
    background-image: url(/s/img/recruit/arrow.png);
  }

  .pickUpPage02 li.chart:not(:last-of-type)::after {}

  li.chart .num {
    margin-right: 1%;
    font-weight: bold;
    font-size: 4.5vw;
  }

  .chart_txt {
    padding-top: 0.8%;
  }

  span.textPink {
    color: #FF6699;
    font-weight: bold;
  }

  .descriptionImg {
    float: right;
    width: 47%;
    margin-left: 3%;
  }

  .descriptionImg img {
    margin-bottom: 3%;
  }

  .descriptionImg p {
    font-size: 2.8vw;
    text-align: center;
    margin-bottom: 3%;
  }

  .subHeading {}

  .imageWrapper {
    width: 73%;
    margin: 5% auto;
  }

  .imageWrapper img {
    margin: 7% 0;
  }

  .singleNav {
    background: linear-gradient(0deg, #eeeeee, #ffffff);
    border: 1px solid #CCCCCC;
    border-radius: 1vw;
    color: #FF6699;
    font-size: 4.3vw;
    font-weight: bold;
    text-decoration: none;
    margin: 3% auto;
    display: block;
    text-align: center;
    line-height: 2.2;
    width: 80%;
  }

  .pickUpBox.unique {
    background-image: none;
  }

  #rightContents .pickUpBox.unique h3 {
    text-shadow: none;
    font-size: 4vw;
    border-style: solid;
    border-bottom-width: 1px;
    line-height: 1.2;
  }

  #rightContents .pickUpBox.unique h3::before {
    content: "";
    background: url("/img/recruit/recruit_19_9_01.png") no-repeat center;
    background-size: contain;
    display: inline-block;
    width: 3.4vw;
    height: 5.2vw;
    vertical-align: -12%;
    margin-right: 0.25em;
  }

  #rightContents .pickUpBox.unique p {
    line-height: 1.4;
  }

  #rightContents .pickUpBox.unique p::before {
    content: "";
    background: url(/img/recruit/recruit_19_9_02.png) no-repeat center;
    background-size: contain;
    display: inline-block;
    width: 4vw;
    height: 4vw;
    vertical-align: -12%;
    margin-right: 0.4em;
  }
}

/* QAページ */
@media screen and (min-width: 769px) {
  #rightContents h3#question_reader {
    background-image: none;
    font-family: inherit;
    border-bottom: 3px dotted #FF6699;
    font-size: 16px;
    height: auto;
    line-height: 30px;
    text-indent: 0.45em;
  }

  #box_faq {
    margin-bottom: 30px;
  }

  #box_faq p {
    font-size: 16px;
    line-height: 1.4;
  }

  #box_faq p img {
    float: left;
    width: 300px;
    margin: 0 10px 10px 0;
  }

  .boxFaqList {
    display: flex;
    flex-wrap: wrap;
    width: 700px;
    margin: 35px auto 40px;
  }

  .boxFaqList li {
    width: calc(680px / 3);
    height: 24px;
    margin: 0 10px 10px 0;
  }

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

  .boxFaqList li a {
    background: #333333;
    border-left: 5px solid #333333;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    color: #ffffff;
    line-height: 24px;
    font-size: 12px;
    transition: all .2s ease;
  }

  .boxFaqList li a:hover {
    background-color: #FF66CC;
  }
}

@media screen and (max-width: 768px) {
  #rightContents h3#question_reader {
    color: #FF0000;
    display: flex;
    line-height: 1.4;
    box-sizing: border-box;
    font-size: 4.3vw;
    border-bottom: none;
    padding: 0;
    margin-bottom: 2%;
  }

  #rightContents h3#question_reader::first-letter {
    font-size: 100%;
    color: inherit;
  }

  #rightContents h3#question_reader::before {
    content: "";
    background: url(/s/img/recruit/q.png) no-repeat center;
    background-size: contain;
    display: block;
    width: 6.2vw;
    height: 5vw;
    margin-right: 2%;
  }

  #rightContents h3#question_reader::after {
    content: none;
  }

  #box_faq {
    border: 1px solid #CCCCCC;
    width: 95%;
    margin: 0 auto;
    padding: 3% 5%;
    box-sizing: border-box;
  }

  #box_faq p {
    line-height: 1.4;
  }

  #box_faq p img {
    width: 48%;
    float: right;
    margin-left: 4%;
    margin-bottom: 4%;
  }

  .boxFaqList {}

  .boxFaqList li {}

  .boxFaqList li a {}
}

/* =========================================================
recruit_qa.inc
========================================================= */

/* =========================================================
 PC用
========================================================= */
@media screen and (min-width: 769px) {
  #qa>p {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 20px;
  }

  #rightContents #qa .contentsTitle h3 {
    /* font-family: source-han-sans-cjk-ja, sans-serif; */
    /* color: #624a15; */
    font-size: 22px;
  }

  #qa .contentsBox h3::before {
    background-image: url('/img/qa/icon_q.png');
    width: 25px;
    height: 30px;
    top: 14px;
  }
}

/* =========================================================
 スマホ用
========================================================= */
@media screen and (max-width: 768px) {
  #qa>p {
    width: 94%;
    margin: 4% auto;
    line-height: 1.35;
  }
}