@charset "UTF-8";
#top-contents {
  color: #ffffff;
  background-color: #63676a;
  text-align: center;
  padding: 3em 0;
}
#top-contents h2 {
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  font-size: 2.667vw;
  white-space: nowrap;
}
@media (min-width: 1200px) {
  #top-contents h2 {
    font-size: 3.2rem;
  }
}
@media (max-width: 765px) {
  #top-contents h2 {
    font-size: 2.4rem;
  }
}
#top-contents p {
  margin-top: 0.6em;
  line-height: 1.7em;
  font-size: 1.5vw;
}
@media (min-width: 1200px) {
  #top-contents p {
    font-size: 1.8rem;
  }
}
@media (max-width: 765px) {
  #top-contents p {
    font-size: 1.6rem;
  }
}

.main-contents {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.main-contents-in {
  padding: 0 6.25em;
}

.recruit-news-wrap {
  width: 84%;
  margin: 2.5em auto;
}

.recruit-news-title {
  text-align: center;
  font-weight: 800;
  font-size: 4vw;
  line-height: 1;
}
@media (min-width: 1200px) {
  .recruit-news-title {
    font-size: 4.8rem;
  }
}
@media (max-width: 765px) {
  .recruit-news-title {
    font-size: 3.4rem;
  }
}

.news-box {
  margin-top: 0.5em;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
}
.news-box ul {
  padding: 1.2em 0 0 2em;
}
.news-box li {
  padding: 0.75em 0;
  border-bottom: 1px solid #000000;
  display: flex;
}
.news-box li:last-child {
  border: none;
}
.news-box li a {
  display: flex;
  width: 100%;
}
.news-box li a .date {
  width: 16%;
}
.news-box li a .text {
  width: 84%;
}

.more-btn {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-weight: 700;
  margin: 1.8em auto 0;
  position: relative;
}
.more-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5em;
  height: 1px;
  background-color: #000000;
  margin-left: 5.4em;
}
.more-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5em;
  height: 1px;
  background-color: #000000;
  margin-left: -5.4em;
}

.contents-menu-wrap {
  margin-top: 7.2em;
}

.contents-menu-box {
  display: flex;
  border-top: 1px solid #000000;
  margin-bottom: 3em;
}

.menu-box-left {
  width: 50%;
  padding-top: 1.8em;
  position: relative;
}
.menu-box-left .contents-title {
  font-weight: 800;
  font-size: 3.334vw;
  line-height: 1;
}
@media (min-width: 1200px) {
  .menu-box-left .contents-title {
    font-size: 4rem;
  }
}
@media (max-width: 765px) {
  .menu-box-left .contents-title {
    font-size: 2.8rem;
  }
}
.menu-box-left p {
  margin-top: 0.6em;
  line-height: 1.7em;
}
.menu-box-left .more-details {
  display: inline-block;
  font-weight: 600;
  margin-top: 0.5em;
}

.menu-box-right {
  width: 50%;
  line-height: 0;
}

.en-title {
  width: 90%;
  position: absolute;
  top: -4.2em;
  left: -2.5em;
  opacity: 0;
  will-change: transform, opacity;
  z-index: -1;
}

.contents-submenu-wrap {
  display: flex;
  justify-content: space-between;
  margin: 5em 0 6em;
}

.contents-submenu-box {
  width: 31%;
  position: relative;
}
.contents-submenu-box a {
  width: 100%;
  display: inline-block;
  text-align: center;
  font-weight: 800;
  font-size: 2vw;
  margin-top: 0.5em;
}
@media (min-width: 1200px) {
  .contents-submenu-box a {
    font-size: 2.4rem;
  }
}
@media (max-width: 765px) {
  .contents-submenu-box a {
    font-size: 2.1rem;
  }
}

.sub-en-title {
  width: 70%;
  position: absolute;
  top: -2.8em;
  left: -1.4em;
  opacity: 0.5;
}

#page-contents {
  text-align: center;
  padding: 2em 0;
}
#page-contents h1 {
  display: inline-block;
  font-weight: 800;
  font-size: 3.168vw;
  line-height: 1;
  position: relative;
}
@media (min-width: 1200px) {
  #page-contents h1 {
    font-size: 3.8rem;
  }
}
@media (max-width: 765px) {
  #page-contents h1 {
    font-size: 2.2rem;
  }
}
#page-contents h1::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  width: 30em;
  height: 1px;
  background-color: #000000;
  margin-right: 0.3em;
}

.page-en-title {
  position: absolute;
  bottom: -7.7em;
  left: 0;
  width: 42em;
  opacity: 0;
  will-change: transform, opacity;
  z-index: 1;
}

.page-contents-wrap {
  margin: 9.5em 0 6em;
}

.page-contents-wrap-1 {
  margin: 9.5em 0 0;
}

.page-h2-wrap {
  width: 100%;
  border-bottom: 1px solid #000000;
  padding-bottom: 1em;
  margin-bottom: 3em;
  position: relative;
}
.page-h2-wrap h2 {
  text-align: center;
  font-weight: 800;
  font-size: 2.501vw;
  line-height: 1;
}
@media (min-width: 1200px) {
  .page-h2-wrap h2 {
    font-size: 3rem;
  }
}
@media (max-width: 765px) {
  .page-h2-wrap h2 {
    font-size: 2rem;
  }
}

.page-h2-en {
  position: absolute;
  top: -6em;
  left: 50%;
  width: 45%;
  opacity: 0;
  z-index: -1;
}

.contents-in-box {
  width: 100%;
  position: relative;
}

.president-img {
  width: 100%;
  height: auto;
  position: relative;
}

.text-brock {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 3em;
}
.text-brock h3 {
  font-weight: 600;
  font-size: 2vw;
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .text-brock h3 {
    font-size: 2.4rem;
  }
}
@media (max-width: 765px) {
  .text-brock h3 {
    font-size: 2.1rem;
  }
}
.text-brock p {
  margin-top: 1em;
  line-height: 1.72em;
}

.name-brock {
  position: absolute;
  bottom: 3.5em;
  right: 24em;
  text-align: right;
  font-size: 1vw;
}
@media (min-width: 1200px) {
  .name-brock {
    font-size: 1.2rem;
  }
}
@media (max-width: 765px) {
  .name-brock {
    font-size: 1.35rem;
  }
}
.name-brock span {
  display: block;
  font-size: 2vw;
}
@media (min-width: 1200px) {
  .name-brock span {
    font-size: 2.4rem;
  }
}
@media (max-width: 765px) {
  .name-brock span {
    font-size: 2.1rem;
  }
}

table.common-table {
  width: 95%;
  margin: 0 auto;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #ecebe3;
  empty-cells: show;
  border-top: 2px solid #000000;
}
table.common-table tr {
  border-bottom: 1px solid #000000;
}
table.common-table th {
  width: 18%;
  padding: 0.95em 0 0.95em 2em;
  text-align: left;
  font-weight: 600;
}
table.common-table td {
  padding: 0.95em 0;
  position: relative;
}
table.common-table td.maplink {
  position: relative;
}
table.common-table td.maplink a {
  background: #898989;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 50%;
  right: 3.5em;
  transform: translateY(-50%);
  padding: 0.4em 1em;
  border-radius: 0.4em;
  line-height: 1;
  font-size: 1.167vw;
}
@media (min-width: 1200px) {
  table.common-table td.maplink a {
    font-size: 1.4rem;
  }
}
@media (max-width: 765px) {
  table.common-table td.maplink a {
    font-size: 1.6rem;
  }
}

.grouplink-wrap {
  width: 77%;
  display: flex;
  justify-content: space-between;
  margin: 3.5em auto 6em;
}
.grouplink-wrap .link-btn {
  width: 47%;
  display: flex;
}
.grouplink-wrap .link-btn a {
  display: flex;
  padding: 0.8em 1.4em;
  align-items: center;
}
.grouplink-wrap .link-btn p {
  color: #ffffff;
  font-weight: 600;
  font-size: 1.167vw;
  line-height: 1.4em;
  margin-left: 2em;
}
@media (min-width: 1200px) {
  .grouplink-wrap .link-btn p {
    font-size: 1.4rem;
  }
}
@media (max-width: 765px) {
  .grouplink-wrap .link-btn p {
    font-size: 1.6rem;
  }
}
.grouplink-wrap .jinno-logo {
  width: 44%;
  line-height: 0;
}
.grouplink-wrap .sala-logo {
  width: 26%;
  line-height: 0;
}

.jinno-color {
  background-color: #005fa8;
}

.sala-color {
  background-color: #2ea353;
}

.two-column {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

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

.column-left-1 {
  width: 48%;
  position: relative;
}
.column-left-1 h3 {
  font-weight: 600;
  font-size: 2vw;
}
@media (min-width: 1200px) {
  .column-left-1 h3 {
    font-size: 2.4rem;
  }
}
@media (max-width: 765px) {
  .column-left-1 h3 {
    font-size: 2.1rem;
  }
}
.column-left-1 p {
  text-align: justify;
  line-height: 1.7em;
  margin: 0.6em 0 2em;
}
.column-left-1 img {
  line-height: 0;
  margin-bottom: 1em;
}
.column-left-1 img.staff-posi-a {
  width: 104%;
  position: absolute;
  bottom: -18.5em;
  left: 4em;
  z-index: 1;
}
.column-left-1 img.staff-posi-b {
  width: 104%;
  position: absolute;
  bottom: -12.5em;
  left: -6.5em;
  z-index: 2;
}

.column-right-1 {
  width: 48%;
}
.column-right-1 img {
  line-height: 0;
  margin-bottom: 1em;
}
.column-right-1.right-justified {
  margin: 0 0 0 auto;
}

.column-left-2 {
  width: 47%;
}
.column-left-2 h3 {
  font-weight: 600;
  font-size: 2vw;
  line-height: 1.3em;
}
@media (min-width: 1200px) {
  .column-left-2 h3 {
    font-size: 2.4rem;
  }
}
@media (max-width: 765px) {
  .column-left-2 h3 {
    font-size: 2.1rem;
  }
}
.column-left-2 h3.q-color-a::before {
  content: "";
  background-image: url("../img/question-a.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.3em;
  height: 2em;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 0.2em;
}
.column-left-2 h3.q-color-b::before {
  content: "";
  background-image: url("../img/question-b.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.3em;
  height: 2em;
  display: inline-block;
  vertical-align: bottom;
  margin: 0 0.2em -0.2em 0;
}
.column-left-2 p {
  text-align: justify;
  line-height: 1.7em;
  margin: 0.3em 0 1.4em;
}

.column-right-2 {
  width: 53%;
  position: relative;
}
.column-right-2 .staff-deco[data-stagger="1"] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.column-right-2 .staff-deco[data-stagger="2"] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.column-right-2 .staff-deco[data-stagger="3"] {
  position: absolute;
  bottom: 1em;
  left: 0;
}

.schedule-wrap {
  width: 100%;
  background-color: #ecebe3;
  margin-top: 1.5em;
}

.schedule-wrap-in {
  max-width: 1200px;
  padding: 3.5em 6.25em 6em;
  margin: 0 auto;
}

.page-obi-title {
  width: 53%;
  text-align: center;
  color: #ffffff;
  font-weight: 800;
  font-size: 2vw;
  padding: 0.5em 0;
  margin: 0 auto 1.6em;
}
@media (min-width: 1200px) {
  .page-obi-title {
    font-size: 2.4rem;
  }
}
@media (max-width: 765px) {
  .page-obi-title {
    font-size: 2.1rem;
  }
}
.page-obi-title.title-bg-color-a {
  background-color: #41a1be;
}
.page-obi-title.title-bg-color-b {
  background-color: #dd6b66;
}
.page-obi-title.title-bg-color-c {
  background-color: #67468f;
  margin-top: 1.8em;
}
.page-obi-title.title-bg-color-d {
  background-color: #884174;
  margin-top: 1.8em;
}

.schedule-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.schedule-brock-a,
.schedule-brock-b {
  width: 92%;
  margin-bottom: 2em;
  position: relative;
}
.schedule-brock-a p,
.schedule-brock-b p {
  text-align: justify;
  margin: 0.5em 0 0 27%;
  line-height: 1.3em;
}

.schedule-brock-b::after, .schedule-brock-a::after {
  content: "";
  position: absolute;
  left: 11%;
  top: 2.7em;
  width: 2px;
  height: 0;
  transform: translateX(-50%);
  transition: height 1s ease;
}

.schedule-brock-b.line-animate::after, .schedule-brock-a.line-animate::after {
  height: 100%;
}

.schedule-brock-b:last-child::after, .schedule-brock-a:last-child::after {
  display: none;
}

.schedule-brock-a::after {
  background-color: #41a1be;
}
.schedule-brock-b::after {
  background-color: #e86d6d;
}
.time-box {
  width: 100%;
  background-color: #ffffff;
  font-weight: 700;
  font-size: 1.5vw;
  display: flex;
  align-items: stretch;
  position: relative;
  z-index: 1;
}
@media (min-width: 1200px) {
  .time-box {
    font-size: 1.8rem;
  }
}
@media (max-width: 765px) {
  .time-box {
    font-size: 1.6rem;
  }
}
.time-box .time {
  width: 22%;
  background-color: #dacc8e;
  text-align: center;
  margin-right: 5%;
  font-size: 1.667vw;
}
@media (min-width: 1200px) {
  .time-box .time {
    font-size: 2rem;
  }
}
@media (max-width: 765px) {
  .time-box .time {
    font-size: 1.8rem;
  }
}
.time-box > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.4em 0;
}
.time-box.border-color-a {
  border: 2px solid #41a1be;
}
.time-box.border-color-a .time {
  color: #41a1be;
}
.time-box.border-color-b {
  border: 2px solid #dd6b66;
}
.time-box.border-color-b .time {
  color: #dd6b66;
}

.no-column {
  text-align: center;
}
.no-column h3 {
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  font-size: 2.667vw;
  margin-top: 0.8em;
}
@media (min-width: 1200px) {
  .no-column h3 {
    font-size: 3.2rem;
  }
}
@media (max-width: 765px) {
  .no-column h3 {
    font-size: 2.4rem;
  }
}
.no-column p {
  margin-top: 1em;
  line-height: 1.7em;
}

.academy-img {
  width: 58%;
  margin: 0 auto;
}

.graph-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 2.5em;
}

.graph-contents {
  width: 30%;
}
.graph-contents .title {
  font-weight: 600;
  text-align: center;
  padding: 0.8em 0;
}
.graph-contents .title h4 {
  font-size: 2vw;
}
@media (min-width: 1200px) {
  .graph-contents .title h4 {
    font-size: 2.4rem;
  }
}
@media (max-width: 765px) {
  .graph-contents .title h4 {
    font-size: 2.1rem;
  }
}
.graph-contents .title-bg-1 {
  background-color: #d3ccd6;
}
.graph-contents .title-bg-2 {
  background-color: #f1d8d9;
}
.graph-contents .title-bg-3 {
  background-color: #cadec9;
}
.graph-contents .title-bg-4 {
  background-color: #eceab7;
}
.graph-contents .title-bg-5 {
  background-color: #c3d8e2;
}
.graph-contents .text {
  text-align: justify;
  margin-top: 0.8em;
  line-height: 1.7em;
}

.graph-contents-img {
  margin-top: 0.8em;
}

.academy-graph {
  width: 35%;
}

.career-graph-1 {
  width: 30%;
}

.career-graph-2 {
  width: 35%;
}

.career-graph-text {
  display: none;
}

.balance-wrap {
  width: 73%;
  margin: 4% auto;
  display: flex;
  flex-wrap: wrap;
}

.balance-contents {
  width: 33.333%;
}

.benefits-wrap {
  padding: 1.5em 5em 1.2em;
  border: 2px solid #c26f51;
}
.benefits-wrap h3 {
  text-align: center;
  font-weight: 600;
  font-size: 2.25vw;
}
@media (min-width: 1200px) {
  .benefits-wrap h3 {
    font-size: 2.7rem;
  }
}
@media (max-width: 765px) {
  .benefits-wrap h3 {
    font-size: 2.7rem;
  }
}
.benefits-wrap p {
  text-align: center;
  margin-top: 0.8em;
}

.benefits-contents {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
}
.benefits-contents li {
  line-height: 1.7em;
}
.benefits-contents li::before {
  content: "■";
  display: inline-block;
  width: 1em;
  height: 1em;
  color: #c26f51;
}
.benefits-contents li span {
  margin-left: 0.8em;
}

.two-column-contents {
  width: 48%;
  margin-bottom: 3em;
}
.two-column-contents h3 {
  margin-top: 0.5em;
  font-weight: 600;
  font-size: 2vw;
}
@media (min-width: 1200px) {
  .two-column-contents h3 {
    font-size: 2.4rem;
  }
}
@media (max-width: 765px) {
  .two-column-contents h3 {
    font-size: 2.1rem;
  }
}
.two-column-contents h3::before {
  content: "■";
  display: inline-block;
  width: 1em;
  height: 1em;
  color: #c26f51;
}
.two-column-contents p {
  margin-top: 0.7em;
}

.support-contents-wrap {
  padding: 3.5em 6.25em 2em;
  background-color: #eae9e1;
}
.support-contents-wrap h3::before {
  content: "■";
  display: inline-block;
  width: 1em;
  height: 1em;
  color: #c26f51;
}

.diversity-wrap {
  margin-top: 4em;
}
.diversity-wrap .contents-in-box {
  margin-bottom: 2em;
}
.diversity-wrap .column-left-1 p {
  margin: 0.6em 0 0.5em;
}
.diversity-wrap .column-left-1 p.m-adjust-1 {
  margin: 0 0 0.5em;
}
.diversity-wrap .column-left-1 h3::before {
  content: "■";
  display: inline-block;
  width: 1em;
  height: 1em;
  color: #c26f51;
}
.diversity-wrap .column-left-1 h4 {
  font-weight: 600;
  font-size: 1.5vw;
  display: flex;
  align-items: center;
}
@media (min-width: 1200px) {
  .diversity-wrap .column-left-1 h4 {
    font-size: 1.8rem;
  }
}
@media (max-width: 765px) {
  .diversity-wrap .column-left-1 h4 {
    font-size: 1.6rem;
  }
}
.diversity-wrap .column-left-1 h4::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #000000;
  margin-left: 0.4em;
}
.diversity-wrap .column-left-1 h4.after-none {
  white-space: nowrap;
}
.diversity-wrap .column-left-1 h4.after-none::after {
  content: none;
}
.diversity-wrap .column-right-1 {
  width: 50%;
}

.diversity-head {
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  font-size: 2.667vw;
  margin-bottom: 0.8em;
}
@media (min-width: 1200px) {
  .diversity-head {
    font-size: 3.2rem;
  }
}
@media (max-width: 765px) {
  .diversity-head {
    font-size: 2.4rem;
  }
}

.ideal-wrap {
  width: 48%;
  display: flex;
  justify-content: space-between;
  margin: 2em auto 0;
}
.ideal-wrap a {
  width: 26%;
  text-align: center;
  color: #709bb0;
  background: #ecebe3;
  border: 2px solid #709bb0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 1.5vw;
  line-height: 1.2em;
}
@media (min-width: 1200px) {
  .ideal-wrap a {
    font-size: 1.8rem;
  }
}
@media (max-width: 765px) {
  .ideal-wrap a {
    font-size: 1.6rem;
  }
}
.ideal-wrap a::before {
  display: block;
  content: "";
  padding-top: 100%;
}

.page-entry-btn {
  display: block;
  width: 20%;
  text-align: center;
  color: #ffffff;
  background-color: #000000;
  padding: 0.8em 0;
  font-weight: 800;
  font-size: 1.333vw;
  line-height: 1;
  margin: 3em auto 0;
}
@media (min-width: 1200px) {
  .page-entry-btn {
    font-size: 1.6rem;
  }
}
@media (max-width: 765px) {
  .page-entry-btn {
    font-size: 1.6rem;
  }
}

.privacypolicy-wrap {
  margin: 5em 0;
}

.privacypolicy-contents {
  margin-top: 4.5em;
}
.privacypolicy-contents h2 {
  font-weight: 700;
  font-size: 2vw;
  margin: 1.4em 0 0.4em;
}
@media (min-width: 1200px) {
  .privacypolicy-contents h2 {
    font-size: 2.4rem;
  }
}
@media (max-width: 765px) {
  .privacypolicy-contents h2 {
    font-size: 2.1rem;
  }
}
.privacypolicy-contents p {
  line-height: 1.6em;
}
.privacypolicy-contents li {
  line-height: 1.8em;
}

.privacypolicy-contact {
  margin-top: 2em;
}

.archive-wrap-wrap,
.single-wrap-wrap {
  padding: 3.8em 0 8em;
  margin: 0 auto;
}
.archive-wrap-wrap h2,
.single-wrap-wrap h2 {
  font-size: 4vw;
  text-align: center;
  margin: 1.3em auto 0.4em;
  font-weight: 800;
  line-height: 1em;
}
@media (min-width: 1200px) {
  .archive-wrap-wrap h2,
  .single-wrap-wrap h2 {
    font-size: 4.8rem;
  }
}
@media (max-width: 765px) {
  .archive-wrap-wrap h2,
  .single-wrap-wrap h2 {
    font-size: 3.4rem;
  }
}

.archive-wrap {
  width: 64%;
  margin: 0 auto;
  border: 2px solid #000000;
  border-radius: 13px;
  padding: 1em 2em;
}
.archive-wrap li {
  text-align: justify;
  padding: 0.8em 0;
  border-bottom: 1px solid #000000;
}
.archive-wrap li a {
  display: flex;
  padding: 0.4em 0;
}
.archive-wrap li a .date {
  width: 16%;
}
.archive-wrap li a .text {
  width: 84%;
}

.single-wrap {
  width: 64%;
  margin: 0 auto;
  border: 2px solid #000000;
  border-radius: 13px;
  padding: 2em 2em 0;
}
.single-wrap p {
  text-align: justify;
}

.single-wrap-1 {
  border-bottom: 1px solid #000000;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 1em;
}

.single-wrap-1-in1 {
  width: 20%;
  position: relative;
}
.single-wrap-1-in1 p {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.3em 0px;
}

.single-wrap-1-in2 {
  width: 80%;
}
.single-wrap-1-in2 h3 {
  text-align: justify;
  font-weight: 600;
  font-size: 1.667vw;
  line-height: 1.4em;
}
@media (min-width: 1200px) {
  .single-wrap-1-in2 h3 {
    font-size: 2rem;
  }
}
@media (max-width: 765px) {
  .single-wrap-1-in2 h3 {
    font-size: 1.8rem;
  }
}

.single-wrap-2 {
  width: 80%;
  margin: 1em 0 3em 20%;
}
.single-wrap-2 p {
  line-height: 1.6em;
  padding: 0.3em 0;
}
.single-wrap-2 p a {
  color: #0000ee;
}

#next ul {
  display: flex;
  margin: 3em auto 0;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
}
#next ul li {
  margin: 0 1em;
}
#next .itiran {
  font-weight: 700;
  font-size: 1.333vw;
}
@media (min-width: 1200px) {
  #next .itiran {
    font-size: 1.6rem;
  }
}
@media (max-width: 765px) {
  #next .itiran {
    font-size: 1.6rem;
  }
}
#next a[rel=next]::after,
#next a[rel=prev]::before {
  content: "";
  display: inline-block;
  width: 1.6em;
  height: 1.6em;
  border: solid #000;
  border-width: 0 1.5px 1.5px 0;
  padding: 0.4em;
}
#next a[rel=next]::after {
  transform: rotate(-45deg);
  margin-left: 6px;
}
#next a[rel=prev]::before {
  transform: rotate(135deg);
  margin-right: 6px;
}

.pager {
  text-align: center;
  margin: 1.5em 0;
}
.pager a.prev::before, .pager a.next::after {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  border: solid #000000;
  border-width: 0 1.5px 1.5px 0;
  padding: 0.4em;
}
.pager a.next::after {
  transform: rotate(-45deg);
  margin-left: 6px;
}
.pager a.prev::before {
  transform: rotate(135deg);
  margin-right: 6px;
}

a.page-numbers,
.pager .current {
  color: #63676a;
  padding: 5px 10px;
  margin: 0 2px;
  font-size: 1.667vw;
}
@media (min-width: 1200px) {
  a.page-numbers,
  .pager .current {
    font-size: 2rem;
  }
}
@media (max-width: 765px) {
  a.page-numbers,
  .pager .current {
    font-size: 1.8rem;
  }
}

.pager .current {
  background: #63676a;
  color: #ffffff;
  border-radius: 2px;
  padding: 3px 10px 6px;
  margin: 0 2px;
  font-size: 1.667vw;
}
@media (min-width: 1200px) {
  .pager .current {
    font-size: 2rem;
  }
}
@media (max-width: 765px) {
  .pager .current {
    font-size: 1.8rem;
  }
}

.contact-wrap {
  margin: 6em 0;
}
.contact-wrap table {
  width: 90%;
  margin: 4em auto 2.8em;
  border-top: 1px solid #000000;
}
.contact-wrap table tr {
  border-bottom: 1px solid #000000;
}
.contact-wrap table th {
  width: 26%;
  text-align: left;
  padding: 1.5em 0;
  vertical-align: middle;
}
.contact-wrap table th p {
  font-weight: 600;
  font-size: 1.667vw;
}
@media (min-width: 1200px) {
  .contact-wrap table th p {
    font-size: 2rem;
  }
}
@media (max-width: 765px) {
  .contact-wrap table th p {
    font-size: 1.8rem;
  }
}
.contact-wrap table th p span {
  font-size: 1.167vw;
  color: #d0121b;
  margin-left: 0.2em;
}
@media (min-width: 1200px) {
  .contact-wrap table th p span {
    font-size: 1.4rem;
  }
}
@media (max-width: 765px) {
  .contact-wrap table th p span {
    font-size: 1.6rem;
  }
}
.contact-wrap table th.v-top {
  vertical-align: top;
  padding: 2.5em 0;
}
.contact-wrap table td {
  width: 74%;
  height: 6.6em;
  padding: 1.5em 0;
  vertical-align: middle;
  position: relative;
}
.contact-wrap table td .wpcf7-not-valid-tip {
  position: absolute;
  font-size: 1vw;
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .contact-wrap table td .wpcf7-not-valid-tip {
    font-size: 1.2rem;
  }
}
@media (max-width: 765px) {
  .contact-wrap table td .wpcf7-not-valid-tip {
    font-size: 1.35rem;
  }
}
.contact-wrap table td input[type=text],
.contact-wrap table td input[type=tel],
.contact-wrap table td input[type=email] {
  width: 100%;
  height: 3.6em;
  font-size: 1.333vw;
  padding: 1em;
}
@media (min-width: 1200px) {
  .contact-wrap table td input[type=text],
  .contact-wrap table td input[type=tel],
  .contact-wrap table td input[type=email] {
    font-size: 1.6rem;
  }
}
@media (max-width: 765px) {
  .contact-wrap table td input[type=text],
  .contact-wrap table td input[type=tel],
  .contact-wrap table td input[type=email] {
    font-size: 1.6rem;
  }
}
.contact-wrap table td textarea {
  width: 100%;
  min-height: 20em;
  font-size: 1.333vw;
  padding: 1em;
  resize: vertical;
}
@media (min-width: 1200px) {
  .contact-wrap table td textarea {
    font-size: 1.6rem;
  }
}
@media (max-width: 765px) {
  .contact-wrap table td textarea {
    font-size: 1.6rem;
  }
}
.contact-wrap table td.short-box input {
  width: 22%;
  margin-right: 0.8em;
}
.contact-wrap table td .yubin-field input {
  width: 22%;
}
.contact-wrap table td.radio-box label {
  margin-right: 4em;
}
.contact-wrap table td.radio-box .wpcf7-list-item {
  margin: 0;
}
.contact-wrap table td.educational .wpcf7-not-valid-tip {
  bottom: -5.2em;
}
.contact-wrap table td.contact-address span {
  display: block;
  margin-bottom: 0.3em;
}
.contact-wrap table td select {
  width: 22%;
  text-align: center;
  padding: 1.12em;
  margin: 0 0.8em 0 1.5em;
  font-size: 1.333vw;
}
@media (min-width: 1200px) {
  .contact-wrap table td select {
    font-size: 1.6rem;
  }
}
@media (max-width: 765px) {
  .contact-wrap table td select {
    font-size: 1.6rem;
  }
}
.contact-wrap table.confirm {
  width: 70%;
  margin: 1.2em auto 2.8em;
}
.contact-wrap table.confirm th {
  padding: 1.1em 0;
}
.contact-wrap table.confirm th p {
  font-size: 1.333vw;
}
@media (min-width: 1200px) {
  .contact-wrap table.confirm th p {
    font-size: 1.6rem;
  }
}
@media (max-width: 765px) {
  .contact-wrap table.confirm th p {
    font-size: 1.6rem;
  }
}
.contact-wrap table.confirm td {
  padding: 1.1em 0;
}
.contact-wrap table.confirm td P {
  font-size: 1.333vw;
}
@media (min-width: 1200px) {
  .contact-wrap table.confirm td P {
    font-size: 1.6rem;
  }
}
@media (max-width: 765px) {
  .contact-wrap table.confirm td P {
    font-size: 1.6rem;
  }
}
.contact-wrap .center {
  text-align: center;
}
.contact-wrap .form-pp {
  font-size: 1.167vw;
}
@media (min-width: 1200px) {
  .contact-wrap .form-pp {
    font-size: 1.4rem;
  }
}
@media (max-width: 765px) {
  .contact-wrap .form-pp {
    font-size: 1.6rem;
  }
}
.contact-wrap .form-pp a {
  color: #0099d9;
}
.contact-wrap input[type=submit] {
  padding: 0.5em 2.5em;
  margin-top: 0.7em;
  color: #ffffff;
  background-color: #000000;
  border: none;
  font-weight: 700;
  font-size: 1.333vw;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .contact-wrap input[type=submit] {
    font-size: 1.6rem;
  }
}
@media (max-width: 765px) {
  .contact-wrap input[type=submit] {
    font-size: 1.6rem;
  }
}
.contact-wrap .wpcf7-spinner {
  display: none;
}
.contact-wrap .confirm-wrap p {
  display: flex;
  justify-content: center;
  margin-top: 0.7em;
}
.contact-wrap .confirm-wrap input[type=submit],
.contact-wrap .confirm-wrap input[type=button] {
  width: 17%;
  padding: 0.5em 0;
  margin: 0 2em;
  color: #ffffff;
  background-color: #000000;
  border: none;
  font-weight: 700;
  font-size: 1.333vw;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .contact-wrap .confirm-wrap input[type=submit],
  .contact-wrap .confirm-wrap input[type=button] {
    font-size: 1.6rem;
  }
}
@media (max-width: 765px) {
  .contact-wrap .confirm-wrap input[type=submit],
  .contact-wrap .confirm-wrap input[type=button] {
    font-size: 1.6rem;
  }
}

#complete-message {
  text-align: center;
  display: block;
}
#complete-message span {
  display: block;
  font-size: 2.25vw;
}
@media (min-width: 1200px) {
  #complete-message span {
    font-size: 2.7rem;
  }
}
@media (max-width: 765px) {
  #complete-message span {
    font-size: 2.7rem;
  }
}

#return-home {
  width: 24%;
  padding: 0.5em 0;
  margin: 2em auto 0;
  color: #ffffff;
  background-color: #000000;
  border: none;
  font-weight: 700;
  font-size: 1.333vw;
  cursor: pointer;
}
@media (min-width: 1200px) {
  #return-home {
    font-size: 1.6rem;
  }
}
@media (max-width: 765px) {
  #return-home {
    font-size: 1.6rem;
  }
}

.wpcf7 form .wpcf7-response-output {
  border: none;
  text-align: center;
}/*# sourceMappingURL=recruit-pc.css.map */