@charset "UTF-8";
/*本番*/
/* CSS Document */
/*----------------------------------------------------
	☆indent
----------------------------------------------------*/
.center {
  text-align: center !important;
}

.left {
  text-align: left !important;
}

.right {
  text-align: right !important;
}

.top0 {
  margin-top: 0 !important;
}

.top5 {
  margin-top: 5px !important;
}

.top10 {
  margin-top: 10px !important;
}

.top15 {
  margin-top: 15px !important;
}

.top20 {
  margin-top: 20px !important;
}

.top25 {
  margin-top: 25px !important;
}

.top30 {
  margin-top: 30px !important;
}

.top35 {
  margin-top: 35px !important;
}

.top40 {
  margin-top: 40px !important;
}

.btm0 {
  margin-bottom: 0 !important;
}

.btm5,
.btm05 {
  margin-bottom: 5px !important;
}

.btm10 {
  margin-bottom: 10px !important;
}

.btm15 {
  margin-bottom: 15px !important;
}

.btm20 {
  margin-bottom: 20px !important;
}

.btm25 {
  margin-bottom: 25px !important;
}

.btm30 {
  margin-bottom: 30px !important;
}

.btm35 {
  margin-bottom: 35px !important;
}

.btm40 {
  margin-bottom: 40px !important;
}

.btm45 {
  margin-bottom: 45px !important;
}

.btm50 {
  margin-bottom: 50px !important;
}

.btm55 {
  margin-bottom: 55px !important;
}

.btm60 {
  margin-bottom: 60px !important;
}

.btm65 {
  margin-bottom: 65px !important;
}

.btm70 {
  margin-bottom: 70px !important;
}

.btm75 {
  margin-bottom: 75px !important;
}

.btm80 {
  margin-bottom: 80px !important;
}

.btm85 {
  margin-bottom: 85px !important;
}

.btm90,
.btm95 {
  margin-bottom: 90px !important;
}

.pT0 {
  padding-top: 0 !important;
}

.pT5 {
  padding-top: 5px !important;
}

.pT10 {
  padding-top: 10px !important;
}

.pT15 {
  padding-top: 15px !important;
}

.pT20 {
  padding-top: 20px !important;
}

.pT25 {
  padding-top: 25px !important;
}

.pT30 {
  padding-top: 30px !important;
}

.pT35 {
  padding-top: 35px !important;
}

.pT40 {
  padding-top: 40px !important;
}

.pT45 {
  padding-top: 45px !important;
}

.pB0 {
  padding-bottom: 0 !important;
}

.pB5 {
  padding-bottom: 5px !important;
}

.pB10 {
  padding-bottom: 10px !important;
}

.pB15 {
  padding-bottom: 15px !important;
}

.pB20 {
  padding-bottom: 20px !important;
}

.lm5 {
  margin-left: 5px !important;
}

.lm10 {
  margin-left: 10px !important;
}

.lm15 {
  margin-left: 15px !important;
}

.lm20 {
  margin-left: 20px !important;
}

.lm50 {
  margin-left: 50px !important;
}

.lm60 {
  margin-left: 60px !important;
}

.lm70 {
  margin-left: 70px !important;
}

.rm5 {
  margin-right: 5px !important;
}

.rm10 {
  margin-right: 10px !important;
}

.rm15 {
  margin-right: 15px !important;
}

.rm20 {
  margin-right: 20px !important;
}

.vAT {
  vertical-align: top !important;
}

.vAM {
  vertical-align: middle !important;
}

.vAB {
  vertical-align: bottom !important;
}

.red {
  color: red;
}

.blue {
  color: #2a529f;
}

.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

.icon {
  margin-right: 3px;
  vertical-align: middle;
  margin-top: -1px;
}

.indent {
  text-indent: 1em;
}

.spHide {
  display: block;
}

.spDisp {
  display: none;
}

.hvBtn,
.hvBtns a {
  transition: 0.2s;
}

.hvBtn:hover,
.hvBtns a:hover {
  opacity: 0.7;
}

/*----------------------------------------------------
	☆Width
----------------------------------------------------*/
.w5 {
  width: 5% !important;
}

.w10 {
  width: 10% !important;
}

.w15 {
  width: 15% !important;
}

.w18 {
  width: 18% !important;
}

.w20 {
  width: 20% !important;
}

.w25 {
  width: 25% !important;
}

.w30 {
  width: 30% !important;
}

.w35 {
  width: 35% !important;
}

.w40 {
  width: 40% !important;
}

.w45 {
  width: 45% !important;
}

.w49 {
  width: 49% !important;
}

.w50 {
  width: 50% !important;
}

.w55 {
  width: 55% !important;
}

.w60 {
  width: 60% !important;
}

.w65 {
  width: 65% !important;
}

.w70 {
  width: 70% !important;
}

.w75 {
  width: 75% !important;
}

.w77 {
  width: 77% !important;
}

.w80 {
  width: 80% !important;
}

.w85 {
  width: 85% !important;
}

.w90 {
  width: 90% !important;
}

.w95 {
  width: 95% !important;
}

.wfull {
  width: 100% !important;
}

.w100 {
  width: 100px;
}

.w150 {
  width: 150px;
}

.w200 {
  width: 200px;
}

.w250 {
  width: 250px;
}

.w300 {
  width: 300px;
}

.w340 {
  width: 340px;
}

.w350 {
  width: 350px;
}

.w360 {
  width: 360px;
}

.w400 {
  width: 400px;
}

.w440 {
  width: 440px;
}

.w450 {
  width: 450px;
}

.w500 {
  width: 500px;
}

.w550 {
  width: 550px;
}

.w600 {
  width: 600px;
}

/*----------------------------------------------------
	☆fontsize
----------------------------------------------------*/
#contents .size10 {
  font-size: 10px !important;
  font-size: 1rem !important;
}

#contents .size11 {
  font-size: 11px !important;
  font-size: 1.1rem !important;
}

#contents .size12 {
  font-size: 12px !important;
  font-size: 1.2rem !important;
}

#contents .size13 {
  font-size: 13px !important;
  font-size: 1.3rem !important;
}

#contents .size14 {
  font-size: 14px !important;
  font-size: 1.4rem !important;
}

#contents .size15 {
  font-size: 15px !important;
  font-size: 1.5rem !important;
}

#contents .size16 {
  font-size: 16px !important;
  font-size: 1.6rem !important;
}

#contents .size17 {
  font-size: 17px !important;
  font-size: 1.7rem !important;
}

#contents .size18 {
  font-size: 18px !important;
  font-size: 1.8rem !important;
}

#contents .size19 {
  font-size: 19px !important;
  font-size: 1.9rem !important;
}

#contents .size20 {
  font-size: 20px !important;
  font-size: 2rem !important;
}

#contents .size21 {
  font-size: 21px !important;
  font-size: 2.1rem !important;
}

#contents .size22 {
  font-size: 22px !important;
  font-size: 2.2rem !important;
}

#contents .size23 {
  font-size: 23px !important;
  font-size: 2.3rem !important;
}

#contents .size24 {
  font-size: 24px !important;
  font-size: 2.4rem !important;
}

#contents section {
  clear: both;
  margin-bottom: 80px;
}

#contents section.last {
  margin-bottom: 0;
}

#contents section.wide {
  width: 100%;
  max-width: inherit;
}

/*----------------------------------------------------
	☆basecompo
----------------------------------------------------*/
.aural span,
span.aural {
  display: none;
  visibility: hidden;
}

img.icon {
  margin-right: 5px;
  vertical-align: middle;
}

#contents .facilityHd01,
#contents .Hd01,
#contents .instaHd01,
#contents .fbHd01 {
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 300;
  line-height: 1.8;
  letter-spacing: 0.2em;
  margin-bottom: 40px;
  padding-bottom: 7px;
  position: relative;
  text-align: center;
}

#contents .facilityHd01 {
  border-bottom: 2px solid #ffa23f;
}

#contents .top_philosophy {
  padding-top: 40px;
  padding-bottom: 80px;
  text-align: center;
  background-image: url(../../images/keieirinen.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  line-height: 1.5;
  font-family: "クレー";
}

@media (max-width: 750px) {
  #contents .top_philosophy {
    padding-top: 24px;
    padding-bottom: 48px;
  }
}

#contents .top_philosophy span {
  font-size: 20px;
}

@media (max-width: 750px) {
  #contents .top_philosophy span {
    font-size: 18px;
  }
}

#contents .top_philosophy h2 {
  font-size: 32px;
  margin-bottom: 16px;
}

@media (max-width: 750px) {
  #contents .top_philosophy h2 {
    font-size: 28px;
  }
}

#contents .top_philosophy p {
  font-size: 24px;
}

@media (max-width: 750px) {
  #contents .top_philosophy p {
    padding: 0 16px;
    font-size: 20px;
  }
}

#contents .top_member {
  color: #231815;
  padding-bottom: 24px;
  position: relative;
  overflow: hidden;
  font-family: "クレー";
}

@media (max-width: 450px) {
  #contents .top_member {
    padding-bottom: 0;
  }
}

#contents .top_member::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50px;
  left: -600px;
  width: 100%;
  height: 100%;
  background-image: url(../../images/member_bg_01.png);
  background-size: contain;
  background-repeat: repeat;
  background-position: top;
}

@media (max-width: 1024px) {
  #contents .top_member::before {
    left: -500px;
  }
}

@media (max-width: 750px) {
  #contents .top_member::before {
    left: -300px;
  }
}

@media (max-width: 450px) {
  #contents .top_member::before {
    top: 0;
    left: -200px;
  }
}

#contents .top_member::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -50px;
  right: -600px;
  width: 100%;
  height: 100%;
  background-image: url(../../images/member_bg_01.png);
  background-size: contain;
  background-repeat: repeat;
  background-position: top;
}

@media (max-width: 1024px) {
  #contents .top_member::after {
    right: -500px;
  }
}

@media (max-width: 750px) {
  #contents .top_member::after {
    right: -300px;
  }
}

@media (max-width: 450px) {
  #contents .top_member::after {
    top: 0;
    right: -200px;
  }
}

#contents .top_member .outer {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-bottom: 24px;
}

@media (max-width: 750px) {
  #contents .top_member .outer {
    gap: 8px;
    flex-direction: column-reverse;
  }
}

#contents .top_member .outer .inner {
  padding-top: 8px;
  padding-bottom: 16px;
  width: 50%;
  font-weight: bold;
  display: flex;
  flex-direction: column;
}

@media (max-width: 750px) {
  #contents .top_member .outer .inner {
    padding: 0;
    width: 100%;
  }
}

#contents .top_member .outer .inner .pc {
  line-height: 2;
  letter-spacing: -0.035em;
  font-size: 24px;
  flex-grow: 1;
  text-align: center;
  align-items: center;
  display: flex;
  margin: 0 auto;
}

@media (max-width: 750px) {
  #contents .top_member .outer .inner .pc {
    line-height: 1.5;
    display: none;
  }
}

#contents .top_member .outer .inner .sp {
  display: none;
}

@media (max-width: 750px) {
  #contents .top_member .outer .inner .sp {
    padding: 8px 0;
    font-size: 20px;
    display: block;
  }
}

#contents .top_member .outer .inner .unit {
  font-size: 18px;
}

@media (max-width: 750px) {
  #contents .top_member .outer .inner .unit {
    font-size: 16px;
  }
}

#contents .top_member .outer .inner .unit .title {
  line-height: 1.5;
  display: block;
}

@media (max-width: 750px) {
  #contents .top_member .outer .inner .unit .title {
    line-height: 1.2;
  }
}

#contents .top_member .outer .inner .unit .name {
  line-height: 1.5;
  display: block;
}

@media (max-width: 750px) {
  #contents .top_member .outer .inner .unit .name {
    line-height: 1.2;
  }
}

#contents .top_member .outer .image {
  width: 50%;
}

@media (max-width: 750px) {
  #contents .top_member .outer .image {
    height: 280px;
    width: 100%;
  }
}

@media (max-width: 450px) {
  #contents .top_member .outer .image {
    height: 200px;
  }
}

#contents .top_member .outer .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#contents .top_member .outer:nth-of-type(1) .inner .title {
  display: inline-block;
}

@media (max-width: 750px) {
  #contents .top_member .outer:nth-of-type(1) .inner .title {
    display: block;
  }
}

#contents .top_member .outer:nth-of-type(2n) {
  flex-flow: row-reverse;
}

@media (max-width: 750px) {
  #contents .top_member .outer:nth-of-type(2n) {
    flex-direction: column-reverse;
  }
}

#contents .top_use {
  margin: 0 auto;
  margin-bottom: 80px;
  max-width: 600px;
  font-family: "クレー";
  width: 100%;
  display: flex;
  justify-content: center;
}

#contents .top_use a {
  display: flex;
  text-decoration: none;
}

#contents .top_use a p {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 2;
  color: #fff;
  background: #f8b62d;
  width: 50%;
  font-size: 18px;
}

@media (max-width: 450px) {
  #contents .top_use a p {
    font-size: 16px;
    line-height: 1.5;
  }
}

#contents .top_use a .image {
  width: 50%;
  height: 100%;
}

#contents .top_use a .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#contents .Hd01 {
  border-bottom: 2px solid #69bd83;
}

#contents .color_change {
  border-bottom: 2px solid #fea621;
}

#contents .color_change2 {
  border-bottom: 2px solid #d98396;
}

#contents .instaHd01 {
  border-bottom: 2px solid #8cbc68;
  background-image: url(../../images/icon_insta.png);
  background-position: right center;
  background-repeat: no-repeat;
}

#contents .fbHd01 {
  border-bottom: 2px solid #8cbc68;
  background-image: url(../../images/icon_fb.png);
  background-position: right center;
  background-repeat: no-repeat;
}

#contents .facilityHd01:first-letter {
  color: #ffa23f;
}

#contents .Hd01:first-letter,
#contents .instaHd01:first-letter,
#contents .fbHd01:first-letter {
  color: #69bd83;
}

#contents .color_change:first-letter,
#contents .instaHd01:first-letter,
#contents .fbHd01:first-letter {
  color: #fea621;
}

#contents .color_change2:first-letter,
#contents .instaHd01:first-letter,
#contents .fbHd01:first-letter {
  color: #d98396;
}

#contents .cmnBtn {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.8;
  letter-spacing: 0.15em;
  text-align: center;
}

#contents .cmnBtn a {
  background-color: #ffa23f;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  min-width: 360px;
  padding: 9px 40px 8px;
  text-decoration: none;
  transition: 0.2s;
  -webkit-box-shadow: 0 5px 6px -6px #777;
  -moz-box-shadow: 0 5px 6px -6px #777;
  box-shadow: 0 5px 6px -6px #777;
}

#contents .cmnBtn.pdfBtn a:after {
  content: "\f1c1";
  color: #fff;
  display: inline-block;
  font-family: "fontawesome";
  font-weight: normal;
  margin-left: 10px;
}

#contents .cmnBtn a:hover {
  opacity: 0.8;
}

#contents .anchorLink {
  margin-top: -140px;
  padding-top: 140px;
  position: relative;
}

#contents .selection {
  margin-bottom: 90px;
}

#contents .selection ul li {
  display: inline-block;
  width: 30%;
  margin-right: 40px;
  border-radius: 5px;
}

#contents .selection ul .first {
  background-image: url(../../recruit/images/bg_top_interview.png.html);
  background-repeat: no-repeat;
  background-position: left 20px center;
}

#contents .selection ul .second {
  background-image: url(../../recruit/images/bg_top_education.png.html);
  background-repeat: no-repeat;
  background-position: right 15px bottom 15px;
}

#contents .selection ul .third {
  background-image: url(../../recruit/images/bg_top_application.png.html);
  background-repeat: no-repeat;
  background-position: right 15px bottom 15px;
}

#contents .selection ul li:nth-child(odd) {
  background-color: #a7ca8d;
}

#contents .selection ul li:nth-child(even) {
  background-color: #f3b13c;
}

#contents .selection ul li:last-child {
  margin-right: 0px;
}

#contents .selection ul li a {
  display: block;
  padding: 20px;
  line-height: 1.75;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  text-decoration: none;
}

#contents .selection ul li span {
  display: block;
  height: 92px;
}

#contents .selection ul li .upperBox {
  border-bottom: solid 2px #fff;
  padding: 20px 0px;
}

#contents .selection ul .first .upperBox {
  padding-top: 0px;
}

#contents .selection ul li .lowerBox {
  padding-top: 22px;
}

#contents .other {
  text-align: center;
  font-size: 0;
}

#contents .other .hvBtn {
  display: inline-block;
  width: 30%;
  vertical-align: top;
  margin-right: 20px;
}

#contents .other .hvBtn img {
  width: 100%;
  height: auto;
}

#contents .other .hvBtn:last-child {
  margin-right: 0px;
}

#contents .other .hvBtn02 {
  display: inline-block;
  width: 40%;
  vertical-align: top;
  margin-right: 20px;
}

#contents .other .hvBtn02 img {
  width: 100%;
  height: auto;
}

#contents .other .size20 {
  width: 30%;
  background-color: #d3cbc6;
  text-align: center;
  font-weight: 500;
  border-radius: 50px;
}

#contents .other .size20 a {
  display: block;
  padding: 25px 32px 22px;
  color: #fff;
  text-decoration: none;
}

#contents .model .careerTbl {
  overflow: hidden;
}

#contents .model .career table {
  margin-bottom: 60px;
}

#contents .model .career th {
  width: 171px;
  height: 171px;
  padding: 35px 20px;
  background-color: #ffbdb6;
  color: #fff;
  border-radius: 50%;
  vertical-align: middle;
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: -0.1rem;
  line-height: 1.75;
}

#contents .model .career .ensmall {
  background-color: transparent;
  padding: 0;
}

#contents .model .career .ensmall p {
  display: block;
  padding: 35px 10px;
  background-color: #ffbdb6;
  color: #fff;
  border-radius: 50%;
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: -0.1rem;
  line-height: 1.75;
}

#contents .model .career th span {
  font-size: 30px;
  font-size: 3rem;
}

#contents .model .career td {
  padding-left: 60px;
}

#contents .model .career td ul {
  list-style-type: disc;
}

#contents .model .career td ul li {
  list-style-position: outside;
}

#contents .selectTab {
  margin: 0px auto 5px;
}

#contents .selectTab::after {
  display: block;
  content: "";
  clear: both;
}

#contents .selectTab .tabArea {
  display: flex;
  width: 100%;
}

#contents .selectTab .tabArea li {
  display: flex;
  justify-content: center;
  align-items: center;
  /*width: 15%;*/
  width: calc(96% / 9);
  margin-right: 5px;
  line-height: 1.25;
  padding: 10px;
  background-color: #f3f3f3;
  text-align: center;
  vertical-align: middle;
  border-radius: 5px 5px 0px 0px;
  font-weight: 500;
  float: left;
  transition: 0.5s;
  cursor: pointer;
  font-size: 13px;
  font-size: 1.4rem;
}

#contents .selectTab .tabArea li:last-child {
  margin-right: 0px;
}

#contents .selectTab #tab1 {
  color: #6cb180;
}

#contents .selectTab #tab1.select {
  background-color: #6cb180;
  color: #fff;
}

#contents .selectTab .tabArea #tab1:hover {
  background-color: #6cb180;
  color: #fff;
}

#contents .selectTab #tab2 {
  color: #4f7695;
}

#contents .selectTab #tab2.select {
  background-color: #4f7695;
  color: #fff;
}

#contents .selectTab .tabArea #tab2:hover {
  background-color: #4f7695;
  color: #fff;
}

#contents .selectTab #tab3 {
  color: #a76690;
}

#contents .selectTab #tab3.select {
  background-color: #a76690;
  color: #fff;
}

#contents .selectTab .tabArea #tab3:hover {
  background-color: #a76690;
  color: #fff;
}

#contents .selectTab #tab4 {
  color: #c5d89b;
}

#contents .selectTab #tab4.select {
  background-color: #c5d89b;
  color: #fff;
}

#contents .selectTab .tabArea #tab4:hover {
  background-color: #c5d89b;
  color: #fff;
}

#contents .selectTab #tab5 {
  color: #d98396;
}

#contents .selectTab #tab5.select {
  background-color: #d98396;
  color: #fff;
}

#contents .selectTab .tabArea #tab5:hover {
  background-color: #d98396;
  color: #fff;
}

#contents .selectTab #tab6 {
  color: #ecc982;
}

#contents .selectTab #tab6.select {
  background-color: #ecc982;
  color: #fff;
}

#contents .selectTab .tabArea #tab6:hover {
  background-color: #ecc982;
  color: #fff;
}

#contents .selectTab #tab7 {
  color: #54c3f1;
}

#contents .selectTab #tab7.select {
  background-color: #54c3f1;
  color: #fff;
}

#contents .selectTab .tabArea #tab7:hover {
  background-color: #54c3f1;
  color: #fff;
}

#contents .selectTab #tab8 {
  color: #ffa14b;
}

#contents .selectTab #tab8.select {
  background-color: #ffa14b;
  color: #fff;
}

#contents .selectTab .tabArea #tab8:hover {
  background-color: #ffa14b;
  color: #fff;
}

#contents .selectTab #tab9 {
  color: #8cbc68;
}

#contents .selectTab #tab9.select {
  background-color: #8cbc68;
  color: #fff;
}

#contents .selectTab .tabArea #tab9:hover {
  background-color: #8cbc68;
  color: #fff;
}

#contents .selectTab #tab10 {
  color: #219e98;
}

#contents .selectTab #tab10.select {
  background-color: #2eb7b3;
  color: #fff;
}

#contents .selectTab .tabArea #tab10:hover {
  background-color: #2eb7b3;
  color: #fff;
}

#contents .selectTab #tab11 {
  color: #ffcc00;
}

#contents .selectTab #tab11.select {
  background-color: #ffe800;
  color: #fff;
}

#contents .selectTab .tabArea #tab11:hover {
  background-color: #ffe800;
  color: #fff;
}

#contents .hide {
  display: none;
}

#contents .tblArea table {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #8c7878;
}

#contents .tblArea table caption {
  padding: 15px 20px;
  background-color: #b1d4bb;
  color: #666;
  font-weight: 700;
  text-align: left;
  margin-bottom: 8px;
}

#contents .tblArea table th {
  width: 20%;
  margin: 0px;
  padding: 18px 20px;
  border-bottom: solid 1px #8c7878;
  text-align: left;
}

#contents .tblArea table td {
  padding: 18px 40px;
  border-bottom: solid 1px #8c7878;
}

#contents .tblArea table ul {
  list-style-type: disc;
}

#contents .tblArea section {
  margin-top: 30px;
}

#contents .tsukushien table th {
  background-color: #dfece3;
}

#contents .careportKobe table caption {
  background-color: #b9d4e0;
}

#contents .careportKobe table th {
  background-color: #e3edf4;
}

#contents .satsukien table caption {
  background-color: #f0dbe7;
}

#contents .satsukien table th {
  background-color: #ffeaf6;
}

#contents .baikouen table caption {
  background-color: #d4e5bc;
}

#contents .baikouen table th {
  background-color: #eaf7e2;
}

#contents .sakurahome table caption {
  background-color: #dda6b1;
}

#contents .sakurahome table th {
  background-color: #ffeaee;
}

#contents .tsukushigaoka table caption {
  background-color: #ecdab6;
}

#contents .tsukushigaoka table th {
  background-color: #fff9ed;
}

#contents .keihuen table caption {
  background-color: #bfdfe8;
}

#contents .keihuen table th {
  background-color: #e2f7fe;
}

#contents .hiyodori table caption {
  background-color: #ecd7b8;
}

#contents .hiyodori table th {
  background-color: #ffe5cd;
}

#contents .hojinhonbu table caption {
  background-color: #e2edba;
}

#contents .hojinhonbu table th {
  background-color: #d5e5b1;
}

#contents .kutsuroginomori table caption {
  background-color: #66cccc;
}

#contents .kutsuroginomori table th {
  background-color: #c7eae6;
}

#contents .solare table caption {
  background-color: #fff051;
}

#contents .solare table th {
  background-color: #fff598;
}

#contents .interview {
  width: 100%;
  margin-bottom: 120px;
}

#contents .interview img {
  vertical-align: bottom;
}

#contents .interview .heading {
  font-size: 50px;
  font-size: 5rem;
  font-weight: 500;
  line-height: 0.55;
  letter-spacing: 5px;
}

#contents .interview article {
  padding: 40px 20px 20px;
  display: flex;
}

#contents .interview article .boxLeft {
  min-width: 252px;
  justify-content: flex-end;
}

#contents .interview article .boxLeft figure {
  /*margin: 60px 0px 0px;*/
  text-align: center;
}

#contents .interview.int01 article .boxLeft figure {
  margin-top: 21px;
}

#contents .interview.int02 article .boxLeft figure,
#contents .interview.int03 article .boxLeft figure {
  margin-top: 44px;
}

#contents .interview article .boxLeft figure img {
  margin: auto;
}

#contents .interview article .boxLeft figcaption {
  padding: 22px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.4;
  color: #fff;
}

#contents .interview article .boxRight {
  margin-left: 35px;
  width: 100%;
}

#contents .interview article .boxRight .intTtl,
#contents .interview article .boxRight .intTtl2 {
  margin-bottom: 25px;
  font-size: 20px;
  font-size: 2rem;
  padding-bottom: 10px;
  border-bottom: solid 2px #fff;
  color: #8c7878;
  line-height: 1;
}

#contents .interview article .boxRight .intDtl {
  margin-bottom: 30px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: -0.05em;
  line-height: 1.75;
  color: #8c7878;
}

#contents .interview article .boxRight .boxPhoto {
  font-size: 0;
}

#contents .interview article .boxRight .boxPhoto li {
  display: inline-block;
  width: 48%;
  margin-right: 10px;
  margin-bottom: 50px;
}

#contents .interview article .boxRight .boxPhoto li:last-child {
  margin-right: 0px;
}

#contents .interview article .boxRight .boxPhoto li img {
  width: 100%;
}

#contents .int01 p {
  color: #e6fad7;
}

#contents .int01 article {
  background-color: #e6fad7;
}

#contents .int01 article figcaption {
  background-color: #a9cc8e;
}

#contents .int02 p {
  color: #ffedcd;
}

#contents .int02 article {
  background-color: #ffedcd;
}

#contents .int02 article figcaption {
  background-color: #f2c16b;
}

#contents .int03 p {
  color: #e6fad7;
}

#contents .int03 article {
  background-color: #e6fad7;
}

#contents .int03 article figcaption {
  background-color: #a9cc8e;
}

#contents .newsOnly {
  margin-top: 60px;
}

#contents .archive {
  width: 200px;
  margin: 0px;
  padding: 0px;
}

#contents .archive::after {
  display: block;
  content: "";
  clear: both;
}

#contents .archive h3 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  text-align: center;
  vertical-align: bottom;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 300;
  background-color: #8cbc68;
  padding: 10px 20px;
  color: #fff;
  border-radius: 5px;
}

#contents .archive ul li {
  margin: 0px auto;
  vertical-align: middle;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  border-bottom: dotted 1px #ccc;
}

#contents .archive ul li a {
  display: block;
  width: 200px;
  padding: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  text-decoration: none;
  color: #8c7878;
}

#contents .archive ul li a:hover {
  color: #ffa23f;
  text-decoration: underline;
  transition-duration: 200ms;
}

/*----------------------------------------------------
	☆Uniq
----------------------------------------------------*/
/*top*/
/*career_model*/
/*requirements*/
/*interview*/
/*line-hight for IE*/
@media all and (-ms-high-contrast: none) {
  #contents .interview p {
    font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}

/*interview--color--*/
/*News*/
body.corp #contents .archive ul li a:hover {
  color: #8cbc68;
}

#contents .newsList .newsTitle,
#contents .newsDetails .newsArticle {
  float: right;
  width: 70%;
}

#contents .newsList .newsTitle ul li {
  border-bottom: dotted 1px #ccc;
}

#contents .newsList .newsTitle ul li a {
  color: #8c7878;
  display: block;
  overflow: hidden;
  padding: 20px 0px;
  transition: 0.2s;
}

#contents .newsList .newsTitle ul li a:hover {
  color: #ffa23f;
  transition-duration: 200ms;
}

body.corp #contents .newsList .newsTitle ul li a:hover {
  color: #8cbc68;
}

#contents .newsList .newsTitle ul li .date {
  float: left;
  width: 120px;
  clear: both;
}

#contents .newsList .newsTitle ul li .txt {
  float: left;
  width: 660px;
  text-decoration: underline;
}

#contents .newsTitle .pager,
#contents .retunBtn {
  text-align: center;
  margin: 60px auto;
}

#contents .newsTitle .pager ul li {
  display: inline-block;
  margin-right: 5px;
  border: none;
}

#contents .newsTitle .pager ul li a {
  padding: 8px;
  color: #8c7878;
  transition-duration: 200ms;
}

body.corp #contents .newsTitle .pager ul li a {
  color: #8cbc68;
}

#contents .newsTitle .pager ul li a:hover, #contents .newsTitle .pager ul li a.current {
  color: #fff;
  background-color: #ffa23f;
  padding: 8px;
  text-decoration: none;
}

body.corp #contents .newsTitle .pager ul li a:hover,
body.corp #contents .newsTitle .pager ul li.current a {
  background-color: #8cbc68;
  color: #fff;
}

#contents .newsDetails .newsArticle h3 {
  padding-left: 10px;
  font-size: 22px;
  font-size: 2.2rem;
  margin-bottom: 20px;
  line-height: 1.75;
  border-left: solid 5px #fff2e7;
}

body.corp #contents .newsDetails .newsArticle h3 {
  border-left: solid 5px #8cbc68;
}

#contents .newsDetails .newsArticle h3 span {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
}

#contents .newsDetails .newsArticle article p {
  line-height: 2;
}

#contents .retunBtn p a {
  display: inline-block;
  min-width: 240px;
  text-decoration: none;
  background-color: #ffa23f;
  color: #fff;
  border-radius: 50px;
  padding: 10px 0px;
  text-align: center;
  vertical-align: middle;
  box-shadow: 0 5px 6px -6px #777;
}

body.corp #contents .retunBtn p a {
  background-color: #8cbc68;
}

/*corp cmnparts*/
#contents .articleBox {
  padding: 0px 0px 125px;
}

.Hd02 {
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: 300;
  padding: 15px 20px;
  margin-bottom: 40px;
  background-color: #FEA621;
  color: #fff;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.bg_change {
  background-color: #f8b62d;
}

.use_title {
  border: 1px solid #f39800;
  margin-bottom: 80px;
}

@media (max-width: 750px) {
  .use_title {
    margin-bottom: 40px;
  }
}

.use_title_inner {
  padding-bottom: 0 !important;
  margin-bottom: 80px;
}

@media (max-width: 750px) {
  .use_title_inner {
    margin-bottom: 40px;
  }
}

.use_dis {
  border: 1px solid #231815;
  font-family: "クレー";
}

.use_dis .inner {
  display: flex;
}

.use_dis .inner span {
  font-size: 20px;
  display: block;
  color: #fff;
  padding-left: 16px;
}

@media (max-width: 750px) {
  .use_dis .inner span {
    font-size: 16px;
  }
}

@media (max-width: 400px) {
  .use_dis .inner span {
    padding: 0 8px;
  }
}

.use_dis .inner span:nth-of-type(1) {
  width: 35%;
  border-right: 1px solid #231815;
}

.use_dis .inner span:nth-of-type(2) {
  width: 65%;
}

.use_dis .inner .use_dt {
  padding-left: 16px;
  font-size: 20px !important;
  width: 35%;
  border-right: 1px solid #231815;
  line-height: 2 !important;
  color: #231815;
}

@media (max-width: 750px) {
  .use_dis .inner .use_dt {
    font-size: 16px !important;
  }
}

@media (max-width: 400px) {
  .use_dis .inner .use_dt {
    padding: 0 8px;
  }
}

.use_dis .inner .use_dd {
  padding-left: 16px;
  font-size: 20px !important;
  width: 65%;
  line-height: 2 !important;
  color: #231815;
}

@media (max-width: 750px) {
  .use_dis .inner .use_dd {
    font-size: 16px !important;
  }
}

@media (max-width: 400px) {
  .use_dis .inner .use_dd {
    padding: 0 8px;
  }
}

@media (max-width: 750px) {
  .use_dis .inner .pc {
    display: none;
  }
}

.use_dis .inner .sp {
  display: none;
}

@media (max-width: 750px) {
  .use_dis .inner .sp {
    display: block;
  }
}

.use_dis .inner:nth-of-type(1) {
  background: #f8b62d;
  border-bottom: 1px solid #231815;
  line-height: 2;
}

.use_dis .inner:nth-of-type(2) {
  border-bottom: 1px solid #231815;
}

.use_dis .inner:nth-of-type(3) {
  border-bottom: 1px solid #231815;
}
.use_dis .inner:nth-of-type(4) {
  border-bottom: 1px solid #231815;
}
.use_dis .inner:nth-of-type(5) {
  border-bottom: 1px solid #231815;
}
.use_dis .inner:nth-of-type(6) {
  border-bottom: 1px solid #231815;
}
.use_dis .inner:nth-of-type(7) {
  border-bottom: 1px solid #231815;
}
.use_dis .inner:nth-of-type(8) {
  border-bottom: 1px solid #231815;
}
.use_image {
  padding-top: 80px;
}

@media (max-width: 750px) {
  .use_image {
    padding-top: 40px;
  }
}

.use_image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.use_flow {
  padding-top: 80px;
}

@media (max-width: 750px) {
  .use_flow {
    padding-top: 40px;
  }
}

.use_flow h2 {
  display: block;
}

.use_flow ul li {
  margin-bottom: 40px;
  position: relative;
}

.use_flow ul li::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 12px 0 12px;
  border-color: #f39800 transparent transparent transparent;
}

.use_flow ul li span {
  position: absolute;
  top: 5px;
  left: 0;
  z-index: 1;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 32px;
  border: 2px dashed #f39800;
  border-radius: 50%;
  background: #fff;
  display: inline-block;
}

@media (max-width: 750px) {
  .use_flow ul li span {
    top: 0;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 24px;
  }
}

.use_flow ul li h3 {
  margin-left: 80px;
  display: inline-block;
  font-size: 28px;
}

@media (max-width: 750px) {
  .use_flow ul li h3 {
    margin-left: 56px;
    font-size: 20px;
  }
}

.use_flow ul li p {
  padding: 24px 16px;
  color: #231815;
  border: 2px dashed #f39800;
  border-radius: 5px;
}

@media (max-width: 750px) {
  .use_flow ul li p {
    padding: 16px 8px;
    font-size: 14px !important;
  }
}

.use_flow ul li:nth-of-type(1)::before {
  display: none;
}

.use_flow ul li:nth-last-of-type(1) {
  margin-bottom: 0;
}

ul.typicalLS li {
  list-style-type: none;
  position: relative;
  padding-left: 1em;
}

ul.typicalLS li::before {
  display: block;
  width: 1em;
  height: 1em;
  font-family: FontAwesome;
  content: "\f0da";
  padding-right: 0.5em;
  position: absolute;
  left: 0;
  top: 0;
}

ul.typicalLS li a {
  color: #8c7878;
  text-decoration: none;
}

ul.typicalLS li a:hover {
  text-decoration: underline;
  color: #8cbc68;
}

ul.subpage {
  text-align: center;
}

ul.subpage li {
  display: inline-block;
  font-weight: 700;
}

ul.subpage li a {
  display: block;
  color: #8c7878;
  padding: 5px 20px;
  text-decoration: none;
}

ul.subpage li.current a {
  color: #8cbc68;
}

/*corp download*/
span.attention {
  color: #ab0e11;
}

span.error {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
}

#contents .articleBox ul.typicalLS li span {
  padding-left: 15px;
  color: #d74043;
}

/*corp inquiry*/
form.inquiry table {
  width: 100%;
  border-top: solid 1px #8c7878;
  border-bottom: solid 1px #8c7878;
  margin: 60px auto;
}

form.inquiry table th {
  width: 25%;
  text-align: left;
  background-color: #e4eedc;
  padding: 20px;
  border-bottom: solid 1px #8c7878;
  line-height: 1;
}

form.inquiry table td {
  padding: 20px;
  border-bottom: solid 1px #8c7878;
}

input[type="text"] {
  width: 50%;
  padding: 5px;
}

textarea {
  width: 100%;
  height: 10em;
}

input.zip1 {
  width: 10%;
}

input.zip2 {
  width: 20%;
}

form.inquiry .btnArea {
  margin: auto;
  text-align: center;
}

.btnArea input {
  margin: auto;
  width: 30%;
  background-color: #8cbc68;
  border: none;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  padding: 12px;
  line-height: 1;
  transition: 0.3s;
}

.btnArea input:hover {
  opacity: 0.7;
}

.btnArea input:last-of-type {
  margin-left: 30px;
}

.btnArea input.back {
  background-color: #eda016;
}

/*corp entry*/
form.inquiry.forEnt table th {
  background-color: #fff2e7;
}

label {
  display: inline-block;
  cursor: pointer;
  margin-right: 10px;
  line-height: 2;
}

label:last-of-type {
  margin-right: 0;
}

.whiteBox.entry {
  height: 100vh;
}

#contents .txtLink.reclower {
  max-width: 1200px;
  background-color: #fff;
  margin: 0 auto;
  padding-bottom: 50px;
}

/*corp guide*/
body.about #contents p img {
  max-width: 627px;
  width: 100%;
}

body.about #contents section .articleBox .photo {
  float: right;
  margin: 0 15px 20px 40px;
}

body.about #contents section .articleBox::after {
  display: block;
  content: "";
  clear: both;
}

body.guide #contents .tblArea table th {
  background-color: #e4eedc;
}

.history dl {
  display: table;
  width: 100%;
  text-align: left;
  padding: 10px;
  border-bottom: solid 1px #8cbc68;
  margin-bottom: 10px;
}

.history dl dt,
.history dl dd {
  display: table-cell;
}

.history dl dt {
  width: 20%;
  vertical-align: middle;
}

.history dl dd {
  width: 80%;
}

.history dl dd ul {
  list-style-type: disc;
}

.history dl dd ul li {
  list-style-position: inside;
  padding-left: 1em;
  text-indent: -1em;
}

.map {
  position: relative;
  padding-top: 48%;
  margin-bottom: 30px;
  height: 0;
  overflow: hidden;
}

.map iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.map_continue {
  padding-top: 30px;
}

.transportation dl {
  display: flex;
  margin-bottom: 10px;
}

.transportation dl dt {
  padding: 20px 0px;
  width: 20%;
  color: #fff;
  background-color: #b2d598;
  margin-right: 10px;
  text-align: center;
}

.transportation dl dt i {
  font-size: 50px;
  font-size: 5rem;
}

.transportation dl dd {
  width: 80%;
  border: solid 2px #b2d598;
  align-items: center;
  padding: 30px;
  display: inherit;
}

/*corp forteacher*/
body.forteacher #contents section .articleBox p {
  margin-bottom: 60px;
}

#contents .tblArea2 {
  margin-bottom: 100px;
}

#contents .tblArea2:last-of-type {
  margin-bottom: 0px;
}

#contents .tblArea2 h4 {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: solid 1px #8c7878;
  font-weight: 500;
}

#contents .tblArea2 table {
  width: 100%;
  min-width: 960px;
  margin-bottom: 30px;
  border: solid 1px #8c7878;
  text-align: center;
}

#contents .tblArea2 table th,
#contents .tblArea2 table td {
  border-bottom: solid 1px #8c7878;
  border-right: solid 1px #8c7878;
  padding: 3px;
}

#contents .tblArea2 table th.role {
  width: 12%;
  letter-spacing: 0.08em;
}

#contents .tblArea2 table .month td {
  width: 7%;
  color: #fff;
}

#contents .tblArea2 table td {
  width: 7%;
}

#contents .tblArea2 table th.bgor {
  background-color: #feb31a;
  color: #fff;
}

#contents .tblArea2 table th.bggr {
  background-color: #8cbc68;
  color: #fff;
}

#contents .tblArea2 table .bgpaleor td {
  background-color: #fecb63;
}

#contents .tblArea2 table .bgpalegr td {
  background-color: #b2d598;
}

/*corp use*/
.application {
  text-indent: -1em;
}

.application::before {
  display: inline;
  width: 1em;
  text-indent: -1em;
  font-family: FontAwesome;
  content: "\f0a9";
  padding-left: 1em;
}

.application a {
  padding-left: 1.5em;
  color: #8c7878;
  transition: 0.2s;
  text-decoration: none;
}

.application a:hover {
  text-decoration: underline;
  color: #8cbc68;
}

.articleBox dl.service {
  border: solid 2px #b2d598;
  margin-bottom: 30px;
}

.articleBox dl.service:last-of-type {
  margin-bottom: 0px;
}

.articleBox dl.service h4 {
  margin-bottom: 10px;
}

.articleBox dl.service dt {
  background-color: #b2d598;
  color: #fff;
  text-align: left;
  padding: 10px;
  font-size: 20px;
  font-size: 2rem;
}

.articleBox dl.service dd {
  padding: 20px;
}

.articleBox dl.service div p {
  margin-top: 10px;
}

.articleBox dl.service dd .serviceBox {
  margin-bottom: 30px;
}

.articleBox dl.service dd .placeBox {
  margin-bottom: 30px;
}

.articleBox dl.service dd .placeBox ul li {
  display: inline-block;
  margin-right: 20px;
}

.articleBox dl.service dd .placeBox ul li a {
  color: #8c7878;
  transition: 0.2s;
}

.articleBox dl.service dd .placeBox ul li a:hover {
  color: #8cbc68;
}

/*corp volunteer*/
body.volunteer #contents section .articleBox p {
  margin-bottom: 60px;
}

.tblArea3 table {
  min-width: 960px;
  width: 100%;
  border: solid 1px #8c7878;
  margin-bottom: 30px;
}

.tblArea3 table th {
  text-align: center;
  border-bottom: solid 1px #8c7878;
  border-right: solid 1px #8c7878;
  padding: 3px;
}

.tblArea3 table td {
  border-bottom: solid 1px #8c7878;
  border-right: solid 1px #8c7878;
  padding: 3px;
  width: 17%;
  padding: 3px 10px;
}

.tblArea3 table tr.even {
  background-color: #efefef;
}

.tblArea3 h4 {
  font-weight: 500;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-style: solid;
  border-left-width: 5px;
  padding: 0px 0px 5px 5px;
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem;
}

.tblArea3 table tr th:last-of-type,
.tblArea3 table tr td:last-of-type {
  width: 50%;
}

.tbl01 table thead {
  background-color: #dfece3;
}

.tbl01 h4 {
  border-bottom-color: #6cb180;
  border-left-color: #6cb180;
  color: #6cb180;
}

.tbl02 table thead {
  background-color: #e3edf4;
}

.tbl02 h4 {
  border-bottom-color: #4f7695;
  border-left-color: #4f7695;
  color: #4f7695;
}

.tbl03 table thead {
  background-color: #ffeaf6;
}

.tbl03 h4 {
  border-bottom-color: #a76690;
  border-left-color: #a76690;
  color: #a76690;
}

.tbl04 table thead {
  background-color: #ffeaee;
}

.tbl04 h4 {
  border-bottom-color: #d98396;
  border-left-color: #d98396;
  color: #d98396;
}

.tbl05 table thead {
  background-color: #eaf7e2;
}

.tbl05 h4 {
  border-bottom-color: #c5d89b;
  border-left-color: #c5d89b;
  color: #c5d89b;
}

/*corp visiter*/
.linkBtn {
  margin: 60px auto 0px;
}

.linkBtn ul {
  text-align: center;
  font-size: 0;
}

.linkBtn ul li {
  display: inline-block;
}

.linkBtn ul li.last {
  margin-left: 20px;
}

.linkBtn ul li a {
  display: block;
  width: 100%;
  background-color: #8cbc68;
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
  padding: 10px 65px;
  border-radius: 30px;
  line-height: 1;
  border: solid 2px #8cbc68;
  transition: 0.2s;
}

.linkBtn ul li a:hover {
  background-color: #fff;
  color: #8cbc68;
}

.linkBtn ul li a span {
  display: block;
  padding-bottom: 5px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
}

/*corp facility*/
.facility_box {
  position: relative;
  width: 100%;
  padding: 80px 60px 100px;
  border-bottom: dotted 2px #8c7878;
}

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

.facility_box .img_facility {
  float: left;
  width: 47%;
}

.facility_box .img_facility img {
  width: 100%;
}

.facility_box h3 {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 20px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-style: solid;
  border-left-width: 5px;
  padding: 0px 0px 5px 15px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.facility_box .discription_box {
  float: right;
  width: 47%;
}

#contents .facility_box p {
  margin-bottom: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.facility_box .address {
  line-height: 1.7;
  margin-bottom: 20px;
}

.facility_box .toFacility a {
  padding: 10px 65px;
  text-decoration: none;
  transition: 0.2s;
  border-style: solid;
  border-width: 2px;
  color: #fff;
  font-weight: 500;
}

.facility_box .toFacility a:hover {
  background-color: #fff;
}

.fc01 h3 {
  border-bottom-color: #6cb180;
  border-left-color: #6cb180;
  color: #6cb180;
}

.fc01 .toFacility a {
  border-color: #6cb180;
  background-color: #6cb180;
}

.fc01 .toFacility a:hover {
  color: #6cb180;
}

.fc02 h3 {
  border-bottom-color: #4f7695;
  border-left-color: #4f7695;
  color: #4f7695;
}

.fc02 .toFacility a {
  border-color: #4f7695;
  background-color: #4f7695;
}

.fc02 .toFacility a:hover {
  color: #4f7695;
}

.fc03 h3 {
  border-bottom-color: #a76690;
  border-left-color: #a76690;
  color: #a76690;
}

.fc03 .toFacility a {
  border-color: #a76690;
  background-color: #a76690;
}

.fc03 .toFacility a:hover {
  color: #a76690;
}

.fc04 h3 {
  border-bottom-color: #c5d89b;
  border-left-color: #c5d89b;
  color: #c5d89b;
}

.fc04 .toFacility a {
  border-color: #c5d89b;
  background-color: #c5d89b;
}

.fc04 .toFacility a:hover {
  color: #c5d89b;
}

.fc05 h3 {
  border-bottom-color: #d98396;
  border-left-color: #d98396;
  color: #d98396;
}

.fc05 .toFacility a {
  border-color: #d98396;
  background-color: #d98396;
}

.fc05 .toFacility a:hover {
  color: #d98396;
}

.fc06 h3 {
  border-bottom-color: #ecc982;
  border-left-color: #ecc982;
  color: #ecc982;
}

.fc06 .toFacility a {
  border-color: #ecc982;
  background-color: #ecc982;
}

.fc06 .toFacility a:hover {
  color: #ecc982;
}

.fc07 h3 {
  border-bottom-color: #54c3f1;
  border-left-color: #54c3f1;
  color: #54c3f1;
}

.fc07 .toFacility a {
  border-color: #54c3f1;
  background-color: #54c3f1;
}

.fc07 .toFacility a:hover {
  color: #54c3f1;
}

.fc08 h3 {
  border-bottom-color: #ffa14b;
  border-left-color: #ffa14b;
  color: #ffa14b;
}

.fc08 .toFacility a {
  border-color: #ffa14b;
  background-color: #ffa14b;
}

.fc08 .toFacility a:hover {
  color: #ffa14b;
}

.fc09 h3 {
  border-bottom-color: #66cccc;
  border-left-color: #66cccc;
  color: #66cccc;
}

.fc09 .toFacility a {
  border-color: #66cccc;
  background-color: #66cccc;
}

.fc09 .toFacility a:hover {
  color: #66cccc;
}

.fc10 h3 {
  border-bottom-color: #ffcc00;
  border-left-color: #ffcc00;
  color: #ffcc00;
}

.fc10 .toFacility a {
  border-color: #ffcc00;
  background-color: #ffcc00;
}

.fc10 .toFacility a:hover {
  color: #ffcc00;
}

/*corp top*/
.fv_wrapper {
  position: relative;
  padding-bottom: 1px;
  overflow: hidden;
}

.fv_wrapper::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../../images/first_view.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 750px) {
  .fv_wrapper::before {
    background-size: contain;
    background-repeat: repeat;
    background-position: top;
  }
}

.fv_wrapper .first_view {
  padding-top: 120px;
  padding-bottom: 280px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
}

@media (max-width: 1024px) {
  .fv_wrapper .first_view {
    padding-top: 104px;
    padding-bottom: 160px;
  }
}

@media (max-width: 750px) {
  .fv_wrapper .first_view {
    padding-top: 56px;
    padding-bottom: 80px;
  }
}

.fv_wrapper .first_view h1 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 32px;
  line-height: 2.5;
  color: #231815;
  letter-spacing: 0.041em;
}

@media (max-width: 750px) {
  .fv_wrapper .first_view h1 {
    font-size: 26px;
    line-height: 2;
  }
}

.fv_wrapper .topmv {
  width: 100%;
  margin-bottom: 50px;
}

.fv_wrapper .mvslider .slick-slide {
  max-width: 1000px;
  margin: 0px 10px;
}

.fv_wrapper .mvslider .slick-slide img {
  margin: auto;
  width: 100%;
}

.use_lower .topmv {
  width: 100%;
  margin-bottom: 50px;
}

.use_lower .mvslider .slick-slide {
  max-width: 1000px;
  margin: 0px 10px;
}

.use_lower .mvslider .slick-slide img {
  margin: auto;
  width: 100%;
}

.contentsSlide {
  margin-bottom: 20px;
}

.newsarea {
  position: relative;
}

.newsarea article {
  padding: 0px 100px;
}

.newsarea ul {
  margin: auto;
}

.newsarea ul li {
  margin-bottom: 20px;
}

.newsarea ul li a {
  text-decoration: none;
  color: #8c7878;
}

.newsarea ul li a:hover {
  color: #8cbc68;
}

.newsarea ul li span {
  display: inline-block;
}

.newsarea ul li .date {
  margin-right: 40px;
}

.newsarea p {
  position: absolute;
  top: 10px;
  right: 0px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#contents .newsarea p a {
  display: block;
  color: #fff;
  background-color: #8cbc68;
  padding: 5px 25px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  text-decoration: none;
  box-shadow: 3px 3px 12px -3px #cfcfcf;
}

.clm2 .clmBox {
  display: inline-block;
  width: 45%;
}

.clm2 .clmBox.first {
  margin-right: 9%;
}

.clm2 .clmBox p {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.clm2 .clmBox p a {
  display: block;
  background-size: cover;
  padding-top: 58%;
  width: 100%;
  height: 0;
  background-repeat: no-repeat;
  background-position: center center;
  transition: 1s ease-in-out;
}

.clm2 .clmBox p a::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  transition: 1s;
}

.clm2 .clmBox p a:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.clm2 .clmBox p a:hover::after {
  background-color: rgba(0, 0, 0, 0.3);
}

.clm2 .clmBox p a img {
  width: 100%;
}

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

/*.clm2 .clmBox p:first-of-type a{
	background-image: url(../../images/img_about.jpg);
	
}

.clm2 .clmBox p:last-of-type a{
	background-image: url(../../images/img_recruitment.jpg.html);
	
}*/
.group .recruitBnr::after {
  display: block;
  content: "";
  clear: both;
}

.clm2 .recruitBnr {
  display: table;
}

.clm2 .recruitBnr li {
  display: table-cell;
  width: 25%;
  text-align: center;
  padding: 0 1%;
  vertical-align: middle;
}

.clm2 .recruitBnr a {
  display: inline-block;
  width: 100%;
  transition: 0.3s;
  text-align: center;
  border: solid 1px #ccc;
}

.clm2 .recruitBnr2 {
  width: 100%;
  margin-top: 20px;
  display: table;
}

.clm2 .recruitBnr2 li {
  display: table-cell;
  width: 50%;
  text-align: center;
  padding: 0;
  vertical-align: middle;
}

.clm2 .recruitBnr2 a {
  display: inline-block;
  width: 97%;
  transition: 0.3s;
  text-align: center;
  border: solid 1px #ccc;
}

/*変更後*/
.group .recruitBnr {
  width: 100%;
  margin-top: 0px;
}

.group .recruitBnr ul {
  font-size: 0;
}

.group .recruitBnr ul li {
  display: inline-block;
  width: 30%;
  margin-left: 5%;
}

.group .recruitBnr ul li.first {
  margin-left: 0;
}

.group .recruitBnr a {
  display: block;
  transition: 0.3s;
  text-align: center;
}

.clm2 .recruitBnr li a img,
.group .recruitBnr a img {
  width: 100%;
  vertical-align: bottom;
}

.contentsSlide li {
  display: flex !important;
  width: 100%;
  font-size: 0;
  padding: 20px;
}

.faImg {
  width: 40%;
}

.faImg img {
  width: 100%;
  vertical-align: top;
}

.faContent {
  width: 60%;
}

.faName {
  padding: 20px;
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 600;
}

.faName span {
  font-size: 16px;
  font-size: 1.6rem;
}

#contents .copy {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 5px;
  font-weight: 600;
}

.lower {
  border-top-style: solid;
  border-top-width: 1px;
  padding-top: 15px;
}

#contents .telNo {
  display: inline-block;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  margin-right: 20px;
}

.detailBtn {
  display: inline-block;
}

.detailBtn a {
  display: block;
  padding: 10px 20px;
  background-color: #fff;
  text-align: center;
  border-radius: 30px;
  text-decoration: none;
  transition: 0.2s;
}

.detailBtn a:hover {
  box-shadow: 3px 3px 12px -3px #cfcfcf;
}

.faAddress {
  margin-bottom: 40px;
}

li.slide01 {
  background-color: #ffeee0;
}

li.slide01 .faName {
  background-color: #f38226;
}

li.slide01 .copy,
li.slide01 .telNo,
li.slide01 .detailBtn a {
  color: #f38226;
}

li.slide01 .lower {
  border-top-color: #f38226;
}

li.slide02 {
  background-color: #e4f7e9;
}

li.slide02 .faName {
  background-color: #69bd83;
}

li.slide02 .copy,
li.slide02 .telNo,
li.slide02 .detailBtn a {
  color: #69bd83;
}

li.slide02 .lower {
  border-top-color: #69bd83;
}

li.slide03 {
  background-color: #e3edf4;
}

li.slide03 .faName {
  background-color: #3677a8;
}

li.slide03 .copy,
li.slide03 .telNo,
li.slide03 .detailBtn a {
  color: #3677a8;
}

li.slide03 .lower {
  border-top-color: #3677a8;
}

li.slide04 {
  background-color: #ffeaf6;
}

li.slide04 .faName {
  background-color: #d360a1;
}

li.slide04 .copy,
li.slide04 .telNo,
li.slide04 .detailBtn a {
  color: #d360a1;
}

li.slide04 .lower {
  border-top-color: #d360a1;
}

li.slide05 {
  background-color: #eaf7e2;
}

li.slide05 .faName {
  background-color: #8cbc68;
}

li.slide05 .copy,
li.slide05 .telNo,
li.slide05 .detailBtn a {
  color: #8cbc68;
}

li.slide05 .lower {
  border-top-color: #8cbc68;
}

li.slide06 {
  background-color: #ffeaee;
}

li.slide06 .faName {
  background-color: #ee869a;
}

li.slide06 .copy,
li.slide06 .telNo,
li.slide06 .detailBtn a {
  color: #ee869a;
}

li.slide06 .lower {
  border-top-color: #ee869a;
}

li.slide07 {
  background-color: #fff9ed;
}

li.slide07 .faName {
  background-color: #ffb933;
}

li.slide07 .copy,
li.slide07 .telNo,
li.slide07 .detailBtn a {
  color: #ffb933;
}

li.slide07 .lower {
  border-top-color: #ffb933;
}

li.slide08 {
  background-color: #e2f7ff;
}

li.slide08 .faName {
  background-color: #54c3f1;
}

li.slide08 .copy,
li.slide08 .telNo,
li.slide08 .detailBtn a {
  color: #54c3f1;
}

li.slide08 .lower {
  border-top-color: #54c3f1;
}

li.slide09 {
  background-color: #c7eae6;
}

li.slide09 .faName {
  background-color: #219e98;
}

li.slide09 .copy,
li.slide09 .telNo,
li.slide09 .detailBtn a {
  color: #219e98;
}

li.slide09 .lower {
  border-top-color: #219e98;
}

li.slide10 {
  background-color: #fff2b3;
}

li.slide10 .faName {
  background-color: #f9af0b;
}

li.slide10 .copy,
li.slide10 .telNo,
li.slide10 .detailBtn a {
  color: #f9af0b;
}

li.slide10 .lower {
  border-top-color: #f9af0b;
}

.thumbnail .thmbimg.slick-slide {
  margin: 0px 1.3% 0.5% 0px;
  width: 24% !important;
}

.thumbnail .thmbimg.slick-slide.mr0 {
  margin-right: 0px;
}

.thumbnail .thmbimg.slick-slide img {
  width: 100%;
}

.clm3 {
  text-align: center;
  font-size: 0;
  padding-bottom: 20px;
}

#contents .clm3 .Hd01 {
  font-size: 24px;
  font-size: 2.4rem;
}

.clm3 .clmBox {
  display: inline-block;
  width: 30%;
  margin-right: 5%;
}

.clm3 .clmBox:last-of-type {
  margin: 0;
}

.clm3 .clmBox p a img {
  width: 100%;
}

/* キャリカクHPへのリンク */

#contents .carikaku {
  margin: 0 auto;
  margin-bottom: 80px;
  max-width: 600px;
  font-family: "クレー";
  width: 100%;
  display: flex;
  justify-content: center;
}

.carikaku {
  display: flex;
  flex-flow: column;
  text-align: left;
  font-size: 0;
  padding-bottom: 20px;
}

.carikaku p a img {
  width: 100%;
}

.carikaku p img {
  width: 100%;
}

.carikaku_wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 40px;
}

.carikaku_info {
  width: 80%;
}

.carikaku_sns {
  width: 20%;
  display: flex;
  flex-direction: column;
}

.carikaku_btn {
  width: 100%;
  padding: 8px;
  border-radius: 8px;
  margin: 2px;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: bold;
  text-align: center;
}

.carikaku_insta {
  background-color: #ea5512;
  margin-bottom: 8px;
}

.carikaku_blog {
  background-color: #009fe9;
}

.carikaku_btn:hover {
  opacity: 0.7;
}

.fwb {
  font-weight: bold;
}

/* other privacy */
#contents section .privacy h4 {
  color: #8cbc68;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}

#contents section .privacy h4:first-of-type {
  margin-top: 40px;
}

#contents section .privacy h5 {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 10px;
  border-bottom: solid 1px #8cbc68;
  padding-bottom: 5px;
}

#contents section .privacy h5:first-of-type {
  margin-top: 20px;
}

#contents section .privacy > p {
  margin-bottom: 30px;
}

#contents section .privacy > p:last-of-type {
  margin-bottom: 0px;
}

#contents section .privacy ol {
  list-style-type: decimal;
  margin-bottom: 30px;
}

#contents section .privacy ol li {
  padding-left: 1em;
  text-indent: -1em;
  list-style-position: inside;
  margin-bottom: 10px;
}

#contents section .generation > p {
  margin-bottom: 40px;
}

#contents section .generation dl {
  margin-bottom: 30px;
}

#contents section .generation dl:last-of-type {
  margin-bottom: 0px;
}

#contents section .generation dl dt {
  font-weight: 700;
}

#contents section .generation dl dd > dl dt,
#contents section .generation dl dd > dl dd {
  display: inline-block;
}

#contents section .women dl dd div > dl dt,
#contents section .women dl dd div > dl dd {
  display: inline-block;
}

#contents section .generation dl dd > dl dt {
  vertical-align: top;
  font-weight: normal;
}

#contents section .women dl {
  margin-bottom: 30px;
}

#contents section .women dl:last-of-type {
  margin-bottom: 0px;
}

#contents section .women dl dt,
#contents section .women dl dd {
  display: inline-block;
}

#contents section .women dl dt {
  font-weight: 700;
}

#contents section .women dl dd > div {
  margin-bottom: 30px;
  padding: 0px 30px;
}

#contents section .women dl dd > div dl {
  margin-bottom: 10px;
}

#contents section .women dl dd > div h3 {
  font-size: 16px;
  font-size: 1.6rem;
}

#contents section .women dl dd > div h3:first-of-type {
  margin-top: 10px;
}

#contents section .women dl dd div > dl dt {
  vertical-align: top;
  font-weight: normal;
  margin-right: 10px;
}

#contents section .women dl dd div > dl dd {
  font-weight: normal;
}

#contents section .complaint > p img {
  max-width: 610px;
  width: 100%;
}

#contents section .complaint ul {
  width: 50%;
  margin: auto;
}

#contents section .complaint ul li {
  list-style-type: none;
  list-style-position: inside;
  padding-left: 1em;
  text-indent: -1em;
}

#contents section .complaint ul li::before {
  display: inline-block;
  content: "■";
  color: #8cbc68;
  width: 1em;
  height: 1em;
}

#contents section .complaint ul li a {
  display: inline-block;
  padding-left: 1em;
  color: #8c7878;
  transition: 0.2s;
}

#contents section .complaint ul li a:hover {
  color: #8cbc68;
}

#contents section .sitemap > div {
  margin-bottom: 40px;
}

#contents section .sitemap > div:last-of-type {
  margin-bottom: 0px;
}

#contents section .sitemap > div h3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 20px;
  font-size: 2rem;
  color: #8cbc68;
  border-left: solid 5px #8cbc68;
  border-bottom: solid 1px #8cbc68;
  padding: 0px 0px 5px 15px;
  margin-bottom: 20px;
}

#contents section .sitemap > div h3 a {
  color: #8cbc68;
}

#contents section .sitemap > div ul {
  text-align: left;
  list-style-type: none;
  padding: 0px 30px;
}

#contents section .sitemap > div ul li {
  display: inline-block;
  padding-left: 1em;
  text-indent: -1em;
  list-style-position: inside;
  margin-right: 20px;
}

#contents section .sitemap > div ul li::before {
  display: inline-block;
  content: "\f054";
  font-family: "fontawesome";
  width: 1em;
  height: 1em;
  color: #8cbc68;
}

#contents section .sitemap > div ul li a {
  color: #8c7878;
  text-decoration: none;
  transition: 0.2s;
  padding-right: 10px;
}

#contents section .sitemap > div ul li a:hover {
  text-decoration: underline;
  color: #8cbc68;
}

/* other generation */
/* other women */
/* other complaint */
/*sitemap*/
/*topBannar*/
.topbnr .clmBox {
  display: inline-block;
  width: 47%;
}

.topbnr .clmBox.first {
  margin-right: 5%;
}

.topbnr .clmBox p {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.topbnr img {
  width: 100%;
}

.topbnr a:hover img {
  -moz-opacity: 0.8;
  opacity: 0.8;
}

/*facilityNew*/
.facilitynew .clmBox {
  display: inline-block;
  width: 49.3%;
}

.facilitynew .clmBox.first {
  margin-right: 1.3%;
}

.facilitynew .clmBox p {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.facilitynew img {
  width: 100%;
}

.facilitynew a:hover img {
  -moz-opacity: 0.8;
  opacity: 0.8;
}