@charset "UTF-8";

/* sets the base font to 10px for easier math */
@font-face {
  font-family: 'mplus-1p-regular';
  src: url("/contents/themes/common/fonts/mplus-1p/regular/mplus-1p-regular.eot");
  src: url("/contents/themes/common/fonts/mplus-1p/regular/mplus-1p-regular.eot?#iefix") format("embedded-opentype"), url("/contents/themes/common/fonts/mplus-1p/regular/mplus-1p-regular.woff") format("woff"), url("/contents/themes/common/fonts/mplus-1p/regular/mplus-1p-regular.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'mplus-1p-heavy';
  src: url("/contents/themes/common/fonts/mplus-1p/heavy/mplus-1p-heavy.eot");
  src: url("/contents/themes/common/fonts/mplus-1p/heavy/mplus-1p-heavy.eot?#iefix") format("embedded-opentype"), url("/contents/themes/common/fonts/mplus-1p/heavy/mplus-1p-heavy.woff") format("woff"), url("/contents/themes/common/fonts/mplus-1p/heavy/mplus-1p-heavy.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'mplus-1p-bold';
  src: url("/contents/themes/common/fonts/mplus-1p/bold/mplus-1p-bold.eot");
  src: url("/contents/themes/common/fonts/mplus-1p/bold/mplus-1p-bold.eot?#iefix") format("embedded-opentype"), url("/contents/themes/common/fonts/mplus-1p/bold/mplus-1p-bold.woff") format("woff"), url("/contents/themes/common/fonts/mplus-1p/bold/mplus-1p-bold.ttf") format("truetype");
  /* Safari, Android, iOS */
}

/*----------------------------------------------------
	採用情報 共通
----------------------------------------------------*/
.recruit {
  background-image: url(../images/recruit/bg.jpg);
}

.recruit .titleArea h1 {
  padding: 90px 0 0;
  line-height: 70px;
}

body {
  background-image: url(../images/recruit/bg.jpg);
}

body .sidebar p.ttl {
  letter-spacing: -2px;
  white-space: nowrap;
}

body .sidebar p.link {
  margin: 0 0 20px;
}

body .sidebar p.link a {
  width: auto;
  display: block;
  background-color: #f7f5f3;
  text-decoration: none;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 40px;
  padding: 0 16px;
}

body .sidebar p.link a:after {
  content: "▶︎";
  font-size: 10px;
  font-size: 1rem;
  color: #aaa;
  float: right;
}

body .sidebar ul {
  margin: 10px 0 40px;
}

body .sidebar ul li a {
  background: url(../images/recruit/recruit_img08.gif) left 3px no-repeat;
  display: block;
  padding: 0 0 0 24px;
  margin: 0 0 14px;
  text-decoration: none;
}

body .wrap .inner .contents h2 {
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  margin: 0 0 70px;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  body .wrap .inner .contents h2 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1px;
    margin: 0 0 20px;
  }
}

body .wrap .inner .contents h2+p {
  padding: 0 115px 80px;
  line-height: 2;
}

body .wrap .inner .contents table.std {
  margin: 0 0 40px;
}

body .wrap .inner .contents table.std th {
  width: 16%;
}

body .wrap .inner .contents table.std td ul.attention,
body .wrap .inner .contents table.std td p.attention,
body .wrap .inner .contents table.std td em.attention {
  line-height: 20px;
  color: #888;
  font-size: 14px;
  font-size: 1.4rem;
  text-indent: -0.5em;
  margin-left: 0.5em;
}

body .wrap .inner .contents table.std td span.required {
  color: #005bac;
}

body .wrap .inner .contents table.std td dl.dls01,
body .wrap .inner .contents table.std td dl.dls03 {
  min-height: 1px;
}

body .wrap .inner .contents table.std td dl.dls01:after,
body .wrap .inner .contents table.std td dl.dls03:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

body .wrap .inner .contents table.std td dl.dls01 dt,
body .wrap .inner .contents table.std td dl.dls03 dt {
  float: left;
  width: 110px;
  white-space: nowrap;
  clear: both;
}

body .wrap .inner .contents table.std td dl.dls01 dd,
body .wrap .inner .contents table.std td dl.dls03 dd {
  float: left;
  width: 650px;
}

body .wrap .inner .contents table.std td dl.dls02 {
  min-height: 1px;
}

body .wrap .inner .contents table.std td dl.dls02:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

body .wrap .inner .contents table.std td dl.dls02 dt {
  float: left;
  width: 100px;
  white-space: nowrap;
  clear: both;
}

body .wrap .inner .contents table.std td dl.dls02 dd {
  float: right;
  width: 667px;
  text-indent: -1em;
  margin-left: 1em;
}

body .wrap .inner .contents table.std td dl dt i {
  color: #005bac;
}

body .wrap .inner .contents table.std td dl dt i.common {
  color: #ccc;
}

body .wrap .inner .contents table.std td ul li i {
  color: #005bac;
}

body .wrap .inner .contents p.msg {
  line-height: 30px;
}

/*----------------------------------------------------
	採用情報 トップ
----------------------------------------------------*/
.recruit .inner .contents .top {
  background: url(../images/recruit/recruit_img01.jpg) left top no-repeat;
  min-height: 290px;
  padding: 0 40px 80px 490px;
  margin: 0 0 80px;
  line-height: 20px;
  border-bottom: 1px solid #ddd;
}

.recruit .inner .contents .top p.ttl {
  font-weight: bold;
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0 0 30px;
}

.recruit .inner .contents .itv_wrap {
  padding: 0 0 80px;
  border-bottom: 1px dashed #ddd;
}

.recruit .inner .contents .itv_wrap h2 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #005bac;
  font-weight: bold;
  line-height: 1.8;
  margin: 0 0 40px;
}

@media screen and (max-width: 768px) {
  .recruit .inner .contents .itv_wrap h2 {
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 20px;
    line-height: 1.4;
  }
}

.recruit .inner .contents .itv_wrap .itv {
  display: block;
  min-height: 1px;
  width: 850px;
  margin: 0 auto;
  position: relative;
}

.recruit .inner .contents .itv_wrap .itv:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.recruit .inner .contents .itv_wrap .itv img {
  float: left;
}

.recruit .inner .contents .itv_wrap .itv div {
  float: left;
  display: block;
  width: 390px;
  padding: 135px 0 0 50px;
  text-align: right;
}

.recruit .inner .contents .itv_wrap .itv div h3 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  margin: 0 0 20px;
}

.recruit .inner .contents .itv_wrap .itv div p.name {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 24px;
}

.recruit .inner .contents .itv_wrap .itv div p.link {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.recruit .inner .contents .itv_wrap .itv div p.link a {
  background-color: #005bac;
  text-align: center;
  line-height: 1;
  position: relative;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  padding: 16px 16px 16px 42px;
  letter-spacing: 1px;
  border: 0;
  min-width: 250px;
}

.recruit .inner .contents .itv_wrap .itv div p.link a:before {
  content: "▶︎";
  padding: 0 1rem 0 0;
  font-size: 18px;
  font-size: 1.8rem;
  position: absolute;
  left: 16px;
  top: 50%;
  margin: -9px 0 0;
}

@media screen and (max-width: 1280px) {
  .recruit .inner .contents .itv_wrap .itv div p.link a:before {
    margin: -6px 0 0;
  }
}

@media screen and (max-width: 768px) {
  .recruit .inner .contents .itv_wrap .itv div p.link a {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 8px 30px 8px 50px;
    line-height: 24px;
    max-width: 100%;
  }

  .recruit .inner .contents .itv_wrap .itv div p.link a:before {
    margin: -12px 0 0;
  }

  .recruit .inner .contents .itv_wrap .itv div p.link a br {
    display: inline-block;
  }
}

.recruit .inner .contents .itv_wrap.section1 .itv {
  background: url(../images/recruit/recruit_img05.gif) right top no-repeat;
}

.recruit .inner .contents .itv_wrap.section2 .itv {
  background: url(../images/recruit/recruit_img06.gif) left top no-repeat;
}

.recruit .inner .contents .itv_wrap.section2 .itv div {
  text-align: left;
  padding: 135px 50px 0 0;
}

.recruit .inner .contents .itv_wrap.section2 .itv div p.link {
  left: 0;
}

.recruit .inner .contents .itv_wrap.section3 .itv {
  background: url(../images/recruit/recruit_img07.gif) right top no-repeat;
}

.recruit .inner .contents .itv_wrap.section4 .itv {
  background: url(../images/recruit/recruit_img13.gif) left top no-repeat;
}

.recruit .inner .contents .itv_wrap.section4 .itv div {
  text-align: left;
  padding: 135px 50px 0 0;
}

.recruit .inner .contents .itv_wrap.section4 .itv div h3 {
  white-space: nowrap;
}

.recruit .inner .contents .itv_wrap.section4 .itv div p.link {
  left: 0;
}

.recruit .inner .contents .itv_wrap.section5 .itv {
  background: url(../images/recruit/recruit_img14.gif) right top no-repeat;
}

.recruit .inner .contents .section6 {
  padding: 0;
  min-height: 1px;
}

.recruit .inner .contents .section6:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.recruit .inner .contents .section6 dl {
  width: 300px;
  float: left;
  margin: 0 40px 0 0;
}

.recruit .inner .contents .section6 dl:last-child {
  margin: 0;
}

.recruit .inner .contents .section6 dl dt {
  border: 3px solid #f7f5f4;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0 8px;
  line-height: 45px;
  margin: 0 0 20px;
}

.recruit .inner .contents .section6 dl dd {
  margin: 0 0 20px;
}

.recruit .inner .contents .section6 dl dd a {
  background: url(../images/recruit/recruit_img08.gif) left center no-repeat;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 0 0 24px;
}

/*----------------------------------------------------
	新卒・第２新卒採用について
----------------------------------------------------*/
.new-graduate .wrap .inner .contents section {
  border-top: 1px solid #ddd;
}

.new-graduate .wrap .inner .contents section h3 {
  text-align: center;
  font-weight: bold;
  color: #005bac;
  font-size: 26px;
  font-size: 2.6rem;
}

.new-graduate .wrap .inner .contents section.section1 ul {
  width: 880px;
  margin: 0 auto;
}

.new-graduate .wrap .inner .contents section.section1 ul li {
  border-bottom: 1px dotted #ddd;
  padding: 30px 70px;
}

.new-graduate .wrap .inner .contents section.section1 ul li span {
  color: #888;
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  padding: 0 40px 0 0;
  vertical-align: top;
}

.new-graduate .wrap .inner .contents section.section1 ul li p {
  display: inline-block;
  width: 620px;
  line-height: 1.2;
}

.new-graduate .wrap .inner .contents section.section1 ul li.no_post_msg {
  padding: 40px 0 0;
  border-bottom: none;
}

.new-graduate .wrap .inner .contents section.section2 dl {
  min-height: 1px;
  padding: 40px 54px;
  border-bottom: 1px dotted #ddd;
}

.new-graduate .wrap .inner .contents section.section2 dl:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.new-graduate .wrap .inner .contents section.section2 dl dt {
  float: left;
}

.new-graduate .wrap .inner .contents section.section2 dl dt span {
  text-align: center;
  width: 75px;
  height: 60px;
  color: #005bac;
  background-color: #eaf6fd;
  display: inline-block;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 15px 0 0;
  line-height: 24px;
}

.new-graduate .wrap .inner .contents section.section2 dl dt span em {
  font-size: 24px;
  font-size: 2.4rem;
  display: block;
}

.new-graduate .wrap .inner .contents section.section2 dl dd {
  float: left;
  width: 700px;
  line-height: 20px;
  padding: 0 60px 0 32px;
}

.new-graduate .wrap .inner .contents section.section2 dl dd span {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  display: inline-block;
  margin: 0 0 20px;
}

.new-graduate .wrap .inner .contents section.section2 dl dd em {
  text-decoration: underline;
}

.new-graduate .wrap .inner .contents section.section2 dl dd p.entry {
  color: #005bac;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  padding: 24px 0;
}

.new-graduate .wrap .inner .contents section.section2 dl dd p.link {
  text-align: center;
  margin: 24px 0;
}

.new-graduate .wrap .inner .contents section.section2 dl dd p.link a {
  background-color: #005bac;
  text-align: center;
  line-height: 1;
  position: relative;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  padding: 16px 16px 16px 42px;
  letter-spacing: 1px;
  border: 0;
  min-width: 250px;
}

.new-graduate .wrap .inner .contents section.section2 dl dd p.link a:before {
  content: "▶︎";
  padding: 0 1rem 0 0;
  font-size: 18px;
  font-size: 1.8rem;
  position: absolute;
  left: 16px;
  top: 50%;
  margin: -9px 0 0;
}

@media screen and (max-width: 1280px) {
  .new-graduate .wrap .inner .contents section.section2 dl dd p.link a:before {
    margin: -6px 0 0;
  }
}

@media screen and (max-width: 768px) {
  .new-graduate .wrap .inner .contents section.section2 dl dd p.link a {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 8px 30px 8px 50px;
    line-height: 24px;
    max-width: 100%;
  }

  .new-graduate .wrap .inner .contents section.section2 dl dd p.link a:before {
    margin: -12px 0 0;
  }

  .new-graduate .wrap .inner .contents section.section2 dl dd p.link a br {
    display: inline-block;
  }
}

.new-graduate .wrap .inner .contents section.section3 h3 {
  margin: 0 0 40px;
}

.new-graduate .wrap .inner .contents p.link {
  text-align: center;
}

.new-graduate .wrap .inner .contents p.link a {
  background-color: #005bac;
  text-align: center;
  line-height: 1;
  position: relative;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  padding: 16px 16px 16px 42px;
  letter-spacing: 1px;
  border: 0;
  min-width: 250px;
}

.new-graduate .wrap .inner .contents p.link a:before {
  content: "▶︎";
  padding: 0 1rem 0 0;
  font-size: 18px;
  font-size: 1.8rem;
  position: absolute;
  left: 16px;
  top: 50%;
  margin: -9px 0 0;
}

@media screen and (max-width: 1280px) {
  .new-graduate .wrap .inner .contents p.link a:before {
    margin: -6px 0 0;
  }
}

@media screen and (max-width: 768px) {
  .new-graduate .wrap .inner .contents p.link a {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 8px 30px 8px 50px;
    line-height: 24px;
    max-width: 100%;
  }

  .new-graduate .wrap .inner .contents p.link a:before {
    margin: -12px 0 0;
  }

  .new-graduate .wrap .inner .contents p.link a br {
    display: inline-block;
  }
}

/*----------------------------------------------------
	中途採用について
----------------------------------------------------*/
.mid-career .wrap .inner .contents h3 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #005bac;
  font-weight: bold;
  line-height: 1.8;
  margin: 0 0 40px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .mid-career .wrap .inner .contents h3 {
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 20px;
    line-height: 1.4;
  }
}

.mid-career .wrap .inner .contents .section1 {
  border-top: 1px solid #ddd;
}

.mid-career .wrap .inner .contents .section1 ul.current {
  width: 610px;
  margin: 0 auto 60px;
  line-height: 25px;
}

.mid-career .wrap .inner .contents .section1 ul.link {
  text-align: center;
}

.mid-career .wrap .inner .contents .section1 ul.link li {
  display: inline-block;
  margin: 0 15px 30px;
}

.mid-career .wrap .inner .contents .section1 ul.link li a {
  background-color: #005bac;
  text-align: center;
  line-height: 1;
  position: relative;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  padding: 16px 16px 16px 42px;
  letter-spacing: 1px;
  border: 0;
  min-width: 250px;
  width: 190px;
}

.mid-career .wrap .inner .contents .section1 ul.link li a:before {
  content: "▶︎";
  padding: 0 1rem 0 0;
  font-size: 18px;
  font-size: 1.8rem;
  position: absolute;
  left: 16px;
  top: 50%;
  margin: -9px 0 0;
}

@media screen and (max-width: 1280px) {
  .mid-career .wrap .inner .contents .section1 ul.link li a:before {
    margin: -6px 0 0;
  }
}

@media screen and (max-width: 768px) {
  .mid-career .wrap .inner .contents .section1 ul.link li a {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 8px 30px 8px 50px;
    line-height: 24px;
    max-width: 100%;
  }

  .mid-career .wrap .inner .contents .section1 ul.link li a:before {
    margin: -12px 0 0;
  }

  .mid-career .wrap .inner .contents .section1 ul.link li a br {
    display: inline-block;
  }
}

.mid-career .wrap .inner .contents .section2 {
  border-top: 1px solid #ddd;
  line-height: 20px;
}

.mid-career .wrap .inner .contents .section2 ul.flow {
  text-align: center;
  margin: 0 0 30px;
}

.mid-career .wrap .inner .contents .section2 ul.flow li {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  display: inline-block;
  background: url(../images/recruit/recruit_img09.gif) right center no-repeat;
  line-height: 40px;
  padding: 0 35px 0 0;
  margin: 0 35px 0 0;
}

.mid-career .wrap .inner .contents .section2 ul.flow li:last-child {
  background: none;
  margin: 0;
}

.mid-career .wrap .inner .contents .section2 p.detail {
  margin: 30px 0 0;
}

.mid-career .wrap .inner .contents .section2 address {
  border: 1px solid #ddd;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: 30px auto 0;
  width: 610px;
  padding: 20px 50px;
}

/*----------------------------------------------------
	エントリーシートのダウンロードについて
----------------------------------------------------*/
.dl .wrap .inner .contents h2+p {
  padding: 0 0 80px;
  text-align: center;
}

.dl .wrap .inner .contents dl {
  min-height: 1px;
  padding: 40px 54px;
  border-bottom: 1px dotted #ddd;
}

.dl .wrap .inner .contents dl:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.dl .wrap .inner .contents dl dt {
  float: left;
}

.dl .wrap .inner .contents dl dt span {
  text-align: center;
  width: 75px;
  height: 60px;
  color: #005bac;
  background-color: #eaf6fd;
  display: inline-block;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 15px 0 0;
  line-height: 24px;
}

.dl .wrap .inner .contents dl dt span em {
  font-size: 24px;
  font-size: 2.4rem;
  display: block;
}

.dl .wrap .inner .contents dl dd {
  float: left;
  width: 700px;
  line-height: 20px;
  padding: 0 60px 0 32px;
}

.dl .wrap .inner .contents dl dd span {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  display: inline-block;
  margin: 0 0 20px;
}

.dl .wrap .inner .contents dl+p {
  margin: 40px 0 80px;
  text-align: center;
}

.dl .wrap .inner .contents ul {
  text-align: center;
}

.dl .wrap .inner .contents ul li {
  display: inline-block;
  margin: 0 10px;
}

.dl .wrap .inner .contents ul li a {
  background-color: #005bac;
  text-align: center;
  line-height: 1;
  position: relative;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  padding: 16px 16px 16px 42px;
  letter-spacing: 1px;
  border: 0;
  min-width: 250px;
  width: 300px;
  position: relative;
}

.dl .wrap .inner .contents ul li a:before {
  content: "▶︎";
  padding: 0 1rem 0 0;
  font-size: 18px;
  font-size: 1.8rem;
  position: absolute;
  left: 16px;
  top: 50%;
  margin: -9px 0 0;
}

@media screen and (max-width: 1280px) {
  .dl .wrap .inner .contents ul li a:before {
    margin: -6px 0 0;
  }
}

@media screen and (max-width: 768px) {
  .dl .wrap .inner .contents ul li a {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 8px 30px 8px 50px;
    line-height: 24px;
    max-width: 100%;
  }

  .dl .wrap .inner .contents ul li a:before {
    margin: -12px 0 0;
  }

  .dl .wrap .inner .contents ul li a br {
    display: inline-block;
  }
}

.dl .wrap .inner .contents ul li a:before {
  content: "";
  background: url(../images/recruit/recruit_img10.png) left top no-repeat;
  width: 34px;
  height: 34px;
  display: inline-block;
  position: absolute;
  left: 12px;
  top: 14px;
}

/*----------------------------------------------------
	募集要項 
----------------------------------------------------*/
.recruit_nagoya .wrap .inner .contents h2+h3,
.general_business .wrap .inner .contents h2+h3,
.logistics .wrap .inner .contents h2+h3,
.e-commerce .wrap .inner .contents h2+h3,
.planning .wrap .inner .contents h2+h3,
.division .wrap .inner .contents h2+h3,
.pr-promotion .wrap .inner .contents h2+h3,
.sales .wrap .inner .contents h2+h3,
.kidokid .wrap .inner .contents h2+h3,
.shop .wrap .inner .contents h2+h3,
.merchandise .wrap .inner .contents h2+h3,
.promotion .wrap .inner .contents h2+h3,
.assistant .wrap .inner .contents h2+h3,
.general_affairs .wrap .inner .contents h2+h3,
.overseas_merchandise .wrap .inner .contents h2+h3,
.accounting_department .wrap .inner .contents h2+h3,
.clerical_staff .wrap .inner .contents h2+h3,
.administrative_assistant .wrap .inner .contents h2+h3 {
  text-align: center;
  color: #005bac;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  margin: 0 0 40px;
}

.recruit_nagoya .wrap .inner .contents h3+ul,
.general_business .wrap .inner .contents h3+ul,
.logistics .wrap .inner .contents h3+ul,
.e-commerce .wrap .inner .contents h3+ul,
.planning .wrap .inner .contents h3+ul,
.division .wrap .inner .contents h3+ul,
.pr-promotion .wrap .inner .contents h3+ul,
.sales .wrap .inner .contents h3+ul,
.kidokid .wrap .inner .contents h3+ul,
.shop .wrap .inner .contents h3+ul,
.merchandise .wrap .inner .contents h3+ul,
.promotion .wrap .inner .contents h3+ul,
.assistant .wrap .inner .contents h3+ul,
.general_affairs .wrap .inner .contents h3+ul,
.overseas_merchandise .wrap .inner .contents h3+ul,
.accounting_department .wrap .inner .contents h3+ul,
.clerical_staff .wrap .inner .contents h3+ul,
.administrative_assistant .wrap .inner .contents h3+ul {
  line-height: 30px;
  padding: 0 0 0 115px;
  margin: 0 0 70px;
}

.recruit_nagoya .wrap .inner .contents p.ttl,
.general_busines .wrap .inner .contents p.ttl,
.logistics .wrap .inner .contents p.ttl,
.e-commerce .wrap .inner .contents p.ttl,
.planning .wrap .inner .contents p.ttl,
.division .wrap .inner .contents p.ttl,
.pr-promotion .wrap .inner .contents p.ttl,
.sales .wrap .inner .contents p.ttl,
.kidokid .wrap .inner .contents p.ttl,
.shop .wrap .inner .contents p.ttl,
.merchandise .wrap .inner .contents p.ttl,
.promotion .wrap .inner .contents p.ttl,
.assistant .wrap .inner .contents p.ttl,
.general_affairs .wrap .inner .contents p.ttl,
.overseas_merchandise .wrap .inner .contents p.ttl,
.accounting_department .wrap .inner .contents p.ttl,
.clerical_staff .wrap .inner .contents p.ttl,
.administrative_assistant .wrap .inner .contents p.ttl {
  text-align: center;
}

.recruit_nagoya .wrap .inner .contents p.ttl span,
.general_busines .wrap .inner .contents p.ttl span,
.logistics .wrap .inner .contents p.ttl span,
.e-commerce .wrap .inner .contents p.ttl span,
.planning .wrap .inner .contents p.ttl span,
.division .wrap .inner .contents p.ttl span,
.pr-promotion .wrap .inner .contents p.ttl span,
.sales .wrap .inner .contents p.ttl span,
.kidokid .wrap .inner .contents p.ttl span,
.shop .wrap .inner .contents p.ttl span,
.merchandise .wrap .inner .contents p.ttl span,
.promotion .wrap .inner .contents p.ttl span,
.assistant .wrap .inner .contents p.ttl span,
.general_affairs .wrap .inner .contents p.ttl span,
.overseas_merchandise .wrap .inner .contents p.ttl span,
.accounting_department .wrap .inner .contents p.ttl span,
.clerical_staff .wrap .inner .contents p.ttl span,
.administrative_assistant .wrap .inner .contents p.ttl span {
  border: 1px solid #ddd;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font-weight: bold;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 45px;
  padding: 0 20px;
  display: inline-block;
  margin: 0 0 55px;
}

.recruit_nagoya .wrap .inner .contents p.link,
.general_busines .wrap .inner .contents p.link,
.logistics .wrap .inner .contents p.link,
.e-commerce .wrap .inner .contents p.link,
.planning .wrap .inner .contents p.link,
.division .wrap .inner .contents p.link,
.pr-promotion .wrap .inner .contents p.link,
.sales .wrap .inner .contents p.link,
.kidokid .wrap .inner .contents p.link,
.shop .wrap .inner .contents p.link,
.merchandise .wrap .inner .contents p.link,
.promotion .wrap .inner .contents p.link,
.assistant .wrap .inner .contents p.link,
.general_affairs .wrap .inner .contents p.link,
.overseas_merchandise .wrap .inner .contents p.link,
.accounting_department .wrap .inner .contents p.link,
.clerical_staff .wrap .inner .contents p.link,
.administrative_assistant .wrap .inner .contents p.link {
  text-align: center;
  margin: 40px 0 0;
}

.recruit_nagoya .wrap .inner .contents p.link a,
.general_busines .wrap .inner .contents p.link a,
.logistics .wrap .inner .contents p.link a,
.e-commerce .wrap .inner .contents p.link a,
.planning .wrap .inner .contents p.link a,
.division .wrap .inner .contents p.link a,
.pr-promotion .wrap .inner .contents p.link a,
.sales .wrap .inner .contents p.link a,
.kidokid .wrap .inner .contents p.link a,
.shop .wrap .inner .contents p.link a,
.merchandise .wrap .inner .contents p.link a,
.promotion .wrap .inner .contents p.link a,
.assistant .wrap .inner .contents p.link a,
.general_affairs .wrap .inner .contents p.link a,
.overseas_merchandise .wrap .inner .contents p.link a,
.accounting_department .wrap .inner .contents p.link a,
.clerical_staff .wrap .inner .contents p.link a,
.administrative_assistant .wrap .inner .contents p.link a {
  background-color: #005bac;
  text-align: center;
  line-height: 1;
  position: relative;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  padding: 16px 16px 16px 42px;
  letter-spacing: 1px;
  border: 0;
  min-width: 250px;
}

.recruit_nagoya .wrap .inner .contents p.link a:before,
.general_busines .wrap .inner .contents p.link a:before,
.logistics .wrap .inner .contents p.link a:before,
.e-commerce .wrap .inner .contents p.link a:before,
.planning .wrap .inner .contents p.link a:before,
.division .wrap .inner .contents p.link a:before,
.pr-promotion .wrap .inner .contents p.link a:before,
.sales .wrap .inner .contents p.link a:before,
.kidokid .wrap .inner .contents p.link a:before,
.shop .wrap .inner .contents p.link a:before,
.merchandise .wrap .inner .contents p.link a:before,
.promotion .wrap .inner .contents p.link a:before,
.assistant .wrap .inner .contents p.link a:before,
.general_affairs .wrap .inner .contents p.link a:before,
.overseas_merchandise .wrap .inner .contents p.link a:before,
.accounting_department .wrap .inner .contents p.link a:before,
.clerical_staff .wrap .inner .contents p.link a:before,
.administrative_assistant .wrap .inner .contents p.link a:before {
  content: "▶︎";
  padding: 0 1rem 0 0;
  font-size: 18px;
  font-size: 1.8rem;
  position: absolute;
  left: 16px;
  top: 50%;
  margin: -9px 0 0;
}

@media screen and (max-width: 1280px) {

  .recruit_nagoya .wrap .inner .contents p.link a:before,
  .general_busines .wrap .inner .contents p.link a:before,
  .logistics .wrap .inner .contents p.link a:before,
  .e-commerce .wrap .inner .contents p.link a:before,
  .planning .wrap .inner .contents p.link a:before,
  .division .wrap .inner .contents p.link a:before,
  .pr-promotion .wrap .inner .contents p.link a:before,
  .sales .wrap .inner .contents p.link a:before,
  .kidokid .wrap .inner .contents p.link a:before,
  .shop .wrap .inner .contents p.link a:before,
  .merchandise .wrap .inner .contents p.link a:before,
  .promotion .wrap .inner .contents p.link a:before,
  .assistant .wrap .inner .contents p.link a:before,
  .general_affairs .wrap .inner .contents p.link a:before,
  .overseas_merchandise .wrap .inner .contents p.link a:before,
  .accounting_department .wrap .inner .contents p.link a:before,
  .clerical_staff .wrap .inner .contents p.link a:before,
  .administrative_assistant .wrap .inner .contents p.link a:before {
    margin: -6px 0 0;
  }
}

@media screen and (max-width: 768px) {

  .recruit_nagoya .wrap .inner .contents p.link a,
  .general_busines .wrap .inner .contents p.link a,
  .logistics .wrap .inner .contents p.link a,
  .e-commerce .wrap .inner .contents p.link a,
  .planning .wrap .inner .contents p.link a,
  .division .wrap .inner .contents p.link a,
  .pr-promotion .wrap .inner .contents p.link a,
  .sales .wrap .inner .contents p.link a,
  .kidokid .wrap .inner .contents p.link a,
  .shop .wrap .inner .contents p.link a,
  .merchandise .wrap .inner .contents p.link a,
  .promotion .wrap .inner .contents p.link a,
  .assistant .wrap .inner .contents p.link a,
  .general_affairs .wrap .inner .contents p.link a,
  .overseas_merchandise .wrap .inner .contents p.link a,
  .accounting_department .wrap .inner .contents p.link a,
  .clerical_staff .wrap .inner .contents p.link a,
  .administrative_assistant .wrap .inner .contents p.link a {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 8px 30px 8px 50px;
    line-height: 24px;
    max-width: 100%;
  }

  .recruit_nagoya .wrap .inner .contents p.link a:before,
  .general_busines .wrap .inner .contents p.link a:before,
  .logistics .wrap .inner .contents p.link a:before,
  .e-commerce .wrap .inner .contents p.link a:before,
  .planning .wrap .inner .contents p.link a:before,
  .pr-promotion .wrap .inner .contents p.link a:before,
  .division .wrap .inner .contents p.link a:before,
  .sales .wrap .inner .contents p.link a:before,
  .kidokid .wrap .inner .contents p.link a:before,
  .shop .wrap .inner .contents p.link a:before,
  .merchandise .wrap .inner .contents p.link a:before,
  .promotion .wrap .inner .contents p.link a:before,
  .assistant .wrap .inner .contents p.link a:before,
  .general_affairs .wrap .inner .contents p.link a:before,
  .overseas_merchandise .wrap .inner .contents p.link a:before,
  .accounting_department .wrap .inner .contents p.link a:before,
  .clerical_staff .wrap .inner .contents p.link a:before,
  .administrative_assistant .wrap .inner .contents p.link a:before {
    margin: -12px 0 0;
  }

  .recruit_nagoya .wrap .inner .contents p.link a br,
  .general_busines .wrap .inner .contents p.link a br,
  .logistics .wrap .inner .contents p.link a br,
  .e-commerce .wrap .inner .contents p.link a br,
  .planning .wrap .inner .contents p.link a br,
  .division .wrap .inner .contents p.link a br,
  .pr-promotion .wrap .inner .contents p.link a br,
  .sales .wrap .inner .contents p.link a br,
  .kidokid .wrap .inner .contents p.link a br,
  .shop .wrap .inner .contents p.link a br,
  .merchandise .wrap .inner .contents p.link a br,
  .promotion .wrap .inner .contents p.link a br,
  .assistant .wrap .inner .contents p.link a br,
  .general_affairs .wrap .inner .contents p.link a br,
  .overseas_merchandise .wrap .inner .contents p.link a br,
  .accounting_department .wrap .inner .contents p.link a br,
  .clerical_staff .wrap .inner .contents p.link a br,
  .administrative_assistant .wrap .inner .contents p.link a br {
    display: inline-block;
  }
}

/*----------------------------------------------------
	インタビュー
----------------------------------------------------*/
.interview .inner .contents {
  padding-bottom: 0;
}

.interview .inner .contents p.name {
  margin: 0 0 35px;
}

.interview .inner .contents p.name img {
  display: inline-block;
  padding: 0 30px 0 0;
}

.interview .inner .contents p.name span {
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 27px;
}

.interview .inner .contents .mainvisual {
  position: relative;
  margin: 0 0 20px;
}

.interview .inner .contents .mainvisual h1 {
  position: absolute;
  bottom: 45px;
  left: 50px;
  font-size: 36px;
  font-size: 3.6rem;
  background-color: #fff;
  line-height: 58px;
  font-weight: bold;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.interview .inner .contents section {
  padding: 100px;
  margin-bottom: 0;
  border-bottom: 1px solid #ddd;
}

.interview .inner .contents section:last-child {
  border: none;
}

.interview .inner .contents section h2+p {
  padding: 0;
}

.interview .inner .contents section p {
  margin: 0 0 2em;
  line-height: 2;
}

/*----------------------------------------------------
	キャリアパス
----------------------------------------------------*/
.career-path .wrap .inner .contents img {
  margin: 0 0 40px;
}

/*----------------------------------------------------
	福利厚生
----------------------------------------------------*/
.welfare .wrap .inner .contents .welfare-wrap {
  min-height: 1px;
  margin: 0 0 45px;
}

.welfare .wrap .inner .contents .welfare-wrap:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.welfare .wrap .inner .contents .welfare-wrap dl {
  float: left;
  width: 400px;
  margin: 0 25px;
  line-height: 30px;
}

.welfare .wrap .inner .contents .welfare-wrap dl dt {
  color: #005bac;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  padding: 0 0 8px;
  margin: 0 0 8px;
  border-bottom: 1px solid #ddd;
}

.welfare .wrap .inner .contents .welfare-wrap dl dd {
  text-indent: -0.5em;
  margin: 0 0 0 0.5em;
}

/*----------------------------------------------------
	エントリーフォーム
----------------------------------------------------*/
.entry .wrap .inner .contents h1 {
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  margin: 0 0 70px;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .entry .wrap .inner .contents h1 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1px;
    margin: 0 0 20px;
  }
}

.entry .wrap .inner .contents h1+p {
  text-align: center;
  line-height: 30px;
}

.entry .wrap .inner .contents h2+p {
  line-height: 30px;
  text-align: center;
  margin: 0 0 40px;
}

.entry .wrap .inner .contents p.lead {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 50px 0 30px;
}

.entry .wrap .inner .contents ul {
  text-align: center;
  margin: 0 0 50px;
  line-height: 30px;
}

.entry .wrap .inner .contents table {
  width: 100%;
  margin: 0 0 60px;
}

.entry .wrap .inner .contents table th {
  width: 27%;
  vertical-align: top;
  background-color: #eee;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 24px 18px;
  font-size: 17px;
  font-size: 1.7rem;
}

.entry .wrap .inner .contents table th em {
  color: #d80c18;
}

.entry .wrap .inner .contents table th em.company {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 20px;
  color: #888;
  padding: 8px 0 0;
  display: inline-block;
}

.entry .wrap .inner .contents table td {
  vertical-align: top;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 24px 0 24px 24px;
  font-size: 17px;
  font-size: 1.7rem;
}

.entry .wrap .inner .contents table td p.confirm {
  padding: 20px 0px;
}

.entry .wrap .inner .contents table td label.name {
  padding: 0 20px 0 0;
  display: inline-block;
}

.entry .wrap .inner .contents table td label.company {
  display: block;
}

.entry .wrap .inner .contents table td label input {
  width: auto;
}

.entry .wrap .inner .contents table td input {
  line-height: 31px;
  font-size: 17px;
  font-size: 1.7rem;
  padding: 0 8px;
  width: 500px;
}

.entry .wrap .inner .contents table td .wpcf7-list-item {
  margin: 0;
}

.entry .wrap .inner .contents table td .wpcf7-list-item label {
  display: block;
  line-height: 30px;
}

.entry .wrap .inner .contents table td .wpcf7c-conf {
  border: none !important;
  background: none !important;
}

.entry .wrap .inner .contents table td .input1 {
  width: 130px;
  margin: 0 0 0 8px;
}

.entry .wrap .inner .contents table td .input2 {
  width: 50px;
  margin: 0 8px;
}

.entry .wrap .inner .contents table td .input3 {
  width: 100px;
  margin: 0 8px;
}

.entry .wrap .inner .contents table td .input4 {
  width: 620px;
  margin: 0 0 0 8px;
}

.entry .wrap .inner .contents table td .input5 {
  width: 600px;
  margin: 0 0 0 8px;
}

.entry .wrap .inner .contents table td .gender label {
  display: inline-block;
  margin: 0 10px 0 0;
}

.entry .wrap .inner .contents table td.jobselect {
  position: relative;
}

.entry .wrap .inner .contents table td.jobselect .wpcf7-list-item,
.entry .wrap .inner .contents table td.job_area .wpcf7-list-item {
  width: 100%;
}

.entry .wrap .inner .contents table td .job {
  display: inline-block;
}

.entry .wrap .inner .contents table td .job span {
  display: inline-block;
  margin: 0 10px 0 0;
}

.entry .wrap .inner .contents table td .job span.last {
  display: block;
}

.entry .wrap .inner .contents table td .employment {
  display: inline-block;
}

.entry .wrap .inner .contents table td .employment span {
  display: inline-block;
  margin: 0 10px 0 0;
}

.entry .wrap .inner .contents table td .other {
  /*position: absolute;
  left: 60px;
  top: 50px;*/
}

.entry .wrap .inner .contents table td label {
  margin: 0px 0px 8px;
  display: inline-block;
}

.entry .wrap .inner .contents table td em {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 20px;
  color: #888;
  padding: 8px 0 0;
  display: inline-block;
}

.entry .wrap .inner .contents table td select {
  font-size: 17px;
  font-size: 1.7rem;
  border: 1px solid #e7e7e7;
}

.entry .wrap .inner .contents table td span.company_input {
  width: 80px;
  display: inline-block;
}

.entry .wrap .inner .contents table td textarea {
  width: 688px;
  font-size: 17px;
  font-size: 1.7rem;
}

.entry .wrap .inner .contents table td .message-select {
  display: block;
}

.entry .wrap .inner .contents table td .message-select span.first {
  margin: 0 15px 0 0;
}

.entry .wrap .inner .contents table td .message-select input[type="radio"] {
  width: auto;
  vertical-align: middle;
  margin: 0;
}

.entry .wrap .inner .contents p.button {
  text-align: center;
}

.entry .wrap .inner .contents p.button input {
  background: url(../images/common/ico_btn.png) 20px center no-repeat #005bac;
  color: #fff;
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: bold;
  border: none;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  padding: 0 20px 0 40px;
  line-height: 60px;
}

.entry .wrap .inner .contents span.wpcf7-not-valid-tip {
  padding: 8px 0 0;
  color: #d80c18;
}

.entry .wrap .inner .contents div.wpcf7-response-output {
  text-align: center;
  font-size: 17px;
  font-size: 1.7rem;
  background-color: #ecd200;
  border-color: #ecd200;
}

.entry .wrap .inner .contents div.wpcf7-mail-sent-ok {
  background-color: #83a32f;
  border-color: #83a32f;
  color: #fff;
  display: block !important;
}

/*----------------------------------------------------
	768px以下
----------------------------------------------------*/
@media screen and (max-width: 768px) {

  /*----------------------------------------------------
  	採用情報 共通
  ----------------------------------------------------*/
  body .wrap .inner .sidebar p.ttl {
    padding: 0 !important;
  }

  body .wrap .inner .contents h2+p {
    padding: 0 10px 40px;
  }

  body .wrap .inner .contents table.std th {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 0 10px;
    background-color: #fff;
    font-weight: bold;
    border: 0;
  }

  body .wrap .inner .contents table.std td {
    display: block;
    padding: 10px 0 30px;
    border-bottom: none;
    line-height: 1.4;
  }

  body .wrap .inner .contents table.std td ul li {
    line-height: 1.4;
  }

  body .wrap .inner .contents table.std td dl dt {
    line-height: 1.4;
  }

  body .wrap .inner .contents table.std td dl dd {
    line-height: 1.4;
  }

  body .wrap .inner .contents p.msg {
    line-height: 1.4;
  }

  .recruit .titleArea h1 {
    padding: 62.8px 20px 20px;
    line-height: 1.4;
  }

  /*----------------------------------------------------
  	採用情報 トップ
  ----------------------------------------------------*/
  .recruit .inner .contents .top {
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    padding: 70% 0 40px;
    margin: 0 0 40px;
  }

  .recruit .inner .contents .top p.ttl {
    font-size: 20px;
    font-size: 2rem;
    margin: 0;
    padding: 0 0 20px;
    text-align: center;
  }

  .recruit .inner .contents .itv_wrap {
    padding: 0 0 40px;
  }

  .recruit .inner .contents .itv_wrap .itv {
    width: 100%;
    -moz-background-size: 7% !important;
    -o-background-size: 7% !important;
    -webkit-background-size: 7% !important;
    background-size: 7% !important;
  }

  .recruit .inner .contents .itv_wrap .itv img {
    width: 100%;
    float: none;
  }

  .recruit .inner .contents .itv_wrap .itv div {
    width: 100%;
    padding: 20px 0 0;
    float: none;
    text-align: center;
  }

  .recruit .inner .contents .itv_wrap .itv div h3 {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 0 10px;
  }

  .recruit .inner .contents .itv_wrap .itv div p.link {
    position: static;
    text-align: center;
    margin: 8px 0 0;
  }

  .recruit .inner .contents .itv_wrap.section2 .itv {
    padding: 0;
  }

  .recruit .inner .contents .itv_wrap.section2 .itv img {
    display: none;
  }

  .recruit .inner .contents .itv_wrap.section2 .itv div {
    background: url(../images/recruit/recruit_img04.jpg) left top no-repeat;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    padding: 88% 0 0;
    text-align: center;
  }

  .recruit .inner .contents .itv_wrap.section2 .itv div p.link {
    text-align: center;
  }

  .recruit .inner .contents .itv_wrap.section4 .itv {
    padding: 0;
  }

  .recruit .inner .contents .itv_wrap.section4 .itv img {
    display: none;
  }

  .recruit .inner .contents .itv_wrap.section4 .itv div {
    background: url(../images/recruit/recruit_img16.jpg) left top no-repeat;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    padding: 88% 0 0;
    text-align: center;
  }

  .recruit .inner .contents .itv_wrap.section4 .itv div p.link {
    text-align: center;
  }

  .recruit .inner .contents .section6 {
    display: none;
  }

  /*----------------------------------------------------
  	新卒・第２新卒採用について
  ----------------------------------------------------*/
  .new-graduate .wrap .inner .contents p.lead {
    padding: 0px 10px;
    margin: 0 0 40px;
  }

  .new-graduate .wrap .inner .contents section h3 {
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 20px;
  }

  .new-graduate .wrap .inner .contents section.section1 ul {
    width: 100%;
  }

  .new-graduate .wrap .inner .contents section.section1 ul li span {
    padding: 0 0 10px;
    text-align: center;
    width: 100%;
  }

  .new-graduate .wrap .inner .contents section.section1 ul li p {
    display: block;
    width: 100%;
  }

  .new-graduate .wrap .inner .contents section.section2 dl {
    padding: 20px 0;
  }

  .new-graduate .wrap .inner .contents section.section2 dl:last-child {
    border: none;
  }

  .new-graduate .wrap .inner .contents section.section2 dl dt {
    float: none;
    text-align: center;
    margin: 0 0 15px;
  }

  .new-graduate .wrap .inner .contents section.section2 dl dt span {
    height: 75px;
  }

  .new-graduate .wrap .inner .contents section.section2 dl dd {
    float: none;
    width: 100%;
    padding: 0;
  }

  .new-graduate .wrap .inner .contents section.section2 dl dd span {
    font-size: 20px;
    font-size: 2rem;
    width: 100%;
    text-align: center;
  }

  .new-graduate .wrap .inner .contents section.section3 table {
    width: 100%;
  }

  .new-graduate .wrap .inner .contents section.section3 table th {
    display: block;
    width: 100%;
    padding: 0 0 10px;
    background: none;
    border: none;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
  }

  .new-graduate .wrap .inner .contents section.section3 table td {
    display: block;
    padding: 10px 0 20px;
    border-bottom: none;
    line-height: 20px;
  }

  .new-graduate .wrap .inner .contents section.section3 table td ul li {
    line-height: 20px;
  }

  .new-graduate .wrap .inner .contents section.section3 table td dl {
    line-height: 20px !important;
    width: 100% !important;
  }

  .new-graduate .wrap .inner .contents section.section3 table td dl.dls01 {
    line-height: 20px;
  }

  .new-graduate .wrap .inner .contents section.section3 table td dl.dls01 dt,
  .new-graduate .wrap .inner .contents section.section3 table td dl.dls01 dd {
    line-height: 20px;
    width: 100%;
  }

  .new-graduate .wrap .inner .contents section.section3 table td dl.dls02 dt {
    float: none;
    width: 100%;
    white-space: normal;
    line-height: 20px;
  }

  .new-graduate .wrap .inner .contents section.section3 table td dl.dls02 dd {
    float: none;
    width: 100%;
    line-height: 20px;
  }

  .new-graduate .wrap .inner .contents section.section3 table td dl.dls03 dt,
  .new-graduate .wrap .inner .contents section.section3 table td dl.dls03 dd {
    width: 100%;
  }

  /*----------------------------------------------------
  	エントリーシートのダウンロードについて
  ----------------------------------------------------*/
  .dl .wrap .inner .contents h2+p {
    text-align: center;
  }

  .dl .wrap .inner .contents dl {
    padding: 20px 0;
    width: 100%;
  }

  .dl .wrap .inner .contents dl dt {
    float: none;
    margin: 0 0 10px;
    text-align: center;
  }

  .dl .wrap .inner .contents dl dt span {
    height: 75px;
  }

  .dl .wrap .inner .contents dl dd {
    float: none;
    width: 100%;
    padding: 0;
  }

  .dl .wrap .inner .contents dl dd span {
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 10px;
  }

  .dl .wrap .inner .contents ul li {
    margin: 0 0 20px;
    display: block;
  }

  .dl .wrap .inner .contents ul li a {
    letter-spacing: -1px;
  }

  /*----------------------------------------------------
  	インタビュー
  ----------------------------------------------------*/
  .staff_001 p.name {
    background: url(../images/recruit/recruit_img05.gif) left 5px no-repeat;
  }

  .staff_002 p.name {
    background: url(../images/recruit/recruit_img05.gif) left 5px no-repeat;
  }

  .staff_003 p.name {
    background: url(../images/recruit/recruit_img06.gif) left 5px no-repeat;
  }

  .staff_004 p.name {
    background: url(../images/recruit/recruit_img07.gif) left 5px no-repeat;
  }

  .staff_005 p.name {
    background: url(../images/recruit/recruit_img13.gif) left 5px no-repeat;
  }

  .interview .inner .contents p.name {
    -moz-background-size: 50px auto;
    -o-background-size: 50px auto;
    -webkit-background-size: 50px auto;
    background-size: 50px auto;
    margin: 0 0 10px;
    padding: 0 0 0 90px;
  }

  .interview .inner .contents p.name img {
    display: none;
  }

  .interview .inner .contents p.name span {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .interview .inner .contents .mainvisual {
    margin: 0;
  }

  .interview .inner .contents .mainvisual img {
    width: 100%;
  }

  .interview .inner .contents .mainvisual h1 {
    font-size: 16px;
    font-size: 1.6rem;
    bottom: 20px;
    left: 20px;
    line-height: 1.4;
    padding: 8px;
  }

  .interview .inner .contents h2+p {
    padding: 0 10px 20px;
    margin: 0;
  }

  .interview .inner .contents section {
    padding: 40px 20px;
  }

  .interview .inner .contents section h2 {
    margin: 0 0 10px;
  }

  .interview .inner .contents section h2+p {
    padding: 0 0 40px;
  }

  .interview .inner .contents section img {
    width: 100%;
  }
}

@media screen and (max-width: 768px) and (max-width: 480px) {
  .interview .inner .contents .mainvisual h1 {
    font-size: 18px;
    font-size: 1.8rem;
    bottom: 20px;
    left: 20px;
  }
}

@media screen and (max-width: 768px) {

  /*----------------------------------------------------
  	中途採用について
  ----------------------------------------------------*/
  .mid-career .wrap .inner .contents .section1 ul.current {
    width: 100%;
  }

  .mid-career .wrap .inner .contents .section1 ul.current li {
    text-indent: -1em;
    margin-left: 1em;
  }

  .mid-career .wrap .inner .contents .section1 ul.link li {
    display: block;
    margin: 0 0 20px;
  }

  .mid-career .wrap .inner .contents .section1 ul.link li a {
    width: auto;
  }

  .mid-career .wrap .inner .contents .section2 ul li {
    line-height: 1.4;
    text-indent: -1em;
    margin-left: 1em;
  }

  .mid-career .wrap .inner .contents .section2 address {
    width: 100%;
    line-height: 1.4;
    padding: 20px;
  }

  /*----------------------------------------------------
  	募集要項
  ----------------------------------------------------*/
  .e-commerce .wrap .inner .contents h2+h3,
  .sales .wrap .inner .contents h2+h3,
  .kidokid .wrap .inner .contents h2+h3,
  .shop .wrap .inner .contents h2+h3,
  .merchandise .wrap .inner .contents h2+h3,
  .promotion .wrap .inner .contents h2+h3,
  .assistant .wrap .inner .contents h2+h3,
  .clerical_staff .wrap .inner .contents h2+h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 0 20px;
  }

  .e-commerce .wrap .inner .contents h3+ul,
  .sales .wrap .inner .contents h3+ul,
  .kidokid .wrap .inner .contents h3+ul,
  .shop .wrap .inner .contents h3+ul,
  .merchandise .wrap .inner .contents h3+ul,
  .promotion .wrap .inner .contents h3+ul,
  .assistant .wrap .inner .contents h3+ul,
  .clerical_staff .wrap .inner .contents h3+ul {
    line-height: 30px;
    padding: 0;
    margin: 0 0 40px;
  }

  .e-commerce .wrap .inner .contents h3+ul li,
  .sales .wrap .inner .contents h3+ul li,
  .kidokid .wrap .inner .contents h3+ul li,
  .shop .wrap .inner .contents h3+ul li,
  .merchandise .wrap .inner .contents h3+ul li,
  .promotion .wrap .inner .contents h3+ul li,
  .assistant .wrap .inner .contents h3+ul li,
  .clerical_staff .wrap .inner .contents h3+ul li {
    text-indent: -1em;
    margin-left: 1em;
    line-height: 1.6;
  }

  /*----------------------------------------------------
  	エントリーフォーム
  ----------------------------------------------------*/
  .entry .wrap .inner .contents h1+p {
    line-height: 1.6;
  }

  .entry .wrap .inner .contents ul {
    margin: 0 0 40px;
  }

  .entry .wrap .inner .contents ul li {
    line-height: 1.4;
  }

  .entry .wrap .inner .contents table th {
    display: block;
    background-color: #fff;
    font-weight: bold;
    width: 100%;
    border: none;
    padding: 10px;
  }

  .entry .wrap .inner .contents table td {
    display: block;
    width: 100%;
    border-bottom: none;
    padding: 10px 10px 30px;
  }

  .entry .wrap .inner .contents table td em {
    color: #333;
    display: block;
  }

  .entry .wrap .inner .contents table td label input {
    width: 100%;
  }

  .entry .wrap .inner .contents table td label.name {
    padding: 0;
  }

  .entry .wrap .inner .contents table td label.name em {
    margin: 0 10px 0 0;
  }

  .entry .wrap .inner .contents table td label em {
    display: inline-block;
  }

  .entry .wrap .inner .contents table td input {
    width: 100%;
  }

  .entry .wrap .inner .contents table td input.input1 {
    width: 50%;
    margin: 0;
  }

  .entry .wrap .inner .contents table td input.input2 {
    width: 20%;
    margin: 0 10px 0 0;
  }

  .entry .wrap .inner .contents table td input.input3 {
    width: 20%;
    margin: 0 10px 0 0;
  }

  .entry .wrap .inner .contents table td input.input4 {
    width: 100%;
    margin: 0;
  }

  .entry .wrap .inner .contents table td input.input5 {
    width: 100%;
    margin: 8px 0 0;
  }

  .entry .wrap .inner .contents table td input[type="radio"] {
    width: auto;
  }

  .entry .wrap .inner .contents table td textarea {
    width: 100%;
  }

  .entry .wrap .inner .contents table td .other {
    position: static;
  }

  .entry .wrap .inner .contents table td span.company_input {
    margin: 0 0 8px;
  }


  /*----------------------------------------------------
  	キャリアパス
  ----------------------------------------------------*/
  .career-path .wrap .inner .contents img {
    width: 100%;
  }

  /*----------------------------------------------------
  	福利厚生
  ----------------------------------------------------*/
  .welfare .wrap .inner .contents .welfare-wrap {
    margin: 0 0 20px;
  }

  .welfare .wrap .inner .contents .welfare-wrap dl {
    float: none;
    width: 100%;
    margin: 0 0 20px;
    line-height: 1.6;
  }

  .welfare .wrap .inner .contents .welfare-wrap dl dt {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0 0 8px;
    margin: 0 0 8px;
    border-bottom: 1px solid #ddd;
  }

  .welfare .wrap .inner .contents .welfare-wrap dl dd {
    text-indent: -1em;
    margin: 0 0 0 1em;
    line-height: 1.6;
  }
}







/*20221919追記　新卒TOP修正*/
img {
  max-width: 100%;
}

body .sidebar ul.playscape-link_area li a {
  background: none;
  display: block;
  padding: 0;
  margin: 0;
}

body .sidebar ul.banner li a {
  background: none;
  display: block;
  padding: 0;
  margin: 0;
}

.recruit .sec {
  padding: 14% 0 0;
}

/*sec-intro*/
.recruit .intro-pic-col {
  margin: 0;
}

.recruit .sec-intro .pic {
  margin: 0 0 16px;
}

.recruit .sec h2 {
  margin-bottom: 24px !important;
}

/*sec-news*/
.recruit .sec-news .inner {
  margin: 0 auto 40px;
  padding: 0 !important;
}

.recruit .entry-col {
  display: flex;
  flex-wrap: wrap;
}

.recruit .entry-col+.entry-col {
  padding-top: 20px;
}

.recruit .entry-col .date {
  line-height: 1.8;
  font-size: 14px;
  padding-top: 6px;
  padding-right: 3%;
}

.recruit .entry-col .category {
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
}

.recruit .entry-col .category a {
  text-decoration: none;
  color: #ffffff;
  padding: 0.4em 1em;
  display: inline-block;
  border-radius: 30px;
  font-size: 12px;
}

/*お知らせ*/
.recruit a.category-info {
  background: #49B330;
}

/*新卒採用*/
.recruit a.category-graduated {
  background: #00A3F0;
}

/*キャリア採用*/
.recruit a.category-career {
  background: #FB9B00;
}

.recruit .entry-col .txt {
  line-height: 1.8;
  width: 100%;
  margin-top: 16px;
}

.recruit .entry-col .txt a {
  position: relative;
  text-decoration: none;
  padding-left: 16px;
}

.recruit .entry-col .txt a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border: 5px solid transparent;
  border-left: 8px solid #67B046;
}

.recruit .news-pic-col .pic {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  border: 4px solid #005CAB;
}

.recruit .news-pic-col .pic a {
  display: block;
  text-decoration: none;
  color: #005CAB;
}

.recruit .news-pic-col .pic span {
  position: relative;
  display: block;
  background: #ffffff;
  padding: 1.2em 0.8em;
  font-weight: bold;
  text-align: center;
}

.recruit .news-pic-col .pic span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  border: 5px solid transparent;
  border-left: 8px solid #005CAB;
}

.recruit .news-pic-col .pic+.pic {
  margin-top: 24px;
}

.recruit .sec-btn {
  margin: 24px 0 0;
}

.recruit .btn {
  border: 4px solid #005CAB;
  width: 100%;
  display: block;
  border-radius: 12px;
}

.recruit .btn a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 1em;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #005CAB;
  text-align: center;
}

.recruit .btn a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  border: 5px solid transparent;
  border-left: 8px solid #005CAB;
}

.recruit .btn+.btn {
  margin-top: 16px;
}


.category-btn-sec {
  display: flex;
  justify-content: center;
  padding-bottom: 16%;
}

.category-btn-sec>li {
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
}

.category-btn-sec>li+li {
  margin-left: 3%;
}

.category-btn-sec>li a {
  text-decoration: none;
  color: #ffffff;
  padding: 0.4em 1em;
  display: inline-block;
  border-radius: 30px;
  font-size: 12px;
}

ul.link {
  text-align: center;
}

ul.link li {
  display: inline-block;
  margin: 0 15px;
}

ul.link li a {
  background-color: #005bac;
  text-align: center;
  line-height: 1;
  position: relative;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  padding: 16px 16px 16px 42px;
  letter-spacing: 1px;
  border: 0;
  min-width: 250px;
  width: 190px;
}

ul.link li a:before {
  content: "▶︎";
  padding: 0 1rem 0 0;
  font-size: 18px;
  font-size: 1.8rem;
  position: absolute;
  left: 16px;
  top: 50%;
  margin: -9px 0 0;
}

@media screen and (min-width: 768px) {

  /*sec-intro*/
  .recruit .sec {
    padding-top: 72px;
  }

  .recruit .sec h2 {
    margin-bottom: 32px !important;
  }

  .recruit .sec-intro .pic {
    margin: 0;
  }

  /*sec-news*/
  .recruit .sec-news.list h2 {
    margin-bottom: 24px !important;
  }

  .recruit .sec-news .inner {
    max-width: 680px;
    margin: 0 auto 40px;
    padding: 0;
  }

  .recruit .entry-col {
    align-items: flex-start;
    flex-wrap: nowrap;
  }

  .recruit .entry-col .date {
    line-height: 1.8;
    font-size: 16px;
    padding-top: 0;
    width: 16%;
    padding-right: 0;
  }

  .recruit .entry-col .category {
    width: 18%;
  }

  .recruit .entry-col .category a {
    font-size: 14px;
    min-width: 100px;
  }

  .recruit .entry-col .txt {
    line-height: 1.8;
    margin-top: 0;
    width: 66%;
    padding-left: 3%;
  }

  .recruit .news-pic-col {
    display: flex;
    margin: 0 -10px;
  }

  .recruit .news-pic-col .pic {
    position: relative;
    margin: 0 10px;
    width: 50%;
  }

  .recruit .news-pic-col .pic span {
    padding: 1.4em 0.8em;
    font-size: 20px;
    transition: 0.1s;
  }

  .recruit .news-pic-col .pic a:hover span::before {
    border-left: 8px solid #ffffff;
  }

  .recruit .news-pic-col .pic img {
    transition: 0.1s;
  }

  .recruit .news-pic-col .pic a:hover {
    opacity: 1;
  }

  .recruit .news-pic-col .pic a:hover span {
    background: #005CAB;
    color: #ffffff;
  }

  .recruit .news-pic-col .pic a:hover img {
    opacity: 0.6;
  }

  .recruit .news-pic-col .pic+.pic {
    margin-top: 0;
  }

  .recruit .sec-btn {
    display: flex;
    justify-content: center;
    width: calc(100% + 18px);
    margin: 24px -9px 0;
    overflow: hidden;
  }

  .recruit .btn {
    border: 4px solid #005CAB;
    //width: 100%;
    width: calc(100% / 3);
    display: block;
    border-radius: 12px;
    margin: 0 9px;
  }

  .recruit .btn a:hover {
    background: #005CAB;
    color: #ffffff;
    opacity: 1;
  }

  .recruit .btn a:hover::before {
    border-left: 8px solid #ffffff;
  }


  .recruit .btn+.btn {
    margin-top: 0;
  }

  .category-btn-sec>li {
    width: 18%;
  }

  .category-btn-sec>li a {
    font-size: 14px;
    min-width: 100px;
  }

}



@media screen and (max-width: 768px) {
  ul.link li {
    margin: 0;
  }

  ul.link li a {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 8px 30px 8px 50px;
    line-height: 24px;
    width: 100%;
    letter-spacing: -0.01em;
  }

  ul.link li a:before {
    margin: -12px 0 0;
  }
}


/*single*/
.single h2 {
  text-align: left !important;
}

.single .category-btn {
  font-weight: bold;
  white-space: nowrap;
  margin-bottom: 16px;
}

.single .category-btn a {
  text-decoration: none;
  color: #ffffff;
  padding: 0.4em 1em;
  display: inline-block;
  border-radius: 30px;
  font-size: 12px;
  text-align: center;
}

.single ul.link {
  margin-top: 32px;
}

@media screen and (min-width: 768px) {
  .single .category-btn {
    width: 18%;
    margin-bottom: 24px;
  }

  .single .category-btn a {
    font-size: 14px;
    min-width: 100px;
  }

  .single ul.link {
    margin-top: 48px;
    text-align: right;
  }
}

/*slick*/
.slick-dots li button:before {
  border: 1px solid #005CAB;
  color: transparent !important;
  opacity: 1 !important;
  border-radius: 50%;
  width: 12px !important;
  height: 12px !important;
  line-height: 12px !important;
  box-sizing: border-box !important;
}

.slick-dots li.slick-active button:before {
  color: transparent;
  background: #005CAB;
  opacity: 1;
}

.single-recruit-news .recruit,
.tax-recruit-news_cat .recruit {
  background-image: none;
}

/*sec-kv*/
.sec-kv {
  position: relative;
  color: #ffffff;
  overflow: hidden;
  margin: 0 0 24px;
}

.sec-kv h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100%;
  /*z-index: 100;*/
  z-index: 10;
  margin-top: -4% !important;
}

.sec h3 {
  color: #005CAB;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  padding-bottom: 24px;
}

.sec-kv img {
  border-radius: 12px;
}

/*sec-about-playleader*/
.sec-about-playleader h2 {
  margin-bottom: 24px !important;
}

.sec-about-playleader p {
  line-height: 1.8;
}

/*box-wrapper*/
.box-wrapper {
  border-radius: 16px;
  overflow: hidden;
  ;
}

.box {
  background: #F8F4DD;
  padding: 0 0 8%;
}

.box+.box {
  margin-top: 16px;
}

.box {
  border-radius: 16px;
}

.box .ttl {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 6% 6% 4%;
}

.box .txt {
  font-size: 14px;
  margin: 0 6%;
  line-height: 1.6;
}

.box-foot .txt {
  padding-top: 4%;
  margin-top: 4%;
  border-top: 1px solid #005CAB;
}


/*sec-col2*/
.sec-col2+.sec-col2 {
  margin-top: 24px;
}

.col2 .pic {}

.col2 .txt {
  padding-top: 16px;
}

.col2+.col2 {
  padding-top: 24px;
}

/*col-leader*/
.col-leader {}

/*intro-playleader*/
.intro-playleader {
  background: #E6F3FF;
  padding: 6% 8% 10%;
  margin-top: 32px;
}

.intro-playleader h2 {
  margin-bottom: 24px !important;
}

.intro-playleader h4 {
  font-size: 18px;
  font-weight: bold;
  padding-top: 6%;
  padding-bottom: 4%;
  line-height: 1.4;
}

/*comingsoon*/
.intro-playleader.comingsoon {
  background: none;
}

.intro-playleader.comingsoon h4 {
  padding: 0;
}

.intro-playleader.comingsoon .col-leader {
  padding: 0;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
}

/*sec-entry*/
.sec-entry {
  margin-top: 32px;
}

/*sec-about-playleader*/
.sec-about-playleader h3+.txt {
  padding: 0 0 24px;
}

@media screen and (min-width: 768px) {

  .page-child .titleArea {
    height: 310px;
  }

  .page-child .titleArea p,
  .page-child .titleArea h1 {
    padding: 215px 0 0;
  }

  /*sec-kv*/
  .sec-kv {
    margin: 0;
  }

  .sec-kv img {
    border-radius: none;
  }

  .sec-kv h2 {
    margin-top: 0 !important;
  }

  .sec h3 {
    font-size: 24px;
  }

  /*lnav*/
  .lnav {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    border: 2px solid #005CAB;
    border-radius: 10px;
    margin: 32px 0 48px;
    width: 100%;
  }

  .lnav>li {
    position: relative;
    text-align: center;
    display: block;
    width: 25%;
    height: 100%;
  }

  .lnav>li:nth-of-type(2):after,
  .lnav>li:nth-of-type(3):after,
  .lnav>li:nth-of-type(4):after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #005CAB;
  }

  .lnav>li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    text-decoration: none;
    color: #005CAB;
    font-weight: bold;
    height: 100%;
    font-size: 16px;
    min-height: 60px;
  }

  .lnav>li a:hover:before {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border: 6px solid transparent;
    border-top: 12px solid #005CAB;
  }

  .lnav>li a:hover {
    background: #005CAB;
    color: #ffffff;
    opacity: 1;
  }

  /*sec-about-playleader*/
  .sec-about-playleader h3+.txt {
    padding: 0 115px 56px;
  }

  /*box-wrapper*/
  .box-wrapper {
    display: flex;
    border-radius: 16px;
    overflow: hidden;
  }

  .box {
    width: calc((100% - 2px) / 3);
    display: flex;
    flex-direction: column;
    padding: 0 0 2%;
    border-radius: 0;
  }

  .box+.box {
    margin-top: 0;
    border-left: 1px solid #ffffff;
  }

  .box:nth-of-type(1) {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
  }

  .box:nth-of-type(3) {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
  }

  .box .ttl {
    margin: 6% 6% 2%;
  }

  .box-foot {
    margin-top: auto;
  }

  .box-foot .txt {
    padding-top: 4%;
    margin-top: 4%;
  }

  /*sec-col2*/
  .sec-col2+.sec-col2 {
    margin-top: 56px;
  }

  .col2 {
    display: flex;
    align-items: center;
  }

  .col2 .pic {
    width: 46%;
    padding-right: 4%;
  }

  .col2 .txt {
    width: 50%;
  }

  .col2.rev {
    flex-direction: row-reverse;
  }

  .col2.rev .pic {
    padding-right: 0;
    padding-left: 4%;
  }

  .col2+.col2 {
    padding-top: 40px;
  }

  /*col-leader*/
  .col-leader {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .col-leader .pic {
    width: 47.5%;
  }

  .col-leader .pic:nth-of-type(n+3) {
    margin-top: 5%;
  }

  /*intro-playleader*/
  .intro-playleader {
    background: #E6F3FF;
    padding: 6% 6%;
    margin-top: 64px;
  }

  .intro-playleader h2 {
    margin-bottom: 24px !important;
  }

  .intro-playleader h4 {
    font-size: 24px;
    font-weight: bold;
    padding-top: 0;
    padding-bottom: 42px;
    padding-left: 20px;
  }

  /*sec-entry*/
  .sec-entry {
    margin-top: 64px;
  }

  .sec-entry th {
    background-color: #f7f4dc !important;
  }
}

@media screen and (max-width: 767px) {

  /*entry-nav*/
  .entry-nav {
    position: fixed;
    right: 0;
    bottom: 90px;
    background: #005CAB;
    width: 80px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    z-index: 100;
  }

  .entry-nav a {
    display: flex;
    justify-content: center;
    text-decoration: none;
  }

  .entry-nav a span {
    display: block;
    text-align: left;
    padding: 15% 8% 15% 12%;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.2;
  }

  /*lnav*/
  .lnav {
    position: fixed;
    bottom: 0;
    transition: 0.3s;
    z-index: 100;
    margin: 0 -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #eee;
    text-align: center;
    width: 100%;
    height: 75px;
  }

  .lnav>li {
    width: 25%;
    position: relative;
    height: 75px;
  }

  .lnav>li:not(:nth-of-type(1)) a:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 1px;
    height: 44px;
    border-left: 1px dotted #005bac;
  }

  .lnav>li a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 0 0.6em;
    height: 100%;
  }

  .lnav>li a span {
    color: #005bac;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.3;
  }

  .page-id-8013 #content--pagetop,
  .page-id-7971 #content--pagetop {
    /*ショップインストラクター採用、プレイリーダー採用*/
    display: none !important;
  }

  /*comingsoon*/
  .intro-playleader.comingsoon .col-leader {
    height: 120px;
  }

  .col-leader .pic+.pic {
    margin-top: 8%;
  }
}

@media screen and (max-width: 320px) {
  .intro-playleader h4 {
    font-size: 16px;
    padding-top: 12%;
  }

  .intro-playleader ul.link li a {
    min-width: 180px;
  }
}

/*sec-playlist*/
.sec-playlist p {
  display: flex;
  flex-wrap: wrap;
}

.sec-playlist p a {
  color: #005CAB;
}

.sec-playlist p+p {
  padding-top: 16px;
}

.sec-playlist p span:nth-of-type(1) {
  width: 100%;
}

.sec-playlist p span:nth-of-type(2) {
  width: 100%;
}

@media screen and (min-width: 768px) {

  /*sec-playlist*/
  .sec-playlist p {
    flex-wrap: nowrap;
  }

  .sec-playlist p+p {
    padding-top: 0;
  }

  .sec-playlist {
    margin: 0 15%;
  }

  .sec-playlist p {
    display: flex;
  }

  .sec-playlist p span:nth-of-type(1) {
    width: 70%;
  }

  .sec-playlist p span:nth-of-type(2) {
    width: 30%;
  }
}


/*accordion_area*/
/*.sec-about-playleader .accordion_area {
padding: 32px 0 48px;
}
.sec-about-playleader .accordion_area .content_detail {
padding: 0;
}
.sec-about-playleader .js-accordion_wrap {
display: none;
}
.sec-about-playleader .accordion_title {
border: none;
color: #ffffff;
margin: 10px 0;
padding: 10px 10px 10px 24px;
cursor: pointer;
font-size: 24px!important;
font-weight: bold;
color: #ffffff;
background: #005CAB;
margin-bottom: 16px;
}
.sec-about-playleader .js-accordion-title span {
position: relative;
display: block;
}
.sec-about-playleader .js-accordion-title span:after {
position: absolute;
content: "▼";
color: #ffffff;
font-size: 20px;
right: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
.sec-about-playleader .accordion_area {
padding: 16px 0 ;
}
.sec-about-playleader .js-accordion-title span:after {
font-size: 16px;
font-size: 1.6rem;
right: -8px;
}
}*/