@charset "UTF-8";


@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*body {
	font-family: 'Noto Sans JP', sans-serif;
}*/

object {
  pointer-events: none;
}

a:hover {
  text-decoration: none;
  opacity: 0.8;
}

a.page-nav-link:hover {
  opacity: 1.0;
}

.inline-anchor {
  display: inline;
  color: #e50012;
}

.entry-container:hover > .entry-title-front,
.menu-item-header > a:hover,
.nav-menu-mobile .sub-menu > li > a:hover,
.nav-menu-footer .sub-menu > li > a:hover,
.nav-menu-sidebar a:hover {
  opacity: 1.0;
  text-decoration: none;
  color: #e50012;
}

.nav-menu-footer > li {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
  width: auto;
}

.nav-footer a:hover {
  color: #e50012;
}

a.hero-link-search:hover,
a.hero-link-signup:hover,
a.hero-link-item:hover,
a.btn.btn-content.entry-form-link:hover {
  opacity: 1.0;
  transform: translateY(2px);
}

a.site-info-header:hover {
  opacity: 0.7;
}

@media (max-width: 991.98px) {
  input[type='submit'].btn-content-job {
    background-position: 10px center;
    padding-left: 40px;
  }
}
input[type='submit'].btn-content-job:hover {
  transform: translateY(2px);
}
.service a {text-decoration:none;}
.service-item{
  transition: .5s;
  -webkit-transition: .5s;
}
.service-item:hover {
  border: 6px solid #fa7b44;
}

.page-banner {
  margin-top: 50px;
}

.banner-frame {
  position: relative;
  width: 100%;
}

.banner-frame img {
  width: 100%;
}

img.banner-people {
  position: absolute;
  top: 7%;
  width: 95.5%;
  left: 0.3%;
}

.banner-btnwrap {
  position: absolute;
  top: 28%;
  right: 19%;
  width: 34%;
  max-width: 308px;
}

.ie-other-none {
  display: none;
}

/* 左側にグラデーションの線があるタイトル */
.title-left-pink {
  font-size: 20px;
  font-weight: normal;
  color: #ee53ad;
  padding-left: 20px;
  background-image: url("../../images/title-left-pink.svg");
}

.color-pink {
  color: #ee53ad;
}

h2.mt0 {
  margin-top: 0;
}

.fow500 {
  font-weight: 500;
}

/* ページトップ画像下テキスト */
.top-content {
  width: 100%;
  /*    max-width: 1420px;*/
  margin: auto;
  position: relative;
}

.top-content img {
  display: inline-block;
  width: 100%;
  height: 100%;
  margin: auto;
}

.page-title-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .25);
}

/*会社案内*/
.jaen-title {
  display: flex;
  justify-content: space-between;
}

main.company td strong.color-pink {
  font-size: 19px;
}

.company table {
  width: 100%;
}

main.company th {
  padding: 15px;
  border: 3px solid #ffffff;
  text-align: center;
  background-color: #feeced;
  width: 28%;
}

main.company td {
  padding: 15px;
  border: 1px solid #ffffff;
}

h2.first {
  margin-top: 35px;
  margin-bottom: 35px;
  font-family: "漢字タイポス415", Kan415Typos, serif;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: 2px;
}

.left {
  display: inline-block;
  width: 60%;
  margin-right: 18px;
}

.right {
  display: inline-block;
  width: 36%;
  vertical-align: top;
}

p.katagaki {
  font-size: 12px;
  margin-top: 10px;
}

span#co-dai {
  margin-left: 10px;
  font-size: 20px;
}

.up {
  padding-bottom: 5px;
  padding-right: 5px;
}

span.a-textd {
  text-decoration: underline;
  color: #007bff;
}

/* 左と右で色が違うアンダーライン */
.title-separate {
  padding: .1em .4em;
  margin: 40px 0 1em;
  color: #f069b7;
  position: relative;
  text-align: left;
}

.title-separate::before {
  position: absolute;
  content: '';
  display: block;
  left: 0;
  bottom: -5px;
  background-color: #fed7ee;
  width: 100%;
  height: 5px;
  transform: skewX(-30deg);
}

.title-separate::after {
  position: absolute;
  content: '';
  display: block;
  left: 0;
  bottom: -5px;
  background-color: #f069b7;
  width: 30%;
  height: 5px;
  transform: skewX(-30deg);
}

.title-separate-proviso {
  display: block;
  font-size: 0.8em;
  color: #aaa;
}
@media (min-width: 768px) {
  .title-separate-proviso {
    display: inline;
    font-size: 0.6em;
  }
}

span.graysm-title {
  color: #ddd;
  float: right;
  padding: 18px 0 0 0;
  font-size: 1.4rem;
  font-weight: 300;
  font-family: serif;
  font-weight: bold;
}

p.img-margin {
  margin-top: 40px;
}

section.next-section {
  margin-top: 50px;
}

/*アクセス*/
.ac-left {
  width: 52%;
  display: inline-block;
  margin-bottom: 10px;
}

.ac-right {
  width: 47%;
  display: inline-block;
  vertical-align: top;
}

.ac-right img {
  width: 65%;
}

a.map {
  display: block;
  width: 32%;
  background: #e50012;
  padding: 6px 35px;
  border: 1px solid #e50012;
  border-radius: 5px;
  box-shadow: 0 3px 1px #105484;
  color: #fff;
  transition: 0.2s all ease 0s;
  text-align: center;
}

a.map:hover {
  box-shadow: none;
  transform: translate3d(0, 3px, 0);
  opacity: 1.0;
}

p.moyori {
  border-top: 1px solid #eee;
  padding-top: 10px;
}

br.pc-none {
  display: none;
}

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

.kobeinner {
  width: 32%;
}

.kobeinner img {
  width: 100%;
  margin-bottom: 5px;
}

.access-content2 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 20px 0;
  align-items: center;
}

.officemap {
  width: 40%;
  min-width: 250px;
  max-width: 400px;
  height: 100%;
  margin-right: 15px;
}

.access-text {
  min-width: 400px;
  width: 58%;
}

.access-text p {
  margin-bottom: 5px;
}

.access-content3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  box-sizing: border-box;
  padding: 20px 0px;
}

.access-content3 p {
  line-height: 40px;
  margin-bottom: 0;
}

#train {
  width: 18px;
  vertical-align: sub;
  margin-top: 10px;
}

.access-content3 img {
  width: 30%;
  min-width: 215px;
  height: 100%;
  margin-right: 20px;
}

.inlineb {
  display: inline-block;
}

.btnpink {
  display: inline-block;
  color: #f069b7;
  border: solid 1px #f069b7;
  margin-top: 20px;
  padding: 10px 55px;
  text-decoration: none;
}

.btnpink:hover {
  color: #f069b7;
}

.borderb-pink {
  border-bottom: 2px solid #f069b7;
}

td a.textd-none {
  text-decoration: none;
  color: #212529;
}

/*個人情報保護方針*/
main.poricy h3 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 9px;
  margin: 20px 0px 10px;
}

ol.num {
  color: #f069b7;
  padding-left: 15px;
}

ol.num > li {
  margin-bottom: 10px;
}

ol.num > li > span {
  color: #212529;
}

p#right {
  text-align: right;
}

.more {
  text-align: center;
  margin: 30px 0px;
}

.more input[type="button"] {
  border: none;
  background: linear-gradient(#e42e88, #f97dd6);
  padding: 20px 70px;
  color: #ffffff;
  border-radius: 15px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.more input[type="button"] {
  border: none;
  background: linear-gradient(#e42e88, #f97dd6);
  padding: 20px 70px;
  color: #ffffff;
  border-radius: 15px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.more input[type="button"]:hover {
  opacity: 0.7;
}

/*登録からお仕事開始まで*/
.raisya img {
  width: 100%;
}

div#step {
  width: 19%;
  display: inline-block;
  vertical-align: top;
}

div#step img {
  height: 166px;
}

div#step p {
  margin-top: 7px;
  font-size: 13px;
  width: 88%;
}

h3.flow {
  border-bottom: 1px solid #e50012;
  margin-top: 20px;
  margin-bottom: 15px;
  padding-bottom: 6px;
  font-weight: bold;
}

.flow-con {
  margin-top: 50px;
  border: 1px solid #e50012;
  background: #FFF9F9;
  padding: 20px;
}

span#tel-dai {
  font-size: 20px;
  margin-left: 10px;
  font-weight: bold;
}

p.flow-tel {
  width: 49%;
  display: inline-block;
}

p#bottom {
  margin-bottom: 0px;
}

p#flow-title {
  border-bottom: 1px solid #e50012;
  padding-bottom: 5px;
}

.flow-con a {
  display: block;
  width: 38%;
  margin: auto;
  background: #e50012;
  padding: 6px 35px;
  border: 1px solid #e50012;
  border-radius: 5px;
  box-shadow: 0 3px 1px #105484;
  color: #fff;
  transition: 0.2s all ease 0s;
  text-align: center;
}

.flow-con a:hover {
  box-shadow: none;
  transform: translate3d(0, 3px, 0);
  opacity: 1.0;
}

main.col-lg-9.page-main.regist {
  margin-bottom: 50px;
}

main.regist h2 {
  margin: 20px 0 10px;
}

main.regist h3 {
  margin: 15px 0 10px;
}

main.regist th {
  color: #f1a403;
  background-color: #fcedcd;
  border: 3px solid #ffffff;
  text-align: center;
  width: 15%;
}

main.regist th:first-child {
  border-top: none;
}

main.regist td {
  padding: 10px;
  border-bottom: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
}

.color-orange {
  color: #f1a403;
}

.lr-anglebrackets {
  padding-left: 10px;
}

.lr-anglebrackets:before {
  content: "＜";
  position: relative;
  left: -1px;
  font-size: large;
}

.lr-anglebrackets:after {
  content: "＞";
  position: relative;
  right: -1px;
  font-size: large;
}

.square-btn {
  display: inline-block;
  border: 2px solid #f1a403;
  padding: 5px 15px;
  margin: 5px 0;
  color: #f1a403;
  font-size: 1.4rem;
}

.square-btn::after {
  content: "";
  display: inline-block;
  width: 19px;
  height: 21px;
  background-image: url(../../images/pdficon.svg);
  background-size: cover;
  vertical-align: bottom;
  margin-left: 8px;
}

.square-btn:hover {
  color: #f1a403;
  opacity: 0.7;
}

.pl0 {
  padding-left: 0;
}

td#caution li,
td#caution ul {
  list-style: none;
}

td#caution > li > ul {
  padding-left: 15px;
}

td#caution a {
  display: inline-block;
  margin-bottom: 10px;
}

td#caution a:last-child {
  margin-bottom: 0;
}

.certification-work-contents,
.certification-work-contents h4 {
  padding-left: 20px;
}

.certification-work-contents h4 {
  font-size: 1.6rem;
  padding-left: 15px;
}

.fulltime,
.daywork {
  padding-left: 20px;
}

.daywork p {
  padding-left: 15px;
  margin-bottom: 5px;
}

.certification-work-content {
  display: flex;
  flex-wrap: wrap;
}

.certification-work-content ul {
  width: 25%;
  min-width: 210px;
}

.mb10 {
  margin-bottom: 10px;
}

/*派遣の仕組み*/
p.center {
  text-align: center;
}

.shikumi {
  border: 1px solid #e50012;
  background: #FFF9F9;
  padding: 15px;
}

p.shikumi-title {
  border-bottom: 1px solid #e50012;
  padding-bottom: 5px;
}

h3.me {
  background: #fff9f9;
  padding: 10px;
  margin: 15px 0px;
  font-weight: bold;
}

/*ケイキャリアパートナーズの特長*/
p.img-title {
  text-align: center;
}

p.img-title img {
  width: 90%;
}

.po-left {
  width: 17%;
  display: inline-block;
}

.po-right {
  width: 82%;
  display: inline-block;
  vertical-align: top;
}

.po-right h3 {
  font-size: 19px;
  font-family: serif;
  font-weight: bold;
}

.point {
  border-bottom: 1px solid #ddd;
  padding-bottom: 25px;
  margin-bottom: 20px;
  margin-top: 30px;
}

.tanto {
  width: 47%;
  display: inline-block;
  margin: 0px 10px;
  margin-bottom: 20px;
  vertical-align: top;
}

.tanto-left {
  width: 24%;
  float: left;
}

.tanto-right {
  background: #fcdbd6;
  padding: 17px;
  width: 60%;
  display: inline-block;
  margin-left: 25px;
  position: relative;
  padding-bottom: 10px;
}

.tanto-right::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #fcdbd6;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.tanto-right::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -12px;
  top: 20px;
  border-right: 15px solid #fcdbd6;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

div#blue {
  background: #d6e9fc;
}

div#blue::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #d6e9fc;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

div#blue::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -12px;
  top: 20px;
  border-right: 15px solid #d6e9fc;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

p.tantomei {
  font-size: 10px;
  text-align: center;
  margin-top: 8px;
  border: 1px solid #333;
  padding: 5px 3px 3px;
}

.tanto-right p {
  font-size: 14px;
}

.tanto-right h3 {
  font-weight: bold;
}

/*福利厚生*/
.benefit h3 {
  color: #000;
  font-weight: bold;
  margin-top: 25px;
}

img.welfare-title {
  width: 100%;
}

p.first-text {
  margin: 0 0 20px;
}

.welfare-boxies {
  margin: 35px 0 50px;
  display: flex;
  justify-content: space-between;
}

.welfare-boxies a {
  text-decoration: none;
}

.welfare-box {
  position: relative;
  background: #fff;
  color: #000;
  text-align: center;
  margin: 0;
  width: 19%;
  padding: 10px 0;
}

.welfare-box1 .fas {
  color: #237AC2;
}

.welfare-box1 {
  border: 2px solid #237AC2;
  color: #237AC2;
  transition: .5s;
  -webkit-transition: .5s;
}

.welfare-box2 {
  border: 2px solid #8FD9F3;
  color: #8FD9F3;
  transition: .5s;
  -webkit-transition: .5s;
}

.welfare-box3 {
  border: 2px solid #F6B6E4;
  color: #F6B6E4;
  transition: .5s;
  -webkit-transition: .5s;
}

.welfare-box4 {
  border: 2px solid #5BAE9F;
  color: #5BAE9F;
  transition: .5s;
  -webkit-transition: .5s;
}

.welfare-box5 {
  border: 2px solid #F3B530;
  color: #F3B530;
  transition: .5s;
  -webkit-transition: .5s;
}

.welfare-box1:hover,
:checked + .welfare-box1 {
  background: #237AC2;
  color: #ffffff;
}

.welfare-box2:hover,
:checked + .welfare-box2 {
  background: #8FD9F3;
  color: #ffffff;
}

.welfare-box3:hover,
:checked + .welfare-box3 {
  background: #F6B6E4;
  color: #ffffff;
}

.welfare-box4:hover,
:checked + .welfare-box4 {
  background: #5BAE9F;
  color: #ffffff;
}

.welfare-box5:hover,
:checked + .welfare-box5 {
  background: #F3B530;
  color: #ffffff;
}

.welfare-box1:hover span i.fas,
:checked + .welfare-box1 span i.fas {
  color: #237AC2;
}

.welfare-box2:hover span i.fas,
:checked + .welfare-box2 span i.fas {
  color: #8FD9F3;
}

.welfare-box3:hover span i.fas,
:checked + .welfare-box3 span i.fas {
  color: #F6B6E4;
}

.welfare-box4:hover span i.fas,
:checked + .welfare-box4 span i.fas {
  color: #5BAE9F;
}

.welfare-box5:hover span i.fas,
:checked + .welfare-box5 span i.fas {
  color: #F3B530;
}

input[name="welfare-box"] {
  display: none;
}

input[name="welfare-box"] + label {
  cursor: pointer;
}

.welfarewrap {
  display: none;
}

#welfare-rest:checked ~ .welfare-cont #welfare-rest-cont,
#welfare-keityou:checked ~ .welfare-cont #welfare-keityou-cont,
#welfare-syakai:checked ~ .welfare-cont #welfare-syakai-cont,
#welfare-kenkou:checked ~ .welfare-cont #welfare-kenkou-cont,
#welfare-hoyoujyo:checked ~ .welfare-cont #welfare-hoyoujyo-cont {
  display: block;
}

.qawrap {
  display: none;
}

#qa-sikumi:checked ~ #qa-sikumi-cont,
#qa-kentou:checked ~ #qa-kentou-cont,
#qa-jinsen:checked ~ #qa-jinsen-cont,
#qa-roumu:checked ~ #qa-roumu-cont,
#qa-haken:checked ~ #qa-haken-cont {
  display: block;
}

.welfare-box .fas {
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
}

.welfare-box a {
  font-size: 18px;
}

.welfarewrap {
  width: 100%;
  margin-top: 40px;
}

.welfarewrap p {
  font-size: 14px;
}

.welfarewrap li {
  font-size: 14px;
}

.welfarewrap ul {
  padding-left: 18px;
}

.welfare-content {
  display: flex;
  flex-wrap: wrap;
}

.welfare-content-text h2,
.welfare-content-text h3 {
  color: #000;
  text-align: center;
}

.welfare-content-text h3 {
  border-bottom: 2px solid #000;
  margin-top: 20px;
  margin-bottom: 15px;
  padding-bottom: 6px;
}

.welfare-content-text {
  width: 33%;
  min-width: 220px;
  padding: 15px;
  box-sizing: border-box;
}

.welfare-content-text.wcol50 {
  width: 50%;
}

h3.welfare1color {
  border-color: #237AC2;
}

h3.welfare2color {
  border-color: #8FD9F3;
}

h3.welfare3color {
  border-color: #F6B6E4;
}

h3.welfare4color {
  border-color: #5BAE9F;
}

p.welfare5orange {
  color: #F3B530;
}

.welfare5 {
  width: 100%;
}

.welfare5 p {
  font-size: 14px;
}

h2.welfare5-title {
  width: 100%;
  color: #F3B530;
  border-bottom: 2px solid #F3B530;
  background-image: none;
  padding-left: 0;
  padding-bottom: 5px;
  margin: 25px 0 15px 0;
}

h3.welfare5color {
  border-color: #F3B530;
}

.welfare-content-text :last-child {
  padding-right: 0;
}

.welfare-content-text p {}

.company-box {
  position: relative;
  background: #fff;
  color: #000;
  text-align: center;
  margin: 0;
  /*width: 19%;*/
  padding: 12px 30px;
  text-decoration: none;
}

.company-box .fas {
  color: #ee53ad;
}

.company-box {
  display: inline-block;
  margin-bottom: 20px;
  border: 2px solid #ee53ad;
  color: #ee53ad;
  transition: .5s;
  -webkit-transition: .5s;
}

.company-box:hover,
.company-box.active,
:checked + .company-box {
  background: #ee53ad;
  color: #ffffff;
}

.company-box:hover span i.fas,
:checked + .company-box span i.fas {
  color: #ee53ad;
}

input[name="company-box"] {
  display: none;
}

input[name="company-box"] + label {
  cursor: pointer;
}

.company-box .fas {
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
}

.company-box a {
  font-size: 18px;
}

/*.companywrap{
  display:none;
}*/
#company-about:checked ~ .company-cont #company-about-cont,
#company-history:checked ~ .company-cont #company-history-cont,
#company-information:checked ~ .company-cont #company-information-cont {
  display: block;
}



.company-information table {
  margin-bottom: 15px;
}

.company-information td,
.company-information th {
  text-align: center;
  font-size: 14px;
}

.company-information th span {
  font-size: 11px
}

.company-information td span {
  font-size: 10px
}

main.company .company-information th {
  padding: 10px;
}

main.company .company-information td {
  border-bottom: 1px solid #feeced;
  padding: 10px;
}

.table-inform {
  font-size: 14px;
}

.w3per {
  width: 3.57142857% !important;
}

.w14per {
  width: 14.2857142% !important
}

.w16per {
  width: 16.6666666% !important
}

.w20per {
  width: 20% !important
}

.w25per {
  width: 25% !important
}

.company-imformation-siki {
  background: #f5f5f5;
  color: #ee53ad;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  text-align: center;
  padding: 20px;
  margin-bottom:30px;
}
.company-imformation-siki p{
  margin-bottom:0;
  line-height:3;
}
.fraction{
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.fraction_n,.fraction_d{
  display: block;
}
.fraction_n{
  border-bottom: 1px solid #ee53ad;
}


span.smtext {
  font-size: 11px;
}

.tyokuei-hoyoujyo {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.tyokuei-hoyoujyo1,
.tyokuei-hoyoujyo4 {
  background-color: #FCF5E5;
  padding: 25px 15px;
  font-size: 12px;
}

.tyokuei-hoyoujyo1,
.tyokuei-hoyoujyo2,
.tyokuei-hoyoujyo3,
.tyokuei-hoyoujyo4 {
  width: 50%;
}

p.hoyoujyo-name-explain {
  margin-bottom: 0;
}

p.hoyoujyo-name {
  font-size: 18px;
  font-weight: bold;
}

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

.mt20 {
  margin-top: 20px;
}

.yoko.mb0 {
  margin-bottom: 0;
}

.mb0 {
  margin-bottom: 0;
}

.mb60 {
  margin-bottom: 60px;
}

/*キャリアコンサルティング*/
.con-left {
  width: 55%;
  display: inline-block;
  vertical-align: top;
}

.con-right {
  width: 44%;
  display: inline-block;
}

span#koumoku {
  color: #fff;
  font-size: 14px;
  padding: 5px 20px;
  border-radius: 20px;
}

span#koumoku.koua {
  background: linear-gradient(45deg, #f6a0bb, #ee6ec0);
}

span#koumoku.koub {
  background: linear-gradient(45deg, #a5a6f5, #535cf6);
}

p.taisyo {
  margin: 20px 0;
}

.mr5 {
  margin-right: 5px;
}

.ml10 {
  margin-left: 10px;
}

p.taisyo:first-child {
  margin-left: 5px;
}

table.consu {
  width: 100%;
}

table.consu th {
  padding: 15px;
  border: 1px solid #ddd;
  background: #eee;
}

table.consu td {
  border: 1px solid #ddd;
  padding: 15px 12px 5px 5px;
}

.three-flow {
  width: 30%;
  display: inline-block;
  margin-bottom: 30px;
}

.form-box {
  border: 1px solid #e50012;
  background: #FFF9F9;
  padding: 20px;
}

p.form-top {
  font-weight: bold;
  margin-bottom: 0px;
}

p.form-left {
  width: 48%;
  display: inline-block;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.2;
}

span#mini {
  font-weight: normal;
  font-size: 13px;
}

p.form-right {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
}

h3.form-title {
  background: #e50012;
  margin-bottom: 0px;
  padding: 10px 20px;
  color: #fff;
}

a.form {
  display: block;
  width: 38%;
  margin: auto;
  background: #e50012;
  padding: 6px 35px;
  border: 1px solid #e50012;
  border-radius: 5px;
  box-shadow: 0 3px 1px #105484;
  color: #fff;
  transition: 0.2s all ease 0s;
  text-align: center;
}

a.form:hover {
  box-shadow: none;
  transform: translate3d(0, 3px, 0);
  opacity: 1.0;
}

.tag-box {
  display: flex;
  align-items: center;
}

.tag-box p {
  margin: 0 5px;
}

.tag {
  color: #ffffff;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 3px 23px;
  background-position-y: center;
}

.taggreen {
  background-image: url("../../images/tag-green.svg");
}

.tagblue {
  background-image: url("../../images/tag-blue.svg");
}

.tagpink {
  background-image: url("../../images/tag-pink.svg");
    margin-bottom:5px;
}

.section-explain {
  margin-bottom: 40px;
}

.section-explain-text {
  margin-top: 20px;
}

.pink-h3 {
  font-size: 17px;
  color: #ee53ad;
  text-align: right;
  clear: both;
}

/* 吹き出し */
.balloon-left {
  position: relative;
  display: inline-block;
  padding: 20px 20px;
  width: 70%;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #fdedf7;
  border-radius: 20px;
}

.balloon-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #fdedf7;
}

.balloon-right {
  position: relative;
  display: inline-block;
  padding: 20px 20px;
  width: 70%;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #fdedf7;
  border-radius: 20px;
}

.balloon-right:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #fdedf7;
}

.balloon-leftpink {
  position: relative;
  display: inline-block;
  padding: 15px 10px 30px;
  width: 65%;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #fdf9d4;
}

.balloon-leftpink:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #fdedf7;
}

.balloon-left ul {
  margin: 0;
}

.careerconsul-contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding: 0;
  margin-bottom: 30px;
}

.careerconsul-content-left,
.careerconsul-content-right {
  width: 210px;
  padding: 0;
}

.example {
  font-weight: bold;
  font-size: 16px;
}

.under-triangle {
  text-align: center;
  margin: 10px 0;
}

.pinkbg {
  background: #fdedf7;
}

p.free-consul-text {
  font-size: 1.2em;
  color: #ee53ad;
  margin-bottom: 25px;
}

a.free-consul-btn {
  font-size: 1.3empx;
  padding: 10px 15px;
  color: #ee53ad;
  border: solid 1px #ee53ad;
  border-radius: 40px;
}

h2.title-right-triangle {
  display: inline-block;
  color: #ffffff;
  /* padding: 5px 50px 10px 25px; */
  padding: 5px 50px 5px 25px;
  margin-bottom: 30px;
  background-image: url("../../images/title-right-triangle.svg");
  background-size: contain;
  /* background-position: unset; */
  background-position: 0 50%;
}

.careerconsul-flow-content {
  display: flex;
  flex-wrap: wrap;
}

.careerconsul-flow-content img {
  width: 100%;
}

ul.timeline {
  position: relative;
  width: 70%;
  padding-left: 20px;
}

.timeline > li {
  overflow: hidden;
  margin: 0;
  position: relative;
  width: 100%;
}

.timeline-content {
  position: relative;
  width: 100%;
  float: left;
  padding-left: 30px;
  margin-bottom: 5px;
}

.timeline-content > p > a {
  color: #ee53ad;
  text-decoration: underline;
}

.timeline-content:before {
  content: '';
  width: 12px;
  height: 12px;
  background: #ee53ad;
  position: absolute;
  left: 5px;
  top: 10px;
  border-radius: 100%;
}

.timeline:before {
  content: '';
  width: 2px;
  height: 125px;
  background: #ee53ad;
  position: absolute;
  left: 30px;
  top: 10px;
}

.timeline-content h3 {
  color: #ee53ad;
  margin-bottom: 3px;
  font-size: 1.9rem;
}

.bl-none {
  border-left: 0
}

.bunkatu h2,
.bunkatu h3 {
  color: #f2aa14;
  font-size: 2rem;
}

h2.wtriangle {
  position: relative;
  font-size: 2rem;
  display: inline-block;
  padding-left: 14px;
}

h2.wtriangle:before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.8px 4.5px 0 4.5px;
  border-color: #ebbb56 transparent transparent transparent;
}

h2.wtriangle:after {
  content: "";
  position: absolute;
  top: 13px;
  right: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.8px 4.5px 0 4.5px;
  border-color: #ebbb56 transparent transparent transparent;
}

.bg-orange {
  background-color: #fcf5e5;
}

.bunkatu-contents {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  text-align: center;
}

.bunkatu-content {
  border-top: 10px solid #e9429b;
  border-radius: 10px;
  padding: 25px 20px;
  margin-bottom: 14px;
}
.bunkatu-content.bg-orange {
  border-top: none;
}
.bunkatu-content1,
.bunkatu-content2 {
  width: 49%;
  min-width: 350px;
}

.bunkatu-content3 {
  width: 70%;
}

.bunkatu-content4 {
  width: 28%;
}

/*スキルアップサポート*/
.skill-left {
  width: 38%;
  display: inline-block;
}

.skill-right {
  width: 55%;
  vertical-align: top;
  display: inline-block;
  margin-left: 25px;
  padding-top: 20px;
}

a.skill {
  display: block;
  padding: 6px 40px 6px 25px;
  color: #F069B7;
  transition: 0.2s all ease 0s;
  text-align: right;
  position: relative;
  font-size: 15px;
  text-decoration: none;
}

a.skill:after {
  content: "";
  position: absolute;
  right: 15px;
  bottom: 0;
  width: 150px;
  height: 35px;
  border-right: 2px solid #F069B7;
  border-bottom: 2px solid #F069B7;
  transform: skewX(45deg);
}

a.skill:hover {
  transform: translate3d(0, 3px, 0);
  opacity: 1.0;
}

.mypage-skill-link-wrap {
  text-align: right;
}
.mypage-skill-link {
  display: inline-block;
  margin-top: 15px;
  padding: 6px 40px 6px 25px;
  color: #F069B7;
  transition: 0.2s all ease 0s;
  text-align: right;
  position: relative;
  font-size: 15px;
  text-decoration: none;
}
.mypage-skill-link:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 35px;
  border-right: 2px solid #F069B7;
  border-bottom: 2px solid #F069B7;
  transform: skewX(45deg);
  transform-origin: 100% 100%;
}
.mypage-skill-link:hover {
  color: #F069B7;
  transform: translate3d(0, 3px, 0);
  opacity: 1.0;
}

h3.form-title.skillup {
  margin-top: 50px;
}

p.form-bold {
  font-weight: bold;
  font-size: 22px;
}

span#midium {
  font-weight: normal;
  font-size: 1.6rem;
}

p.taisyo.form-taisyo {
  margin-top: 0px;
  margin-bottom: 20px;
}

/*集合研修でスキルアップ*/
div.seminar-content {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px;
}

div.seminar-content1 {
  margin-top: 30px;
}

.seminar-right {
  width: 66%;
  display: inline-block;
  margin-left: 15px;
}

.seminar-left {
  width: 31%;
  display: inline-block;
  vertical-align: top;
}

h3.title-left-number {
  font-weight: bold;
  border-bottom: 2px solid #ee53ad;
}

span.rotate {
  display: inline-block;
  transform: rotate(25deg);
  margin-left: 5px;
  font-size: 2.4rem;
  vertical-align: text-bottom;
}

span.title-lg {
  color: #e9429b;
  font-size: 3.4rem;
  vertical-align: sub;
  margin-right: 5px;
}

.seminarpb {
  padding-bottom: 5px;
}

span.blank {
  padding-left: 37px;
}

table.seminar th {
  padding: 10px 15px;
  border-right: 2px solid #ffffff;
  background: #feeced;
  text-align: center;
}

table.seminar > tbody > tr > th:first-child {
  border-left: 2px solid #feeced;
  ;
}

table.seminar > tbody > tr > th:last-child {
  border-right: 1px solid #feeced;
}

span#syo {
  font-weight: normal;
  font-size: 13px;
}

table.seminar td {
  border: 2px solid #feeced;
  padding: 10px 15px;
}

table.seminar a {}

table.seminar {
  width: 100%;
  margin-bottom: 15px;
}

h3.form-title.sem {
  margin-top: 50px;
}

table.seminar2.pc-none {
  display: none;
}

.contact-seminar {
  margin-top: 20px;
  width: 100%;
  max-width: 350px;
}

.bunkatu-contents-seminar {
  text-align: left;
}

.bunkatu-seminar h3 {
  color: #ee53ad;
  font-weight: bold;
}

p.age {
  text-align: right;
  margin-bottom: 0;
}

.bunkatu-content-seminar {
  min-width: 350px;
}

/*パソコンスキルアップ*/
p.taisyo.pcskill {
  margin-top: 0px;
  margin-bottom: 30px;
}

table.pcskill th {
  border-right: 10px solid #ffffff;
  background: #feeced;
  padding: 10px 15px;
  text-align: center;
  width: 50%;
}

table.pcskill > tbody > tr > th:last-child {
  border-right: none;
}

table.pcskill {
  width: 100%;
  margin: 20px 0 30px;
}

table.pcskill td {
  padding: 10px 15px;
}

table.pcskill a {
  text-decoration: underline;
}

table.pc-none {
  display: none;
}

.seminar-left.tsushin {
  width: 59%;
}

.seminar-right.tsushin {
  width: 38%;
}

.seminar-right.tsushin img {
  width: 100%;
}

.yoko {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
}

.title-left-number-pcskill {
  margin-top: 40px;
}

.contact-pcskill {
  margin: 20px 0;
  width: 100%;
  max-width: 350px;
}

.listnone {
  list-style: none;
  padding-left: 0;
}

.setubi-left {
  width: 20%;
  vertical-align: initial;
}

/* e-ラーニング */
.seminar-left-elarning {
  width: 71%;
}

.seminar-right-elarning {
  width: 26%;
  margin-left: 0;
}

.tate-center {
  align-items: center;
}

.seminar-right-elarning img {
  width: 100%;
}

.bg-pink-square-box {
  background-color: #ffeff6;
  padding: 10px;
}

.bg-pink-square-box img {
  vertical-align: text-top;
  margin-left: 10px;
  width: auto;
}

.half {
  width: 49%
}

.elarning-half {
  width: 47%;
}

.elarning-half img {
  width: 100%;
}

.elarning-half h3 {
  margin-top: 0;
}

/* 通信教育制度 */
.tsushin span.rotate {
  font-size: 2rem;
}

/*語学アップ*/
p.taisyo.pcskill.gogaku {
  margin-bottom: 10px;
}

h2.title-bg {
  font-size: 2.5rem;
  padding-left: 0;
  color: #ee53ad;
  margin-top: 30px;
}

table.gogaku.sp-none {
  font-size: 13px;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
}

table.gogaku.sp-none th {
  border: 1px solid #ddd;
  background: #eee;
  text-align: center;
  padding: 10px 15px;
}

table.gogaku.sp-none td {
  border: 1px solid #ddd;
  padding: 10px 10px;
}

.gogaku-merit {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.gogaku-merit-left {
  background-image: url("../../images/pink-maru.svg");
  display: inline-block;
  background-size: contain;
  width: 150px;
  height: 150px;
  background-repeat: no-repeat;
  color: white;
  margin-right: 10px;
}

.gogaku-merit-left p {
  display: inline-block;
  text-align: center;
  position: relative;
  bottom: -15px;
  right: -12px;
}

p.gogaku-merit-right {
  display: inline-block;
  width: 80%;
  color: #ee53ad;
  text-decoration: underline;
}

img.denkyu-white {
  position: relative;
  top: 11px;
  left: 61px;
  width: 22px;
}

.seminar-left7 {
  width: 63%;
}

.seminar-right3 {
  width: 35%;
  margin-left: 0;
  padding-top:35px;
}

.text-sm {
  display: inline-block;
  font-size: 1.3rem;
}

.text-sm img {
  width: 100%;
}

.eon {
  margin-bottom: 20px;
}

/* pc資格・講座受講支援制度 */
div.bunkatu-pcshikaku > h2.wtriangle {
  color: #ee53ad;
}

div.bunkatu-pcshikaku > h2.wtriangle:before,
div.bunkatu-pcshikaku > h2.wtriangle:after {
  border-color: #ee53ad transparent transparent transparent;
}

.bunkatu-pcshikaku > .bunkatu-contents > .bunkatu-content h3 {
  color: #ee53ad;
  text-align: center;
}

.bunkatu-pcshikaku > .bunkatu-contents > .bunkatu-content {
  border: 1px solid #ee53ad;
  border-radius: 15px;
}

/*人材派遣 (人材をお探しの企業様へ)*/
img.haken-triangle {
  margin-top: 30px;
}

.haken-four {
  width: 24%;
  display: inline-block;
}

.heken-left {
  display: inline-block;
  width: 15%;
}

.heken-left p {
  background: #e50012;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  padding: 21px 15px;
}

.haken-right {
  width: 80%;
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
}

.haken-right p {
  margin-bottom: 0px;
}

h3.under {
  border-bottom: 1px solid #ddd;
  font-weight: bold;
}

/* タブ */
.cp_tab {
  margin: 1em auto;
}

.cp_tab > input[type='radio'] {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

/*.cp_tab .cp_tabpanel {
  display: none;
}*/

.cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
.cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
.cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3) {
  display: block;
}

.cp_tabpanels {
  border-top:3px solid #ee53ad;
  position: relative;
}

.cp_tab > label {
  position: relative;
  display: inline-block;
  padding: 13px 30px;
  margin-bottom: 0;
  cursor: pointer;
  border: 2px solid #ee53ad;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  background: #ffffff;
  text-align: center;
  color: #ee53ad;
}
.cp_tab ul.cp_tab_a{
  margin:0;
  padding:0;
}
.cp_tab .cp_tab_a li{
  list-style: none;
  display: inline-block;
}
.cp_tab .cp_tab_a a{
  position: relative;
  display: inline-block;
  padding: 13px 30px;
  margin-bottom: 0;
  cursor: pointer;
  border: 2px solid #ee53ad;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  background: #ffffff;
  text-align: center;
  color: #ee53ad;
  text-decoration:none;
  transition: .5s;
    -webkit-transition: .5s;
}
.cp_tab .cp_tab_a a:hover,.cp_tab a.active{
  background: #ee53ad;
  color: #fff;
  opacity:100%;
}

.cp_tab > label:hover,
.cp_tab > input:focus + label {
  opacity: 0.7;
}

.cp_tab > input:checked + label {
  margin-bottom: 0px;
  border-color: #ee53ad;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  background: #ee53ad;
  color: #ffffff;
}

.cp_tab .cp_tabpanel {
  padding: 0.5em 0;
}

#tab1,
#tab2,
#tab3 {
}

#tab2:before,
#tab2:after {
  content: "";
  border-top: 3px solid #ee53ad;
  position: absolute;
  bottom: -3px;
  width: 5px;
}

#tab2:before {
  left: -7px;
}

#tab2:after {
  right: -7px;
}

.haken-merit {
  background-color: #fdedf7;
  padding: 15px 25px;
  border-radius: 15px;
  margin-top: 60px;
}

p.leftdenkyu-title {
  color: #ee53ad;
  border-bottom: 2px solid #ee53ad;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 5px 0 5px 20px;
  font-size: 2rem;
  font-weight: bold;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
  background-size: 10px;
}

p.leftdenkyu-title::before {
  content: url("../../images/denkyu.png");
  position: relative;
  top: 6px;
  left: -13px;
}

ol.haken-merit-list {
  padding-left: 17px;
}

ol.haken-merit-list > li > span.text-pink {
  display: inline-block;
  margin: 10px 0 5px;
  font-weight:bold;
}

.haken-merit li {
  color: #ee53ad;
  font-size: 1.9rem;
}

.haken-merit li > p {
  color: #212529;
  margin-left: -17px;
  font-size: 1.6rem;
}

/* 丸と縦線が重なっているデザインと右側のimgを囲んでいる */
.flow-content {
  display: flex;
}

.img-box {
  width: 30%;
}

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

.before-line:before {
  content: '';
  width: 2px;
  height: 300px;
  background: #ee53ad;
  position: absolute;
  left: 10px;
  bottom: 0px;
}

.before-lineend:before {
  content: '';
  width: 2px;
  height: 15px;
  background: #ee53ad;
  position: absolute;
  left: 10px;
  top: 0px;
}

.hakenbold {
  font-size: 1.8rem;
  font-weight: bold;
}

#third_tab03 > .bunkatu > .bunkatu-contents > .bunkatu-content {
  width: 32%;
}

/* safariのみに適用 */
_::-webkit-full-page-media,
_:future,
:root .cp_tab > label {
  width: 32.6%;
}

_::-webkit-full-page-media,
_:future,
:root #tab2:before {
  left: -9px;
  width: 7px;
}

_::-webkit-full-page-media,
_:future,
:root #tab2:after {
  right: -9px;
  width: 7px;
}

_::-webkit-full-page-media,
_:future,
:root .haken-merit li > p {
  margin-left: -25px;
}

_::-webkit-full-page-media,
_:future,
:root ol.haken-merit-list {
  padding-left: 35px;
}

/* end safariのみに適用 */

/* 中途採用をお考えの企業担当者様 */
.chu-to > .entry-content > .first {
  padding-left: 0;
}

.bunkatu-chu-to > .bunkatu-contents > .bunkatu-content h3 {
  text-align: center;
}

.bunkatu-contents-chu-to > .bunkatu-content p {
  text-align: left;
}

.bracket-lg {
  position: relative;
}

.bracket-lg::before,
.bracket-lg::after {
  position: absolute;
  top: 0;
  content: '';
  width: 10px;
  height: 100%;
  border-top: 2px solid #f1a403;
  border-bottom: 2px solid #f1a403;
}

.bracket-lg::before {
  left: 0;
  border-left: 2px solid #f1a403;
}

.bracket-lg::after {
  right: 0;
  border-right: 2px solid #f1a403;
}

.bracket-lg {
  padding: 25px 20px 20px;
}

.bracket-lg-text p > strong {
  color: #f1a403;
  display: inline-block;
  margin-bottom: 10px;
}

.bracket-lg-text p {
  margin-left: 40px;
  margin-bottom: 0;
}

.bracket-lg-text:before {
  content: url(../../images/denkyu-orange.png);
  display: inline-block;
  width: 25px;
  height: 35px;
  vertical-align: middle;
  position: absolute;
  top: 15px;
}

.bunkatu-contents-haken > .bunkatu-content > p {
  text-align: left;
}

/* 特徴 */
.feature-3point {
  text-align: center;
}

.feature-3point p {
  font-size: 1.3rem;
  margin-bottom: 0;
  margin-left: 10px;
  line-height: 12px;
}

h2.leftdenkyulg-title {
  color: #f069b7;
  border-bottom: 2px solid #f069b7;
  margin-top: 0;
  display: inline-block;
  padding-top: 0;
  letter-spacing: 2px;
}

h2.leftdenkyulg-title:before {
  content: '';
  display: inline-block;
  width: 21px;
  height: 39px;
  background-size: contain;
  background-image: url(../../images/denkyu.png);
  vertical-align: middle;
  margin-right: 5px;
}

h2.under-wavyline {
  border-bottom: none;
  background-image: url(../../images/wavyline.png);
  background-size: 90%;
  background-position-x: 50px;
  background-position-y: 33px;
}

.feature-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}

.feature-content-text {
  width: 80%;
}

.feature-content-imgbox {
  width: 40%;
  min-width: 360px;
}

.feature-content-imgbox img {
  width: 100%;
}

.feature-content-imgbox p {
  text-align: right;
  font-size: 1.4rem;
}

.feature-content1 > .feature-content-imgbox p {
  margin-bottom: 0;
}

.feature-content1,
.feature-content3 {
  flex-wrap: wrap-reverse;
}

/* .tagよりpaddingの両サイドが狭いため新たにクラスを作成 */
.pointtag {
  color: #ffffff;
  padding: 3px 15px;
  text-align: right;
  float: right;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: center;
}

.pointtag2 {
  color: #ffffff;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 3px 15px;
  background-position-y: center;
  text-align: right;
  float: left;
}

.feature-content2 {
  margin: 40px 0;
}

.feature-content-text2 h3 {
  text-align: left;
  font-size: 1.75rem;
}

/* 以下.feature-content3に関わるクラス */
.feature-content-imgbox-sub {
  display: flex;
  justify-content: space-between;
}

.feature-content-imgbox-subwrap {
  width: 49%;
}

.feature-content-text-link {
  display: flex;
  flex-direction: column;
}

ul.feature-content-text-link {
  padding-left: 0;
  margin-top: 20px;
}

.feature-content-text-link li {
  list-style: none;
}

.feature-content-text-link li:before {
  content: "-";
  color: #f069b7;
  margin-right: 5px;
}

.feature-content-text-link a {
  color: #f069b7;
  text-decoration: none;
  border-bottom: 1px solid #f069b7;
  padding-bottom: 1px;
  display: inline-block;
}

/* Q&A */
section.qa h2 {
  padding-left: 0;
}

.cp_actab {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto 10px;
  color: #212529;
  border: 2px solid #e29a02;
}

.cp_actab ul {
  list-style: none;
  padding-left: 16px;
}

.cp_actab input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.cp_actab label {
  font-weight: bold;
  line-height: 3;
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  cursor: pointer;
  margin: 0 0 1px 0;
  background: #ffffff;
}

.cp_actab .cp_actab-content {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.35s;
  transition: max-height 0.35s;
  color: #212529;
  background: #ffffff;
  transition: .5s;
  -webkit-transition: .5s;
}

.cp_actab .cp_actab-content p {
  margin: 1em;
}

.faq .cp_actab {
  color: #f069b7;
  border: 2px solid #f069b7;
}

.dashed:before {
  content: '';
  display: block;
  border: 1px dashed #e29a02;
  width: 99%;
  position: relative;
  top: -16px;
}

.faq .dashed:before {
  border: 1px dashed #f069b7;
}

/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
  max-height: 50em;
}

/* Icon */
.cp_actab label::after {
  line-height: 4.4;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 3em;
  height: 4.4em;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  text-align: center;
}

.cp_actab input[type=checkbox] + label::after {
  content: url('../../images/triangle-qa.svg');
}

.faq .cp_actab input[type=checkbox] + label::after {
  content: url('../../images/triangle-faq.svg');
}

.cp_actab input[type=checkbox]:checked + label::after {
  transform: rotate(-90deg);
}

.cp_actab label {
  color: #e29a02;
  transition: .5s;
  -webkit-transition: .5s;
}

.faq .cp_actab label {
  color: #f069b7;
}

.faq .cp_actab:nth-child(even) label {
  background: #fff5fb;
}

.cp_actab label:hover {
  background-color: #fff7e5;
}

.faq .cp_actab label:hover {
  background-color: #fdedf7;
}

.cp_actab label {
  color: #e29a02;
  padding: 10px 0 10px 16px;
}

.faq .cp_actab label {
  color: #f069b7;
  padding: 10px 0 10px 16px;
}

.cp_actab span {
  font-size: 2.6rem;
  margin-right: 10px;
  line-height: initial;
}

.qa-boxies {
  flex-wrap: wrap;
  margin-bottom: 65px;
}

.qa-boxies a {
  border-top: 1px solid #e29a02;
  border-bottom: 1px solid #e29a02;
  color: #e29a02;
}

.qa-boxies > .welfare-box {
  padding: 10px;
  width: auto;
  margin-bottom: 25px;
}

/* コンサルタント紹介 */

.consultant-contents {
  display: flex;
  background-color: #e8f7eb;
  padding: 30px 25px;
  border-radius: 10px;
  margin-bottom: 20px;
}

.consultant-contents img {
  height: 220px;
}

.consultant-right {
  margin-left: 20px;
}

.consultant-left {
  margin-right: 20px;
}

.furigana {
  font-size: 1.4rem;
  color: #0baa0f;
  margin-bottom: 0;
}

.consultant-name {
  font-size: 3rem;
  color: #0baa0f;
  line-height: 1.2;
  margin-bottom: 15px;
}

.consultant-word {
  font-size: 2rem;
  font-weight: bold;
}

.consultant-text {
  margin-bottom: 0;
  font-size: 15px;
}

/* 転職をお考えの皆様 */
.logo {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 20px 0;
}

.logo > .site-info-icon-header-desktop {
  top: auto;
  width: 100%;
  max-width: 420px;
}

.logo > .header-logo-company-img {
  width: 330px;
}

.kcareer-explain-bg {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 15px;
}

.kcareer-explain p {
  line-height: 1.8;
}

.tenshoku-flow-cotents > h2.title-right-triangle {
  background-size: cover;
  background-position: center;
}

/* 左側の縦線 */
.timeline-tenshoku:before {
  top: 40px;
}

/* 左側の丸 */
.timeline-tenshoku > li > .timeline-content:before {
  top: 33px;
}

.timeline-tenshoku > .before-lineend:before {
  height: 40px;
}

.step-pink {
  margin-bottom: 0;
  color: #ee53ad;
}

@media (max-width: 480px) {
  .cp_tab {
    width: 100%;
    font-size: 0.8em;
  }

  .cp_tab label {
    padding: 0.5em;
  }
}

span.text-pink {
  color: #f069b7;
  font-weight: 500;
}

/* title-left-pinkと同じ色 */
.text-title-samepink {
  color: #ee53ad;
  font-weight: bold;
}

/*人材紹介*/
h3.intro {
  background: #eee;
  padding: 13px;
  color: #e50012;
  font-weight: bold;
  margin: 15px 0px;
}

/*single ブログ*/
.meta {
  font-size: 14px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 5px 0px;
  margin-bottom: 20px;
}

.blog-content a {
  color: #005cd0;
  text-decoration: underline;
}

span#cate {
  background: #e50012;
  color: #fff;
  text-align: center;
  padding: 1px 10px;
  border-radius: 2px;
  margin-left: 10px;
  text-transform: capitalize;
}

/*アーカイブ*/
div.blog-card .entry-container:last-child {
  border-bottom: 2px solid #cfcdcc;
}

div.blog-card .entry-container:first-child {
  border-top: 2px solid #cfcdcc;
}

/*ブログ一覧*/
.entry-list-date {
  display: inline;
}
.entry-list-category {
  background: #e50012;
  color: #fff;
  text-align: center;
  padding: 1px 10px;
  border-radius: 2px;
  margin-left: 10px;
  text-transform: capitalize;
  font-size: 0.85em;
}

/*ページネーション */
.pagination {
  clear: both;
  padding: 20px 0;
  position: relative;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  width: 100%;
  margin: auto;
  display: inline-block;
}

ul.page-numbers {
  list-style: none;
  padding-inline-start: 0px;
}

ul.page-numbers li {
  display: inline-block;
}

.pagination-box {
  display: inline-block;
}

.pagination span,
.pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
  width: auto;
  color: #333;
  /* 通常の文字色 */
  background: #fff;
  /* 通常の背景色 */
  border: 1px solid #e50012;
}

.pagination a:hover {
  color: #fff;
  /* マウスホバー時の文字色 */
  background: #e50012;
  /* マウスホバー時の背景色 */
}

.pagination .current {
  padding: 10px 15px 10px 15px;
  color: #fff;
  /* 現在のページの文字色 */
  background: #e50012;
  /* 現在のページの背景色 */
  border: 1px solid #e50012;
}

/* contact */
.contact {
  position: relative;
  margin-top: 40px;
}

.woman {
  position: absolute;
  top: 4%;
  right: 11%;
  width: 21%;
}

.contact-btnwrap {
  position: absolute;
  top: 36.4%;
  left: 19.5%;
  width: 36.5%;
}

.contact-btn {
  width: 100%;
}

.contact-frame {
  width: 100%;
}

.contact-noframe {
  position: static;
  max-width: 300px;
}

@media only screen and (max-width: 413px) {
  .pagination {
    font-size: 12px;
    line-height: 12px;
  }

  .pagination span,
  .pagination a {
    padding: 8px 10px 8px 10px;
  }

  .pagination .current {
    padding: 8px 10px 8px 10px;
  }
}

/*企業担当者の方*/
a.forcom {
  display: block;
  width: 100%;
  margin: auto;
  background: #e50012;
  padding: 6px 35px;
  border: 1px solid #e50012;
  border-radius: 5px;
  box-shadow: 0 3px 1px #105484;
  color: #fff;
  transition: 0.2s all ease 0s;
  text-align: center;
}

a.forcom:hover {
  box-shadow: none;
  transform: translate3d(0, 3px, 0);
  opacity: 1.0;
}


/*フッター*/
.footer-scroll-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  z-index: 3;
  right: 10px;
  bottom: 10px;
  border: 1px solid;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.8);
}
.footer-scroll-trigger:after {
  content: " ";
  display: block;
  width: 30%;
  height: 30%;
  border-top: 4px solid;
  border-left: 4px solid;
  -webkit-transform: rotate(45deg) translate(20%, 20%);
  transform: rotate(45deg) translate(20%, 20%);
}
.footer-top-container {
  background-color: #ffeff8;
}
.footer-bottom-container {
  background-color: #fff;
  color: #e50012;
  border-top: 4px solid;
  text-align: center;
}
.footer-bottom-logo {
  display: inline-block;
  margin-top: 2em;
}
.footer-bottom-logo-img {
  width: 80%;
  max-width: 320px;
}
.footer-bottom-item {
  display: inline-block;
  margin: 1em;
  max-height: 4em;
  color: inherit;
  text-decoration: none;
}

@media (min-width: 992px) {

  .footer-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 45px;
    padding-left: 45px;
  }

  .footer-bottom-break {
    display: none;
  }

  .footer-bottom-logo {
    margin-top: 0em;
    font-size: 0;
  }

  .footer-bottom-logo-img {
    width: 100%;
  }

  .footer-bottom-nav {
    display: flex;
    align-items: center;
  }

  .footer-bottom-item {
    margin: 0.5em;
  }

}

@media (min-width: 1039px) {

  /*サイドバー*/
  .page-sidebar-member-login {
    font-size: 1.6rem;
  }

  .page-sidebar-member-title {
    font-size: 1.6rem;
    margin-bottom: 5px;
  }

  /*サブページ*/
  .page-nav {
    padding: 0px 45px;
  }

  .page-nav-item {
    border-right: 1px solid #fff;
  }

  .page-nav-item {
    padding: 4px;
  }

  .page-nav-link {
    font-size: 1.6rem;
    height: 40px;
    line-height: 40px;
  }

  .breadcrumb-text {
    font-size: 1.3rem;
  }

  .job-search-title {
    font-size: 1.8rem;
    background-position: 20px 22px;
  }

  .job-search-link {
    font-size: 1.6rem;
  }

  input[type='submit'].btn-content {
    font-size: 1.8rem;
  }

  .page-container {
    padding-top: 40px;
    padding-left: 45px;
    padding-right: 45px;
  }

  .service {
    margin-bottom: 0px;
  }

  /*ヘッダー*/
  .container-header {
    padding-right: 0px;
    padding-left: 0px;
  }

  .hero-container {
    padding-left: 45px;
    padding-right: 45px;
  }

  .hero-description {
    font-size: 1.7rem;
  }

  .hero-link-item {
    height: 90px;
    line-height: 90px;
  }

  /*トップコンテンツエリア*/
  .front-news {
    padding: 68px 45px 30px;
  }

  .entry-date {
    font-size: 1.6rem;
  }

  /*フッター*/
  .nav-footer-container {
    padding-right: 45px;
    padding-left: 45px;
  }

  .footer-copyright {
    font-size: 1.4rem;
  }

  .footer-copyright-container {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  p.footer-copyright {
    margin-bottom: 0rem;
  }

  footer.footer.content-info {
    margin-top: 60px;
  }

  .feature-content3 {
    align-items: flex-end;
  }

  #feature-content-imgboxsm {
    padding-top: 10px;
  }
}

@media (min-width: 576px) {
.feature-content-text {
  width: 49%;
}
  .menu-item-header > a {
    background-size: 17px;
  }

  .sidebar-imgcontents {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .page-sidebar-logo {
    margin-bottom: 20px;
    width: 48%;
  }

  img.page-sidebar-img {
    width: 100%;
    max-width: 450px;
  }
}

@media (max-width: 765px) {
  .page-title {
    font-size: 3rem;
    height: 43px;
    line-height: 43px;
  }

  .entry-content h2 {
    font-size: 1.8rem;
  }

  .container.front-news {
    margin-top: 0px;
  }

  main.col-lg-9.page-main {
    padding-bottom: 40px;
    border-bottom: 1px solid #ddd;
  }

  p.footer-copyright {
    margin-bottom: 0px;
  }

  /*案内*/
  main.company table {
    /* width: 100%; */
    /* table-layout: fixed; */
    /*追加する*/
  }

  /* main.company th {
    display: block;
    width: 100%;
  } */

  /* main.company td {
    display: block;
    width: 100%;
  } */

  main.company a {
    word-break: break-word;
  }

  .left {
    width: 100%;
    margin-right: 0px;
  }

  .right {
    width: 100%;
    text-align: center;
    margin-top: 15px;
  }

  p.katagaki {
    font-size: 12px;
    margin-top: 10px;
    font-family: serif;
  }

  span#co-dai {
    margin-left: 10px;
    font-size: 20px;
  }

  /*アクセス*/
  .ac-left {
    width: 100%;
    margin-bottom: 10px;
  }

  .ac-right {
    width: 100%;
    margin-bottom: 20px;
  }

  .ac-right img {
    width: 100%;
  }

  a.map {
    width: 100%;
  }

  br.pc-none {
    display: block;
  }

  .kobeinner {
    min-width: 230px;
  }

  /*登録からお仕事開始まで*/
  div#step {
    width: 100%;
  }

  main.regist th,
  main.regist td {
    display: block;
    width: 100%;
  }

  main.regist th {
    border-left: 0;
  }

  div#step img {
    width: 37%;
    height: auto;
    display: inline-block;
    margin-bottom: 15px;
  }

  div#step p {
    margin-top: 30px;
    font-size: 13px;
    width: 60%;
    display: inline-block;
    vertical-align: top;
  }

  div.step-last img {
    width: 31% !important;
    margin-right: 18px;
  }

  p.flow-tel {
    width: 100%;
  }

  .mb10 {
    margin-bottom: 10px;
  }

  /*ケイキャリアパートナーズの特長*/
  p.img-title img {
    width: 100%;
  }

  .po-right {
    margin-top: 5px;
    width: 78%;
  }

  .point {
    margin-top: 15px;
  }

  .po-right h3 {
    margin-bottom: 15px;
    font-size: 17px;
  }

  .po-right ul {
    margin-left: -15px;
  }

  .tanto {
    width: 100%;
  }

  .tanto-right {
    width: 68%;
  }

  /*福利厚生*/
  div#hoken-five {
    width: 32%;
    margin-bottom: 10px;
  }

  /*キャリアコンサルティング*/
  .con-left {
    width: 100%;
  }

  .con-right {
    width: 100%;
  }

  table.consu th {
    display: block;
  }

  table.consu td {
    display: block;
  }

  .three-flow {
    width: 49%;
  }

  h3.form-title {
    margin-top: 20px;
    padding: 10px 15px;
  }

  p.form-left {
    width: 100%;
  }

  .form-box {
    padding: 20px 13px;
  }

  p.form-right {
    width: 100%;
  }

  a.form {
    width: 100%;
  }

  .tag-box {
    display: flex;
  }

  /*スキルアップサポート*/
  .skill-left {
    width: 100%;
    display: inline-block;
  }

  .skill-left img {
    width: 100%;
    margin-bottom: 13px;
  }

  .skill-right {
    width: 100%;
    vertical-align: top;
    display: inline-block;
    margin-left: 0px;
  }

  a.skill {
    width: 100%;
  }

  /*集合研修でスキルアップ*/
  .seminar-left {
    width: 100%;
  }

  .seminar-right {
    width: 100%;
    margin-left: 0px;
  }

  .seminar-right img {
    width: 100%;
  }

  table.seminar.sp-none {
    display: none;
  }

  table.seminar2.pc-none {
    display: block;
    margin-bottom: 15px;
  }

  table.seminar2 th {
    border: 1px solid #ddd;
    display: block;
    background: #eee;
    padding: 10px 15px;
  }

  table.seminar2 td {
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px 15px;
  }

  table.seminar2 a {
    color: #005cd0;
    text-decoration: underline;
  }

  table.seminar2 tbody {
    display: table;
    width: 100%;
  }

  /*パソコンスキル*/
  table.sp-none {
    display: none;
  }

  table.pc-none {
    display: block;
  }

  table.pcskill th {
    display: block;
  }

  table.pcskill td {
    display: block;
  }

  table.pcskill tbody {
    display: table;
    width: 100%;
  }

  .seminar-left.tsushin {
    width: 100%;
    margin-bottom: 20px;
  }

  .seminar-right.tsushin {
    width: 100%;
  }

  .setubi-left {
    width: 100%;
    display: block;
  }

  .setubi-right {
    display: block;
    padding-left: 10px;
  }

  .contact-pcskill > .contact-btnwrap {
    width: 100%;
  }

  /* e-ラーニング */
  .elarning-half {
    width: 100%;
  }

  /*語学レッスン*/
  table.gogaku.pc-none th {
    border: 1px solid #ddd;
    background: #eee;
    padding: 10px;
    display: block;
  }

  table.gogaku.pc-none td {
    border: 1px solid #ddd;
    padding: 10px;
    display: block;
  }

  table.gogaku.pc-none tbody {
    width: 100%;
    display: table;
  }

  .gogaku-merit {
    display: inline-block;
  }

  .gogaku-merit-left {
    margin: 10px auto 20px;
  }

  p.gogaku-merit-right {
    width: 100%;
  }

  /* pc資格・講座受講支援制度 */
  .bunkatu-contents {
    display: inline-block;
  }

  .bunkatu-content {
    width: 100%;
  }

  /*人材派遣*/
  .haken-four {
    width: 49%;
    margin-bottom: 7px;
  }

  .haken-four img {
    width: 100%;
  }

  .heken-left {
    display: inline-block;
    width: 100%;
  }

  .heken-left p {
    text-align: left;
    padding: 10px 15px;
    margin: 20px 0px;
  }

  h3.under {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  .cp_tab > label {
    width: 32.8%;
  }

  .flow-content {
    display: block;
  }

  #third_tab03 > .bunkatu > .bunkatu-contents > .bunkatu-content {
    width: 100%;
  }

  /* コンサルタント紹介 */
  .consultant-contents {
    flex-direction: column;
  }

  .consultant-contents img {
    width: 160px;
  }

  .consultant-right {
    margin-left: 0;
  }

  /* 転職 */
  .logo {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  ul.timeline {
    width: 100%;
  }

  .logo > .header-logo-company-img {
    width: 300px;
  }

  .contact-btnwrap,
  .banner-btnwrap {
    line-height: 100%;
  }
}

/*IE11だけに適用されるCSS*/
@media all and (-ms-high-contrast:none) {

  /* header */
  .site-info-icon-header {
    width: 100%;
  }

  /* 見切れていたため100%に変更 */
  .header-logo-company {
    max-width: 260px;
  }

  /* サイズが大きすぎるため変更 */
  .header-logo-company-img {
    width: 100%;
  }

  /* サイズが大きすぎるため変更 */
  #menu-item-8 {
    min-width: 96px;
  }

  /* 画面幅狭めていくとカラム落ちするため変更 */
  #menu-item-63 {
    min-width: 140px;
  }

  /* 画面幅狭めていくとカラム落ちするため変更 */
  #menu-item-64 {
    min-width: 130px;
  }

  /* 画面幅狭めていくとカラム落ちするため変更 */
  .ie-none {
    display: none;
  }

  .ie-other-none {
    display: inline-block;
  }

  /* footer*/
  .nav-menu-footer-bottom-2 {
    width: 688px;
  }

  /* 画面幅狭めていくと横スクロールバーが表示されるため横幅を狭めた*/
  .nav-menu-footer-bottom-2 > li::after {
    right: -17px;
  }

  /* 画面幅狭めていくと横スクロールバーが表示されるため横幅を狭めた*/

  .square-btn::after {
    width: 29px;
    height: 32px;
    vertical-align: -9px;
  }

  /* ケイキャリアパートナーズの特徴 */
  .feature-content {
    justify-content: space-around;
  }

  /* 企業向けq&a */
  .cp_actab label::after {
    top: 16px;
  }

  .raisya img {
    max-width: 100%;
    height: auto;
  }

  /* 登録の仕組みと派遣の流れ */
  .ie-svg1 {
    padding-bottom: 45%;
  }

  .ie-svg2 {
    padding-bottom: 59%;
  }

  .ie-svg-box1,
  .ie-svg-box2 {
    width: 100%;
  }

  .ie-svg-box1 {
    width: 100%;
  }

  .mb10 {
    margin-bottom: 0;
  }

  /* contact */
  img.woman {
    top: 4.5%;
  }

  .contact-btnwrap {
    left: 19%;
  }

  .contact-btn {
    height: 56px;
  }

  .banner-btnwrap {
    position: absolute;
    top: 27%;
    right: 19%;
    width: 34%;
    max-width: 308px;
  }

  .banner-btn {
    width: 100%;
    height: 53px;
  }

  .banner-frameimg {
    height: 120px;
  }

  /* 集合研修・パソコンスキルアップ お申込ボタン */
  .contact-pcskill > .contact-btnwrap,
  .contact-seminar > .contact-btnwrap {
    left: 0;
  }

  /* 人材派遣 */
  .cp_tab > label {
    width: 32.5%;
  }

  #tab2::after,
  #tab2::before {
    width: 6px;
  }

  #tab2::after {
    right: -8px;
  }

  #tab2::before {
    left: -8px;
  }
}

.entry-content h3 {
  font-weight: bold;
}

.mt30 {
  margin-top: 30px;
}

.mb30 {
  margin-bottom: 30px;
}

.mt60 {
  margin-top: 60px;
}

.mb60 {
  margin-bottom: 60px;
}

.balloon-left h3,
.balloon-right h3 {
  margin: 0 0 .5em .5em;
  font-family: "漢字タイポス415", Kan415Typos, serif;
  font-size: 20px;
}

.welfare5-title {
  font-family: "漢字タイポス415", Kan415Typos, serif;
  font-size: 20px;
}

.btn-order {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  width: 360px;
  height: 60px;
  line-height: 60px;
  margin: 10px auto 30px;
  background: linear-gradient(#f37269, #e03529);
  display: block;
  border-radius: 10px;
  transition: 0.2s all ease 0s;
  font-size: 18px;
  ;
}

.btn-order:hover {
  color: #fff;
}

@media (max-width: 480px) {
  .btn-order {
    width: 100%;
  }
}

h3.seminar {
  font-family: "漢字タイポス415", Kan415Typos, serif;
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.4;
  padding-bottom: 10px;
}

/*.seminar-content h3.seminar {
  margin-top: -20px;
}*/

/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
.ddmenucont {
  background-color: #e50012;
}

ul.ddmenu {
  margin: 0px;
  /* メニューバー外側の余白(ゼロ) */
  padding: 0;
  /* メニューバー内側の余白(左に15px) */
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li {
  /* height: 60px; */
  width: 16.666666666%;
  border-right: 1px solid #f78f96;
  /*display: inline-block;  /* ★1:横並びに配置する */
  list-style-type: none;
  /* ★2:リストの先頭記号を消す */
  position: relative;
  /* ★3:サブメニュー表示の基準位置にする */
}

ul.ddmenu li:first-child {
  border-left: 1px solid #f78f96;
}

ul.ddmenu li:last-child {
  /*border-right: 0;*/
}

ul.ddmenu a {
  background-color: #e50012;
  /* メニュー項目の背景色(濃い赤色) */
  color: #fff;
  /* メニュー項目の文字色(白色) */
  /* line-height: 60px; */
  padding: 15px 0;
  /* メニュー項目のリンクの高さ(40px) */
  text-align: center;
  /* メインメニューの文字列の配置(中央寄せ) */
  text-decoration: none;
  /* メニュー項目の装飾(下線を消す) */
  font-weight: bold;
  /* 太字にする */
  display: block;
  /* ★4:項目内全域をリンク可能にする */
  transition: .5s;
  -webkit-transition: .5s;
}

ul.ddmenu a:hover {
  background-color: #fff;
  /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
  color: #e50012;
  /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
  opacity: 1.0;
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul {
  display: none;
  /* ★1:標準では非表示にする */
  margin: 0px;
  /* ★2:サブメニュー外側の余白(ゼロ) */
  padding: 0px;
  /* ★3:サブメニュー内側の余白(ゼロ) */
  position: absolute;
  /* ★4:絶対配置にする */
  z-index: 100;
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */
/* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover ul {
  display: block;
  /* ★5:マウスポインタが載っている項目の内部にあるリストを表示する */
  width: 100%;
  opacity: 1.0;
}

/* ------------------------ */
/* ▼サブメニュー項目の装飾 */
/* ------------------------ */
ul.ddmenu ul li {
  /* ※A */
  width: 100%;
  /* サブメニュー1項目の横幅(135px) */
  border-top: 1px solid #f78f96;
  /* 項目上側の枠線(ピンク色で1pxの実線) */
  /* height: 40px; */
}

ul.ddmenu ul li:first-child {}

ul.ddmenu ul li a {
  /* ※B */
  font-size: 1.4rem;
  /* line-height: 40px; */
  line-height: 1.5;
  /* サブメニュー1項目の高さ(35px) */
  text-align: left;
  /* 文字列の配置(左寄せ) */
  padding-left: 10px;
  /* 文字列前方の余白(5px) */
  font-weight: normal;
  /* 太字にはしない */
}

ul.ddmenu ul li a:hover {
  /* ※C */
  background-color: #fff;
  /* サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
  color: #e50012;
  /* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */
  opacity: 1.0;
}

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

  .ddmenucont,
  .ddmenu {
    display: none;
  }
}

.searchbox {
  width: 45%;
  margin: 20px 10px;
  background: rgba(255, 255, 255, .5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
  border: 1px solid #ebebeb;
}

.searchbox h2 {
  background: #e50012;
  color: #fff;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  padding-left: 45px;
  position: relative;
}

.searchbox h2::before {
  content: "";
  position: absolute;
  background: #fff;
  height: 30px;
  width: 7px;
  top: 10px;
  left: 25px;
  -webkit-transform: skewX(-20deg);
  -o-transform: skewX(-20deg);
  transform: skewX(-20deg);
}

.searchbox fieldset {
  padding: 15px 25px 30px;
}

.searchbox label {
  font-size: 18px;
}

.searchbox select {
  height: 50px;
  line-height: 50px;
  width: 100%;
  border: 1px solid #b7b6b6;
  border-radius: 6px;
  font-size: 18px;
  margin-bottom: 10px;
}
.lanboxcont{
  display: -webkit-flex;
  display: flex;
  flex-wrap:wrap;
}
.lanbox{
  width:31.8%;
  border:1px solid #ebebeb;
  border-radius:8px;
  overflow:hidden;
  margin:0 2% 2% 0
}
.lanbox:nth-child(3){
  margin-right:0;
}
.lanbox h3{
  text-align: center;
  color: #ee53ad;
  line-height:1.4;
  margin-bottom:.8em;
}
.lanbox h3 span{
  font-size:13px;
}
.lanbox img{
  margin-bottom:20px;
}
.lanbox dl,.lanbox p{
  padding:0 20px 5px;
}
.lanbox dl dt,.lanbox p{
  font-size:14px;
}
.lanbox dl dd{
  margin-bottom:.8em;
  font-size:15px;
}


/* ----------------------------------
  キャリア相談窓口　レスポンシブ対応
---------------------------------- */
@media (max-width: 767px) {
  .careerconsul-content-left,
  .careerconsul-content-right {
    flex-basis: 100%;
    margin-bottom: 30px;
    padding: 0 20%;
  }
  .balloon-left,
  .balloon-right {
    flex-basis: 100%;
  }
  .balloon-left:before {
    left: 50%;
    top: -30px;
    border-color: transparent;
    border-bottom-color: #fdedf7;
    margin-top: 0;
    margin-left: -15px;
  }
  .balloon-right:before {
    right: 50%;
    top: -30px;
    border-color: transparent;
    border-bottom-color: #fdedf7;
    margin-top: 0;
    margin-right: -15px;
  }

  .careerconsul-flow-content .img-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
  }
  .careerconsul-flow-content img {
    width: 50%;
  }
}

/* ----------------------------------
  福利厚生　レスポンシブ対応
---------------------------------- */
@media (max-width: 767px) {
  .welfare-box {
    width: 18%;
  }
  .welfare-content-text,
  .welfare-content-text.wcol50 {
    width: auto;
  }
  .tyokuei-hoyoujyo1,
  .tyokuei-hoyoujyo2,
  .tyokuei-hoyoujyo3,
  .tyokuei-hoyoujyo4 {
    width: auto;
  }
}

/* ----------------------------------
  会社概要　レスポンシブ対応
---------------------------------- */
@media (max-width: 767px) {
  .company-box {
    display: inline-block;
    padding: 12px 3px;
  }
}

/* ----------------------------------
  公開情報　レスポンシブ対応
---------------------------------- */
@media (min-width: 768px) {
  .text-wrap-md {
    white-space: normal !important;
  }
}

/* ----------------------------------
  ビジネスマナー　仕事の進め方の基本
---------------------------------- */
.seminar-ul {
  margin: 0;
  padding-left: 1em;
}

/* ----------------------------------
  求人一覧
---------------------------------- */
.job-search-input {
  display: block;
  border: 1px solid #d9d9d9;
  padding: 0 6px;
  width: 94%;
}

.job-search-checklist {
  margin-right: -5px;
  margin-left: -5px;
}

.job-search-col {
  padding-right: 5px;
  padding-left: 5px;
}

.job-search-checkbox {
  display: block;
  position: relative;
  margin-bottom: 10px;
  border: 1px solid transparent;
  border-radius: 2px;
  padding-left: 30px;
  font-size: 15px;
  cursor: pointer;
}

.job-search-checkbox:before {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  left: 5px;
  width: 15px;
  height: 15px;
  background-color: #fff;
  border: 1px solid;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.job-search-checkbox:after {
  content: " ";
  display: none;
  position: absolute;
  top: 50%;
  left: 7px;
  width: 10px;
  height: 5px;
  color: #212529;
  border-bottom: 1px solid;
  border-left: 1px solid;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(-45deg);
}

.job-search-checkbox-group1 {
  border-color: #74a443;
}

.job-search-checkbox-group1:before {
  color: #74a443;
}

.job-search-checkbox-group2 {
  border-color: #465375;
}

.job-search-checkbox-group2:before {
  color: #465375;
}

.job-search-checkbox-group3 {
  border-color: #de052d;
}

.job-search-checkbox-group3:before {
  color: #de052d;
}

.job-search-checkbox-group4 {
  border-color: #f7f864;
}

.job-search-checkbox-group4:before {
  color: #f7f864;
}

.job-search-flag {
  display: none;
}

.job-search-checkbox-group1:before {
  color: #74a443;
}

.job-search-flag:checked + .job-search-checkbox:after {
  display: block;
}

.job-search-flag:checked + .job-search-checkbox-group1 {
  background-color: #74a443;
  color: #fff;
}

.job-search-flag:checked + .job-search-checkbox-group2 {
  background-color: #465375;
  color: #fff;
}

.job-search-flag:checked + .job-search-checkbox-group3 {
  background-color: #de052d;
  color: #fff;
}

.job-search-flag:checked + .job-search-checkbox-group4 {
  background-color: #f7f864;
}

.job-search-bottom-left {
  margin-right: 20px;
	-webkit-box-flex:1;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
}

.btn-content-container-job {
	-webkit-box-flex:0;
	-ms-flex:0 0 294px;
	flex:0 0 294px;
}

input[type='text'].job-search-input-keyword {
  width: 100%;
}

input[type='submit'].btn-content-job {
  width: 100%;
}

.job-offers-heading {
  position: relative;
  margin-top: 0 !important;
  padding: 0 0.5em 0 36px !important;
}

.job-offers-heading:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 9px;
  height: 100%;
  background-color: #e50012;
  -webkit-transform: skewX(-30deg);
  transform: skewX(-30deg);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.job-offer-title {
  margin-bottom: 20px;
  position:relative;
}
.job-offers-title {
  margin-bottom: 20px;
  position:relative;
}

.job-offers-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin-bottom: 20px;
  border: 1px solid;
  padding: 10px 10px 10px 80px;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
}

.job-offers-search-icon {
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  border: 5px solid;
  width: 32px;
  height: 32px;
  color: #4b4b4b;
}

.job-offers-search-icon:after {
  content: " ";
  display: block;
  position: absolute;
  top: 100%;
  left: 100%;
  width: 16px;
  height: 0;
  border-bottom: 5px solid;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 2.5px 0;
  transform-origin: 2.5px 0;
}

.job-offers-search-condition {
  font-weight: 700;
}

.job-offers-search-change {
  appearance: none;
  cursor: pointer;
  border: none;
  outline: none;
  padding: 10px 20px;
  border-radius: 8px;
  background-color: #f49909;
  color: #fff;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.job-offers-search-change:hover {
  opacity: 0.7;
}

.job-offers-search-change:after {
  content: "+";
  margin-left: 1em;
}

.job-offers-result {
  margin-top: 20px;
  margin-bottom: 20px;
}

.job-offers-result-number {
  color: #e50012;
  font-weight: 700;
  font-size: 1.1em;
}

.job-offers-article {
  position: relative;
  margin-bottom: 40px;
  border-top: 20px solid #e50012;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
}
.job-offers-article a.jobtitle{
  color:#000;
  text-decoration: none;
}

/* .job-offers-new {
  display: inline-block;
  opacity: 0;
  width: 0;
  background-color: #f069b7;
  color: #fff;
  font-size: 0;
  text-align: center;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  position: absolute;
  top: -25px;
  background: linear-gradient(#f37dc1 0%, #f069b7 100%);
  border-radius: 4px 0 0 0;
}
.job-offers-new:before {
  position: absolute;
  content: '';
  top: 0;
  right: -6px;
  border: none;
  border-bottom: solid 6px #7e1441;
  border-right: solid 6px transparent;
}
.job-offers-new:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 35px solid #f069b7;
  border-right: 35px solid #f069b7;
  border-bottom: 8px solid transparent;
}

.job-offers-new--showed {
  opacity: 1;
  margin-right: 0.5em;
  width: 70px;
  font-size: 0.8em;
  padding: 5px 10px 3px;
}

.job-offers-pickup {
  display: inline-block;
  opacity: 0;
  width: 0;
  background-color: #00bfff;
  color: #fff;
  font-size: 0;
  text-align: center;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  position: absolute;
  top: -25px;
  background: linear-gradient(#33ccff 0%, #00bfff 100%);
  border-radius: 4px 0 0 0;
}
.job-offers-pickup:before {
  position: absolute;
  content: '';
  top: 0;
  right: -6px;
  border: none;
  border-bottom: solid 6px #2f0206;
  border-right: solid 6px transparent;
}
.job-offers-pickup:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 45px solid #00bfff;
  border-right: 45px solid #00bfff;
  border-bottom: 8px solid transparent;
}

.job-offers-pickup--showed {
  opacity: 1;
  margin-right: 0.5em;
  width: 90px;
  font-size: 0.8em;
  padding: 5px 10px 3px;
} */


.job-offers-badges {
  position: absolute;
  top: -25px;
  color: #fff;
  font-size: 0.8em;
  /* font-size: 0; */
}
.job-offers-badge {
  display: none;
  position: relative;
  margin-right: 20px;
  border-radius: 4px 0 0 0;
  padding: 5px 0 3px;
  text-align: center;
}
.job-offers-badge:before {
  content: '';
  position: absolute;
  top: 0;
  right: -6px;
  border: none;
  border-bottom: solid 6px #000;
  border-right: solid 6px transparent;
}
.job-offers-badge:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-bottom: 8px solid transparent;
}
.job-offers-new {
  width: 70px;
  background-color: #f069b7;
  background: linear-gradient(#f37dc1 0%, #f069b7 100%);
}
.job-offers-new:before {
  border-bottom-color: #7e1441;
}
.job-offers-new:after {
  border-left: 35px solid #f069b7;
  border-right: 35px solid #f069b7;
}

.job-offers-new--showed {
  display: inline-block;
}

.job-offers-pickup {
  width: 90px;
  background-color: #00bfff;
  background: linear-gradient(#33ccff 0%, #00bfff 100%);
}
.job-offers-pickup:before {
  border-bottom-color: #2f0206;
}
.job-offers-pickup:after {
  border-left: 45px solid #00bfff;
  border-right: 45px solid #00bfff;
}
.job-offers-pickup--showed {
  display: inline-block;
}

.job-offers-detail1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  margin-bottom: 20px;
}

.job-offers-detail1-label {
  display: inline-block;
  margin-bottom: 10px;
  padding: 0 10px;
  color: #e50012;
  text-align: center;
  font-size:13px;
}

.job-offers-detail1-label + .job-offers-detail1-label {
  margin-left: 10px;
}

.job-offers-detail1-number {
  white-space: nowrap;
}

.job-offers-detail2 {
  margin-bottom: 20px;
}

.job-offers-detail2-heading {
  border-bottom: 5px solid #fff;
  padding: 10px 20px;
  width: 120px;
  background-color: #fababf;
  text-align: center;
  font-weight: 500;
}

.job-offers-detail2-content {
  border-bottom: 5px solid #fff;
  padding: 10px 20px;
}

.job-offers-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.job-offers-button1 {
  position: relative;
  flex-basis: 42%;
  border: 1px solid;
  border-radius: 8px;
  padding: 10px 20px;
  color: #128ee4;
  text-decoration: none;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.job-offers-button1:hover {
  color: #128ee4;
  opacity: 0.7;
}

.job-offers-button2 {
  position: relative;
  flex-basis: 42%;
  color: #fff;
  text-decoration: none;
}

.job-offers-button2-inner {
  display: block;
  margin: 0;
  border-radius: 8px;
  padding: 10px 20px;
  background-color: #128ee4;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.job-offers-button2-inner:hover {
  color: #fff;
  opacity: 0.7;
}

.job-offers-button1:before,
.job-offers-button2-inner:before,
.job-offers-button1:after,
.job-offers-button2-inner:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
}

.job-offers-button1:before {
  width: 12px;
  height: 0;
  border-bottom: 1px solid;
}

.job-offers-button1:after {
  width: 6px;
  height: 6px;
  border-top: 1px solid;
  border-right: 1px solid;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.job-offers-button2-inner:before,
.job-offers-button2-inner:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  border-bottom: 1px solid;
  width: 12px;
  height: 0;
  cursor: pointer;
}

.job-offers-button2-inner:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.job-offers-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0;
}

.job-offers-pagination-item-wrap {
  list-style: none;
}

.job-offers-pagination-item {
  display: block;
  margin: 0 10px;
  border: 1px solid;
  width: 2em;
  height: 2em;
  color: inherit;
  text-align: center;
  text-decoration: none;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.job-offers-pagination-item:hover {
  opacity: 0.7;
}

.job-offers-pagination-item-is-active {
  background-color: #434343;
  color: #fff;
}

.job-offers-pagination-item-is-active:hover {
  opacity: 1;
}

.job-offers-pagination-item-is-way {
  border: none;
}

.job-offers-pagination-item-is-way:hover {
  opacity: 1;
}

@media (max-width: 991.98px) {
  .job-offers-article {
    font-size: 0.85em;
  }
  .job-offers-detail1 {
    display: block;
  }
  .job-offers-detail1-number {
    display: block;
    margin-top: 20px;
  }
  .job-offers-detail2-heading,
  .job-offers-detail2-content {
    padding: 10px !important;
  }
  .job-offers-buttons {
    display: block;
  }
  .job-offers-button1 {
    display: block;
    margin: 0 auto 20px;
    width: 100%;
    max-width: 22em;
    padding: 10px 50px 10px 20px;
  }
  .job-offers-button2 {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 22em;
    padding: 10px 50px 10px 20px;
  }
}

/* ----------------------------------
  求人詳細
---------------------------------- */
.job-offer-article {
  position: relative;
  margin-bottom: 40px;
  border-top: 20px solid #e50012;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
}

.job-offer-detail1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  margin-bottom: 10px;
}

.job-offer-detail1-label1 {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 5px;
  border-radius: 8px;
  padding: 0 10px;
  border: 1px solid #e50012;
  text-align: center;
}

.job-offer-features {
  margin-bottom: 10px;
  opacity: 0;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.job-offer-features--showed {
  opacity: 1;
}

.job-offer-feature {
  display: inline-block;
  margin-bottom: 10px;
  border-radius: 8px;
  margin-right: 5px;
  padding: 0 10px;
  border-width: 2px;
  border-style: solid;
  text-align: center;
}

.job-offer-feature-group1 {
  border-color: #74a443;
  /* color: #fff; */
}

.job-offer-feature-group2 {
  border-color: #465375;
  /* color: #fff; */
}

.job-offer-feature-group3 {
  border-color: #de052d;
  /* color: #fff; */
}

.job-offer-feature-group4 {
  border-color: #f7f864;
}

.job-offer-detail2 {
  margin-bottom: 20px;
}

.job-offer-detail2-heading {
  border-bottom: 5px solid #fff;
  padding: 10px 20px;
  background-color: #fababf;
  text-align: center;
  font-weight: 500;
}

.job-offer-detail2-content {
  border-bottom: 5px solid #fff;
  padding: 10px 20px;
}

.job-offer-buttons {
  position: relative;
  text-align: center;
}

.job-offer-button:hover {
  color: #128ee4;
  opacity: 0.7;
}

.job-offer-button {
  position: relative;
  flex-basis: 42%;
  border-radius: 8px;
  padding: 10px 120px 10px 20px;
  background-color: #128ee4;
  color: #fff;
  text-decoration: none;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  cursor: pointer;
}

.job-offer-button:hover {
  color: #fff;
  opacity: 0.7;
}

.job-offer-button:before,
.job-offer-button:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  border-bottom: 1px solid;
  width: 12px;
  height: 0;
}

.job-offer-button:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.job-offer-balloon {
  opacity: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  padding: 20px;
  background-color: #f5f5f5;
  border-radius: 8px;
  -webkit-transform: translate(-50%, -20px);
  transform: translate(-50%, -20px);
  white-space: nowrap;
  box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.5);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

.job-offer-balloon:before,
.job-offer-balloon:after {
  content: " ";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border: 10px solid transparent;
}

.job-offer-balloon:before {
  border-bottom: 15px solid rgba(0, 0, 0, 0.2);
  -webkit-transform: translate(-50%, -1px);
  transform: translate(-50%, -1px);
}

.job-offer-balloon:after {
  border-bottom: 15px solid #f5f5f5;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.job-offer-balloon-flag {
  display: none !important;
}

.job-offer-balloon-flag:checked + .job-offer-balloon {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.job-offer-balloon-button1,
.job-offer-balloon-button2 {
  display: block;
  position: relative;
  border-radius: 8px;
  padding: 10px 50px 10px 20px;
  color: #fff;
  text-decoration: none;
  text-align: left;
  line-height: 1.3;
}

.job-offer-balloon-button1 {
  background-color: #fb8700;
}

.job-offer-balloon-button2 {
  background-color: #128ee4;
}

.job-offer-balloon-button1 {
  margin-right: 20px;
}

.job-offer-balloon-button1:before,
.job-offer-balloon-button1:after,
.job-offer-balloon-button2:before,
.job-offer-balloon-button2:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
}

.job-offer-balloon-button1:before,
.job-offer-balloon-button2:before {
  width: 12px;
  height: 0;
  border-bottom: 1px solid;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.job-offer-balloon-button1:after,
.job-offer-balloon-button2:after {
  width: 6px;
  height: 6px;
  border-top: 1px solid;
  border-right: 1px solid;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.job-offer-balloon-subtext {
  font-size: 0.8em;
}

.job-offer-inquiry {
  padding: 0 40px;
}

.job-offer-inquiry-heading {
  display: inline-block;
  border-bottom: 1px solid;
  font-size: 22px;
}


@media (max-width: 991.98px) {
  .job-offer-article {
    font-size: 0.85em;
  }
  .job-offer-detail1 {
    display: block;
  }

  .job-offer-detail1-number {
    display: block;
    margin-top: 20px;
  }

  .job-offer-detail2-heading,
  .job-offer-detail2-content {
    padding: 10px !important;
  }

  .job-offer-buttons {
    display: block;
  }

  .job-offer-button {
    display: block;
    margin: 0 auto 20px;
    width: 100%;
    max-width: 22em;
    padding: 10px 50px 10px 20px;
  }

  .job-offer-balloon {
    display: block;
  }

  .job-offer-balloon-button1 {
    margin-right: 0;
    margin-bottom: 20px;
  }
}


/* 登録の流れページ */
.page.pre-registration-1 .container,
.page.pre-registration-2 .container,
.page.main-registration-1 .container,
.page.main-registration-2 .container {
  padding-right: 30px;
  padding-left: 30px;
}
.registration-header-link {
  display: block;
  color: inherit;
}
.registration-highlight {
  color: #e50012;
  font-weight: 700;
}
.registration-button-1-wrap {
  display: block;
  margin-bottom: 30px;
  border-radius: 4px;
  padding: 2px 2px 5px 2px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}
.registration-button-1 {
  display: block;
  margin: auto;
  border-radius: 4px;
  padding: 12px 20px;
  width: 100%;
  background-color: #e50012;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  box-shadow: 0 3px 1px #7e1441;
  text-align: center;
  text-decoration: none;
}
.registration-button-1:hover {
  color: #fff;
}

.registration-tabs {
  margin-top: 35px;
  margin-bottom: 50px;
}
.registration-tab {
  display: block;
  position: relative;
  background: #fff;
  color: #000;
  text-align: center;
  margin: 0 0 30px;
  border: 2px solid;
  padding: 10px 0;
  text-decoration: none;
  font-weight: 700;
  -webkit-transition: .5s;
  transition: .5s;
}
.registration-tab-main {
  color: #f1a403;
}
.registration-tab-pre {
  color: #64b74f;
}
.registration-tab .fas {
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
}
.registration-tab-main .fas {
  color: #f1a403;
}
.registration-tab-pre .fas {
  color: #64b74f;
}
.registration-tab-main:hover,
.registration-tab-main-active {
  background-color: #f1a403;
  color: #fff;
}
.registration-tab-pre:hover,
.registration-tab-pre-active {
  background-color: #64b74f;
  color: #fff;
}

.registration-table-wrap {
  margin-bottom: 30px;
}
.registration-main-table {
  height: 100%;
  text-align: center;
}
.registration-main-table th {
  color: #f1a403;
  background-color: #fcedcd;
  border: 3px solid #fff;
  height: 1.9em;
  vertical-align: top;
}
.registration-main-table td {
  background-color: #fcf5e5;
  border: 3px solid #fff;
  height: 1.9em;
  vertical-align: top;
}
.registration-main-table .registration-feature {
  height: auto;
}
.registration-main-table ul {
  padding-left: 2em;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left;
}

.registration-pre-table {
  height: 100%;
  text-align: center;
}
.registration-pre-table th {
  color: #64b74f;
  background-color: #e7ffb4;
  border: 3px solid #fff;
  height: 1.9em;
  vertical-align: top;
}
.registration-pre-table td {
  background-color: #f3ffe4;
  border: 3px solid #fff;
  height: 1.9em;
  vertical-align: top;
}
.registration-pre-table .registration-feature {
  height: auto;
}
.registration-pre-table ul {
  padding-left: 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left;
}

.main-registration-heading {
  margin: 20px 0 10px;
  font-weight: bold;
  padding: 5px 0;
  color: #f1a403;
}
.registration-sub-heading {
  margin-top: 20px;
  margin-bottom: 15px;
  border-bottom: 2px solid;
  padding-bottom: 6px;
  text-align: center;
  font-weight: bold;
}
.registration-sub-heading-2 {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
}
.registration-flow-item {
  position: relative;
  margin-bottom: 60px;
}
.registration-flow-item:after {
  content: " ";
  display: block;
  position: absolute;
  bottom: -50px;
  width: 100%;
  height: 40px;
  background: url(../../images/registration-flow-arrow.svg) no-repeat 50% 50%;
  background-size: contain;
}
.registration-flow-item [class^="col"] {
  padding-right: 15px;
  padding-left: 15px;
}
.registration-flow-item-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin: 0;
  border: 2px solid;
  padding: 30px 10px;
  margin-bottom: 30px;
  color: #ee53ad;
  font: 700 1.5em "漢字タイポス415", Kan415Typos, serif;
}
.registration-flow-item-heading-is-supplement {
  border-style: dashed;
  font-size: 1em;
}
.registration-flow-item-no-arrow:after {
  content: " ";
  display: none !important;
}
.registration-flow-box {
  margin-bottom: 1.5em;
  border: 2px solid #ee53ad;
  padding: 10px 25px 0px;
}
.registration-notice-list {
  list-style: none;
}
.registration-notice-list li {
  list-style: none;
}
.registration-notice-list li:before {
  content: "\203b";
}
.registration-flow-image {
  margin-bottom: 30px;
}
.registration-flow-main-link {

}
.registration-flow-sub-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  border: 2px solid #eee;
  padding: 10px 10px 10px 20px;
  height: 100%;
  background-image: url(../../images/icon-page-arrow.png);
  background-repeat: no-repeat;
  background-size: 7px;
  background-position: 10px center;
  color: #000;
  text-align: center;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: .5s;
  transition: .5s;
}
.registration-flow-sub-link:hover {
  border-color: #ee53ad;
  color: #000;
}
@media (min-width: 768px) {
  .registration-flow-item-heading {
    padding: 20px 10px;
    height: 100%;
  }
  .registration-flow-item:after {
    display: none;
  }
  .registration-flow-item-heading:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: -50px;
    width: 100%;
    height: 40px;
    background: url(../../images/registration-flow-arrow.svg) no-repeat 50% 50%;
    background-size: contain;
  }
}
@media (min-width: 992px) {
  .main-registration-heading {
    font-size: 2rem;
    margin-top: 60px;
    margin-bottom: 20px;
  }
}


/* お問い合わせページ */
.contact-terms-box {
  margin-bottom: 30px;
  border: 1px solid #ccc;
  padding: 0 30px 30px;
  height: 320px;
  overflow-y: auto;
}
.contact-terms-heading {
  margin-top: 30px;
  color: #ee53ad;
  font-weight: bold;
}
.contact-links {
  text-align: center;
}
.contact-link {
  margin: 15px;
}


/* ヘッダー */
.nav-menu-sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #fff;
}
.nav-menu-sp .menu-item-header-company > a {
  background: url(../../images/icon-company.png) no-repeat 10px 50%;
  background-size: 15px;
  padding: 15px 10px 15px 30px;
}
.nav-menu-sp .menu-item-header-map > a {
  background: url(../../images/icon-map.png) no-repeat 10px 50%;
  background-size: 15px;
  padding: 15px 10px 15px 30px;
}
.nav-menu-sp .menu-item-header-contact > a {
  background: url(../../images/icon-contact.png) no-repeat 10px 50%;
  background-size: 15px;
  padding: 15px 10px 15px 30px;
}
.staff-link-register {
  background-color: #e4126b;
  box-shadow: 0 3px 1px #7e1441;
}
.staff-link-login {
  background: #e50012;
  box-shadow: 0 3px 1px #7e1441;
}

body > div.ddmenucont > ul > li:nth-child(4) > ul > li:nth-child(1),
body > div.ddmenucont > ul > li:nth-child(4) > ul > li:nth-child(6),
#sub-menu-3 > li:nth-child(1),
#sub-menu-3 > li:nth-child(6),
#sub-menu-10 > li:nth-child(4),
#sub-menu-11 > li:nth-child(1),
#sub-menu-11 > li:nth-child(6) {
  display: none !important;
}


/**
 * マイページスタイル目次
 *
 * マイページ共通
 * マイページログイン
 * マイページトップ
 * マイページ就業規則・規定等
 * マイページ公開情報リスト
 * マイページ緊急連絡システム
 * マイページお知らせアーカイブ
 * マイページQ&A
 * マイページ賃金体系表
 *
 **/

/* マイページ共通 */
.mypage-header-horizon {
  margin: 0;
  height: 30px;
  background-color: #e50012;
}
.mypage-nav-menu-item {
  display: block;
  margin: 0;
  padding: 12px 15px;
  line-height: 1;
  text-decoration: none;
  color: inherit;
}
.mypage-unable {
  opacity: 0.3;
  background: none;
  cursor: not-allowed;
  pointer-events: none;
}
.mypage-sidebar-submenu-link {
  display: block;
  border: 1px solid #000;
  padding: 15px;
  color: #e50012;
  text-align: left;
  text-decoration: none;
  font-weight: 700;
}
.mypage-sidebar-submenu-img {
  margin-right: 15px;
  width: 2em;
}


/* マイページログイン */
.mypage-login-forgot {
  text-align: center;
  margin-top: 20px;
}

/* マイページトップ */
.entry-content h2.mypage-top-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
  align-items: center;
  margin-top: 0;
  padding-left: 0;
  font-size: 1.5em;
}
.mypage-top-heading-name {
  text-decoration: underline;
  margin-right: 1em;
}
.mypage-top-info {
  margin-bottom: 20px;
  padding: 10px 20px;
  background-color: #f8f9f3;
}
.mypage-top-info-list {
  list-style: none;
  padding: 0;
}
.mypage-top-info-item {
  list-style: none;
}
.mypage-top-info-link {
  color: inherit;
  text-decoration: none;
}
.mypage-top-info-link:hover {
  opacity: 0.7;
}
.mypage-top-info-link:visited {
  color: #c067e2;
}
.mypage-top-info-date {
  margin-right: 0.5em;
}
.mypage-top-info-unread {
  margin-right: 0.5em;
}
.mypage-top-info-category {
  margin-right: 0.5em;
  color: #e50012;
  font-weight: 700;
}
.mypage-top-info-title {
  text-decoration: underline;
}

.mypage-top-menu-link {
  display: block;
  margin-bottom: 20px;
  border-radius: 10px;
  border: 1px solid #f38890;
  padding: 20px 0;
  color: #e50012;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  box-shadow: 0 3px 0 0 #f38890;
}
.mypage-top-menu-link:hover {
  color: #e50012;
  opacity: 0.7;
}
.mypage-top-menu-image {
  display: block;
  margin: 0 auto 10px;
  height: 90px;
}

/* マイページ就業規則・規定等 */
.mypage-policy-wage-wrap {
  position: relative;
  text-align: right;
}
.mypage-policy-wage-trigger {
  display: inline-block;
  position: relative;
  border-bottom: 1px solid;
  padding-right: 30px;
  cursor: pointer;
}
.mypage-policy-wage-trigger:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0.5em;
  height: 0.5em;
  border-right: 2px solid;
  border-bottom: 2px solid;
  -webkit-transform: rotate(45deg) translate(-40%, -40%);
  transform: rotate(45deg) translate(-40%, -40%);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
#mypage-policy-wage {
  position: absolute;
  width: 1px;
  height: 1px;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.mypage-policy-wage-baloon {
  position: absolute;
  z-index: 1;
  top: 100%;
  right: 0;
  padding: 7.5px 15px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
#mypage-policy-wage:checked + .mypage-policy-wage-baloon {
  visibility: visible;
  opacity: 1;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .25);
}
.mypage-policy-wage-cell {
  padding: 7.5px 0;
}
.mypage-policy-wage-select {
  display: block;
  margin-left: 15px;
  border: 1px solid #d9d9d9;
  padding: 0 6px;
}
.mypage-policy-wage-button {
  -webkit-appearance: none;
  display: block;
  margin: 7.5px auto;
  border: none;
  border-radius: 0;
  padding: 6px;
  width: 4em;
  line-height: 1;
  background: #f069b7;
  color: #fff;
  text-align: center;
}

.mypage-related-laws-table {
  margin-bottom: 30px;
  border-top: 1px solid #cfcdcc;
  word-break: break-all;
}
.mypage-related-laws-tr {
  border-bottom: 1px solid #cfcdcc;

}
.mypage-related-laws-th {
  vertical-align: top;
  padding: 15px 0;
  white-space: nowrap;
}
.mypage-related-laws-td {
  vertical-align: top;
  padding: 15px 0 15px 15px;
}
/* @media (min-width: 576px) {
} */
@media (max-width: 767.98px) {
  .mypage-related-laws-th {
    display: block;
    padding-bottom: 0;
  }
  .mypage-related-laws-td {
    display: block;
    padding: 0 0 15px;
  }
}
/* @media (min-width: 992px) {
}
@media (min-width: 1200px) {
} */

/* ・マイページ緊急連絡システム */
.mypage-emergency-contact {
  margin-top: 30px;
  text-align: right;
}


/* ・マイページお知らせアーカイブ */
.mypage-archive-info {
  margin-bottom: 20px;
  padding: 10px 20px;
}
.mypage-archive-info-list {
  list-style: none;
  margin-bottom: 30px;
  padding: 0;
  border-top: 1px solid #ddd;
}
.mypage-archive-info-item {
  list-style: none;
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}
.mypage-archive-info-link {
  color: inherit;
  text-decoration: none;
}
.mypage-archive-info-link:hover {
  opacity: 0.7;
}
.mypage-archive-info-date {
  margin-right: 0.5em;
}
.mypage-archive-info-unread {
  margin-right: 0.5em;
}
.mypage-archive-info-category {
  margin-right: 0.5em;
  color: #e50012;
  font-weight: 700;
}
.mypage-archive-info-title {
  text-decoration: underline;
}

.mypage-archive-info-pager {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
}
.mypage-archive-info-pager-item {
  display: block;
  margin: 0 10px;
  border: 1px solid;
  width: 2em;
  height: 2em;
  color: inherit;
  text-align: center;
  text-decoration: none;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
.mypage-archive-info-pager-item--current {
  background-color: #434343;
  color: #fff;
}
.mypage-archive-info-pager-item--omit {
  border: none;
}


/* マイページQ&A */
.mypage-staff-qa-search .smp-sf-head {
  display: none !important;
}
.mypage-staff-qa-search .smp-sf-body {
  display: block;
  margin-right: -5px;
  margin-left: -5px;
  padding: 0 !important;
}
.mypage-staff-qa-search input[type="submit"] {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  margin: 40px 0 80px !important;
  padding: 5px 25px;
  appearance: none;
  color: #fff;
  box-shadow: 0 3px 1px #af6f09;
  border-radius: 4px;
  font-weight: bold;
  background-color: #f49909;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.mypage-staff-qa-search input[type="submit"]:hover {
  opacity: 0.6;
}
.mypage-staff-qa-search .smp-sf-body label {
  position: relative;
  text-align: center;
  margin: 5px;
  padding: 5px;
  border: 2px solid;
  color: #ee53ad;
  font-size: 15px;
  transition: .5s;
  -webkit-transition: .5s;
  cursor: pointer;
}
@media (max-width: 640px) {
  .mypage-staff-qa-search .smp-sf-body label {
    font-size: 14px;
  }
}

#smp-table-31050 .smp-col-1,
#smp-table-31050 .smp-col-2,
#smp-table-31050 .smp-col-3 {
  width: auto;
}
#smp-table-31050 .smp-row-data {
  display: block;
  position: relative;
  color: #f069b7;
  border: 2px solid #f069b7;
  overflow: hidden;
  width: 100%;
  margin: 0 auto 10px;
}
#smp-table-31050 .smp-row-data .smp-cell-col-1 {
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  padding: 3px 0 !important;
  font-size: 12px !important;
  line-height: 1;
  background: #f069b7;
  color: #fff !important;
}

#smp-table-31050 .smp-row-data .smp-cell-col-2 {
  display: block;
  position: relative;
  margin: 0 0 1px 0;
  padding: 10px 0 10px 16px !important;
  line-height: 3;
  background: #ffffff;
  color: #f069b7 !important;
  font-size: 100% !important;
  font-weight: bold;
  -webkit-transition: .5s;
  transition: .5s;
  cursor: pointer;
}
/* #smp-table-31050 .smp-row-data .smp-cell-col-2 {
  background-color: #fdedf7;
} */
#smp-table-31050 .smp-row-data .smp-cell-col-2:before {
  content: "Q";
  font-size: 2.6rem;
  margin-right: 10px;
  line-height: initial;
}
#smp-table-31050 .smp-row-data .smp-cell-col-2:after {
  content: url(../../images/triangle-faq.svg);
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 3em;
  height: 4.4em;
  line-height: 4.4;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  text-align: center;
}
#smp-table-31050 .smp-row-data .mypage-staff-qa-is-opened:after {
  transform: rotate(-90deg);
}

#smp-table-31050 .smp-row-data .smp-cell-col-3 {
  display: block;
  position: relative;
  overflow: hidden;
  max-height: 0;
  padding: 0 1em !important;
  -webkit-transition: max-height 0.35s;
  transition: max-height 0.35s;
  color: #212529;
  background: #ffffff;
  -webkit-transition: .5s;
  transition: .5s;
}
#smp-table-31050 .smp-row-data .smp-cell-col-3:before {
  content: '';
  display: block;
  border: 1px dashed #f069b7;
  position: absolute;
  top: 0;
  right: 1em;
  left: 1em;
}
#smp-table-31050 .smp-row-data .mypage-staff-qa-is-opened + .smp-cell-col-3 {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
  max-height: 50em;
}

#smp-table-31050 .smp-pager {
  margin-right: auto;
  margin-left: auto;
  border-spacing: 1em;
  border-collapse: separate;
}
#smp-table-31050 .smp-page {
  padding: 0;
  border: 1px solid #e50012;
  line-height: 1;
}
#smp-table-31050 .smp-page-space {
  border: none;
}
#smp-table-31050 .smp-current-page,
#smp-table-31050 .smp-page a:hover {
  text-decoration: none;
  width: auto;
  padding: 10px 15px 10px 15px;
  color: #fff;
  background: #e50012;
}
#smp-table-31050 .smp-page a {
  display: block;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
  width: auto;
  color: #333;
  background: #fff;
}



/* マイページ賃金体系表 */
#smp-table-30265 {
  width: 100%;
  white-space: nowrap;
}
#smp-table-30265 td {
  border: none;
}
#smp-table-30265 .smp-cell {
  border: 3px solid #ffffff !important;
  padding: 10px !important;
  background-color: #feeced !important;
  text-align: center;
  font-size: 14px !important;
}
#smp-table-30265 .smp-cell.smp-cell-data {
  background-color: #fff !important;
  border: none !important;
  border-bottom: 1px solid #feeced !important;
}

#smp-table-30265 .smp-cell-col-1 {
  width: 4em;
}
#smp-table-30265 .smp-cell-col-2 {
  width: 4em;
}
#smp-table-30265 .smp-cell-col-3 {
  width: 4em;
}
#smp-table-30265 .smp-cell-col-4 {
  text-align: left !important;
}
#smp-table-30265 .smp-cell-col-5 {
  width: 8em;
}
#smp-table-30265 .smp-cell-col-6 {
  border-left: 3px solid #feeced !important;
  width: 8em;
}