@charset "UTF-8";
/*
Theme Name: 2021renewal
Author: nrd-studio
*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
@import url("https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,700;1,600;1,700&family=Montserrat:wght@500;700;800&family=Noto+Sans+JP:wght@300;500;700;900&family=Shippori+Mincho:wght@400;500&display=swap");
button, hr, input {
  overflow: visible; }

progress, sub, sup {
  vertical-align: baseline; }

[type=checkbox], [type=radio], legend {
  box-sizing: border-box;
  padding: 0; }

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

hr {
  box-sizing: content-box;
  height: 0; }

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

img {
  border-style: none; }

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button, select {
  text-transform: none; }

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0; }

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: ButtonText dotted 1px; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal; }

textarea {
  overflow: auto; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details {
  display: block; }

summary {
  display: list-item; }

[hidden], template {
  display: none; }

/*
font-family: 'Noto Sans JP', sans-serif; 300;500;700;900
font-family: 'Montserrat', sans-serif; 500;700;800
font-family: 'Shippori Mincho', serif; 400,500
font-family: 'Exo', sans-serif; 0,700;1,600;1,700
*/
/* color settings */
/*default setting*/
* {
  margin: 0;
  padding: 0; }

html {
  /* ルートのフォントサイズを10pxに設定 */
  font-size: 62.5%; }

h1, h2, h3, h4, p, span, a, th, td, dt, dd, figcaption {
  margin: 0;
  padding: 0; }

body {
  /* ルートのフォントサイズを1.6em（16pxと同等のサイズ）に設定 */
  font-size: 1.6em;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Noto Sans JP', YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  color: #111;
  position: relative; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

figure {
  margin: 0;
  padding: 0; }

img, a {
  vertical-align: top;
  border: none;
  outline: none;
  height: auto;
  text-decoration: none; }

ul {
  list-style-type: none; }

p {
  text-align: justify;
  text-justify: inter-ideograph;
  font-feature-settings: "palt" 1; }

::selection {
  background: #4da635;
  color: #fff; }

::-moz-selection {
  background: #4da635;
  color: #fff; }

a {
  transition: all 0.3s; }

.spOnly {
  display: none; }

.pcOnly {
  display: auto; }

@media screen and (max-width: 1024px) {
  .spOnly {
    display: block; }
  .pcOnly {
    display: none; } }

@keyframes flash {
  0% {
    opacity: .1; }
  100% {
    opacity: 1; } }

a.defLink {
  display: block;
  border: 1px solid #ccc;
  border-radius: 100px;
  padding: 1em 2.2em;
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  background-image: -moz-linear-gradient(0, white 0%, white 100%, white 100%);
  background-image: -webkit-linear-gradient(0, white 0%, white 100%, white 100%);
  background-image: -ms-linear-gradient(0, white 0%, white 100%, white 100%);
  background-color: #fff;
  color: #000;
  position: relative;
  transition: .3s all; }
  a.defLink:before {
    content: '';
    display: block;
    position: absolute;
    right: 8%;
    top: 50%;
    transform: translateY(-6px);
    background: url(img/arrow.svg) 50% no-repeat;
    width: 12px;
    height: 12px;
    opacity: 0;
    transition: .3s all; }
  a.defLink:hover {
    transition: .3s all;
    background-image: -moz-linear-gradient(-30deg, rgba(254, 198, 5, 0.99608) 0%, #dda213 99%, #dda213 100%);
    background-image: -webkit-linear-gradient(-30deg, rgba(254, 198, 5, 0.99608) 0%, #dda213 99%, #dda213 100%);
    background-image: -ms-linear-gradient(-30deg, rgba(254, 198, 5, 0.99608) 0%, #dda213 99%, #dda213 100%);
    border-color: #fff;
    color: #fff; }
    a.defLink:hover:before {
      opacity: 1;
      right: 5%; }

.content_wrap {
  max-width: 1160px;
  margin: 0 auto;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 8vh;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .content_wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: 50px;
    background-color: #dd910d;
    width: 40px;
    height: 3px; }
  .content_wrap.header:before {
    display: none; }
  @media screen and (max-width: 1024px) {
    .content_wrap {
      padding-left: 30px;
      padding-right: 30px; }
      .content_wrap:before {
        left: 30px; } }

.tabTitle {
  width: 35%; }
  .tabTitle span {
    font-family: 'Exo', sans-serif;
    font-style: italic;
    font-size: 2.6rem;
    font-weight: 600;
    color: #dd910d;
    display: block; }
    .tabTitle span.jp {
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 700;
      font-size: 1.5rem;
      font-style: normal;
      line-height: 1;
      color: #000;
      padding-top: .6em;
      padding-left: .3em; }
  @media screen and (max-width: 599px) {
    .tabTitle {
      width: 100%;
      padding-bottom: 3em; } }

/**
*	ページナビ
*
*/
.wp-pagenavi {
  padding-top: 5vh; }
  .wp-pagenavi span,
  .wp-pagenavi a {
    display: inline-block !important;
    height: 1.2em;
    width: 1.2em;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.4rem !important;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid #dd910d;
    line-height: 1.3 !important;
    padding: .8em !important;
    margin: 2px;
    color: #dd910d;
    border-radius: 3px; }
    .wp-pagenavi span.current,
    .wp-pagenavi a.current {
      border-color: #dd910d !important;
      background-color: #dd910d;
      color: #fff; }
  .wp-pagenavi a:hover {
    border-color: #dd910d;
    background-color: #dd910d;
    color: #fff !important; }
  .wp-pagenavi a:hover:before {
    display: none; }
  .wp-pagenavi span.pages,
  .wp-pagenavi .last,
  .wp-pagenavi .first {
    display: none !important; }

.resp {
  display: none; }

.notfound {
  margin-top: 8vh;
  padding-bottom: 15vh;
  border-top: 1px solid #ccc; }
  .notfound p {
    width: 60%;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.8rem !important;
    font-weight: 300;
    line-height: 2; }

#loading {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999; }
  #loading .container {
    text-align: center; }
    #loading .container img {
      width: 130px;
      animation: rise 0.5s ease-out 1; }
    #loading .container p {
      opacity: 0;
      text-align: center;
      line-height: 1; }
      #loading .container p.shoulder {
        padding-top: 1.2em;
        animation: wake 0.5s 0.5s ease-out both; }
      #loading .container p.company {
        padding: .6em;
        font-size: 150%;
        font-weight: 700;
        animation: wake 0.5s 0.7s ease-out both; }
      #loading .container p.eng {
        font-size: 100%;
        font-weight: 500;
        animation: wake 0.5s 0.9s ease-out both; }
        #loading .container p.eng span {
          color: #e61914; }
      #loading .container p.now {
        padding-top: 2em;
        font-family: 'Montserrat', sans-serif;
        font-size: 1.3rem;
        font-weight: 800;
        animation: blink 0.8s infinite;
        color: #4da635; }
  #loading.loaded {
    width: 0vh;
    left: 100%;
    right: 0;
    transition: all 0.3s ease-out 1.8s; }
    #loading.loaded .container {
      opacity: 0;
      display: 0;
      transition: all 0.2s ease-out 1.6s; }

@keyframes rise {
  0% {
    transform: translateY(120px);
    opacity: 0; }
  100% {
    transform: translateY(0px);
    opacity: 1; } }

@keyframes wake {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes blink {
  0% {
    opacity: .2; }
  50% {
    opacity: 1; }
  100% {
    opacity: .2; } }

header {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 30px; }
  header .header_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0; }
    header .header_block .sitetitle {
      max-width: 180px;
      width: 100%; }
      header .header_block .sitetitle img {
        width: 100%; }

@media screen and (max-width: 1024px) {
  nav.global {
    display: none; } }

nav.global ul {
  display: flex;
  align-items: center; }
  nav.global ul li {
    padding: 0 1em; }
    nav.global ul li a {
      display: inline-block;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      font-size: 1.4rem;
      color: #333;
      position: relative; }
      nav.global ul li a:before {
        content: '';
        display: block;
        width: 0%;
        height: 1px;
        background-color: #dd910d;
        position: absolute;
        bottom: -8px;
        left: 0;
        transition: .2s ease-out; }
      nav.global ul li a:hover {
        color: #dd910d; }
        nav.global ul li a:hover:before {
          width: 100%; }

.breadcrumbs {
  margin-top: 7vh;
  padding-top: 12px;
  padding-bottom: .3em;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: .05em; }
  .breadcrumbs span {
    color: #888; }
    .breadcrumbs span a span {
      color: #dd910d; }
    .breadcrumbs span a:hover {
      text-decoration-color: #dd910d; }
  @media screen and (max-width: 1023px) {
    .breadcrumbs {
      margin-top: 7vh;
      line-height: 1.6; } }
  @media screen and (max-width: 599px) {
    .breadcrumbs {
      letter-spacing: .02em;
      line-height: 1.5; } }

footer p.copyright {
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  padding-top: 4vh;
  font-size: 1.3rem;
  color: #fff;
  z-index: 1; }

footer .footer_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 90%;
  padding: 8vh 5vw 2rem; }
  footer .footer_wrap .footer_left {
    width: 30%;
    z-index: 1; }
    footer .footer_wrap .footer_left a.title {
      display: inline-block;
      width: 160px; }
      @media screen and (max-width: 1024px) {
        footer .footer_wrap .footer_left a.title {
          width: 200px; } }
      footer .footer_wrap .footer_left a.title img {
        width: 100%; }
    footer .footer_wrap .footer_left ul.sns {
      list-style-type: none;
      padding-top: 5vh; }
      @media screen and (max-width: 599px) {
        footer .footer_wrap .footer_left ul.sns {
          display: none; } }
      footer .footer_wrap .footer_left ul.sns li {
        padding: 4px 0;
        width: 90px; }
        footer .footer_wrap .footer_left ul.sns li a img {
          width: 100%; }
        @media screen and (max-width: 1024px) {
          footer .footer_wrap .footer_left ul.sns li {
            padding: 1vh 0;
            width: 120px; } }
  footer .footer_wrap .footer_right {
    width: 70%;
    z-index: 1; }
    @media screen and (max-width: 599px) {
      footer .footer_wrap .footer_right {
        width: 100%; } }
  @media screen and (max-width: 1024px) {
    footer .footer_wrap {
      width: 85%;
      padding: 8vh 0 2rem;
      margin: 0 auto; } }

footer .operation_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end; }
  footer .operation_wrap .operation_left,
  footer .operation_wrap .operation_center,
  footer .operation_wrap .operation_right {
    margin-left: 3vw; }
  footer .operation_wrap .operation_right a {
    color: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    font-size: 1.3rem;
    line-height: 1; }
    footer .operation_wrap .operation_right a:hover {
      text-decoration: underline; }
  @media screen and (max-width: 1024px) {
    footer .operation_wrap .operation_left,
    footer .operation_wrap .operation_center,
    footer .operation_wrap .operation_right {
      width: 70%;
      margin-left: 0; }
    footer .operation_wrap .operation_center,
    footer .operation_wrap .operation_right {
      margin-top: 6vh; } }
  @media screen and (max-width: 599px) {
    footer .operation_wrap {
      justify-content: flex-start;
      margin-top: 8vh; }
      footer .operation_wrap .operation_left,
      footer .operation_wrap .operation_center,
      footer .operation_wrap .operation_right {
        width: 100%; }
      footer .operation_wrap .operation_center {
        margin-top: 5vh; }
      footer .operation_wrap .operation_right {
        margin-top: 5vh; }
        footer .operation_wrap .operation_right a {
          display: none; } }
  footer .operation_wrap p {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    color: #fff; }
    footer .operation_wrap p.tag {
      display: inline-block;
      font-size: 1.2rem;
      font-weight: 500;
      margin-bottom: 2.5em;
      line-height: 1;
      padding: 0.5em 0.8em;
      background-color: #fff;
      color: #000;
      border-radius: 4px; }
      @media screen and (max-width: 599px) {
        footer .operation_wrap p.tag {
          margin-bottom: 1.2em; } }
    footer .operation_wrap p.company {
      font-size: 1.55rem;
      font-weight: 500;
      line-height: 1.3; }
    footer .operation_wrap p.address {
      padding-top: 1.5rem;
      line-height: 1.8;
      font-size: 1.3rem; }
      footer .operation_wrap p.address a {
        color: #fff;
        position: relative;
        line-height: 1;
        padding: .3em 0; }
        footer .operation_wrap p.address a:before {
          content: '';
          background-image: url("img/web.svg");
          display: inline-block;
          height: 1.4rem;
          width: 1.4rem;
          vertical-align: top;
          margin-right: 0.2em; }
        footer .operation_wrap p.address a:hover {
          text-decoration: underline; }
    footer .operation_wrap p.phone {
      font-size: 1.8rem;
      font-weight: 700;
      padding-bottom: .4em; }
    footer .operation_wrap p.small {
      font-size: 1.2rem;
      line-height: 1.4;
      padding-bottom: 3rem; }

.nav-open {
  display: none; }
  @media screen and (max-width: 1024px) {
    .nav-open {
      display: block;
      position: fixed;
      top: 25px;
      right: 25px;
      width: 50px;
      height: 50px;
      z-index: 8888; }
      .nav-open img {
        width: 100%; } }
  @media screen and (max-width: 599px) {
    .nav-open {
      width: 46px;
      height: 46px;
      top: 16px;
      right: 16px; } }

.nav-area {
  visibility: hidden;
  /* displayではなくvisibility */
  opacity: 0;
  position: fixed;
  z-index: 8999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: .4s;
  background-color: #fff; }
  .nav-area .nav-close {
    display: block;
    position: fixed;
    top: 20px;
    right: 15px;
    width: 70px;
    height: 70px;
    z-index: 9099; }
    .nav-area .nav-close img {
      width: 100%; }
    @media screen and (max-width: 1024px) {
      .nav-area .nav-close {
        top: 25px;
        right: 25px;
        width: 50px;
        height: 50px; } }
    @media screen and (max-width: 599px) {
      .nav-area .nav-close {
        width: 46px;
        height: 46px;
        top: 16px;
        right: 16px; } }

.nav-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: flex;
  flex-direction: column; }
  .nav-wrapper ul {
    flex-direction: column;
    width: auto;
    padding: 2vh 0; }
    .nav-wrapper ul li {
      padding: 1.4vh 20%; }
      @media screen and (max-width: 599px) {
        .nav-wrapper ul li {
          padding: 1vh 20%; } }
      .nav-wrapper ul li a {
        color: #333;
        font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: .07em; }
        .nav-wrapper ul li a span {
          font-family: 'Exo', sans-serif;
          font-style: italic;
          font-size: 2.8rem;
          font-weight: 700;
          color: #dd910d; }
        @media screen and (max-width: 599px) {
          .nav-wrapper ul li a {
            letter-spacing: 0; } }
    .nav-wrapper ul.sns {
      padding-bottom: 5vh; }
      .nav-wrapper ul.sns li {
        padding: .5vh 20%; }
        .nav-wrapper ul.sns li a img {
          height: 40px;
          width: auto; }
      @media screen and (max-width: 599px) {
        .nav-wrapper ul.sns li {
          padding: .3vh 20%; }
          .nav-wrapper ul.sns li a img {
            height: 30px; } }
  .nav-wrapper a.pp {
    color: #333;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    padding: .5vh 20%; }

.is-show {
  visibility: visible;
  opacity: 1; }

@keyframes anime {
  0% {
    opacity: 0; }
  8% {
    opacity: 1; }
  17% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: scale(1.2);
    z-index: 9; } }

@media screen and (max-width: 1024px) {
  .resp {
    display: block;
    width: 100%; }
    .resp .logo {
      padding: 0; }
      .resp .logo img {
        width: 35%; } }
      @media screen and (max-width: 1024px) and (max-width: 599px) {
        .resp .logo img {
          width: 55%; } }

.home_first {
  display: flex;
  flex-wrap: wrap; }
  .home_first .main_images {
    height: 100vh;
    width: 50%;
    overflow: hidden;
    position: relative; }
    .home_first .main_images img.corner {
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: 99; }
    @media screen and (max-width: 1024px) {
      .home_first .main_images {
        width: 100%;
        height: 85vh;
        margin: 0 auto;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1; } }
    @media screen and (max-width: 599px) {
      .home_first .main_images {
        height: 80vh; } }
  .home_first .main_images_pic {
    z-index: 10;
    opacity: 0;
    width: 100%;
    height: 100vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    animation: anime 27s 0s infinite; }
  .home_first .main_images_pic:nth-of-type(2) {
    animation-delay: 9s; }
  .home_first .main_images_pic:nth-of-type(3) {
    animation-delay: 18s; }
  .home_first .titles {
    width: 50%; }
    @media screen and (max-width: 1024px) {
      .home_first .titles {
        width: 100%;
        margin-top: 75vh; } }
    @media screen and (max-width: 599px) {
      .home_first .titles {
        margin-top: 70vh; } }
    .home_first .titles h1 {
      padding: 7vh 0 5vh;
      margin: 0 auto;
      text-align: center; }
      .home_first .titles h1 img {
        width: 180px; }
      @media screen and (max-width: 1024px) {
        .home_first .titles h1 {
          display: none; } }
    .home_first .titles nav ul {
      display: flex;
      align-content: center;
      justify-content: center;
      margin: 0 auto; }
      @media screen and (max-width: 1024px) {
        .home_first .titles nav ul {
          display: none; } }
      .home_first .titles nav ul li {
        width: 24%;
        margin: 0 1%; }
        .home_first .titles nav ul li a {
          font-size: 1.3rem;
          padding: 1em 1.2em; }
    .home_first .titles p.catch {
      text-align: center;
      font-family: 'Shippori Mincho', serif;
      font-weight: 400;
      font-size: 3.6rem;
      line-height: 2.2;
      letter-spacing: .2em;
      padding: 2.4em 0;
      padding-right: -.8em; }
      @media screen and (max-width: 1024px) {
        .home_first .titles p.catch {
          padding: 1em 0 2.4em; } }
      @media screen and (max-width: 599px) {
        .home_first .titles p.catch {
          font-size: 2.5rem;
          font-weight: 500;
          letter-spacing: .1em; } }
    .home_first .titles p.lead {
      display: block;
      margin: 0 auto;
      height: 13em;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      -webkit-text-orientation: upright;
      text-orientation: upright;
      font-family: 'Shippori Mincho', serif;
      font-size: 1.45rem;
      line-height: 2.2; }
      .home_first .titles p.lead span {
        background-color: yellow; }
      @media screen and (max-width: 1024px) {
        .home_first .titles p.lead {
          font-size: 1.35rem; } }
      @media screen and (max-width: 599px) {
        .home_first .titles p.lead {
          height: 21em; } }

.home_parts p.en {
  font-family: 'Exo', sans-serif !important;
  font-weight: 600 !important;
  font-size: 1.8rem;
  font-style: italic;
  color: #dd910d; }

.home_parts h2 {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center;
  color: #000;
  line-height: 1;
  padding: 0.7em 25px;
  letter-spacing: .04em; }
  @media screen and (max-width: 599px) {
    .home_parts h2 {
      font-size: 2.8rem;
      padding-top: 0.4em; } }

.home_content {
  display: flex;
  flex-wrap: wrap;
  padding: 20vh 0; }
  @media screen and (max-width: 1024px) {
    .home_content {
      padding: 20vh 0 10vh; } }
  .home_content .home_content_txt {
    width: 50%; }
    .home_content .home_content_txt p {
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 300;
      line-height: 2.1;
      text-align: center;
      padding: 1em 25px 2em; }
      .home_content .home_content_txt p.en {
        text-align: center;
        line-height: 1;
        padding: 0; }
      @media screen and (max-width: 599px) {
        .home_content .home_content_txt p {
          text-align: left; } }
    .home_content .home_content_txt a {
      width: 10em;
      margin: 0 auto; }
    @media screen and (max-width: 1024px) {
      .home_content .home_content_txt {
        width: 100%; } }
  @media screen and (max-width: 599px) {
    .home_content.reverse {
      padding: 10vh 0 10vh; } }
  .home_content.reverse .home_content_txt {
    width: 60%; }
    @media screen and (max-width: 1024px) {
      .home_content.reverse .home_content_txt {
        width: 100%; } }
  .home_content.reverse figure {
    width: 40%;
    background: url(img/consulting.png) center 50% no-repeat;
    background-position: 90% 0;
    background-size: contain; }
    @media screen and (max-width: 1024px) {
      .home_content.reverse figure {
        width: 100%;
        height: 20vh;
        margin-bottom: 6vh;
        background-position: 50% 0; } }
  .home_content figure {
    width: 50%;
    background: url(img/searchImg.png) center 50% no-repeat;
    background-position: left center;
    background-size: cover; }
    .home_content figure.reserch {
      margin-top: 6vh; }
    @media screen and (max-width: 1024px) {
      .home_content figure {
        width: 100%;
        height: 20vh; } }
  .home_content.withLine {
    padding: 12vh 0;
    border-top: 1px solid #ccc; }
    @media screen and (max-width: 1024px) {
      .home_content.withLine {
        padding: 8vh 0; } }
    .home_content.withLine .home_content_txt h2 {
      text-align: left;
      padding-left: 0; }
    .home_content.withLine .home_content_txt p {
      text-align: left; }
    .home_content.withLine .home_content_txt a.defLink {
      margin-top: 2em;
      font-size: 1.3rem;
      padding: 0.7em 1em; }
      @media screen and (max-width: 599px) {
        .home_content.withLine .home_content_txt a.defLink {
          margin-top: .8em; } }
  .home_content .home_content_wrap {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
    display: flex;
    flex-wrap: wrap; }
    .home_content .home_content_wrap .home_content_txt {
      width: 30%; }
      .home_content .home_content_wrap .home_content_txt a {
        margin-left: 0; }
    @media screen and (max-width: 1024px) {
      .home_content .home_content_wrap {
        width: 80%;
        padding: 0 10%; } }
    @media screen and (max-width: 599px) {
      .home_content .home_content_wrap .home_content_txt {
        width: 100%; }
      .home_content .home_content_wrap .right ul {
        padding-left: 0; } }

.home_pickup {
  background-color: #fef4ec;
  padding: 7vh 0; }
  .home_pickup p.en {
    text-align: center; }
  .home_pickup h2 {
    padding-bottom: 2.5em; }
    @media screen and (max-width: 599px) {
      .home_pickup h2 {
        padding-bottom: 1.5em; } }
  .home_pickup .pickups {
    width: 80%;
    margin: 0 auto; }
    .home_pickup .pickups ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .home_pickup .pickups ul li {
        width: 31%; }
        .home_pickup .pickups ul li a figure {
          border-radius: 6px;
          width: 100%;
          height: 220px;
          background-size: 120%;
          background-position: 50%;
          transition: .4s ease; }
        .home_pickup .pickups ul li a p {
          font-family: 'Noto Sans JP', sans-serif; }
          .home_pickup .pickups ul li a p.title {
            display: inline-block;
            font-size: 1.6rem;
            font-weight: 700;
            line-height: 1.4;
            color: #000;
            padding: 1.5em 0 0.3em;
            transition: .4s ease;
            position: relative; }
            .home_pickup .pickups ul li a p.title:before {
              content: '';
              display: block;
              width: 0%;
              height: 2px;
              background-color: #dd910d;
              position: absolute;
              bottom: 0;
              left: 0;
              transition: .1s ease; }
          .home_pickup .pickups ul li a p.dijest {
            padding-top: 1.5em;
            font-size: 1.3rem;
            line-height: 1.8;
            color: #444; }
        .home_pickup .pickups ul li a:hover figure {
          background-size: 130%; }
        .home_pickup .pickups ul li a:hover p.title {
          color: #dd910d; }
          .home_pickup .pickups ul li a:hover p.title:before {
            width: 100%; }
        @media screen and (max-width: 1024px) {
          .home_pickup .pickups ul li {
            width: 100%; }
            .home_pickup .pickups ul li a {
              display: flex;
              flex-wrap: wrap;
              justify-content: space-between;
              align-items: center;
              margin: 8px 0; }
              .home_pickup .pickups ul li a figure {
                width: 35%;
                height: 160px; }
              .home_pickup .pickups ul li a .text {
                width: 62%; } }
        @media screen and (max-width: 599px) {
          .home_pickup .pickups ul li a figure {
            width: 100%;
            height: 160px; }
          .home_pickup .pickups ul li a .text {
            width: 100%;
            padding-bottom: 3em; } }

.home_support {
  padding: 10vh 0; }
  .home_support h2 {
    padding-bottom: 10vh; }
    .home_support h2 img {
      max-width: 320px;
      width: 100%; }
  @media screen and (max-width: 1024px) {
    .home_support {
      padding: 7vh 0; }
      .home_support h2 {
        padding-bottom: 6vh; } }

a.more {
  display: block;
  max-width: 500px;
  width: 100%;
  margin: 4vh auto 0;
  background-color: #dd910d;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  color: #fff;
  padding: 1.5em;
  border: 1px solid #dd910d;
  border-radius: 50px;
  text-align: center; }
  a.more:hover {
    border: 1px solid #ccc;
    color: #dd910d;
    background-color: #fff; }
  @media screen and (max-width: 599px) {
    a.more {
      max-width: none;
      width: 60%;
      margin: 4vh auto 0; } }

p.cat {
  font-family: 'Exo', sans-serif;
  font-weight: 700;
  color: #999;
  font-size: 1.9rem;
  letter-spacing: .1em;
  padding: 7vh 0 1em;
  text-align: center; }

.categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 600px;
  margin: 0 auto; }
  .categories li {
    padding: 3px; }

@media screen and (max-width: 1024px) {
  .cards {
    padding-left: 10%;
    padding-right: 10%; } }

.cards ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 900px;
  margin: 0 auto; }
  .cards ul::after {
    display: block;
    content: "";
    width: 30%; }
  .cards ul li {
    width: 30%;
    padding-bottom: 8vh;
    perspective: 1000px; }
    @media screen and (max-width: 1024px) {
      .cards ul li {
        width: 48%;
        padding-bottom: 4vh; } }
    @media screen and (max-width: 599px) {
      .cards ul li {
        width: 100%; } }
    .cards ul li a {
      display: block;
      border-radius: 12px;
      /* box-shadow */
      box-shadow: 4px 4px 16px -2px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(10, 10, 10, 0.02);
      transition: .3s all; }
      .cards ul li a img {
        width: 100%; }
      .cards ul li a figure {
        height: 150px;
        width: 100%;
        background-size: cover;
        background-position: 50%;
        border-radius: 12px 12px 0px 0px; }
      .cards ul li a .text {
        height: 230px;
        padding: 26px; }
        .cards ul li a .text span.term {
          display: inline-block;
          background-color: #dd910d;
          font-family: 'Noto Sans JP', sans-serif;
          font-size: 1.2rem;
          color: #fff;
          padding: 0.5em 1em;
          line-height: 1;
          border-radius: 30px;
          margin-bottom: 1.4em;
          margin-right: 2px; }
          @media screen and (max-width: 599px) {
            .cards ul li a .text span.term {
              font-size: 1.4rem; } }
        .cards ul li a .text p {
          font-family: 'Noto Sans JP', sans-serif;
          color: #000; }
          .cards ul li a .text p.company {
            font-weight: 500;
            font-size: 1.2rem;
            line-height: 1.4;
            padding-bottom: 1em; }
          .cards ul li a .text p.title {
            font-weight: 700;
            font-size: 1.7rem;
            line-height: 1.6;
            padding-bottom: 1em;
            transition: .3s all; }
          .cards ul li a .text p.dijest {
            font-weight: 300;
            font-size: 1.4rem;
            line-height: 1.6;
            padding-bottom: 1em; }
          .cards ul li a .text p.date {
            font-family: 'Montserrat', sans-serif;
            font-weight: 500;
            font-size: 1.2rem;
            letter-spacing: .12em;
            color: #dd910d; }
            .cards ul li a .text p.date img {
              height: 14px;
              width: auto;
              vertical-align: middle;
              padding-right: 6px; }
      .cards ul li a:hover {
        transform: translateZ(30px); }
        .cards ul li a:hover .text p.title {
          color: #dd910d; }

@media screen and (max-width: 1024px) {
  .home_content ul.news {
    padding-top: 3em; } }

@media screen and (max-width: 599px) {
  .home_content ul.news {
    padding-top: 3em; } }

.home_content ul.news li a {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  color: #000;
  line-height: 1.6;
  display: flex;
  flex-wrap: wrap; }
  .home_content ul.news li a .date {
    width: 10em; }
    @media screen and (max-width: 1024px) {
      .home_content ul.news li a .date {
        width: 100%; } }
  @media screen and (max-width: 1024px) {
    .home_content ul.news li a .title {
      font-size: 1.6rem;
      padding-top: .5em; } }
  .home_content ul.news li a:hover {
    color: #dd910d; }

.home_content ul.news li:nth-child(2) {
  padding: 2.5em 0; }

.forcompany_wrap {
  display: flex;
  flex-wrap: wrap;
  max-width: 760px;
  width: 100%;
  align-items: center;
  margin: 0 auto; }
  .forcompany_wrap .forcompany_img {
    width: 60%;
    text-align: center; }
    .forcompany_wrap .forcompany_img img {
      max-width: 320px; }
  .forcompany_wrap a {
    padding: 1em 2.8em; }
  @media screen and (max-width: 599px) {
    .forcompany_wrap {
      justify-content: center; }
      .forcompany_wrap .forcompany_img {
        width: 100%;
        padding-bottom: 4vh; }
        .forcompany_wrap .forcompany_img img {
          width: 70%; } }

.header {
  position: inherit;
  background-color: transparent;
  z-index: auto; }
  .header .wrap {
    max-width: 1100px;
    width: 90%;
    margin: 0 auto; }
  .header h1,
  .header .theme {
    font-size: 3.2rem;
    font-weight: 700;
    padding-top: .4em;
    line-height: 1.3;
    font-feature-settings: "palt" 1; }
    .header h1 b,
    .header .theme b {
      color: #4da635; }
    @media screen and (max-width: 1023px) {
      .header h1,
      .header .theme {
        font-size: 2.7rem; } }
    @media screen and (max-width: 599px) {
      .header h1,
      .header .theme {
        font-size: 2.2rem;
        font-weight: 900; } }

article figure.home {
  width: 100%;
  height: 40vh; }
  @media screen and (max-width: 1023px) {
    article figure.home {
      height: 28vh; } }

article section p.tag {
  padding-bottom: 2em;
  font-family: 'Montserrat', sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  color: #000; }
  article section p.tag:first-letter {
    color: #e61914; }

article section .devide {
  display: flex;
  flex-wrap: wrap;
  padding-top: 12vh;
  justify-content: space-between; }
  @media screen and (max-width: 1023px) {
    article section .devide {
      padding-top: 7vh; } }
  article section .devide .left {
    width: 35%; }
    @media screen and (max-width: 1023px) {
      article section .devide .left {
        width: 100%; } }
  article section .devide .right {
    width: 55%; }
    @media screen and (max-width: 1023px) {
      article section .devide .right {
        padding-top: 5vh;
        width: 100%; } }

article section ul.pageLink {
  width: 100%;
  margin-top: 15vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 1023px) {
    article section ul.pageLink {
      margin-top: 8vh; } }
  article section ul.pageLink li {
    width: 49.9%;
    background-color: #e5e5e5;
    display: flex;
    align-items: center; }
    @media screen and (max-width: 1023px) {
      article section ul.pageLink li {
        width: 100%; } }
    article section ul.pageLink li a {
      display: block;
      width: 100%;
      background-color: #333;
      font-size: 1.6rem;
      font-weight: 500;
      color: #fff;
      cursor: pointer;
      padding: 2em 3em;
      position: relative; }
      @media screen and (max-width: 1023px) {
        article section ul.pageLink li a {
          padding: 1.3em 2em; } }
      article section ul.pageLink li a.prev {
        text-align: right; }
        article section ul.pageLink li a.prev:before {
          content: url(img/triangle.svg);
          width: 6px;
          position: absolute;
          right: 20px;
          top: 38%; }
      article section ul.pageLink li a.next:before {
        content: url(img/triangle.svg);
        transform: scale(-1, 1);
        width: 6px;
        position: absolute;
        left: 20px;
        top: 37%; }
      @media screen and (max-width: 1023px) {
        article section ul.pageLink li a.next {
          margin-bottom: 3px; } }
      article section ul.pageLink li a:hover {
        background-color: #dd910d;
        padding-left: 2.4em;
        padding-right: 2.4em; }
    article section ul.pageLink li .empty {
      display: block;
      width: 100%;
      background-color: #e5e5e5;
      color: #e5e5e5;
      font-size: 1.6rem;
      padding: 2em; }
      @media screen and (max-width: 1023px) {
        article section ul.pageLink li .empty {
          display: none; } }
    article section ul.pageLink li.return {
      width: 100%;
      margin-top: 3px; }
      article section ul.pageLink li.return a {
        text-align: center; }

table {
  width: 100%;
  padding-bottom: 5vh; }
  table tr th, table tr td {
    padding-top: 1.8em;
    padding-bottom: 1.8em;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.35rem;
    line-height: 2.1;
    vertical-align: top;
    border-top: 1px solid #eee; }
    @media screen and (max-width: 599px) {
      table tr th, table tr td {
        display: block;
        border-top: none; } }
  table tr th {
    font-weight: 500;
    text-align: left;
    padding-right: 6.5em;
    white-space: nowrap; }
    @media screen and (max-width: 1024px) {
      table tr th {
        padding-right: 2.2em; } }
    @media screen and (max-width: 599px) {
      table tr th {
        padding-top: 1em;
        padding-bottom: 0;
        font-size: 1.4rem;
        font-weight: 700; } }
  table tr td {
    font-weight: 300; }
    table tr td a {
      color: #dd910d; }
      table tr td a:hover {
        text-decoration: underline; }
    @media screen and (max-width: 599px) {
      table tr td {
        padding-top: 0; } }
  table tr:first-child th, table tr:first-child td {
    border-top: none; }

article.notfound .home p {
  font-weight: 300;
  font-size: 1.8rem;
  line-height: 2.3;
  padding-bottom: 3em; }

section.company {
  padding-top: 8vh; }
  section.company h1 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    font-size: 2.4rem;
    border-bottom: 2px solid #000;
    padding-bottom: 22px;
    margin-bottom: 22px; }
  section.company .content_wrap.header {
    padding-top: 2vh;
    display: block; }
  section.company ul.anchors {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 6vh; }
    section.company ul.anchors li {
      padding-right: 1.2em; }
      @media screen and (max-width: 599px) {
        section.company ul.anchors li {
          padding: 0.3em 0.8em 0.7em 0; } }
      section.company ul.anchors li a {
        padding-left: 30px;
        position: relative;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 300;
        font-size: 1.4rem;
        line-height: 1;
        color: #333; }
        @media screen and (max-width: 599px) {
          section.company ul.anchors li a {
            font-weight: 500; } }
        section.company ul.anchors li a:before {
          content: '';
          display: block;
          width: 24px;
          height: 24px;
          background: url(img/anchor_up.svg) 50% no-repeat;
          background-size: contain;
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-12px); }
        section.company ul.anchors li a:hover {
          color: #dd910d; }
          section.company ul.anchors li a:hover:before {
            background: url(img/anchor_on.svg) 50% no-repeat; }

.introduction {
  background-image: url(img/company_bg.png);
  background-position-y: 25vh;
  background-repeat: repeat-x; }
  .introduction .content_wrap:before {
    display: none; }
  @media screen and (max-width: 1024px) {
    .introduction .content_wrap {
      flex-direction: column-reverse; } }
  @media screen and (max-width: 599px) {
    .introduction .content_wrap {
      padding-top: 0; } }
  .introduction .content_wrap .catchBlock_text {
    width: 45%; }
    .introduction .content_wrap .catchBlock_text h2 {
      font-family: 'Shippori Mincho', serif;
      font-weight: 400;
      font-size: 4.4rem;
      line-height: 1.5;
      padding-top: 5vh; }
    .introduction .content_wrap .catchBlock_text p {
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      font-size: 1.4rem;
      line-height: 2.7;
      padding: 8vh 0 12vh; }
    @media screen and (max-width: 1024px) {
      .introduction .content_wrap .catchBlock_text {
        width: 100%; }
        .introduction .content_wrap .catchBlock_text p {
          font-size: 1.7rem;
          padding: 6vh 0 8vh; } }
    @media screen and (max-width: 599px) {
      .introduction .content_wrap .catchBlock_text {
        width: 100%; }
        .introduction .content_wrap .catchBlock_text h2 {
          font-size: 3.4rem; }
        .introduction .content_wrap .catchBlock_text p {
          line-height: 2.1;
          padding: 4vh 0 12vh; } }
  .introduction .content_wrap figure {
    display: block;
    width: 45%;
    height: 320px;
    background-size: cover;
    border-radius: 5px; }
    @media screen and (max-width: 1024px) {
      .introduction .content_wrap figure {
        width: 100%; } }
    @media screen and (max-width: 599px) {
      .introduction .content_wrap figure {
        height: 25vh;
        background-position: 50%; } }

.whoweare,
.interview,
.companyinfo,
.recruitinginfo,
.contactForm,
.consulting_content {
  border-top: 1px solid #eee;
  padding-bottom: 8vh; }
  .whoweare .content_wrap,
  .interview .content_wrap,
  .companyinfo .content_wrap,
  .recruitinginfo .content_wrap,
  .contactForm .content_wrap,
  .consulting_content .content_wrap {
    padding-top: 12vh;
    padding-bottom: 0; }
    @media screen and (max-width: 599px) {
      .whoweare .content_wrap,
      .interview .content_wrap,
      .companyinfo .content_wrap,
      .recruitinginfo .content_wrap,
      .contactForm .content_wrap,
      .consulting_content .content_wrap {
        padding-top: 8vh; } }
    .whoweare .content_wrap h3,
    .interview .content_wrap h3,
    .companyinfo .content_wrap h3,
    .recruitinginfo .content_wrap h3,
    .contactForm .content_wrap h3,
    .consulting_content .content_wrap h3 {
      width: 35%; }
      .whoweare .content_wrap h3 span,
      .interview .content_wrap h3 span,
      .companyinfo .content_wrap h3 span,
      .recruitinginfo .content_wrap h3 span,
      .contactForm .content_wrap h3 span,
      .consulting_content .content_wrap h3 span {
        font-family: 'Exo', sans-serif;
        font-style: italic;
        font-size: 2.6rem;
        font-weight: 600;
        color: #dd910d;
        display: block; }
        .whoweare .content_wrap h3 span.jp,
        .interview .content_wrap h3 span.jp,
        .companyinfo .content_wrap h3 span.jp,
        .recruitinginfo .content_wrap h3 span.jp,
        .contactForm .content_wrap h3 span.jp,
        .consulting_content .content_wrap h3 span.jp {
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 700;
          font-size: 1.5rem;
          font-style: normal;
          line-height: 1;
          color: #000;
          padding-top: .6em;
          padding-left: .3em; }
      @media screen and (max-width: 599px) {
        .whoweare .content_wrap h3,
        .interview .content_wrap h3,
        .companyinfo .content_wrap h3,
        .recruitinginfo .content_wrap h3,
        .contactForm .content_wrap h3,
        .consulting_content .content_wrap h3 {
          width: 100%;
          margin-bottom: 8vh; } }
    .whoweare .content_wrap .blank,
    .interview .content_wrap .blank,
    .companyinfo .content_wrap .blank,
    .recruitinginfo .content_wrap .blank,
    .contactForm .content_wrap .blank,
    .consulting_content .content_wrap .blank {
      width: 35%; }
      @media screen and (max-width: 599px) {
        .whoweare .content_wrap .blank,
        .interview .content_wrap .blank,
        .companyinfo .content_wrap .blank,
        .recruitinginfo .content_wrap .blank,
        .contactForm .content_wrap .blank,
        .consulting_content .content_wrap .blank {
          display: none; } }
    .whoweare .content_wrap .textBlock,
    .interview .content_wrap .textBlock,
    .companyinfo .content_wrap .textBlock,
    .recruitinginfo .content_wrap .textBlock,
    .contactForm .content_wrap .textBlock,
    .consulting_content .content_wrap .textBlock {
      width: 55%;
      overflow: hidden; }
      @media screen and (max-width: 599px) {
        .whoweare .content_wrap .textBlock,
        .interview .content_wrap .textBlock,
        .companyinfo .content_wrap .textBlock,
        .recruitinginfo .content_wrap .textBlock,
        .contactForm .content_wrap .textBlock,
        .consulting_content .content_wrap .textBlock {
          width: 100%; } }
      .whoweare .content_wrap .textBlock.second,
      .interview .content_wrap .textBlock.second,
      .companyinfo .content_wrap .textBlock.second,
      .recruitinginfo .content_wrap .textBlock.second,
      .contactForm .content_wrap .textBlock.second,
      .consulting_content .content_wrap .textBlock.second {
        margin-top: 12vh; }
      .whoweare .content_wrap .textBlock h4,
      .interview .content_wrap .textBlock h4,
      .companyinfo .content_wrap .textBlock h4,
      .recruitinginfo .content_wrap .textBlock h4,
      .contactForm .content_wrap .textBlock h4,
      .consulting_content .content_wrap .textBlock h4 {
        font-family: 'Shippori Mincho', serif;
        font-weight: 500;
        font-size: 3rem;
        line-height: 1.7;
        font-feature-settings: "palt";
        padding-bottom: 1.8em; }
        @media screen and (max-width: 599px) {
          .whoweare .content_wrap .textBlock h4,
          .interview .content_wrap .textBlock h4,
          .companyinfo .content_wrap .textBlock h4,
          .recruitinginfo .content_wrap .textBlock h4,
          .contactForm .content_wrap .textBlock h4,
          .consulting_content .content_wrap .textBlock h4 {
            font-size: 2.8rem; } }
      .whoweare .content_wrap .textBlock p,
      .interview .content_wrap .textBlock p,
      .companyinfo .content_wrap .textBlock p,
      .recruitinginfo .content_wrap .textBlock p,
      .contactForm .content_wrap .textBlock p,
      .consulting_content .content_wrap .textBlock p {
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 300;
        font-size: 1.5rem;
        line-height: 2.4;
        padding-bottom: 10vh; }
        .whoweare .content_wrap .textBlock p.name,
        .interview .content_wrap .textBlock p.name,
        .companyinfo .content_wrap .textBlock p.name,
        .recruitinginfo .content_wrap .textBlock p.name,
        .contactForm .content_wrap .textBlock p.name,
        .consulting_content .content_wrap .textBlock p.name {
          font-weight: 500;
          line-height: 1;
          padding-bottom: 0; }
        .whoweare .content_wrap .textBlock p.position,
        .interview .content_wrap .textBlock p.position,
        .companyinfo .content_wrap .textBlock p.position,
        .recruitinginfo .content_wrap .textBlock p.position,
        .contactForm .content_wrap .textBlock p.position,
        .consulting_content .content_wrap .textBlock p.position {
          font-size: 1.3rem;
          line-height: 1.4;
          padding-top: 1rem;
          padding-bottom: 2em; }
        .whoweare .content_wrap .textBlock p.intTitle,
        .interview .content_wrap .textBlock p.intTitle,
        .companyinfo .content_wrap .textBlock p.intTitle,
        .recruitinginfo .content_wrap .textBlock p.intTitle,
        .contactForm .content_wrap .textBlock p.intTitle,
        .consulting_content .content_wrap .textBlock p.intTitle {
          font-weight: 700;
          font-size: 1.8rem;
          line-height: 1.5;
          padding-bottom: 2em; }
        .whoweare .content_wrap .textBlock p.intBody,
        .interview .content_wrap .textBlock p.intBody,
        .companyinfo .content_wrap .textBlock p.intBody,
        .recruitinginfo .content_wrap .textBlock p.intBody,
        .contactForm .content_wrap .textBlock p.intBody,
        .consulting_content .content_wrap .textBlock p.intBody {
          padding-bottom: 0; }
        @media screen and (max-width: 599px) {
          .whoweare .content_wrap .textBlock p,
          .interview .content_wrap .textBlock p,
          .companyinfo .content_wrap .textBlock p,
          .recruitinginfo .content_wrap .textBlock p,
          .contactForm .content_wrap .textBlock p,
          .consulting_content .content_wrap .textBlock p {
            font-size: 1.6rem; } }
      .whoweare .content_wrap .textBlock figure.interview,
      .interview .content_wrap .textBlock figure.interview,
      .companyinfo .content_wrap .textBlock figure.interview,
      .recruitinginfo .content_wrap .textBlock figure.interview,
      .contactForm .content_wrap .textBlock figure.interview,
      .consulting_content .content_wrap .textBlock figure.interview {
        float: left;
        width: 40%;
        padding: 0;
        margin: 0 50px 30px 0; }
        .whoweare .content_wrap .textBlock figure.interview img,
        .interview .content_wrap .textBlock figure.interview img,
        .companyinfo .content_wrap .textBlock figure.interview img,
        .recruitinginfo .content_wrap .textBlock figure.interview img,
        .contactForm .content_wrap .textBlock figure.interview img,
        .consulting_content .content_wrap .textBlock figure.interview img {
          width: 100%;
          border-radius: 5px;
          margin-bottom: 20px; }
        @media screen and (max-width: 1024px) {
          .whoweare .content_wrap .textBlock figure.interview,
          .interview .content_wrap .textBlock figure.interview,
          .companyinfo .content_wrap .textBlock figure.interview,
          .recruitinginfo .content_wrap .textBlock figure.interview,
          .contactForm .content_wrap .textBlock figure.interview,
          .consulting_content .content_wrap .textBlock figure.interview {
            float: none;
            width: 100%;
            margin: 0 0 30px 0; } }
      .whoweare .content_wrap .textBlock table.contactForm th,
      .whoweare .content_wrap .textBlock table.contactForm td,
      .interview .content_wrap .textBlock table.contactForm th,
      .interview .content_wrap .textBlock table.contactForm td,
      .companyinfo .content_wrap .textBlock table.contactForm th,
      .companyinfo .content_wrap .textBlock table.contactForm td,
      .recruitinginfo .content_wrap .textBlock table.contactForm th,
      .recruitinginfo .content_wrap .textBlock table.contactForm td,
      .contactForm .content_wrap .textBlock table.contactForm th,
      .contactForm .content_wrap .textBlock table.contactForm td,
      .consulting_content .content_wrap .textBlock table.contactForm th, .consulting_content .content_wrap .textBlock table.contactForm td {
        border-top: 1px solid #eee; }
        @media screen and (max-width: 599px) {
          .whoweare .content_wrap .textBlock table.contactForm th,
          .whoweare .content_wrap .textBlock table.contactForm td,
          .interview .content_wrap .textBlock table.contactForm th,
          .interview .content_wrap .textBlock table.contactForm td,
          .companyinfo .content_wrap .textBlock table.contactForm th,
          .companyinfo .content_wrap .textBlock table.contactForm td,
          .recruitinginfo .content_wrap .textBlock table.contactForm th,
          .recruitinginfo .content_wrap .textBlock table.contactForm td,
          .contactForm .content_wrap .textBlock table.contactForm th,
          .contactForm .content_wrap .textBlock table.contactForm td,
          .consulting_content .content_wrap .textBlock table.contactForm th, .consulting_content .content_wrap .textBlock table.contactForm td {
            border-top: none; } }
      .whoweare .content_wrap .textBlock table.contactForm th,
      .interview .content_wrap .textBlock table.contactForm th,
      .companyinfo .content_wrap .textBlock table.contactForm th,
      .recruitinginfo .content_wrap .textBlock table.contactForm th,
      .contactForm .content_wrap .textBlock table.contactForm th,
      .consulting_content .content_wrap .textBlock table.contactForm th {
        white-space: normal;
        width: 35%;
        text-align: left;
        padding-right: 5%; }
        @media screen and (max-width: 599px) {
          .whoweare .content_wrap .textBlock table.contactForm th,
          .interview .content_wrap .textBlock table.contactForm th,
          .companyinfo .content_wrap .textBlock table.contactForm th,
          .recruitinginfo .content_wrap .textBlock table.contactForm th,
          .contactForm .content_wrap .textBlock table.contactForm th,
          .consulting_content .content_wrap .textBlock table.contactForm th {
            width: 100%; } }
      .whoweare .content_wrap .textBlock table.contactForm td,
      .interview .content_wrap .textBlock table.contactForm td,
      .companyinfo .content_wrap .textBlock table.contactForm td,
      .recruitinginfo .content_wrap .textBlock table.contactForm td,
      .contactForm .content_wrap .textBlock table.contactForm td,
      .consulting_content .content_wrap .textBlock table.contactForm td {
        width: 60%; }
        @media screen and (max-width: 599px) {
          .whoweare .content_wrap .textBlock table.contactForm td,
          .interview .content_wrap .textBlock table.contactForm td,
          .companyinfo .content_wrap .textBlock table.contactForm td,
          .recruitinginfo .content_wrap .textBlock table.contactForm td,
          .contactForm .content_wrap .textBlock table.contactForm td,
          .consulting_content .content_wrap .textBlock table.contactForm td {
            width: 100%; } }
      .whoweare .content_wrap .textBlock table.contactForm tbody tr:first-child th,
      .whoweare .content_wrap .textBlock table.contactForm tbody tr:first-child td,
      .interview .content_wrap .textBlock table.contactForm tbody tr:first-child th,
      .interview .content_wrap .textBlock table.contactForm tbody tr:first-child td,
      .companyinfo .content_wrap .textBlock table.contactForm tbody tr:first-child th,
      .companyinfo .content_wrap .textBlock table.contactForm tbody tr:first-child td,
      .recruitinginfo .content_wrap .textBlock table.contactForm tbody tr:first-child th,
      .recruitinginfo .content_wrap .textBlock table.contactForm tbody tr:first-child td,
      .contactForm .content_wrap .textBlock table.contactForm tbody tr:first-child th,
      .contactForm .content_wrap .textBlock table.contactForm tbody tr:first-child td,
      .consulting_content .content_wrap .textBlock table.contactForm tbody tr:first-child th,
      .consulting_content .content_wrap .textBlock table.contactForm tbody tr:first-child td {
        border-top: none; }
    .whoweare .content_wrap .textOnlyBlock,
    .interview .content_wrap .textOnlyBlock,
    .companyinfo .content_wrap .textOnlyBlock,
    .recruitinginfo .content_wrap .textOnlyBlock,
    .contactForm .content_wrap .textOnlyBlock,
    .consulting_content .content_wrap .textOnlyBlock {
      width: 55%;
      padding-top: 12vh;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end; }
  .whoweare .imgBlock,
  .interview .imgBlock,
  .companyinfo .imgBlock,
  .recruitinginfo .imgBlock,
  .contactForm .imgBlock,
  .consulting_content .imgBlock {
    max-width: 920px;
    width: 85%;
    margin: 0 auto 10vh;
    height: 50vh;
    border-radius: 5px; }
    @media screen and (max-width: 1024px) {
      .whoweare .imgBlock,
      .interview .imgBlock,
      .companyinfo .imgBlock,
      .recruitinginfo .imgBlock,
      .contactForm .imgBlock,
      .consulting_content .imgBlock {
        width: 100%;
        height: 35vh;
        border-radius: 20px; } }
    @media screen and (max-width: 599px) {
      .whoweare .imgBlock,
      .interview .imgBlock,
      .companyinfo .imgBlock,
      .recruitinginfo .imgBlock,
      .contactForm .imgBlock,
      .consulting_content .imgBlock {
        height: 25vh; } }

article.youtube {
  background-color: #fff6e5;
  border-top: 1px solid #eee;
  padding: 8vh 10vw; }
  article.youtube .youtube_wrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%; }
  article.youtube .youtube_wrap iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%; }

.contactForm table.contactForm {
  border-top: none;
  margin-bottom: 5vh; }

.gmap {
  width: 100%;
  margin-top: 3em;
  height: 0;
  overflow: hidden;
  padding-bottom: 30%;
  position: relative; }
  @media screen and (max-width: 769px) {
    .gmap {
      padding-bottom: 600px; } }
  @media screen and (max-width: 599px) {
    .gmap {
      padding-bottom: 400px; } }

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

section.support {
  padding-top: 8vh;
  padding-bottom: 8vh;
  /*

	.support{
		//CONSULTING_CONTENTにも同じ処理をしている
		//border-top: 1px solid #eee;
		padding-bottom: 8vh;
		
		.content_wrap{
			padding-top: 12vh;
			padding-bottom: 5vh;
			
			// smartphone ========================
			@media screen and (max-width:599px){
				padding-top: 8vh;
			}
			
			h2{
				//NEWSでも同じ設定をしている
				width: 30%;
				
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 500;
				font-size: 1.6rem;
				font-style: normal;
				line-height: 2.1;
				color: #000;
				
				//padding-top: .6em;
				padding-left: .3em;
				
				// smartphone ========================
				@media screen and (max-width:599px){
					width: 100%;
					margin-bottom: 8vh;
				}
			}
			
			.blank{
				width: 35%;
				
				// smartphone ========================
				@media screen and (max-width:599px){
					display: none;
				}
			}
			
			.textBlock{
				width: 55%;
				overflow: hidden;
				
				// smartphone ========================
				@media screen and (max-width:599px){
					width: 100%;
				}
				
				&.second{
					//インタビュー２記事目
					margin-top: 12vh;
				}
				
				h4{
					font-family: 'Shippori Mincho', serif;
					font-weight: 500;
					font-size: 3rem;
					line-height: 1.7;
					font-feature-settings: "palt";
					padding-bottom : 1.8em;
					
					// smartphone ========================
					@media screen and (max-width:599px){
						font-size: 2.8rem;
					}
				}
				
				p{
					font-family: 'Noto Sans JP', sans-serif;
					font-weight: 300;
					font-size: 1.5rem;
					line-height: 2.4;
					padding-bottom: 10vh;
					
					&.name{
						font-weight: 500;
						line-height: 1;
						padding-bottom: 0
					}
					&.position{
						font-size: 1.3rem;
						line-height: 1.4;
						padding-top: 1rem;
						padding-bottom: 2em;
					}
					&.intTitle{
						font-weight: 700;
						font-size: 1.8rem;
						line-height: 1.5;
						padding-bottom: 2em;
					}
					&.intBody{
						padding-bottom: 0;
					}
					
					// smartphone ========================
					@media screen and (max-width:599px){
						font-size: 1.6rem;
					}
				}
			}
			
			.textOnlyBlock{
				width: 55%;//.textBlockと同じに
				padding-top: 12vh;
				
				display: flex;
				flex-wrap: wrap;
			
				justify-content: flex-end;
			}
		}
		
		.imgBlock{
			max-width: 920px;
			width: 85%;
			margin: 0 auto 10vh;//10vhは、続くテキストブロックと整合させる
			height: 50vh;
			
			border-radius: 5px;
			
			// tablet ========================
			@media screen and (max-width:1024px) {
				width: 100%;
				height: 35vh;
				border-radius: 20px;
			}
			
			// smartphone ========================
			@media screen and (max-width:599px){
				height: 25vh;
			}
		}
	}
*/ }
  section.support .content_wrap.header {
    padding-top: 2vh;
    display: block; }
  @media screen and (max-width: 1024px) {
    section.support {
      padding-top: 2vh; } }
  @media screen and (max-width: 599px) {
    section.support {
      padding-top: 8vh; } }
  section.support .introduction {
    background-image: url(img/company_bg.png);
    background-position-y: 25vh;
    background-repeat: repeat-x;
    border-bottom: 1px solid #ccc; }
    section.support .introduction figure {
      display: block;
      width: 45%;
      height: 320px;
      background-size: cover;
      border-radius: 5px; }
      @media screen and (max-width: 1024px) {
        section.support .introduction figure {
          width: 100%;
          margin-bottom: 6vh; } }
      @media screen and (max-width: 599px) {
        section.support .introduction figure {
          height: 25vh;
          background-position: 50%; } }
  section.support .catchBlock_text {
    width: 45%; }
    section.support .catchBlock_text .term {
      display: flex;
      flex-wrap: wrap;
      padding-bottom: 5vh;
      margin-right: 2px; }
      section.support .catchBlock_text .term a {
        display: inline-block;
        border: 1px solid #dd910d;
        background-color: #dd910d;
        color: #fff;
        font-size: 1.3rem;
        line-height: 1;
        padding: 0.7em 1em;
        border-radius: 50px;
        transition: .2s all;
        margin-right: 5px; }
        section.support .catchBlock_text .term a:hover {
          background-color: #fff;
          border: 1px solid #ccc;
          color: #dd910d; }
    section.support .catchBlock_text h1 {
      font-family: 'Shippori Mincho', serif;
      font-weight: 400;
      font-size: 4.4rem;
      line-height: 1.5; }
      @media screen and (max-width: 1024px) {
        section.support .catchBlock_text h1 {
          font-size: 3.6rem;
          line-height: 1.6; } }
    section.support .catchBlock_text p {
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      font-size: 1.4rem;
      line-height: 2.7;
      padding: 4vh 0 12vh; }
      @media screen and (max-width: 1024px) {
        section.support .catchBlock_text p {
          line-height: 1.9; } }
      section.support .catchBlock_text p.date {
        padding: 1em 0;
        font-size: 1.2rem;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        letter-spacing: .2em; }
        section.support .catchBlock_text p.date img {
          height: 14px;
          width: auto;
          vertical-align: middle;
          padding-right: 6px; }
      section.support .catchBlock_text p.company {
        line-height: 1.2;
        font-size: 1.5rem;
        padding: 0 0 2em; }
        @media screen and (max-width: 1024px) {
          section.support .catchBlock_text p.company {
            font-size: 1.8rem; } }
    @media screen and (max-width: 1024px) {
      section.support .catchBlock_text {
        width: 100%; }
        section.support .catchBlock_text p {
          font-size: 1.7rem;
          padding: 6vh 0 8vh; } }
    @media screen and (max-width: 599px) {
      section.support .catchBlock_text {
        width: 100%; }
        section.support .catchBlock_text h2 {
          font-size: 3.4rem; }
        section.support .catchBlock_text p {
          line-height: 2.1;
          padding: 4vh 0 12vh; } }
  section.support .content_wrap {
    display: flex;
    flex-wrap: wrap; }
    section.support .content_wrap:before {
      display: none; }
    @media screen and (max-width: 1024px) {
      section.support .content_wrap {
        padding-left: 10%;
        padding-right: 10%; } }
    @media screen and (max-width: 599px) {
      section.support .content_wrap {
        padding-top: 8vh; } }
    section.support .content_wrap h2 {
      width: 30%;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      font-size: 1.6rem;
      font-style: normal;
      line-height: 2.1;
      color: #000;
      padding-left: .3em; }
      @media screen and (max-width: 1024px) {
        section.support .content_wrap h2 {
          width: 100%;
          font-size: 2.2rem;
          padding-bottom: 3em; } }
      @media screen and (max-width: 599px) {
        section.support .content_wrap h2 {
          line-height: 1.8;
          padding-bottom: 2em; } }
      section.support .content_wrap h2:first-letter {
        font-weight: 700;
        color: #dd910d; }
    section.support .content_wrap .textBlock {
      width: 55%;
      padding-bottom: 5em;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 300;
      font-size: 1.55rem;
      font-style: normal;
      line-height: 2.5;
      color: #000; }
      @media screen and (max-width: 1024px) {
        section.support .content_wrap .textBlock {
          width: 100%; } }
      section.support .content_wrap .textBlock strong {
        background-color: yellow; }
      section.support .content_wrap .textBlock img {
        width: 100%;
        margin-top: 3em;
        border-radius: 10px; }
  section.support .supportsList_block h1 {
    padding-bottom: 10vh;
    text-align: center; }
    section.support .supportsList_block h1 img {
      max-width: 320px;
      width: 100%; }
  section.support .supportsList_block h2 {
    display: block;
    text-align: center;
    padding: 0 20% 8vh; }
    section.support .supportsList_block h2 span {
      display: inline-block;
      background-color: #dd910d;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      font-size: 1.55rem;
      line-height: 1;
      color: #fff;
      padding: 1em;
      border-radius: 50px; }
  section.support .wp-pagenavi {
    text-align: center; }

article.companyList {
  margin-top: 10vh; }
  article.companyList .companyList_block {
    border-top: 1px solid #ccc;
    padding-bottom: 8vh; }
    article.companyList .companyList_block .content_wrap h1, article.companyList .companyList_block .content_wrap h2 {
      width: 30%;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 700;
      font-size: 1.7rem;
      font-style: normal;
      line-height: 1.5;
      color: #000; }
      article.companyList .companyList_block .content_wrap h1 a, article.companyList .companyList_block .content_wrap h2 a {
        margin-top: 1em;
        display: inline-block;
        font-size: 1.2rem;
        font-weight: 300;
        padding: 0.8em 1.4em;
        color: #dd910d;
        background-color: #dd910d;
        color: #fff;
        line-height: 1;
        border-radius: 30px; }
      @media screen and (max-width: 599px) {
        article.companyList .companyList_block .content_wrap h1, article.companyList .companyList_block .content_wrap h2 {
          width: 100%;
          padding-bottom: 3em; } }
    article.companyList .companyList_block .content_wrap form {
      width: 65%; }
      article.companyList .companyList_block .content_wrap form input[type='text'] {
        width: 90%;
        border-radius: 5px;
        border: 1px solid #ccc;
        padding: 1.2em; }
      article.companyList .companyList_block .content_wrap form button {
        appearance: none;
        border: none;
        width: 30%;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        font-size: 1.4rem;
        line-height: 1;
        border-radius: 5px;
        margin-top: 10px;
        padding: 1.2em;
        background-color: #dd910d;
        color: #fff; }
      @media screen and (max-width: 599px) {
        article.companyList .companyList_block .content_wrap form {
          width: 100%; } }
    article.companyList .companyList_block .content_wrap ul {
      width: 65%; }
      @media screen and (max-width: 599px) {
        article.companyList .companyList_block .content_wrap ul {
          width: 100%; } }
      article.companyList .companyList_block .content_wrap ul.keywords li {
        display: inline-block;
        margin: 0 10px 10px 0; }
        article.companyList .companyList_block .content_wrap ul.keywords li a {
          display: block;
          white-space: nowrap;
          background-color: #f2f2f2;
          border-radius: 5px;
          padding: 1em; }
          @media screen and (max-width: 599px) {
            article.companyList .companyList_block .content_wrap ul.keywords li a {
              font-size: 1.4rem;
              padding: .7em; } }
      article.companyList .companyList_block .content_wrap ul.hits li {
        margin-bottom: 10vh;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center; }
        article.companyList .companyList_block .content_wrap ul.hits li figure {
          width: 40%;
          height: 26vh;
          border-radius: 6px; }
          @media screen and (max-width: 1024px) {
            article.companyList .companyList_block .content_wrap ul.hits li figure {
              width: 100%;
              border-radius: 12px;
              margin-bottom: 25px; } }
        article.companyList .companyList_block .content_wrap ul.hits li .txt {
          width: 55%; }
          @media screen and (max-width: 1024px) {
            article.companyList .companyList_block .content_wrap ul.hits li .txt {
              width: 100%; } }
          article.companyList .companyList_block .content_wrap ul.hits li .txt a {
            font-family: 'Noto Sans JP', sans-serif;
            transition: .1s all; }
            article.companyList .companyList_block .content_wrap ul.hits li .txt a.title {
              font-weight: 500;
              font-size: 1.8rem;
              line-height: 1.4;
              color: #000;
              position: relative; }
              @media screen and (max-width: 1024px) {
                article.companyList .companyList_block .content_wrap ul.hits li .txt a.title {
                  font-size: 2.1rem;
                  color: #dd910d; } }
              article.companyList .companyList_block .content_wrap ul.hits li .txt a.title:before {
                content: '';
                position: absolute;
                left: 0;
                bottom: -5px;
                display: block;
                width: 0%;
                height: 2px;
                background-color: #dd910d;
                transition: .1s ease-out; }
              article.companyList .companyList_block .content_wrap ul.hits li .txt a.title:hover {
                color: #dd910d; }
                article.companyList .companyList_block .content_wrap ul.hits li .txt a.title:hover:before {
                  width: 100%; }
            article.companyList .companyList_block .content_wrap ul.hits li .txt a.tag {
              font-size: 1.2rem;
              display: inline-block;
              border-radius: 6px;
              line-height: 1;
              padding: 0.5em 1em; }
            article.companyList .companyList_block .content_wrap ul.hits li .txt a.category,
            article.companyList .companyList_block .content_wrap ul.hits li .txt a.kodawari {
              display: inline-block;
              font-size: 1.3rem;
              padding: 0.8rem 1rem;
              border-radius: 5px;
              line-height: 1;
              margin-bottom: 3px; }
            article.companyList .companyList_block .content_wrap ul.hits li .txt a.category {
              background-color: #4697cc;
              color: #fff; }
            article.companyList .companyList_block .content_wrap ul.hits li .txt a.kodawari {
              background-color: #ffde00;
              color: #000; }
          article.companyList .companyList_block .content_wrap ul.hits li .txt p {
            font-family: 'Noto Sans JP', sans-serif; }
            article.companyList .companyList_block .content_wrap ul.hits li .txt p.dijest {
              font-weight: 300;
              font-size: 1.3rem;
              line-height: 1.7;
              padding-top: 1.5em;
              padding-bottom: 2em;
              color: #555; }
              @media screen and (max-width: 1024px) {
                article.companyList .companyList_block .content_wrap ul.hits li .txt p.dijest {
                  font-size: 1.5rem;
                  line-height: 1.8; } }
            article.companyList .companyList_block .content_wrap ul.hits li .txt p.tagTitle {
              font-size: 1.1rem;
              display: inline-block;
              background-color: #000;
              border-radius: 5px;
              line-height: 1;
              padding: 0.5em 1em;
              color: #fff; }

.newsList {
  border-top: 1px solid #ccc;
  margin-top: 10vh; }
  .newsList .content_wrap {
    padding-top: 12vh; }
    @media screen and (max-width: 599px) {
      .newsList .content_wrap {
        padding-top: 8vh; } }
  .newsList .content,
  .newsList ul {
    width: 55%; }
    @media screen and (max-width: 599px) {
      .newsList .content,
      .newsList ul {
        width: 100%; } }
    .newsList .content li,
    .newsList ul li {
      padding: 3.8rem 0 4.5rem;
      position: relative; }
      .newsList .content li.list,
      .newsList ul li.list {
        border-top: 1px solid #000; }
        .newsList .content li.list:before,
        .newsList ul li.list:before {
          content: '';
          display: block;
          width: 3em;
          height: 1px;
          background-color: #dd910d;
          position: absolute;
          top: -1px;
          left: 0; }
      .newsList .content li a,
      .newsList ul li a {
        display: inline-block;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        font-size: 1.8rem;
        color: #000;
        line-height: 1.6;
        transition: .1s ease-out;
        position: relative; }
        .newsList .content li a:before,
        .newsList ul li a:before {
          content: '';
          display: block;
          width: 0%;
          height: 1px;
          background-color: #dd910d;
          position: absolute;
          bottom: -.2em;
          left: 0;
          transition: .1s ease-out; }
        .newsList .content li a:hover,
        .newsList ul li a:hover {
          color: #dd910d; }
          .newsList .content li a:hover:before,
          .newsList ul li a:hover:before {
            width: 100%; }
    .newsList .content span.date,
    .newsList ul span.date {
      line-height: 4;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      font-size: 1.3rem;
      color: #999; }
    .newsList .content h3,
    .newsList ul h3 {
      font-size: 2.4rem; }
    .newsList .content.main h3,
    .newsList ul.main h3 {
      padding-right: 15%;
      line-height: 1.6; }
      @media screen and (max-width: 599px) {
        .newsList .content.main h3,
        .newsList ul.main h3 {
          padding-right: 0; } }
    .newsList .content.main .txt,
    .newsList ul.main .txt {
      padding-top: 7vh;
      padding-right: 15%; }
      .newsList .content.main .txt p,
      .newsList ul.main .txt p {
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 300;
        font-size: 1.4rem;
        line-height: 2.3; }
    .newsList .content.main a.defLink,
    .newsList ul.main a.defLink {
      display: inline-block;
      width: 10em;
      font-size: 1.3rem;
      margin: 10vh 0; }

section.consulting {
  padding-top: 10vh; }
  @media screen and (max-width: 1024px) {
    section.consulting {
      padding-top: 4vh; } }
  section.consulting p {
    font-family: 'Noto Sans JP', sans-serif;
    font-feature-settings: "palt"; }
    section.consulting p.intro {
      font-weight: 300;
      line-height: 2.6;
      font-size: 1.4rem;
      color: #333; }
  section.consulting .consulting_header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1160px;
    width: 100%;
    margin: 0 auto 12vh;
    background: url(img/bg_career_header.png) 50% no-repeat;
    background-size: 95%;
    background-position: left center; }
    @media screen and (max-width: 599px) {
      section.consulting .consulting_header {
        background-image: none; } }
    section.consulting .consulting_header .consulting_header_txt {
      width: 34%;
      margin: 0 auto;
      padding-top: 24vh; }
      section.consulting .consulting_header .consulting_header_txt h1 {
        font-family: 'Noto Sans JP', sans-serif;
        font-feature-settings: "palt";
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 1.6;
        padding-bottom: 2.2em; }
      @media screen and (max-width: 1024px) {
        section.consulting .consulting_header .consulting_header_txt {
          width: 74%;
          padding-top: 0vh;
          margin: 0 auto; }
          section.consulting .consulting_header .consulting_header_txt h2 {
            padding-bottom: 1.7em; } }
    section.consulting .consulting_header figure {
      width: 50%; }
      section.consulting .consulting_header figure img {
        width: 100%; }
    @media screen and (max-width: 1024px) {
      section.consulting .consulting_header {
        flex-direction: column-reverse;
        background-size: 100%;
        background-position: center 86%; }
        section.consulting .consulting_header figure {
          width: 100%;
          text-align: center; }
          section.consulting .consulting_header figure img {
            width: 50%; } }
  section.consulting .consulting_content .textBlock h3 {
    border-top: 1px solid #000;
    padding-top: 1.5em;
    font-family: 'Noto Sans JP', sans-serif;
    font-feature-settings: "palt";
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    padding-bottom: 3em;
    position: relative; }
    section.consulting .consulting_content .textBlock h3:before {
      content: '';
      display: block;
      width: 3em;
      height: 1px;
      background-color: #dd910d;
      position: absolute;
      top: -1px;
      left: 0; }
  section.consulting .consulting_content .textBlock p {
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 1.9;
    padding-bottom: 10vh;
    color: #444;
    letter-spacing: .05em; }
  section.consulting article.reserve {
    background-color: #F4FBFE;
    padding-top: 8vh; }
    @media screen and (max-width: 1024px) {
      section.consulting article.reserve {
        padding-left: 8%;
        padding-right: 8%; } }
    section.consulting article.reserve h2 {
      width: auto;
      text-align: center; }
      section.consulting article.reserve h2 span {
        text-align: center; }
        section.consulting article.reserve h2 span.jp {
          padding-left: auto; }
    section.consulting article.reserve p {
      text-align: center;
      padding: 3.5em 25px;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 300;
      font-size: 1.5rem;
      line-height: 1.6; }
    section.consulting article.reserve iframe {
      height: 150vh; }
    section.consulting article.reserve .userCustomColor10 .ly-wrapper .ly-main {
      background-color: #fff !important; }

section.posting {
  padding-top: 8vh; }
  section.posting h1 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    font-size: 2.6rem;
    line-height: 1.6;
    color: #000; }
  section.posting .posting_header {
    padding-bottom: 16vh;
    position: relative; }
    section.posting .posting_header figure {
      text-align: center;
      padding: 0 15% 15vh; }
      section.posting .posting_header figure img {
        max-width: 320px;
        width: 100%; }
    section.posting .posting_header:before {
      content: '';
      display: block;
      width: 100%;
      height: 140px;
      position: absolute;
      top: 120px;
      left: 0;
      background: url(img/bg_grad.jpg) 50% no-repeat;
      background-size: cover;
      z-index: -1; }
    section.posting .posting_header .posting_header_txt {
      padding: 0 15%;
      text-align: center; }
      section.posting .posting_header .posting_header_txt h1 {
        text-align: center;
        padding-bottom: 1.8em; }
        @media screen and (max-width: 599px) {
          section.posting .posting_header .posting_header_txt h1 br {
            display: none; } }
      section.posting .posting_header .posting_header_txt p.intro {
        display: block;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 300;
        font-size: 1.5rem;
        line-height: 1.8;
        text-align: center; }
      @media screen and (max-width: 599px) {
        section.posting .posting_header .posting_header_txt {
          padding: 0 10%; }
          section.posting .posting_header .posting_header_txt h1 {
            text-align: left;
            font-weight: 700;
            font-size: 2.2rem; }
          section.posting .posting_header .posting_header_txt p.intro {
            text-align: left; } }

.posting_content {
  border-top: 1px solid #eee;
  padding-bottom: 8vh; }
  .posting_content .content_wrap {
    padding-top: 12vh; }
    @media screen and (max-width: 599px) {
      .posting_content .content_wrap {
        padding-top: 8vh; } }
    .posting_content .content_wrap h3 {
      width: 35%; }
      .posting_content .content_wrap h3 span {
        font-family: 'Exo', sans-serif;
        font-style: italic;
        font-size: 2.6rem;
        font-weight: 600;
        color: #dd910d;
        display: block; }
        .posting_content .content_wrap h3 span.jp {
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 700;
          font-size: 1.5rem;
          font-style: normal;
          line-height: 1;
          color: #000;
          padding-top: .6em;
          padding-left: .3em; }
      @media screen and (max-width: 599px) {
        .posting_content .content_wrap h3 {
          width: 100%;
          padding-bottom: 3em; } }
    .posting_content .content_wrap .blank {
      width: 35%; }
    .posting_content .content_wrap .textBlock {
      width: 55%; }
      .posting_content .content_wrap .textBlock ul {
        list-style-type: square; }
      .posting_content .content_wrap .textBlock ol {
        list-style-type: decimal; }
      .posting_content .content_wrap .textBlock ul li, .posting_content .content_wrap .textBlock ol li {
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 300;
        font-size: 1.5rem;
        line-height: 1.8;
        padding-bottom: 2.2em; }
      .posting_content .content_wrap .textBlock p {
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 300;
        font-size: 1.5rem;
        line-height: 1.5;
        padding-bottom: 1.5em; }
      @media screen and (max-width: 599px) {
        .posting_content .content_wrap .textBlock {
          width: 90%;
          margin-left: 10%; } }

section.contact {
  padding-top: 8vh; }

article.contactForm {
  padding-bottom: 20vh; }
  article.contactForm p {
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 2.6;
    padding-bottom: 2em; }
    article.contactForm p.attention {
      font-size: 1.2rem;
      text-align: center;
      padding-top: 2em; }
      article.contactForm p.attention a {
        color: #4da635; }
  article.contactForm textarea,
  article.contactForm input[type="text"] {
    width: 100% !important;
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #f2f2f2;
    margin-bottom: 3px;
    resize: auto; }
  article.contactForm input[type="checkbox"] {
    margin-right: 5px; }
  article.contactForm textarea {
    height: 10em; }
  article.contactForm select.select {
    border: 1px solid #ccc;
    padding: 10px 15px;
    border-radius: 5px; }
  article.contactForm .btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 3vh; }
    article.contactForm .btns button.defLink {
      border-color: #dd910d; }
    article.contactForm .btns .return,
    article.contactForm .btns .confirm,
    article.contactForm .btns .submit {
      display: block;
      border: 1px solid #ccc;
      border-radius: 100px;
      padding: 1em 2.2em;
      text-align: center;
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 1.5rem;
      font-weight: 500;
      line-height: 1;
      background-image: -moz-linear-gradient(0, white 0%, white 100%, white 100%);
      background-image: -webkit-linear-gradient(0, white 0%, white 100%, white 100%);
      background-image: -ms-linear-gradient(0, white 0%, white 100%, white 100%);
      background-color: #fff;
      color: #000;
      position: relative;
      transition: .3s all;
      cursor: pointer; }
      article.contactForm .btns .return:before,
      article.contactForm .btns .confirm:before,
      article.contactForm .btns .submit:before {
        content: '';
        display: block;
        position: absolute;
        right: 8%;
        top: 50%;
        transform: translateY(-6px);
        background: url(img/arrow.svg) 50% no-repeat;
        width: 12px;
        height: 12px;
        opacity: 0;
        transition: .3s all; }
      article.contactForm .btns .return:hover,
      article.contactForm .btns .confirm:hover,
      article.contactForm .btns .submit:hover {
        transition: .3s all;
        background-image: -moz-linear-gradient(-30deg, rgba(254, 198, 5, 0.99608) 0%, #dda213 99%, #dda213 100%);
        background-image: -webkit-linear-gradient(-30deg, rgba(254, 198, 5, 0.99608) 0%, #dda213 99%, #dda213 100%);
        background-image: -ms-linear-gradient(-30deg, rgba(254, 198, 5, 0.99608) 0%, #dda213 99%, #dda213 100%);
        border-color: #fff;
        color: #fff; }
        article.contactForm .btns .return:hover:before,
        article.contactForm .btns .confirm:hover:before,
        article.contactForm .btns .submit:hover:before {
          opacity: 1;
          right: 5%; }
    article.contactForm .btns .return {
      margin-right: 10px; }
      article.contactForm .btns .return:hover {
        background-color: #ccc; }
    article.contactForm .btns .confirm,
    article.contactForm .btns .submit {
      padding: 1em 3em;
      border: 2px solid #dd910d;
      color: #dd910d; }

article.privacypolicy {
  border-top: 1px solid #ccc;
  margin-top: 10vh; }
  article.privacypolicy .content_wrap {
    padding-top: 12vh;
    padding-bottom: 12vh; }
  article.privacypolicy .content {
    width: 60%; }
    @media screen and (max-width: 599px) {
      article.privacypolicy .content {
        width: 100%; } }
    article.privacypolicy .content h2 {
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      font-size: 1.8rem;
      line-height: 1.5;
      margin-top: 3em;
      margin-bottom: 1.5em; }
    article.privacypolicy .content p {
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 300;
      font-size: 1.4rem;
      line-height: 2.1; }