@charset "UTF-8";
/* Scss Document */
/*--config--------------------------

  config //共通部分

-------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Kosugi&display=swap&text=%E5%A1%9A");

.br {
  display: inline-block;
}

.none {
  display: none;
}

.sp_none {
  display: block;
}

.pc_none {
  display: none;
}

@media (max-width: 768px) {
  .sp_none {
    display: none;
  }

  .pc_none {
    display: block;
  }
}

/*--base--------------------------

  base //リブートCSS

-------------------------------- */
/*!
 * Bootstrap Reboot v4.2.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  /*font-family: sans-serif;*/
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  margin: 0;
  font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
  /* フォントレンダリング設定: 1x解像度ではsubpixel、2x以上の解像度ではgrayscale */
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

li {
  list-style: none;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: inherit;
  /*color: #007bff;*/
  text-decoration: none;
  background-color: transparent;
}

/*a:hover {
  color: #0056b3;
  text-decoration: underline;
}*/
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  /* vertical-align: middle; */
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

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

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

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

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

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

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

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

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

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

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

@media (max-width: 768px) {
  body {
    overflow-x: hidden;
  }
}

@media (min-width: 769px) {
  html {
    overflow-x: hidden;
  }
}

/*--layout--------------------------

  レイアウト用 //プリフィックス「ｌ-」

-------------------------------- */
/*common*/
.l-wrapper {
  padding: 0 80px;
  width: 100%;
  min-width: 980px;
  max-width: 1500px;
  margin: auto;
}

.l-main {
  margin: 0 0 6rem 0;
}

@media (max-width: 768px) {
  .l-main {
    margin: 0 0 4rem 0;
  }
}

@media (max-width: 768px) {
  .l-wrapper {
    padding: 0 3%;
    min-width: 1px;
  }
}

/*index*/
.l-index .mainVisual,
.l-index .message,
.l-index .category {
  margin: 0 0 10rem 0;
}

@media (max-width: 768px) {

  .l-index .mainVisual,
  .l-index .message,
  .l-index .category {
    margin: 0 0 5.5rem 0;
  }
}

.l-index .companyCont {
  margin: 0 auto 150px;
}

.l-index .memberCont+.memberCont {
  margin-top: 120px;
}

.l-index .recruitCont--wrap {
  margin: 0 0 6rem 0;
}

@media (max-width: 768px) {
  .l-index .recruitCont--wrap {
    margin: 0 0 4rem 0;
  }
}

.l-company .leadArea {
  margin-bottom: 12%;
}

.l-company .linkArea,
.l-company .linkArea--member {
  margin: 0 0 10rem 0;
}

@media (max-width: 768px) {

  .l-company .linkArea,
  .l-company .linkArea--member {
    margin: 0 0 5.5rem 0;
  }
}

.l-rec .access {
  margin-top: 9%;
}

.l-rec .recruitInfo {
  margin-bottom: 9%;
}

@media (max-width: 768px) {
  .l-index .companyCont {
    margin: 0 0 6rem 0;
  }
}

@media (max-width: 768px) and (max-width: 768px) {
  .l-index .companyCont {
    margin: 0 0 4rem 0;
  }
}

@media (max-width: 768px) {
  .l-index .memberCont+.memberCont {
    margin-top: 5rem;
  }
}

/*company*/
.l-benefit .pageIntro {
  padding-right: 53%;
  margin-bottom: 6%;
}

.l-benefit .workDetail,
.l-benefit .workDetail--benefit {
  margin-bottom: 9%;
}

.l-training .pageIntro {
  margin-bottom: 9%;
}

.l-training .workDetail,
.l-training .workDetail--benefit {
  margin-bottom: 9%;
}

.l-training .trainingCont {
  margin-bottom: 9%;
}

.l-women .copyArea {
  margin: 6rem auto 6rem auto;
}

@media (max-width: 768px) {
  .l-women .copyArea {
    margin: 6rem auto 4rem auto;
  }
}

@media (max-width: 768px) {
  .l-benefit .pageIntro {
    margin-bottom: 20%;
    padding-right: 0;
  }

  .l-benefit .workDetail,
  .l-benefit .workDetail--benefit {
    margin-bottom: 20%;
  }

  .l-training .pageIntro {
    margin-bottom: 20%;
  }

  .l-training .workDetail,
  .l-training .workDetail--benefit {
    margin-bottom: 20%;
  }

  .l-training .trainingCont {
    margin-bottom: 15%;
  }

  .l-women .copyArea {
    width: 95%;
    margin: 4rem auto 6rem auto;
  }
}

@media (max-width: 768px) and (max-width: 768px) {
  .l-women .copyArea {
    margin: 4rem auto 4rem auto;
  }
}

/*----------- common ------------*/

/* カテゴリ　見出し */
.l-hl--cate--L {
  transform: translateY(-3rem);
  margin-bottom: 6%;
}

@media (max-width: 768px) {
  .l-hl--cate--L {
    transform: translateY(-2rem);
    margin-bottom: 15%;
  }
}

/* アクセス */
.l-access {
  margin: 0.5rem auto 0.25rem;
  width: 100vw;
  min-width: 1200px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 768px) {
  .l-access {
    min-width: 1px;
    flex-direction: column;
  }
}

/*----------- member ------------*/
.l-member .leadArea {
  margin-bottom: 12%;
}

.l-member .linkArea,
.l-member .linkArea--member {
  margin-bottom: 6%;
}

/*----------- member interview ------------*/
/*  recruit
--------------------------------------------*/
.l-director .pageIntro {
  margin-bottom: 9%;
}

.l-director .workDetail,
.l-director .workDetail--benefit {
  margin-bottom: 9%;
}

.l-designer .pageIntro {
  margin-bottom: 9%;
}

.l-designer .workDetail,
.l-designer .workDetail--benefit {
  margin-bottom: 9%;
}

.l-sales .pageIntro {
  margin-bottom: 9%;
}

.l-sales .workDetail,
.l-sales .workDetail--benefit {
  margin-bottom: 9%;
}

@media (max-width: 768px) {
  .l-director .pageIntro {
    margin-bottom: 20%;
  }

  .l-director .workDetail,
  .l-director .workDetail--benefit {
    margin-bottom: 20%;
  }

  .l-designer .pageIntro {
    margin-bottom: 20%;
  }

  .l-designer .workDetail,
  .l-designer .workDetail--benefit {
    margin-bottom: 20%;
  }

  .l-sales .pageIntro {
    margin-bottom: 20%;
  }

  .l-sales .workDetail,
  .l-sales .workDetail--benefit {
    margin-bottom: 20%;
  }
}

/*--block--------------------------

  hl //見出し

-------------------------------- */
.hl,
.hl--cate {
  color: #3283B8;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.hl--cate {
  font-size: calc(1.7rem + 1.3vw);
}

.hl--cate>span {
  color: #212529;
  font-weight: 500;
  margin-left: 1rem;
  font-size: 1.25rem;
  padding-top: 0.3rem;
}

@media (max-width: 768px) {
  .hl--cate>span {
    font-size: 1.125rem;
  }
}

.hl--lv2 {
  font-size: 2rem;
  line-height: 1.2;
}

@media (max-width: 768px) {
  .hl--lv2 {
    font-size: 1.5rem;
  }
}

.hl__sub--lv2 {
  margin-top: 0.5rem;
  color: #3283b8;
  font-size: 1.125rem;
  display: block;
}

@media (max-width: 768px) {
  .hl__sub--lv2 {
    font-size: 1.125rem;
  }
}

.hl--lv1 {
  font-size: calc(1.7rem + 1.3vw);
  font-feature-settings: "palt";
  font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  line-height: 1.25;
  font-weight: bold;
}

.hl--lv1.notfound {
  text-align: center;
}

@media (max-width: 768px) {
  .hl--lv1.notfound {
    text-align: left;
  }
}

.hl--lv1.notfound span {
  display: block;
  font-size: 1.5rem;
  margin-top: 10px;
  margin: 10px auto 30px;
  color: #3283b8;
}

.hl__sub--lv1 {
  margin-top: 0.5rem;
  color: #3283b8;
  font-size: 1.25rem;
  display: block;
}

@media (max-width: 768px) {
  .hl__sub--lv1 {
    font-size: 1.125rem;
  }
}

.hl--lv3 {
  font-size: calc(12px + 1.25vw);
}

.hl--lv3::before {
  color: #3283b8;
  width: 100%;
  margin-bottom: 1.25rem;
  display: block;
  font-size: 18px;
}

.hl--lv3 .subttl {
  position: relative;
  text-align: center;
  font-size: 1rem;
}

.hl__sub--lv3 {
  font-size: 1rem;
  margin-left: 0.75rem;
  font-weight: 400;
}

.hl__women--lv3 {
  text-align: center;
  overflow: hidden;
  width: 100%;
  margin-top: 3rem;
}

.hl__women--lv3 span {
  position: relative;
  color: #3283b8;
  font-size: calc(14px + 1.25vw);
  font-weight: bold;
  padding: 0 1em;
  display: inline-block;
  background-color: #fff;
}

.hl__women--lv3 span:after,
.hl__women--lv3 span:before {
  position: absolute;
  top: 50%;
  content: "";
  width: 400%;
  height: 2px;
  background-color: #3283b8;
}

.hl__women--lv3 span:before {
  right: 100%;
}

.hl__women--lv3 span:after {
  left: 100%;
}

.hl--sec {
  font-size: calc(10px + 1.25vw);
}

.hl--hr {
  font-size: calc(20px + 0.75vw);
  display: flex;
  align-items: center;
  width: 50%;
  font-weight: 500;
}

.hl--hr::after {
  content: "";
  width: auto;
  height: 1px;
  background: #c7c7c7;
  margin-left: 1rem;
  display: block;
  flex-grow: 2;
}

@media (max-width: 768px) {
  .hl__sub--lv2 {
    font-size: 16px;
  }

  .hl>span,
  .hl--cate>span {
    padding-top: 0;
  }

  .hl--cate--L {
    font-size: 36px;
  }

  .hl--cont--L {
    font-size: 36px;
    font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }

  .hl--cont--L span {
    font-size: 1.25rem;
  }

  .hl--cont {
    font-size: 2rem;
  }

  .hl--lv3 {
    font-size: 1.5rem;
  }

  .hl--lv3::before {
    margin-bottom: 0.5rem;
  }

  .hl--hr {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.lunch_subHl {
  margin: 2.5rem 0 0.5rem;
  font-size: 2rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.lunch_subHl span {
  font-size: 16px;
  color: #3283B8;
  margin-left: 0.5rem;
}

.lunch_subHl::after {
  content: "";
  width: auto;
  height: 1px;
  display: block;
  margin-left: 1rem;
  background: #ccc;
  flex-grow: 1;
}

@media (max-width: 768px) {
  .lunch_subHl {
    margin-top: 2rem;
    font-size: 1.75rem;
  }

  .lunch_subHl span {
    font-size: 14px;
  }
}

/*--block--------------------------

  copyArea // ページ内コピー

-------------------------------- */
.copyArea {
  text-align: center;
  width: 55%;
  margin: 0 auto;
}

.copyArea .hl--sec--L {
  margin-bottom: 2rem;
}

.copyArea__copy {
  font-size: 32px;
  line-height: 1.7;
  letter-spacing: 1px;
}

.copyArea__img {
  width: 100%;
}

.copyArea__txt {
  text-align: left;
  line-height: 2;
  max-width: 603px;
  margin: auto;
}

.copyArea__txt+.copyArea__txt {
  margin-top: 0.5rem;
}

.copyArea__bnr {
  width: 100%;
  max-width: 603px;
  margin-bottom: 2.5rem;
}

@media (max-width: 768px) {
  .copyArea {
    width: 100%;
  }

  .copyArea__bnr {
    margin-bottom: 1.5rem;
  }
}

/*--block--------------------------

  btn //ボタン

-------------------------------- */
.btn,
.recruitInfo__entry .btn--semiCircle,
.btn--home,
.btn--primary,
.btn--semiCircle {
  position: relative;
  display: inline-block;
  text-align: center;
  transition: all 0.3s;
  padding: 0.5rem 10%;
  font-size: 1.25em;
  font-weight: 500;
  transition-timing-function: cubic-bezier(0.64, 0.14, 0.46, 0.99);
  z-index: 10;
}

.btn::before,
.recruitInfo__entry .btn--semiCircle::before,
.btn--home::before,
.btn--primary::before,
.btn--semiCircle::before {
  content: "";
  position: absolute;
  z-index: -1;
  /*hover時に背景がフェードするのを防止*/
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.btn::after,
.recruitInfo__entry .btn--semiCircle::after,
.btn--home::after,
.btn--primary::after,
.btn--semiCircle::after {
  content: "";
  position: absolute;
  z-index: -1;
  transition: all 0.3s;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.btn:hover::after,
.btn--home:hover::after,
.btn--primary:hover::after,
.btn--semiCircle:hover::after {
  /*背景を中央に収束*/
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
  z-index: 100;
}

.btn--semiCircle {
  border-radius: 25px;
  background: none;
  color: #fff;
  border-radius: 999px;
  border: solid thin #ff9152;
}

.btn--semiCircle:hover {
  color: #ff9152;
  background: #fff;
  transform: scale(1.1, 1.1);
}

.btn--semiCircle::before {
  background: #fff;
  border-radius: 999px;
}

.btn--semiCircle::after {
  border-radius: 999px;
  /*背景*/
  background: #ff9152;
}

.btn--primary {
  border-radius: 10px;
  padding: 1rem 6rem;
  background: none;
  color: #fff;
  border: solid thin #3283B8;
}

.btn--primary:hover {
  color: #3283B8;
  background: #fff;
  scale: 1.1, 1.1;
}

.btn--primary::after {
  /*背景*/
  border-radius: 10px;
  background: #3283B8;
}

.btn--home {
  border-radius: 10px;
  padding: 1rem 3rem;
  background: none;
  color: #3283B8;
  border: solid thin #3283B8;
  margin-top: 40px;
}

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

@media (max-width: 768px) {
  .btn--home_wrap {
    text-align: left;
  }
}

.btn--home:hover {
  color: #fff;
  background: #3283B8;
  scale: 1.1, 1.1;
}

.btn--home::after {
  /*背景*/
  border-radius: 10px;
  background: #fff;
}

.company_link_area .btn,
.company_link_area .btn--semiCircle,
.company_link_area .btn--primary,
.company_link_area .btn--home {
  width: 70%;
  margin: 10px auto 0;
}

.company_link_area .btn::before,
.company_link_area .btn--semiCircle::before,
.company_link_area .btn--primary::before,
.company_link_area .btn--home::before {
  background: none;
  border-radius: 0;
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  transform: rotate(225deg);
  margin: 16px 11em;
  z-index: 1;
}

.company_link_area .btn_recruit {
  margin: 80px auto 30px;
}

.company_link_area .btn_recruit:hover {
  opacity: 0.5;
  transition: 0.4s;
}

@media (max-width: 768px) {

  .btn,
  .recruitInfo__entry .btn--semiCircle,
  .btn--semiCircle,
  .btn--primary,
  .btn--home {
    width: 100%;
  }

  .btn:hover::after,
  .btn--semiCircle:hover::after,
  .btn--primary:hover::after,
  .btn--home:hover::after {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
  }

  .btn:hover::after:hover,
  .btn--semiCircle:hover::after:hover,
  .btn--primary:hover::after:hover,
  .btn--home:hover::after:hover {
    color: #fff;
    background: none;
    transform: none;
  }

  .company_link_area {
    width: 100%;
  }

  .company_link_area .btn,
  .company_link_area .btn--semiCircle,
  .company_link_area .btn--primary,
  .company_link_area .btn--home {
    width: 100%;
  }

  .company_link_area .btn::before,
  .company_link_area .btn--semiCircle::before,
  .company_link_area .btn--primary::before,
  .company_link_area .btn--home::before {
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    margin: 19px 1.5em;
  }

  .company_link_area .btn_recruit {
    margin: 50px auto 10px;
  }

  .company_link_area .btn_recruit img {
    width: 100%;
  }
}

/*--block--------------------------

  header //ヘッダー

-------------------------------- */
#overlay {
  display: none;
}

.pageTop {
  position: fixed;
  bottom: 30px;
  right: 5%;
  z-index: 99999;
  background: #e0f3ff;
  width: 50px;
  height: 50px;
  padding: 0.5rem;
  border: solid thin #3283B8;
}

.pageTop img {
  width: 100%;
}

.header__inner {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
}

.header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  width: 100%;
}

.headerLogo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 28%;
}

.headerLogo__img {
  width: 192px;
  margin-right: 1rem;
  padding-right: 0.5rem;
  border-right: solid thin #696969;
  display: block;
  margin-bottom: 0;
}

.headerLogo__img img {
  display: block;
}

.headerLogo__txt {
  font-size: 0.9em;
}

.headerLogo #menuIcon {
  display: none;
  padding: 0.5rem;
  backface-visibility: #fff;
  z-index: 99999;
  position: relative;
}

@media (max-width: 1410px) {
  .header__inner {
    padding-left: 5px;
  }

  .headerLogo {
    width: 100% !important;
    flex-wrap: nowrap;
  }

  .headerLogo__img {
    width: 35%;
    max-width: 180px;
    margin-right: 0.25rem;
    padding: 0 0.25rem;
  }

  .headerLogo__txt {
    font-size: 11px;
    margin-left: 0.25rem;
  }

  .headerLogo #menuIcon {
    margin-left: auto;
    display: block;
    width: 45px;
    height: 45px;
    position: fixed;
    z-index: 99999;
    top: 22px;
    right: 5%;
    border-radius: 5px;
    background: #3283B8;
  }

  .headerLogo #menuIcon rect {
    fill: #fff !important;
  }
}

/*--block--------------------------

  nav //ナビゲーション

-------------------------------- */
.nav {
  position: relative;
  /*&__innerHl::after{
  	@include icon;
  	margin-left: 1rem;
  }*/
}

.nav__list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.nav__menu,
.nav__menu--cate {
  font-size: 16px;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  padding-bottom: 3rem;
  margin-top: 3rem;
  transition: 0.3s;
}

.nav__menu a,
.nav__menu--cate a {
  transition: 0.3s;
}

@media (min-width: 769px) {

  .nav__menu:first-child::before,
  .nav__menu--cate:first-child::before {
    background: none;
    border-radius: 0;
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #ff9152;
    border-right: 2px solid #ff9152;
    transform: rotate(45deg);
    margin-right: 8px;
    margin-bottom: 2px;
    z-index: 1;
  }
}

.nav__menu+li,
.nav__menu--cate+li {
  margin-left: 2rem;
}

.nav__menu+li:not(:last-child)::before,
.nav__menu--cate+li:not(:last-child)::before {
  background: none;
  border-radius: 0;
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #ff9152;
  border-right: 2px solid #ff9152;
  transform: rotate(45deg);
  margin-right: 8px;
  margin-bottom: 2px;
  z-index: 1;
}

.nav__menu::after,
.nav__menu--cate::after {
  content: "";
  width: 0;
  height: 2px;
  background: #ff9152;
  display: block;
  transition: 0.3s;
}

.nav__menu:hover,
.nav__menu--cate:hover {
  color: #ff9152;
}

.nav__menu:hover>a,
.nav__menu--cate:hover>a {
  color: #ff9152;
}

.nav__menu:hover::after,
.nav__menu--cate:hover::after {
  width: 100%;
}

.nav__menu:hover .nav__innerListWrapper,
.nav__menu--cate:hover .nav__innerListWrapper {
  display: block;
  transition: 0.3s;
  opacity: 1;
  transform: translate(0, 0);
  visibility: visible;
}

.nav__innerListWrapper {
  width: 100%;
  min-height: 265px;
  transition: 0.3s;
  position: absolute;
  right: 0;
  transform: translate(0, -30px);
  top: 6.5rem;
  cursor: auto;
  font-size: 1rem;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
  background: #fff;
  border-top: solid 6px #3283B8;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  padding: 1rem 2rem;
}

.nav__innerList {
  padding: 0;
}

.nav__innerHl,
.nav__innerHl--recruit,
.nav__innerHl--member,
.nav__innerHl--work,
.nav__innerHl--company {
  font-size: calc(1.7rem + 1.3vw);
  font-weight: 500;
  margin-bottom: 1.5rem;
  padding-right: 2px;
  margin-right: 4px;
  width: 100%;
  height: 25vh;
  color: #fff;
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav__innerHl a,
.nav__innerHl--recruit a,
.nav__innerHl--member a,
.nav__innerHl--work a,
.nav__innerHl--company a {
  color: #fff;
  display: flex;
  align-items: center;
}

.nav__innerHl a::after,
.nav__innerHl--recruit a::after,
.nav__innerHl--member a::after,
.nav__innerHl--work a::after,
.nav__innerHl--company a::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  margin-left: 1rem;
  background: url(/common/img/common/icon_arw.svg);
  background-size: cover;
}

.nav__innerHl::after,
.nav__innerHl--recruit::after,
.nav__innerHl--member::after,
.nav__innerHl--work::after,
.nav__innerHl--company::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: -9999;
}

.nav__innerHl--company {
  background: url(/common/img/index/img_benefit_01-1.jpg) no-repeat center 20%;
  background-size: cover;
}

.nav__innerHl--work {
  background: url(/common/img/index/img_cate_top-04.jpg) no-repeat center;
  background-size: cover;
}

.nav__innerHl--member {
  background: url(/common/img/index/img_cate_top-02.jpg) no-repeat center;
  background-size: cover;
}

.nav__innerHl--recruit {
  background: url(/common/img/index/img_cate_top-03.jpg) no-repeat center;
  background-size: cover;
}

.nav__innerMenu {
  margin-bottom: 0.5rem;
  padding: 0 0 0.5rem 0.5rem;
  border-bottom: dotted thin #ccc;
}

.nav__innerMenu a {
  font-size: 1.1rem;
  transition: 0.3s;
  color: #212529;
}

.nav__innerMenu a:hover {
  color: #ff9152;
}

.breadcrumb {
  display: block;
  max-width: 1330px;
  width: 100%;
  margin: 0px auto 25px;
  font-size: 0.9em;
}

.breadcrumb li {
  display: table-cell;
  vertical-align: middle;
  height: 36px;
}

.breadcrumb li a {
  color: #424343;
  text-decoration: none;
  padding: 0 2px;
  transition: 0.2s;
}

.breadcrumb li a:hover {
  color: #ccc;
}

.breadcrumb li:nth-child(n+2):before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
  margin: 0 0.8em;
}

.contact_area {
  width: 290px;
  height: 80px;
  padding: 10px 18px;
  background: #ff9152;
  position: relative;
}

.contact_area li {
  color: #fff;
  line-height: 25px;
  width: 210px;
}

.contact_area li a {
  display: block;
  position: absolute;
  color: #fff;
  border: 1px solid #fff;
  font-size: 0.9em;
  text-align: center;
}

.contact_area li a:hover {
  opacity: 0.6;
  transition: 0.4s;
}

.contact_area .tel {
  font-size: 1.2em;
  letter-spacing: 0.1em;
}

.contact_area .tel::before {
  content: "";
  background: url(/common/img/common/phone-square-alt.svg) no-repeat;
  background-size: contain;
  display: inline-block;
  width: 18px;
  height: 20px;
  margin: 5px 10px 0 0;
}

.contact_area .contact a {
  bottom: 10px;
  left: 15px;
  width: 200px;
}

.contact_area .contact a::after {
  background: none;
  border-radius: 0;
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
  margin-left: 15px;
  margin-bottom: 2px;
  z-index: 1;
  position: absolute;
  top: 8px;
  right: 10px;
}

.contact_area .map a {
  top: 10px;
  right: 10px;
  width: 60px;
  height: 60px;
  font-size: 1.1em;
}

.contact_area .map a::before {
  content: "";
  background: url(/common/img/common/map-marker-alt.svg) no-repeat;
  background-size: contain;
  display: inline-block;
  width: 24px;
  height: 22px;
  margin: 7px 0 0 5px;
}

@media (max-width: 1460px) {

  .nav__menu:first-child,
  .nav__menu--cate:first-child {
    display: none;
  }
}

@media (max-width: 1410px) {
  .nav {
    display: none;
    width: calc(90% - 50px);
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    padding: 5% 5% 10%;
    background: #fff;
    transition: 0.3s;
    transform: translateX(100%);
    background: #fff;
    z-index: 9999;
  }

  .nav__list {
    flex-direction: column;
    align-items: flex-start;
  }

  .nav__menu,
  .nav__menu--cate {
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 1rem;
    width: 100%;
  }

  .nav__menu:hover,
  .nav__menu--cate:hover {
    color: inherit;
  }

  .nav__menu:hover>a,
  .nav__menu--cate:hover>a {
    color: inherit;
  }

  .nav__menu::after,
  .nav__menu--cate::after {
    content: none;
  }

  .nav__menu>a,
  .nav__menu--cate>a {
    display: none;
  }

  .nav__menu+li,
  .nav__menu--cate+li {
    margin-left: 0;
  }

  .nav__menu+li:not(:last-child)::before,
  .nav__menu--cate+li:not(:last-child)::before {
    display: none;
  }

  .nav__menu:nth-of-type(6),
  .nav__menu--cate:nth-of-type(6) {
    padding: 1rem;
    background: #3283B8;
    color: #fff;
    text-align: center;
  }

  .nav__menu:nth-of-type(6) a,
  .nav__menu--cate:nth-of-type(6) a {
    display: block;
    color: #fff;
  }

  .nav__menu:last-of-type,
  .nav__menu--cate:last-of-type {
    order: -1;
    padding: 1rem 0.5rem;
    margin: 0 0 1.5rem;
  }

  .nav__menu:last-of-type a,
  .nav__menu--cate:last-of-type a {
    display: block;
  }

  .nav__innerListWrapper {
    min-height: initial;
    position: static;
    transform: none;
    padding: 0;
    border: none;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    background: #fff;
  }

  .nav__innerHl,
  .nav__innerHl--company,
  .nav__innerHl--work,
  .nav__innerHl--member,
  .nav__innerHl--recruit {
    height: 15vh;
    font-size: 20px;
    margin-bottom: 1rem;
  }

  .nav__innerHl a::after,
  .nav__innerHl--company a::after,
  .nav__innerHl--work a::after,
  .nav__innerHl--member a::after,
  .nav__innerHl--recruit a::after {
    margin-left: 0.5rem;
    width: 1.25rem;
    height: 1.25rem;
  }

  .nav__innerMenu {
    margin-bottom: 0.5rem;
    padding: 0;
  }

  .nav__innerMenu a {
    font-size: 1rem;
    display: block;
    padding: 0.5rem 1rem;
  }

  .nav__innerMenu a:hover {
    color: inherit;
  }

  .breadcrumb {
    overflow-x: scroll;
    white-space: nowrap;
  }
}

/*--block--------------------------

  access //アクセス

-------------------------------- */
.access {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.access__infoWrap {
  width: 45%;
  background: url(../img/index/bg_access.jpg);
  background-size: cover;
  margin-right: 0.5rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 3rem 0 3rem 80px;
}

.access__info {
  width: 100%;
  max-width: 595px;
  min-width: 361px;
  padding-left: 80px;
}

.access__info .btn--primary {
  padding: 0.5rem 0;
  width: 315px;
}

.access__info .btn--primary:last-of-type {
  margin-top: 20px;
}

.access__map {
  width: 55%;
  height: 447px;
}

.access__list {
  margin-bottom: 2rem;
}

.access__list dt {
  margin-bottom: 1.25rem;
}

.access__list dd:last-of-type {
  display: flex;
  align-items: center;
}

.access__list dd:last-of-type::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  background: url(/common/img/area/icon_hibiya.png);
  background-size: cover;
  margin-left: 0.25rem;
}

.access__tel {
  pointer-events: none;
}

@media (max-width: 768px) {
  .access__infoWrap {
    width: 100%;
    margin-right: 0;
    padding: 2rem 1rem;
    margin-bottom: 0.5rem;
  }

  .access__info {
    padding-left: 0;
    min-width: 1px;
  }

  .access__info .btn--primary {
    width: 100%;
  }

  .access__map {
    width: 100%;
    height: 290px;
  }

  .access__tel {
    pointer-events: auto;
    text-decoration: underline;
    margin: 0.5rem 0 0.25rem;
  }
}

.accessArea {
  width: 100%;
}

.accessArea .pageIntro__txt {
  width: 100%;
  margin-top: 20px;
}

.accessArea .root {
  margin: 120px 0 0;
}

.accessArea .root .hl--hr {
  width: 100%;
}

.accessArea .root .rootDetail__txt {
  margin-top: 20px;
}

.accessArea .root .rootDetail__txt span {
  background: linear-gradient(transparent 30%, #fced9b 30%);
  font-size: inherit;
  color: inherit;
}

.accessArea .root .map_area {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
}

.accessArea .root .map_area .map_area_txt {
  width: 50%;
}

.accessArea .root .map_area .map_area_txt .rootDetail__hl {
  margin: 4rem 0 1.25rem;
  font-size: 1.5rem;
  font-weight: 500;
  padding-left: 0.75rem;
  border-left: solid 10px #3283B8;
}

.accessArea .root .map_area .map_area_txt .rootDetail__txt {
  margin-top: 20px;
}

.accessArea .root .map_area .map_area_txt .rootDetail__txt span {
  background: linear-gradient(transparent 30%, #fced9b 30%);
  font-size: inherit;
  color: inherit;
}

.accessArea .root .map_area .rootMap {
  margin: 2rem 0 1rem;
  width: 50%;
  text-align: right;
}

.accessArea .root .map_area .rootMap a {
  color: #3283B8;
  padding-top: 15px;
  border-bottom: 2px dotted #a2b5b7;
  word-break: break-all;
  font-size: 18px;
  font-weight: bold;
}

.accessArea .root .map_area .rootMap a:hover {
  opacity: 0.6;
  transition: 0.4s;
}

.accessArea .root .rootDetail__txt_pk {
  margin: 20px 0 40px;
}

.accessArea .root .rootDetail__list {
  width: 100%;
  margin: 80px 0 0;
}

.accessArea .root .rootDetail__list li {
  display: flex;
  margin: 0 auto 40px;
}

.accessArea .root .rootDetail__list li .list_txt {
  width: 50%;
  text-indent: -1em;
  padding: 0 1em 0 3em;
}

.accessArea .root .rootDetail__list li .icon_blue {
  color: #3283B8;
}

.accessArea .root .rootDetail__list li .txt_line {
  background: linear-gradient(transparent 30%, #fced9b 30%);
  font-size: inherit;
  color: inherit;
}

.accessArea .root .rootDetail__list li div {
  width: 40%;
}

.accessArea .root .rootDetail__list li div img {
  width: 100%;
}

.accessArea .root .rootDetail__list li a {
  color: #3283B8;
  padding-top: 15px;
  border-bottom: 2px dotted #a2b5b7;
  word-break: break-all;
}

.accessArea .root .rootDetail__list li a:hover {
  opacity: 0.6;
  transition: 0.4s;
}

.accessArea .root .pk__list {
  margin: 20px 60px 0 0;
}

.accessArea .root .pk__list:not(:last-child) {
  border-bottom: 1px solid #eee;
}

.accessArea .root .pk__list dt {
  text-indent: -1em;
  padding-left: 1em;
}

.accessArea .root .pk__list dt .icon_blue {
  color: #3283B8;
}

.accessArea .root .pk__list dd {
  margin: 0;
  padding-bottom: 1em;
  margin: 0.5em 0 1em 0;
}

.accessArea .root hr {
  width: 100%;
  border-top: 1px solid #c7c7c7;
  margin-top: 2rem;
}

@media (max-width: 768px) {
  .accessArea .pageIntro__txt {
    margin-top: 10px;
  }

  .accessArea .rootDetail__txt {
    margin-top: 15px;
    font-size: 1rem;
  }

  .accessArea .root {
    font-size: 20px;
    margin-top: 80px;
  }

  .accessArea .root .map_area {
    flex-flow: wrap;
  }

  .accessArea .root .map_area .map_area_txt {
    width: 100%;
    order: 2;
  }

  .accessArea .root .map_area .map_area_txt .rootDetail__hl {
    margin: 2rem 0 1rem;
    font-size: 1.2rem;
  }

  .accessArea .root .map_area .map_area_txt .rootDetail__txt {
    margin-top: 15px;
    font-size: 1rem;
  }

  .accessArea .root .map_area .rootMap {
    width: 100%;
    order: 1;
  }

  .accessArea .root .map_area .rootMap a {
    font-size: 16px;
  }

  .accessArea .root .rootDetail__list {
    width: 100%;
    margin: 30px 0;
  }

  .accessArea .root .rootDetail__list li {
    flex-flow: wrap;
    margin-bottom: 40px;
    font-size: 1rem;
  }

  .accessArea .root .rootDetail__list li .list_txt {
    width: 100%;
    padding: 0 0 0 1em;
  }

  .accessArea .root .rootDetail__list li div {
    width: 100%;
  }

  .accessArea .root .rootDetail__list li div img {
    margin-top: 15px;
  }

  .accessArea .root .pk__list {
    margin: 20px 0;
  }

  .accessArea .root .pk__list dt {
    font-size: 1rem;
  }

  .accessArea .root .pk__list dd {
    font-size: 1rem;
  }

  .accessArea .root .rootDetail__txt_pk {
    font-size: 1rem;
    margin: 20px 0 0;
  }

  .accessArea hr {
    margin-top: 1rem;
  }
}

/*--block--------------------------

  categoryFv

-------------------------------- */
.categoryFv,
.categoryFv--recruit,
.categoryFv--member,
.categoryFv--company {
  margin: 0 auto 8rem;
  position: relative;
  min-height: 650px;
  display: flex;
  flex-direction: column;
}

.categoryFv::before,
.categoryFv--recruit::before,
.categoryFv--member::before,
.categoryFv--company::before {
  content: "";
  width: 45%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.categoryFv__txtArea,
.categoryFv__txtArea--recruit,
.categoryFv__txtArea--member,
.categoryFv__txtArea--company {
  position: relative;
  width: 50%;
}

.categoryFv--company::before {
  background: url(../img/index/img_cate_top-01.jpg) 46%;
  background-size: cover;
}

.categoryFv--member::before {
  background: url(/common/img/index/img_cate_top-05.jpg) center 36%;
  background-size: cover;
}

.categoryFv--recruit {
  margin-bottom: 9%;
}

.categoryFv--recruit::before {
  background: url(/common/img/index/img_cate_top-03_2.jpg) center;
  background-size: cover;
}

.categoryFv--recruit.categoryFV--work:before {
  background: url(/common/img/index/img_cate_top-04.jpg) 68%;
  background-size: cover;
}

.categoryFv .hl--lv1,
.categoryFv--company .hl--lv1,
.categoryFv--member .hl--lv1,
.categoryFv--recruit .hl--lv1 {
  margin: 6rem 0 6rem 0;
}

@media (max-width: 768px) {

  .categoryFv .hl--lv1,
  .categoryFv--company .hl--lv1,
  .categoryFv--member .hl--lv1,
  .categoryFv--recruit .hl--lv1 {
    margin: 6rem 0 4rem 0;
  }
}

.categoryFv .hl--lv2,
.categoryFv--company .hl--lv2,
.categoryFv--member .hl--lv2,
.categoryFv--recruit .hl--lv2 {
  margin: 0 0 4rem 0;
}

@media (max-width: 768px) {

  .categoryFv .hl--lv2,
  .categoryFv--company .hl--lv2,
  .categoryFv--member .hl--lv2,
  .categoryFv--recruit .hl--lv2 {
    margin: 0 0 2rem 0;
  }
}

@media (max-width: 768px) {

  .categoryFv,
  .categoryFv--company,
  .categoryFv--member,
  .categoryFv--recruit {
    min-height: initial;
    margin-bottom: 20%;
  }

  .categoryFv .hl--lv1,
  .categoryFv--company .hl--lv1,
  .categoryFv--member .hl--lv1,
  .categoryFv--recruit .hl--lv1 {
    margin-top: 3rem;
  }

  .categoryFv::before,
  .categoryFv--company::before,
  .categoryFv--member::before,
  .categoryFv--recruit::before {
    height: 50vh;
    display: block;
    position: static;
    width: 100%;
  }

  .categoryFv__txtArea,
  .categoryFv__txtArea--company,
  .categoryFv__txtArea--member,
  .categoryFv__txtArea--recruit {
    width: 100%;
  }

  .categoryFv__txtArea::after,
  .categoryFv__txtArea--company::after,
  .categoryFv__txtArea--member::after,
  .categoryFv__txtArea--recruit::after {
    font-size: 60px;
  }

  .categoryFv__txtArea--member::after {
    top: -15%;
  }

  .categoryFv__txtArea--company::after {
    top: -6%;
  }

  .categoryFv__txtArea--recruit::after {
    top: -9%;
  }

  .categoryFv__txt {
    width: 100%;
    margin: auto;
  }

  .categoryFv__txt p+p {
    margin-top: 1rem;
  }
}

.fv--cate,
.fv--cate--member,
.fv--cate--company {
  margin: 0 auto 10%;
}

.fv--cate--company .fv__img--cate {
  background: url(../img/index/img_cate_top-01.jpg) center;
  background-size: cover;
  width: 50%;
}

.fv--cate--member .fv__img {
  background: url(/common/img/index/img_cate_top-02.jpg) center 36%;
  background-size: cover;
  height: 45vh;
}

.fv--cate .hl--cont--L,
.fv--cate--company .hl--cont--L,
.fv--cate--member .hl--cont--L {
  margin: 10% auto;
  text-align: center;
}

@media (max-width: 768px) {
  .fv__mainCopyWrap {
    min-width: 1px;
    width: 100%;
    margin-top: -10%;
  }

  .fv__txtArea {
    width: 100%;
    margin: -12% 0 0;
  }

  .fv__txtArea--under {
    order: 0;
    margin-top: 2rem;
  }

  .fv__txtArea--under .hl--cont--L {
    margin-bottom: 2rem;
    transform: none;
  }

  .fv__hl {
    text-align: center;
  }

  .fv__hl--under {
    font-size: 2rem;
    margin-bottom: 2rem;
    transform: translateX(0.5rem);
    font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }

  .fv__hl--under .sub {
    font-size: 18px;
  }

  .fv__img {
    height: 52vh;
    order: -1;
    width: 95%;
    margin-right: auto;
    margin-left: 0;
  }

  .fv__img::after {
    width: 95%;
    height: 97%;
    transform: translate(0, 2rem);
    left: auto;
    right: -5%;
  }

  .fv__img--under {
    height: 35vh;
    min-height: 280px;
    min-width: 1px;
    position: static;
    width: 100%;
  }

  .fv__img--under--private {
    height: 35vh;
    min-height: 280px;
    min-width: 1px;
    flex-wrap: wrap;
  }

  .fv__img__inner {
    width: 50%;
    height: 50%;
  }

  .fv__bnr {
    width: 90%;
    display: block;
    margin: 1.5rem auto 0;
  }

  .fv--cate,
  .fv--cate--company,
  .fv--cate--member {
    margin-bottom: 6rem;
  }
}

/*　下層　背景画像　*/
.l-women .fv__img--under {
  background: url(/common/img/company/women/img_women_fv.jpg) left 22%;
  background-size: cover;
}

.l-benefit .fv__img--under {
  background: url(/common/img/company/img_benefit_fv.jpg) center;
  background-size: cover;
}

.l-training .fv__img--under {
  background: url(/common/img/company/img_training_fv.jpg) center bottom;
  background-size: cover;
}

.l-event .fv__img--under {
  background: url(https://www.baycross.jp/wp/wp-content/uploads/2023/02/ecfair2023_tmb.jpg) center bottom;
  background-size: cover;
}

.page_data .fv__img--under {
  background: url(/common/img/company/img_data_fv.jpg) center;
  background-size: cover;
}

.l-interview._1 .fv__img--under {
  background: url(/common/img/member/img_member_01_fv.jpg) center;
  background-size: cover;
}

.l-interview._2 .fv__img--under {
  background: url(/common/img/member/img_member_02_fv.jpg) center;
  background-size: cover;
}

.l-talk._designer .fv__img--under {
  background: url(/common/img/member/img_talk_01_fv.jpg) center;
  background-size: cover;
}

.l-talk._director .fv__img--under {
  background: url(/common/img/member/img_talk_02_fv.jpg) center;
  background-size: cover;
}

.l-private .fv__img--under {
  background: url(/common/img/member/img_private_01.jpg) center;
  background-size: cover;
}

.fv__img--under--private {
  display: flex;
  align-items: center;
}

.fv__img--under--private .fv__img__inner:nth-of-type(1) {
  background: url(/common/img/member/img_private_01.jpg) 35%;
  background-size: cover;
}

.fv__img--under--private .fv__img__inner:nth-of-type(2) {
  background: url(/common/img/member/img_private_02.jpg) center;
  background-size: cover;
}

.fv__img--under--private .fv__img__inner:nth-of-type(3) {
  background: url(/common/img/member/img_private_03.jpg) 18%;
  background-size: cover;
}

.fv__img--under--private .fv__img__inner:nth-of-type(4) {
  background: url(/common/img/member/img_private_04.jpg) 30%;
  background-size: cover;
}

.l-rec-top .fv__img--under {
  background: url(/common/img/recruit/img_recruit_fv.jpg) center;
  background-size: cover;
}

.l-director .fv__img--under {
  background: url(/common/img/recruit/img_recruit_director_fv.jpg) center;
  background-size: cover;
}

.l-designer .fv__img--under {
  background: url(/common/img/recruit/img_recruit_designer_fv.jpg) center 66%;
  background-size: cover;
}

.l-sales .fv__img--under {
  background: url(/common/img/recruit/img_recruit_sales_fv.jpg) center;
  background-size: cover;
}

.l-area .fv__img--under {
  background: url(/common/img/area/img_area_fv.jpg) center bottom;
  background-size: cover;
}

.infoArea {
  margin-bottom: 4rem;
  text-align: center;
  padding: 0.75rem;
  background: #F2F6FF;
}

.infoArea__link {
  text-decoration: underline;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.infoArea__link:hover {
  text-decoration: underline;
  color: #ff9152;
}

.infoArea__link::after {
  content: "";
  background: url(/common/img/common/icon_new_window.svg);
  width: 1rem;
  height: 1rem;
  display: block;
  margin-left: 0.5rem;
}

@media (max-width: 768px) {
  .infoArea {
    margin-bottom: 2rem;
  }

  .infoArea__link:hover {
    color: inherit;
  }
}

/*--block--------------------------

  .underPageCont // 下層 コンテンツ

-------------------------------- */
.underPageCont {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.underPageCont__txtArea {
  width: 41%;
  max-width: 40rem;
}

.underPageCont__txtArea .hl--sec--L {
  margin-bottom: 6%;
}

.underPageCont__txt+.underPageCont__txt {
  margin-top: 0.5rem;
}

.underPageCont__img {
  display: block;
  position: relative;
}

.talk--designer .underPageCont {
  align-items: stretch;
}

@media (max-width: 768px) {
  .underPageCont {
    flex-direction: column;
  }

  .underPageCont__txtArea {
    width: 100%;
    max-width: auto;
  }

  .l-lunch .underPageCont .hl--sec--L {
    padding-bottom: 0;
  }
}

/*----- 背景画像　指定 -----*/
/*mix in*/
/* member */
.l-private section.underPageCont:nth-of-type(1)::before {
  background: url(/common/img/member/img_private_01.jpg) no-repeat center;
  background-size: cover;
  content: "";
  display: block;
  width: 52%;
  height: auto;
  min-height: 450px;
}

.l-private section.underPageCont:nth-of-type(2)::after {
  background: url(/common/img/member/img_private_02.jpg) no-repeat center top;
  background-size: cover;
  content: "";
  display: block;
  width: 52%;
  height: auto;
  min-height: 450px;
}

.l-private section.underPageCont:nth-of-type(3)::before {
  background: url(/common/img/member/img_private_03.jpg) no-repeat center;
  background-size: cover;
  content: "";
  display: block;
  width: 52%;
  height: auto;
  min-height: 450px;
}

.l-private section.underPageCont:nth-of-type(4)::after {
  background: url(/common/img/member/img_private_04.jpg) no-repeat center;
  background-size: cover;
  content: "";
  display: block;
  width: 52%;
  height: auto;
  min-height: 450px;
}

.l-private section.underPageCont:nth-of-type(5)::before {
  background: url(/common/img/member/img_private_05.jpg) no-repeat center;
  background-size: cover;
  content: "";
  display: block;
  width: 52%;
  height: auto;
  min-height: 450px;
}

.l-private section.underPageCont:nth-of-type(6)::after {
  background: url(/common/img/member/img_private_06.jpg) no-repeat center;
  background-size: cover;
  content: "";
  display: block;
  width: 52%;
  height: auto;
  min-height: 450px;
}

@media (max-width: 768px) {
  .l-private section.underPageCont::before {
    margin-bottom: 1.5rem;
  }

  .l-private section.underPageCont::after {
    margin-bottom: 1.5rem;
    order: -1;
  }

  .l-private section.underPageCont:nth-of-type(1)::before,
  .l-private section.underPageCont:nth-of-type(2)::after,
  .l-private section.underPageCont:nth-of-type(3)::before,
  .l-private section.underPageCont:nth-of-type(4)::after,
  .l-private section.underPageCont:nth-of-type(5)::before,
  .l-private section.underPageCont:nth-of-type(6)::after {
    content: "";
    display: block;
    width: 100%;
    height: 200px;
    min-height: initial;
  }
}

/* benefit */
.benefitMain section.benefitList:nth-of-type(1)::before {
  background: url(/common/img/company/img_benefit_cont-1.jpg) no-repeat center;
  background-size: cover;
  content: "";
  display: block;
  width: 50%;
  height: auto;
  min-height: 450px;
}

.benefitMain section.benefitList:nth-of-type(2)::after {
  background: url(/common/img/company/img_benefit_cont-2.jpg) no-repeat center;
  background-size: cover;
  content: "";
  display: block;
  width: 50%;
  height: auto;
  min-height: 450px;
}

.benefitMain section.benefitList:nth-of-type(3)::before {
  background: url(/common/img/company/img_benefit_cont-3.jpg) no-repeat center;
  background-size: cover;
  content: "";
  display: block;
  width: 50%;
  height: auto;
  min-height: 450px;
}

.l-training .underPageCont::before,
.benefitExample section.underPageCont:nth-of-type(1)::before {
  background: url(/common/img/company/img_benefit_cont-4.jpg) no-repeat center;
  background-size: cover;
  content: "";
  display: block;
  width: 50%;
  height: 50vh;
  min-height: 450px;
}

.benefitExample section.underPageCont:nth-of-type(2)::after {
  background: url(/common/img/company/img_benefit_cont-5.jpg) no-repeat center;
  background-size: cover;
  content: "";
  display: block;
  width: 55%;
  height: 50vh;
  min-height: 450px;
}

.benefitExample section.underPageCont:nth-of-type(3)::before {
  background: url(/common/img/company/img_benefit_cont-6.jpg) no-repeat center;
  background-size: cover;
  content: "";
  display: block;
  width: 50%;
  height: 50vh;
  min-height: 450px;
}

@media (max-width: 768px) {
  .l-training .underPageCont::before {
    width: 100%;
    height: 30vh;
    min-height: 240px;
  }

  .benefitMain section.benefitList::before {
    margin-bottom: 1.5rem;
  }

  .benefitMain section.benefitList::after {
    margin-bottom: 1.5rem;
    order: -1;
  }

  .benefitMain section.benefitList:nth-of-type(1)::before,
  .benefitMain section.benefitList:nth-of-type(2)::after,
  .benefitMain section.benefitList:nth-of-type(3)::before {
    content: "";
    display: block;
    width: 100%;
    height: 200px;
    min-height: initial;
  }

  .benefitExample section.underPageCont::before {
    margin-bottom: 1.5rem;
  }

  .benefitExample section.underPageCont::after {
    margin-bottom: 1.5rem;
    order: -1;
  }

  .benefitExample section.underPageCont:nth-of-type(1)::before,
  .benefitExample section.underPageCont:nth-of-type(2)::after,
  .benefitExample section.underPageCont:nth-of-type(3)::before {
    content: "";
    display: block;
    width: 100%;
    height: 200px;
    min-height: initial;
  }
}

/*private*/
.l-private section.underPageCont:nth-of-type(1) .hl--sec--L::before {
  content: "Private 01";
}

.l-private section.underPageCont:nth-of-type(2) .hl--sec--L::before {
  content: "Private 02";
}

.l-private section.underPageCont:nth-of-type(3) .hl--sec--L::before {
  content: "Private 03";
}

.l-private section.underPageCont:nth-of-type(4) .hl--sec--L::before {
  content: "Private 04";
}

.l-private section.underPageCont:nth-of-type(5) .hl--sec--L::before {
  content: "Private 05";
}

.l-private section.underPageCont:nth-of-type(6) .hl--sec--L::before {
  content: "Private 06";
}

/* talk */
.talk--designer dl.talkCont:nth-of-type(1) .hl--sec--L::before {
  content: "Talk 01";
}

.talk--designer dl.talkCont:nth-of-type(2) .hl--sec--L::before {
  content: "Talk 02";
}

.talk--designer dl.talkCont:nth-of-type(3) .hl--sec--L::before {
  content: "Talk 03";
}

.talk--designer dl.talkCont:nth-of-type(4) .hl--sec--L::before {
  content: "Talk 04";
}

.talk--director dl.talkCont:nth-of-type(1) .hl--sec--L::before {
  content: "Talk 01";
}

.talk--director dl.talkCont:nth-of-type(2) .hl--sec--L::before {
  content: "Talk 02";
}

.talk--director dl.talkCont:nth-of-type(3) .hl--sec--L::before {
  content: "Talk 03";
}

.talk--director dl.talkCont:nth-of-type(4) .hl--sec--L::before {
  content: "Talk 04";
}

.talk--director dl.talkCont:nth-of-type(5) .hl--sec--L::before {
  content: "Talk 05";
}

.talk--director dl.talkCont:nth-of-type(6) .hl--sec--L::before {
  content: "Talk 06";
}

.talk--director dl.talkCont:nth-of-type(7) .hl--sec--L::before {
  content: "Talk 07";
}

/* benefit*/
.benefitExample section.underPageCont:nth-of-type(1) .hl--sec--L::before {
  content: "Support 01";
}

.benefitExample section.underPageCont:nth-of-type(2) .hl--sec--L::before {
  content: "Support 02";
}

.benefitExample section.underPageCont:nth-of-type(3) .hl--sec--L::before {
  content: "Support 03";
}

/* area*/
.lunch section.underPageCont:nth-of-type(1) .hl--sec--L::before {
  content: "Restaurant 01";
}

.lunch section.underPageCont:nth-of-type(2) .hl--sec--L::before {
  content: "Restaurant 02";
}

.lunch section.underPageCont:nth-of-type(3) .hl--sec--L::before {
  content: "Restaurant 03";
}

.lunch section.underPageCont:nth-of-type(4) .hl--sec--L::before {
  content: "Restaurant 04";
}

.lunch section.underPageCont:nth-of-type(5) .hl--sec--L::before {
  content: "Restaurant 05";
}

.lunch section.underPageCont:nth-of-type(6) .hl--sec--L::before {
  content: "Restaurant 06";
}

.lunch section.underPageCont:nth-of-type(7) .hl--sec--L::before {
  content: "Restaurant 07";
}

.lunch section.underPageCont:nth-of-type(8) .hl--sec--L::before {
  content: "Restaurant 08";
}

.lunch.cafe section.underPageCont:nth-of-type(1) .hl--sec--L::before {
  content: "Cafe 01";
}

.lunch.cafe section.underPageCont:nth-of-type(2) .hl--sec--L::before {
  content: "Cafe 02";
}

.lunch.cafe section.underPageCont:nth-of-type(3) .hl--sec--L::before {
  content: "Cafe 03";
}

/*--block--------------------------

  leadArea //リード文

-------------------------------- */
.leadArea {
  width: 75%;
  margin: auto;
}

.leadArea .hl--sec--L {
  border-bottom: solid thin;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  text-align: center;
}

.leadArea__txt {
  line-height: 2;
}

.leadArea__txt+.leadArea__txt {
  margin-top: 1rem;
}

.categoryLeadArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.categoryLeadArea::before {
  content: "";
  width: 50%;
  height: 360px;
  display: block;
}

.categoryLeadArea .hl--sec--L {
  margin-bottom: 2rem;
}

.categoryLeadArea__txtArea {
  width: 45%;
}

.categoryLeadArea__txtArea ul {
  margin-top: 1rem;
  padding: 0.5rem;
  background: #F2F6FF;
}

.categoryLeadArea__txtArea li {
  line-height: 1.8;
  color: #3283B8;
  font-size: 14px;
}

/*背景*/
.l-rec .categoryLeadArea {
  margin-bottom: 12%;
}

.l-rec .categoryLeadArea::before {
  background: url(/common/img/recruit/recruit-img01.jpg) center;
  background-size: cover;
}

@media (max-width: 768px) {
  .leadArea {
    width: 90%;
  }

  .hl--sec--L {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }

  .categoryLeadArea {
    flex-direction: column;
  }

  .categoryLeadArea:before {
    width: 100%;
    height: 180px;
    margin-bottom: 1rem;
  }

  .categoryLeadArea .hl--sec--L {
    margin-top: 1rem;
    padding-bottom: 0;
  }

  .categoryLeadArea__txtArea {
    width: 100%;
  }

  .categoryLeadArea__txtArea ul {
    margin-top: 1.5rem;
  }
}

/*--block--------------------------

  linkArea //導線

-------------------------------- */
.linkArea,
.linkArea--member {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  width: 100%;
}

.linkArea__cont {
  width: 49%;
  text-align: center;
  margin-bottom: 8%;
}

.linkArea__cont:last-of-type {
  margin-bottom: 0;
}

.linkArea__cont::before {
  content: "";
  height: 25vh;
  width: 100%;
  display: block;
  margin-bottom: 1.5rem;
}

.linkArea__cont:nth-of-type(1)::before {
  background: url(/common/img/company/img_benefit_fv.jpg) center;
  background-size: cover;
}

.linkArea__cont:nth-of-type(2)::before {
  background: url(/common/img/company/img_training_fv.jpg) center bottom;
  background-size: cover;
}

.linkArea__cont:nth-of-type(3)::before {
  background: url(https://www.baycross.jp/wp/wp-content/uploads/2023/02/ecfair2023_tmb.jpg) left 22%;
  background-size: cover;
}

.linkArea__cont:nth-of-type(4)::before {
  background: url(../img/company/women/img_women_fv.jpg) left 22%;
  background-size: cover;
}

.linkArea__cont:nth-of-type(5)::before {
  background: url(/common/img/top/cross-slider_05.avif) no-repeat center;
  background-size: cover;
}

.linkArea .hl--sec--L,
.linkArea--member .hl--sec--L {
  margin-bottom: 1.5rem;
  text-align: center;
  font-weight: normal;
  line-height: 1.2;
  font-size: 26px;
}

.linkArea .hl--sec--L span,
.linkArea--member .hl--sec--L span {
  color: #3283B8;
  display: block;
  margin-top: 0.25rem;
  font-size: 20px;
}

.linkArea--member {
  padding: 2rem 2rem 0;
}

.linkArea--member .linkArea__cont {
  width: 49.5%;
}

@media (max-width: 768px) {

  .linkArea,
  .linkArea--member {
    flex-direction: column;
  }

  .linkArea__cont {
    width: 100%;
  }

  .linkArea--member .linkArea__cont {
    width: 100%;
  }

  .linkArea__cont::before {
    height: 30vh;
  }

  .linkArea__cont+.linkArea__cont {
    margin-top: 3rem;
  }

  .linkArea .hl--sec--L,
  .linkArea--member .hl--sec--L {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .linkArea .btn--semiCircle,
  .linkArea--member .btn--semiCircle {
    width: 85%;
  }
}

.l-member .linkArea--member:nth-of-type(3) {
  background: #F2F6FF;
}

.l-member .linkArea--member:nth-of-type(3) .linkArea__cont:nth-of-type(1)::before {
  background: url(/common/img/member/img_member_01_fv.jpg) center;
  background-size: cover;
}

.l-member .linkArea--member:nth-of-type(3) .linkArea__cont:nth-of-type(2)::before {
  background: url(/common/img/member/img_member_02_fv.jpg) center;
  background-size: cover;
}

.l-member .linkArea--member:nth-of-type(3) .linkArea__cont:nth-of-type(1)::before {
  background: url(/common/img/member/img_talk_02_fv.jpg) center;
  background-size: cover;
}

.l-member .linkArea--member:nth-of-type(3) .linkArea__cont:nth-of-type(2)::before {
  background: url(/common/img/member/img_talk_01_fv.jpg) center;
  background-size: cover;
}

.l-member .linkArea--member:nth-of-type(5) {
  background: #F2F6FF;
}

.l-member .linkArea--member:nth-of-type(5) .linkArea__cont:nth-of-type(1)::before {
  background: url(/common/img/member/img_private_fv.jpg) center;
  background-size: cover;
}

/*--block--------------------------

  pageIntro //イントロダクション

-------------------------------- */
.pageIntro {
  padding-right: 53%;
  margin-bottom: 6%;
}

.pageIntro .hl--sec--L {
  margin-bottom: 2rem;
  font-size: 28px;
}

.pageIntro__txt {
  width: 100%;
}

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

.pageIntro__txt+.pageIntro__txt {
  margin-top: 0.5rem;
}

.pageIntro__bnr {
  margin-top: 1rem;
  width: 45%;
}

@media (max-width: 768px) {
  .pageIntro {
    transform: none;
    padding-right: 0;
    margin-bottom: 20%;
  }

  .pageIntro .hl--sec--L {
    margin-bottom: 1rem;
    font-size: 21px;
  }

  .pageIntro__txt {
    width: 100%;
  }

  .pageIntro__txt.notfound {
    text-align: left;
  }

  .pageIntro__bnr {
    width: 100%;
  }
}

/*--block--------------------------

  checkList //チェックリスト

-------------------------------- */
.checkList__cont {
  position: relative;
  font-weight: 500;
  padding: 0.75rem 0.5rem;
  display: flex;
  align-items: flex-start;
}

.checkList__cont+.checkList__cont {
  border-top: dotted thin #ddd;
}

.checkList__cont::before {
  content: "□";
  color: #3283B8;
  margin-right: 0.75em;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.checkList__cont::after {
  display: block;
  position: absolute;
  content: "";
  width: 1.25em;
  height: 0.5em;
  top: 6px;
  left: 6px;
  margin: auto;
  border-top: 2px solid #3283B8;
  border-right: 2px solid #3283B8;
  transform: rotate(140deg);
}

.checkList__ttl {
  font-weight: 500;
  line-height: 1.5;
}

.checkList__desc {
  font-size: 14px;
  font-weight: 400;
  margin-top: 0.25rem;
}

@media (max-width: 768px) {
  .checkList__cont {
    align-items: flex-start;
  }

  .checkList__cont::after {
    top: 5px;
    left: 8px;
  }
}

/*--block--------------------------

  .txtCont // 下層 記事コンテンツ

-------------------------------- */
.txtCont,
.txtCont--private,
.txtCont--talk--director.part2,
.txtCont--talk--director,
.txtCont--talk--designer,
.txtCont--takeout,
.txtCont--cafe,
.txtCont--area,
.txtCont--women,
.txtCont--benefit {
  position: relative;
  padding: 6rem 0;
  margin: 0 0 6rem 0;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  /*benefit*/
  /*women*/
  /*area*/
  /*cafe*/
  /*takeout*/
  /*talk*/
  /*private*/
}

@media (max-width: 768px) {

  .txtCont,
  .txtCont--private,
  .txtCont--talk--director.part2,
  .txtCont--talk--director,
  .txtCont--talk--designer,
  .txtCont--takeout,
  .txtCont--cafe,
  .txtCont--area,
  .txtCont--women,
  .txtCont--benefit {
    margin: 0 0 4rem 0;
  }
}

.txtCont::before,
.txtCont--private::before,
.txtCont--talk--director.part2::before,
.txtCont--talk--director::before,
.txtCont--talk--designer::before,
.txtCont--takeout::before,
.txtCont--cafe::before,
.txtCont--area::before,
.txtCont--women::before,
.txtCont--benefit::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 45%;
  height: 100%;
}

.txtCont::after,
.txtCont--private::after,
.txtCont--talk--director.part2::after,
.txtCont--talk--director::after,
.txtCont--talk--designer::after,
.txtCont--takeout::after,
.txtCont--cafe::after,
.txtCont--area::after,
.txtCont--women::after,
.txtCont--benefit::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 45%;
  height: 100%;
}

.txtCont :last-of-type,
.txtCont--private :last-of-type,
.txtCont--talk--director :last-of-type,
.txtCont--talk--designer :last-of-type,
.txtCont--takeout :last-of-type,
.txtCont--cafe :last-of-type,
.txtCont--area :last-of-type,
.txtCont--women :last-of-type,
.txtCont--benefit :last-of-type {
  margin-bottom: 0;
}

.txtCont:nth-of-type(even) .txtCont__inner,
.txtCont--private:nth-of-type(even) .txtCont__inner,
.txtCont--talk--director:nth-of-type(even) .txtCont__inner,
.txtCont--talk--designer:nth-of-type(even) .txtCont__inner,
.txtCont--takeout:nth-of-type(even) .txtCont__inner,
.txtCont--cafe:nth-of-type(even) .txtCont__inner,
.txtCont--area:nth-of-type(even) .txtCont__inner,
.txtCont--women:nth-of-type(even) .txtCont__inner,
.txtCont--benefit:nth-of-type(even) .txtCont__inner {
  transform: translate(-50%, 0);
}

.txtCont:nth-of-type(even) .txtCont__inner::before,
.txtCont--private:nth-of-type(even) .txtCont__inner::before,
.txtCont--talk--director:nth-of-type(even) .txtCont__inner::before,
.txtCont--talk--designer:nth-of-type(even) .txtCont__inner::before,
.txtCont--takeout:nth-of-type(even) .txtCont__inner::before,
.txtCont--cafe:nth-of-type(even) .txtCont__inner::before,
.txtCont--area:nth-of-type(even) .txtCont__inner::before,
.txtCont--women:nth-of-type(even) .txtCont__inner::before,
.txtCont--benefit:nth-of-type(even) .txtCont__inner::before {
  left: 0;
  right: auto;
}

.txtCont__inner {
  width: 45%;
  max-width: 59rem;
  transform: translate(50%, 0);
  z-index: 9999;
}

.txtCont__inner .hl--lv3 {
  margin-bottom: 6%;
}

.txtCont__txt,
.txtCont__txt--list {
  margin-bottom: 0.5rem;
}

.txtCont__txt:last-of-type,
.txtCont__txt--list:last-of-type {
  margin-bottom: 0;
}

.txtCont__txt--list li {
  display: flex;
  align-items: flex-start;
}

.txtCont__txt--list li::before {
  content: "・";
  margin-right: 0.5rem;
}

.txtCont--benefit:nth-of-type(1)::before {
  background: url(/common/img/company/img_benefit_cont-4.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--benefit:nth-of-type(2)::after {
  background: url(/common/img/company/img_benefit_cont-mouse.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--benefit:nth-of-type(3)::before {
  background: url(/common/img/company/img_benefit_cont-5.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--benefit:nth-of-type(4)::after {
  background: url(/common/img/company/img_benefit_cont-6.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--benefit:nth-of-type(5)::before {
  background: url(/common/img/company/img_benefit_cont-lunch.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--benefit:nth-of-type(6)::after {
  background: url(/common/img/company/img_benefit_coffee.jpeg) no-repeat center;
  background-size: cover;
}

.txtCont--benefit:nth-of-type(1) .hl--lv3::before {
  content: "Support 01";
}

.txtCont--benefit:nth-of-type(2) .hl--lv3::before {
  content: "Support 02";
}

.txtCont--benefit:nth-of-type(3) .hl--lv3::before {
  content: "Support 03";
}

.txtCont--benefit:nth-of-type(4) .hl--lv3::before {
  content: "Support 04";
}

.txtCont--benefit:nth-of-type(5) .hl--lv3::before {
  content: "Support 05";
}

.txtCont--benefit:nth-of-type(6) .hl--lv3::before {
  content: "Support 06";
}

.txtCont--women:nth-of-type(1)::before {
  background: url(/common/img/company/women/img_women_cont-1.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--women:nth-of-type(2)::after {
  background: url(/common/img/company/women/img_women_cont-2.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--women:nth-of-type(3)::before {
  background: url(/common/img/company/women/img_women_cont-3.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--women:nth-of-type(4)::after {
  background: url(/common/img/top/cross-slider_05.avif) no-repeat center;
  background-size: cover;
}

.txtCont--women:nth-of-type(1) .hl--lv3::before {
  content: "Story 01";
}

.txtCont--women:nth-of-type(2) .hl--lv3::before {
  content: "Story 02";
}

.txtCont--women:nth-of-type(3) .hl--lv3::before {
  content: "Story 03";
}

.txtCont--women:nth-of-type(4) .hl--lv3::before {
  content: "Story 04";
}

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

.txtCont--afterstory .txtCont__txt,
.txtCont--afterstory .txtCont__txt--list {
  margin-bottom: 1.5rem;
}

.txtCont--afterstory .txtCont__inner__story:nth-of-type(2) .hl--lv3::before {
  content: "after story 01";
  margin: 0 auto 20px;
}

.txtCont--afterstory .txtCont__inner__story:nth-of-type(3) .hl--lv3::before {
  content: "after story 02";
  margin: 70px auto 20px;
}

.txtCont--afterstory .hl--lv3 {
  margin-bottom: 2rem;
}

.txtCont--afterstory .hl--lv3::before {
  color: #fff;
  background-color: #3283b8;
  width: 180px;
  text-align: center;
  padding: 2px 0 4px;
}

@media (max-width: 768px) {
  .txtCont--afterstory {
    text-align: left;
  }

  .txtCont--afterstory .txtCont__inner__story .hl--lv3::before {
    margin: 20px 0 !important;
  }
}

.txtCont--area:nth-of-type(even) .txtCont__inner {
  transform: translate(50%, 0);
}

.txtCont--area:nth-of-type(1)::before {
  background: url(/common/img/area/img_area_sawamura.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--area:nth-of-type(2)::before {
  background: url(/common/img/area/img_area_hirasho.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--area:nth-of-type(3)::before {
  background: url(/common/img/area/img_area_abe.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--area:nth-of-type(4)::before {
  background: url(/common/img/area/img_area_tsubaki.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--area:nth-of-type(5)::before {
  background: url(/common/img/area/img_area_miya.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--area:nth-of-type(6)::before {
  background: url(/common/img/area/img_area_wanaga.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--area:nth-of-type(1) .hl--lv3::before {
  content: "Restaurant 01";
}

.txtCont--area:nth-of-type(2) .hl--lv3::before {
  content: "Restaurant 02";
}

.txtCont--area:nth-of-type(3) .hl--lv3::before {
  content: "Restaurant 03";
}

.txtCont--area:nth-of-type(4) .hl--lv3::before {
  content: "Restaurant 04";
}

.txtCont--area:nth-of-type(5) .hl--lv3::before {
  content: "Restaurant 05";
}

.txtCont--area:nth-of-type(6) .hl--lv3::before {
  content: "Restaurant 06";
}

.txtCont--area:nth-of-type(7) .hl--lv3::before {
  content: "Restaurant 07";
}

.txtCont--area:nth-of-type(8) .hl--lv3::before {
  content: "Restaurant 08";
}

.txtCont--cafe:nth-of-type(odd) .txtCont__inner {
  transform: translate(-50%, 0);
}

.txtCont--cafe:nth-of-type(1)::after {
  background: url(/common/img/area/img_cafe_burger.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--cafe:nth-of-type(2)::after {
  background: url(/common/img/area/img_cafe_teddy-brown.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--cafe:nth-of-type(1) .hl--lv3::before {
  content: "Cafe 01";
}

.txtCont--cafe:nth-of-type(2) .hl--lv3::before {
  content: "Cafe 02";
}

.txtCont--cafe:nth-of-type(3) .hl--lv3::before {
  content: "Cafe 03";
}

.txtCont--takeout:nth-of-type(even) .txtCont__inner {
  transform: translate(50%, 0);
}

.txtCont--takeout:nth-of-type(1)::before {
  background: url(/common/img/area/img_takeout_mokumoku.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--takeout:nth-of-type(1) .hl--lv3::before {
  content: "Takeout 01";
}

.txtCont--takeout:nth-of-type(2) .hl--lv3::before {
  content: "Takeout 02";
}

.txtCont--takeout:nth-of-type(3) .hl--lv3::before {
  content: "Takeout 03";
}

.txtCont--talk--designer:nth-of-type(1)::before {
  background: url(/common/img/member/img_talk_02-1.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--talk--designer:nth-of-type(2)::after {
  background: url(/common/img/member/img_talk_02-2.jpg) no-repeat 30%;
  background-size: cover;
}

.txtCont--talk--designer:nth-of-type(3)::before {
  background: url(/common/img/member/img_talk_02-3.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--talk--designer:nth-of-type(4)::after {
  background: url(/common/img/member/img_talk_02-4.jpg) no-repeat 10%;
  background-size: cover;
}

.txtCont--talk--designer:nth-of-type(1) .hl--lv3::before {
  content: "Talk 01";
}

.txtCont--talk--designer:nth-of-type(2) .hl--lv3::before {
  content: "Talk 02";
}

.txtCont--talk--designer:nth-of-type(3) .hl--lv3::before {
  content: "Talk 03";
}

.txtCont--talk--designer:nth-of-type(4) .hl--lv3::before {
  content: "Talk 04";
}

.txtCont--talk--director:nth-of-type(1)::before {
  background: url(/common/img/member/img_talk_01-1.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--talk--director:nth-of-type(2)::after {
  background: url(/common/img/member/img_talk_01-2.jpg) no-repeat 54%;
  background-size: cover;
}

.txtCont--talk--director:nth-of-type(3)::before {
  background: url(/common/img/member/img_talk_01-3.jpg) no-repeat 34%;
  background-size: cover;
}

.txtCont--talk--director:nth-of-type(4)::after {
  background: url(/common/img/member/img_talk_01-4.jpg) no-repeat 50%;
  background-size: cover;
}

.txtCont--talk--director:nth-of-type(1) .hl--lv3::before {
  content: "Talk 01";
}

.txtCont--talk--director:nth-of-type(2) .hl--lv3::before {
  content: "Talk 02";
}

.txtCont--talk--director:nth-of-type(3) .hl--lv3::before {
  content: "Talk 03";
}

.txtCont--talk--director:nth-of-type(4) .hl--lv3::before {
  content: "Talk 04";
}

.txtCont--talk--director:nth-of-type(5) .hl--lv3::before {
  content: "Talk 05";
}

.txtCont--talk--director:nth-of-type(6) .hl--lv3::before {
  content: "Talk 06";
}

.txtCont--talk--director:nth-of-type(7) .hl--lv3::before {
  content: "Talk 07";
}

.txtCont--talk--director.part2:nth-of-type(1)::before {
  background: url(/common/img/member/img_talk_03-1.jpg) no-repeat left;
  background-size: cover;
}

.txtCont--talk--director.part2:nth-of-type(2)::after {
  background: url(/common/img/member/img_talk_03-2.jpg) no-repeat 54%;
  background-size: cover;
}

.txtCont--talk--director.part2:nth-of-type(3)::before {
  background: url(/common/img/member/img_talk_03-3.jpg) no-repeat 34%;
  background-size: cover;
}

.txtCont--talk--director.part2:nth-of-type(4)::after {
  background: url(/common/img/member/img_talk_03-4.jpg) no-repeat 50%;
  background-size: cover;
}

.txtCont--private:nth-of-type(1)::before {
  background: url(/common/img/member/img_private_01.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--private:nth-of-type(2)::after {
  background: url(/common/img/member/img_private_02.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--private:nth-of-type(3)::before {
  background: url(/common/img/member/img_private_04.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--private:nth-of-type(4)::after {
  background: url(/common/img/member/img_private_05.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--private:nth-of-type(5)::before {
  background: url(/common/img/member/img_private_06.jpg) no-repeat center;
  background-size: cover;
}

.txtCont--private:nth-of-type(1) .hl--lv3::before {
  content: "Private 01";
}

.txtCont--private:nth-of-type(2) .hl--lv3::before {
  content: "Private 02";
}

.txtCont--private:nth-of-type(3) .hl--lv3::before {
  content: "Private 03";
}

.txtCont--private:nth-of-type(4) .hl--lv3::before {
  content: "Private 04";
}

.txtCont--private:nth-of-type(5) .hl--lv3::before {
  content: "Private 05";
}

.txtCont--private:nth-of-type(6) .hl--lv3::before {
  content: "Private 06";
}

@media (max-width: 768px) {

  .txtCont,
  .txtCont--benefit,
  .txtCont--women,
  .txtCont--area,
  .txtCont--cafe,
  .txtCont--takeout,
  .txtCont--talk--designer,
  .txtCont--talk--director,
  .txtCont--talk--director.part2,
  .txtCont--private {
    flex-direction: column;
    padding: 0;
  }

  .txtCont:nth-of-type(even)::after,
  .txtCont--benefit:nth-of-type(even)::after,
  .txtCont--women:nth-of-type(even)::after,
  .txtCont--area:nth-of-type(even)::after,
  .txtCont--cafe:nth-of-type(even)::after,
  .txtCont--takeout:nth-of-type(even)::after,
  .txtCont--talk--designer:nth-of-type(even)::after,
  .txtCont--talk--director:nth-of-type(even)::after,
  .txtCont--private:nth-of-type(even)::after {
    order: -1;
    margin-bottom: 1.5rem;
    width: 100vw;
    height: 230px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

  .txtCont:nth-of-type(odd)::before,
  .txtCont--benefit:nth-of-type(odd)::before,
  .txtCont--women:nth-of-type(odd)::before,
  .txtCont--area:nth-of-type(odd)::before,
  .txtCont--cafe:nth-of-type(odd)::before,
  .txtCont--takeout:nth-of-type(odd)::before,
  .txtCont--talk--designer:nth-of-type(odd)::before,
  .txtCont--talk--director:nth-of-type(odd)::before,
  .txtCont--private:nth-of-type(odd)::before {
    margin-bottom: 1.5rem;
    width: 100vw;
    height: 230px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

  .txtCont__inner {
    width: 100%;
    transform: none !important;
  }

  .txtCont__inner .hl--lv3 {
    margin-bottom: 1rem;
  }

  .txtCont--area::before,
  .txtCont--cafe::before,
  .txtCont--takeout::before {
    margin-bottom: 1.5rem;
  }

  .txtCont--area:nth-of-type(even)::before,
  .txtCont--takeout:nth-of-type(even)::before {
    content: "";
    display: block;
    width: 100vw;
    height: 200px;
    min-height: initial;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto 1.5rem;
  }

  .txtCont--cafe:nth-of-type(odd)::after {
    order: -1;
    margin-bottom: 1.5rem;
    width: 100vw;
    height: 230px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

  .txtCont--area:nth-of-type(even)::after,
  .txtCont--cafe:nth-of-type(odd)::before,
  .txtCont--takeout:nth-of-type(even)::after {
    content: none;
  }
}

/*--block--------------------------

  workDetail //業務内容

-------------------------------- */
.workDetail,
.workDetail--benefit {
  position: relative;
  height: auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 5% 0;
}

.workDetail::after,
.workDetail--benefit::after {
  content: "";
  width: 38%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.workDetail__ttl {
  font-size: calc(20px + 0.75vw);
  display: flex;
  align-items: center;
  width: 90%;
  font-weight: 500;
}

.workDetail__ttl::after {
  content: "";
  width: auto;
  height: 1px;
  background: #c7c7c7;
  margin-left: 1rem;
  display: block;
  flex-grow: 2;
}

.workDetail__exp {
  color: #3283B8;
  font-size: calc(15px + 0.75vw);
  font-weight: 500;
  padding-top: 20px;
}

.workDetail__lead {
  width: 90%;
}

.workDetail__lead:last-of-type {
  margin-bottom: 6%;
}

.workDetail__lead li {
  font-weight: 500;
}

.workDetail__lead--inner li {
  display: flex;
  align-items: flex-start;
}

.workDetail__lead--inner li::before {
  content: "・";
}

.workDetail__lead--inner+.workDetail__lead--inner {
  margin-top: 0.5rem;
}

.workDetail__cont {
  width: 48%;
  position: relative;
}

.workDetail__cont+.workDetail__cont {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: dotted thin #ccc;
}

.workDetail__hl {
  margin-bottom: 1.25rem;
  font-size: 1.5rem;
  font-weight: 500;
  padding-left: 0.75rem;
  border-left: solid 10px #3283B8;
}

.workDetail__txt+*,
.workDetail__txt--list+* {
  margin-top: 0.5rem;
}

.workDetail__txt--list {
  font-size: 14px;
}

.workDetail__txt--list>li {
  display: flex;
  align-items: flex-start;
  color: #3283B8;
}

.workDetail__txt>li {
  display: flex;
  align-items: flex-start;
}

.workDetail__txt--list>li::before,
.workDetail__txt>li::before {
  content: "・";
  display: block;
}

.workDetail__txt--list>li+li,
.workDetail__txt>li::before {
  margin-top: 0.25rem;
}

.workDetail_book_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

.workDetail_book_list img {
  width: 580px;
}

/*背景*/
.l-director .workDetail:nth-child(6)::after,
.l-director .workDetail--benefit:nth-child(6)::after {
  background: url(/common/img/recruit/img_workdetail--meeting.jpg) no-repeat center;
  background-size: cover;
}

.l-director .workDetail:nth-child(7)::after,
.l-director .workDetail--benefit:nth-child(7)::after {
  background: url(/common/img/member/img_talk_01-2.jpg) no-repeat 33%;
  background-size: cover;
}

.l-director .workDetail:nth-child(8)::after,
.l-director .workDetail--benefit:nth-child(8)::after {
  background: url(/common/img/member/img_talk_01-2.jpg) no-repeat 33%;
  background-size: cover;
}

.l-designer .workDetail:nth-child(2)::after,
.l-designer .workDetail--benefit:nth-child(2)::after {
  background: url(/common/img/recruit/img_workdetail--design.jpg) no-repeat 28%;
  background-size: cover;
}

.l-designer .workDetail:nth-child(4)::after,
.l-designer .workDetail--benefit:nth-child(4)::after {
  background: url(/common/img/recruit/img_workdetail--designer.jpg) no-repeat center;
  background-size: cover;
}

@media (min-width: 769px) {

  .l-designer .workDetail:nth-child(4)::after,
  .l-designer .workDetail--benefit:nth-child(4)::after {
    top: 130px;
  }
}

.l-sales .workDetail:nth-child(2)::after,
.l-sales .workDetail--benefit:nth-child(2)::after {
  background: url(/common/img/recruit/img_workdetail--sales.jpg) no-repeat 28%;
  background-size: cover;
}

.l-sales .workDetail:nth-child(3)::after,
.l-sales .workDetail--benefit:nth-child(3)::after {
  background: url(/common/img/recruit/img_workdetail--consulting.jpg) no-repeat center;
  background-size: cover;
}

@media (min-width: 769px) {

  .l-sales .workDetail:nth-child(3)::after,
  .l-sales .workDetail--benefit:nth-child(3)::after {
    top: 25%;
    height: 70%;
  }
}

.l-sales .workDetail:nth-child(4)::after,
.l-sales .workDetail--benefit:nth-child(4)::after {
  background: url(/common/img/recruit/img_workdetail--sales.jpg) no-repeat 28%;
  background-size: cover;
}

/*  福利厚生
--------------------------------------------------------*/
.workDetail--benefit:after {
  content: none;
}

.workDetail--benefit .workDetail__ttl {
  width: 100%;
}

.workDetail--benefit .hl--hr {
  width: 100%;
}

.workDetail--benefit .workDetail__txtArea,
.workDetail--benefit .workDetail__hl {
  width: 50%;
}

.workDetail--benefit .workDetail__cont {
  padding: 2rem 0;
  position: relative;
  width: 100%;
}

.workDetail--benefit .workDetail__cont+.workDetail__cont {
  padding-top: 2rem;
  margin-top: 6%;
  border: none;
}

.workDetail--benefit .workDetail__cont::after {
  content: "";
  width: 45%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.workDetail--benefit .workDetail__list .workDetail__cont:first-of-type::after {
  background: url(/common/img/company/img_benefit_cont-1.jpg) center;
  background-size: cover;
}

.workDetail--benefit .workDetail__list .workDetail__cont:nth-of-type(2)::after {
  background: url(/common/img/company/img_benefit_cont-2.jpg);
  background-size: cover;
}

.workDetail--benefit .workDetail__list .workDetail__cont:nth-of-type(3)::after {
  background: url(/common/img/company/img_benefit_cont-3.jpg) 7%;
  background-size: cover;
}

.workDetail--benefit .workDetail__list .workDetail__cont:nth-of-type(4)::after {
  background: url(/common/img/company/img_benefit_cont-4.jpg) center;
  background-size: cover;
}

.trainingDetail__list .trainingDetail_cont {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
  align-items: center;
}

.trainingDetail__list .trainingDetail_cont img {
  width: 50%;
}

.trainingDetail__list .trainingDetail_cont p {
  width: 50%;
  padding-left: 20px;
}

@media (max-width: 768px) {

  .workDetail,
  .workDetail--benefit {
    display: flex;
    flex-direction: column;
    padding: 0;
  }

  .workDetail::after,
  .workDetail--benefit::after {
    display: block;
    position: relative;
    order: -1;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    height: 25vh;
    min-height: 200px;
    margin-bottom: 2rem;
  }

  .workDetail__ttl {
    width: 100%;
    margin-bottom: 1rem;
  }

  .workDetail__lead {
    width: 100%;
  }

  .workDetail__lead:last-of-type {
    margin-bottom: 5%;
  }

  .workDetail__cont {
    width: 100%;
  }

  .workDetail__cont+.workDetail__cont {
    margin-top: 9%;
    padding-top: 9%;
  }

  .workDetail__hl {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
  }

  .workDetail_book_list {
    flex-flow: wrap;
    margin-bottom: 20px;
    margin-top: -200px;
  }

  .workDetail_book_list img {
    width: 100%;
  }

  .workDetail--benefit .workDetail__cont {
    display: flex;
    flex-direction: column;
    padding: 0;
  }

  .workDetail--benefit .workDetail__cont::after {
    display: block;
    position: relative;
    order: -1;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    height: 25vh;
    min-height: 200px;
    margin-bottom: 2rem;
  }

  .workDetail--benefit .workDetail__hl {
    width: 100%;
  }

  .workDetail--benefit .workDetail__txtArea {
    width: 100%;
  }
}

/*  福利厚生
--------------------------------------------------------*/
.trainingDetail__list {
  width: 100%;
  margin: 6% 0 0;
}

.trainingDetail__txt {
  margin-bottom: 1.25rem;
  font-size: 1.5rem;
  font-weight: 500;
  padding-left: 0.75rem;
  border-left: solid 10px #3283b8;
}

.trainingDetail__list img {
  width: 100%;
}

@media (max-width: 768px) {
  .trainingDetail__list {
    width: 100%;
    margin: 15% 0 0;
  }

  .trainingDetail__list .trainingDetail_cont img {
    width: 100%;
  }

  .trainingDetail__list .trainingDetail_cont p {
    width: 100%;
    margin: 20px 0;
    padding: 0;
  }
}

/*--block--------------------------

  iconList //アイコン付きリスト

-------------------------------- */
.iconList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}

.iconList__inner {
  margin-bottom: 3%;
  width: 24%;
  padding: 1.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.iconList__img {
  width: 100%;
  display: block;
  max-width: 140px;
  margin: 0 auto 1.5rem;
}

.iconList__txt {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}

.iconList__sub {
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-top: 0.5rem;
}

@media (max-width: 768px) {
  .iconList {
    width: 100%;
    margin: auto;
    flex-direction: column;
  }

  .iconList__inner {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 1rem;
    margin-bottom: 0;
  }

  .iconList__inner+.iconList__inner {
    margin-top: 1.25rem;
  }

  .iconList__inner:nth-of-type(even) {
    margin-left: 0;
  }

  .iconList__img {
    margin: 0 2rem 0 0;
    width: 70px;
  }

  .iconList__txt {
    font-size: 16px;
    text-align: left;
    width: calc(100% - 70px);
  }

  .iconList .trainingCont__ttl+p {
    margin-bottom: 0;
    transform: translateY(-1.5rem);
  }
}

/*--block--------------------------

  fv

-------------------------------- */
#mainCopy--mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#mainCopy--mask .st1 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 36;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

#mainCopy--mask .st2 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 40;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.fv--wrap {
  position: relative;
  min-height: 520px;
}

.fv__txtArea {
  position: relative;
  width: 35%;
  margin: 0 1.25rem 0 0;
}

.fv__txtArea--under {
  margin: 3.5rem 0 0;
  width: 100%;
}

.fv__txtArea--under .hl--cont--L {
  margin-bottom: 6rem;
  transform: translateX(2rem);
}

.fv__txtArea--under .hl--cont--L>.br {
  margin: 0;
  display: inline-block;
  color: #212529;
}

.fv__txtArea--cate {
  width: 45%;
  margin: auto;
}

.fv__txt--cate {
  line-height: 2;
}

.fv__txt--cate p+p {
  margin-top: 1rem;
}

.fv__leadArea--cate {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.fv__mainCopyWrap {
  width: calc(55% + 22vw);
  min-width: 539px;
  transform: translateX(calc(0.2% + 0.15vw));
  margin-bottom: 2rem;
  z-index: 10;
  position: relative;
}

.fv__mainCopy {
  z-index: 10;
  position: relative;
  width: 100%;
  padding-top: 63.3%;
  transform: rotate(-3deg);
}

.fv__Hl {
  font-size: calc(1rem + 0.9vw);
  font-weight: 500;
  margin: 3rem 0 1.25rem;
}

.fv__hl--under {
  font-size: 55px;
  font-feature-settings: "palt";
  font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  line-height: 1.25;
  font-weight: 700;
  margin-bottom: 0;
}

.fv__hl--under .br {
  display: inline-block;
}

.fv__hl--under .sub {
  margin-top: 0.5rem;
  color: #3283B8;
  font-size: 18px;
  display: block;
}

.fv__img {
  width: 100%;
  display: flex;
  position: relative;
  margin-left: auto;
  background: url(/common/img/company/img_benefit_fv.jpg) 65% 0;
  background-size: cover;
}

.fv__img::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -10;
  background: #F2F6FF;
  transform: translate(2rem, 2rem);
}

.fv__img--under {
  left: auto;
  margin: auto;
  order: -1;
  position: absolute;
  width: 50%;
  min-width: 1px;
  height: 100%;
  right: 0;
}

.fv__img--under--private {
  width: 100%;
  position: relative;
  left: auto;
  height: 420px;
  min-width: 1200px;
  margin: auto;
  order: -1;
  display: flex;
}

.fv__img__inner {
  width: 25%;
  height: 100%;
}

.fv--cate,
.fv--cate--company,
.fv--cate--member {
  margin: 0 auto 10%;
}

.fv--cate--company .fv__img--cate {
  background: url(../img/index/img_cate_top-01.jpg) center;
  background-size: cover;
  width: 50%;
}

.fv--cate--member .fv__img {
  background: url(/common/img/index/img_cate_top-02.jpg) center 36%;
  background-size: cover;
  height: 45vh;
}

.fv--cate .hl--cont--L,
.fv--cate--company .hl--cont--L,
.fv--cate--member .hl--cont--L {
  margin: 10% auto;
  text-align: center;
}

@media (max-width: 768px) {
  .fv__mainCopyWrap {
    min-width: 1px;
    width: 100%;
    margin-top: -10%;
  }

  .fv__txtArea {
    width: 100%;
    margin: -12% 0 0;
  }

  .fv__txtArea--under {
    order: 0;
    margin-top: 2rem;
  }

  .fv__txtArea--under .hl--cont--L {
    margin-bottom: 2rem;
    transform: none;
  }

  .fv__hl {
    text-align: center;
  }

  .fv__hl--under {
    font-size: 2rem;
    margin-bottom: 2rem;
    transform: translateX(0.5rem);
    font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }

  .fv__hl--under .sub {
    font-size: 18px;
  }

  .fv__img {
    height: 52vh;
    order: -1;
    width: 95%;
    margin-right: auto;
    margin-left: 0;
  }

  .fv__img::after {
    width: 95%;
    height: 97%;
    transform: translate(0, 2rem);
    left: auto;
    right: -5%;
  }

  .fv__img--under {
    height: 35vh;
    min-height: 280px;
    min-width: 1px;
    position: static;
    width: 100%;
  }

  .fv__img--under--private {
    height: 35vh;
    min-height: 280px;
    min-width: 1px;
    flex-wrap: wrap;
  }

  .fv__img__inner {
    width: 50%;
    height: 50%;
  }

  .fv__bnr {
    width: 90%;
    display: block;
    margin: 1.5rem auto 0;
  }

  .fv--cate,
  .fv--cate--company,
  .fv--cate--member {
    margin-bottom: 6rem;
  }
}

/*　下層　背景画像　*/
.l-women .fv__img--under {
  background: url(/common/img/company/women/img_women_fv.jpg) left 22%;
  background-size: cover;
}

.l-benefit .fv__img--under {
  background: url(/common/img/company/img_benefit_fv.jpg) center;
  background-size: cover;
}

.l-training .fv__img--under {
  background: url(/common/img/company/img_training_fv.jpg) center bottom;
  background-size: cover;
}

.page_data .fv__img--under {
  background: url(/common/img/company/img_data_fv.jpg) center;
  background-size: cover;
}

.l-interview._1 .fv__img--under {
  background: url(/common/img/member/img_member_01_fv.jpg) center;
  background-size: cover;
}

.l-interview._2 .fv__img--under {
  background: url(/common/img/member/img_member_02_fv.jpg) center;
  background-size: cover;
}

.l-talk._designer .fv__img--under {
  background: url(/common/img/member/img_talk_01_fv.jpg) center;
  background-size: cover;
}

.l-talk._director .fv__img--under {
  background: url(/common/img/member/img_talk_02_fv.jpg) center;
  background-size: cover;
}

.l-private .fv__img--under {
  background: url(/common/img/member/img_private_01.jpg) center;
  background-size: cover;
}

.fv__img--under--private {
  display: flex;
  align-items: center;
}

.fv__img--under--private .fv__img__inner:nth-of-type(1) {
  background: url(/common/img/member/img_private_01.jpg) 35%;
  background-size: cover;
}

.fv__img--under--private .fv__img__inner:nth-of-type(2) {
  background: url(/common/img/member/img_private_02.jpg) center;
  background-size: cover;
}

.fv__img--under--private .fv__img__inner:nth-of-type(3) {
  background: url(/common/img/member/img_private_03.jpg) 18%;
  background-size: cover;
}

.fv__img--under--private .fv__img__inner:nth-of-type(4) {
  background: url(/common/img/member/img_private_04.jpg) 30%;
  background-size: cover;
}

.l-rec-top .fv__img--under {
  background: url(/common/img/recruit/img_recruit_fv.jpg) center;
  background-size: cover;
}

.l-director .fv__img--under {
  background: url(/common/img/recruit/img_recruit_director_fv.jpg) center;
  background-size: cover;
}

.l-designer .fv__img--under {
  background: url(/common/img/recruit/img_recruit_designer_fv.jpg) center 66%;
  background-size: cover;
}

.l-sales .fv__img--under {
  background: url(/common/img/recruit/img_recruit_sales_fv.jpg) center;
  background-size: cover;
}

.l-area .fv__img--under {
  background: url(/common/img/area/img_area_fv.jpg) center bottom;
  background-size: cover;
}

.infoArea {
  margin-bottom: 4rem;
  text-align: center;
  padding: 0.75rem;
  background: #F2F6FF;
}

.infoArea__link {
  text-decoration: underline;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.infoArea__link:hover {
  text-decoration: underline;
  color: #ff9152;
}

.infoArea__link::after {
  content: "";
  background: url(/common/img/common/icon_new_window.svg);
  width: 1rem;
  height: 1rem;
  display: block;
  margin-left: 0.5rem;
}

@media (max-width: 768px) {
  .infoArea {
    margin-bottom: 2rem;
  }

  .infoArea__link:hover {
    color: inherit;
  }
}

/*--block--------------------------

  fv

-------------------------------- */
#mainCopy--mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#mainCopy--mask .st1 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 36;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

#mainCopy--mask .st2 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 40;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.mainVisual {
  display: flex;
  align-items: stretch;
}

.mainVisual__txtArea {
  position: relative;
  width: 35%;
  margin: 0 1.25rem 0 0;
}

.mainVisual__copy--wrap {
  width: calc(55% + 22vw);
  min-width: 539px;
  transform: translateX(calc(0.2% + 0.15vw));
  margin-bottom: 0;
  z-index: 10;
  position: relative;
}

.mainVisual#top {
  margin: -2rem 0 4rem 0;
}

.mainVisual__copy {
  z-index: 10;
  position: relative;
  width: 80%;
  padding-top: 58.3%;
  transform: rotate(-3deg);
}

.mainVisual__hl {
  font-size: calc(1rem + 0.9vw);
  font-weight: 500;
  margin: 0 0 1.25rem;
}

.mainVisual_bg {
  background: url(/common/img/company/img_benefit_fv.jpg) no-repeat;
  width: 100%;
  background-position: right;
  background-size: 60%;
  margin-bottom: 8rem;
}

.mainVisual__txt {
  margin: 0 0 0.5rem;
}

.mainVisual__img {
  width: 100%;
  display: flex;
  position: relative;
  margin-left: auto;
  background: url(/common/img/company/img_benefit_fv.jpg) 65% 0;
  background-size: cover;
}

.mainVisual__img::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -10;
  background: #F2F6FF;
  transform: translate(2rem, 2rem);
}

@media (max-width: 1024px) {
  .mainVisual#top {
    margin: 0 0 5.5rem 0;
  }

  .mainVisual_bg {
    background-position: top;
    background-size: 100%;
    margin-bottom: 0;
  }

  .mainVisual__copy--wrap {
    margin-top: 30vh;
  }

  .mainVisual__copy {
    margin: 0 auto;
    width: 100%;
  }

  .mainVisual__hl {
    text-align: center;
  }

  .mainVisual__txtArea {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .mainVisual {
    flex-direction: column;
    margin-bottom: 1rem;
  }

  .mainVisual__copy--wrap {
    min-width: 1px;
    width: 100%;
  }

  .mainVisual__txtArea {
    margin: -12% 0 0;
  }

  .mainVisual__img {
    height: 41vh;
    order: -1;
    width: 95%;
    margin-right: auto;
    margin-left: 0;
  }

  .mainVisual__img::after {
    width: 95%;
    height: 97%;
    transform: translate(0, 2rem);
    left: auto;
    right: -5%;
  }
}

/*--block--------------------------

  message

-------------------------------- */
.message {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.message__img {
  width: 35%;
}

.message__cont {
  margin-left: 3rem;
  width: 70%;
}

.message__txtArea {
  max-width: 45em;
}

.message__txt {
  max-width: 45em;
}

.message__txt+.message__txt {
  margin-top: 0.75rem;
}

.message__name {
  text-align: right;
  margin-top: 0.75rem;
}

.message__bnrArea {
  margin: 3rem 0 0;
}

.message__bnrArea__link {
  width: 55%;
  min-width: 335px;
  display: block;
  margin-bottom: 1rem;
}

.message__cont {
  width: 100%;
}

.message__cont .hl--cate {
  margin-top: -18px;
}

.message__txtArea,
.message__txt {
  max-width: 50em;
}

@media (max-width: 768px) {
  .message {
    flex-direction: column;
  }

  .message .hl--category {
    margin: 1rem 0 1rem;
  }

  .message__img {
    margin-bottom: 1rem;
    width: 100%;
  }

  .message__txtArea {
    line-height: 1.7;
    margin-left: 0;
  }

  .message__txt+.message__txt {
    margin-top: 0.75rem;
  }

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

  .message__cont .hl--cate {
    margin-top: 0;
  }
}

/*--block--------------------------

  category

-------------------------------- */
.category__img,
.category__img--recruit,
.category__img--member,
.category__img--company {
  height: calc(21vh + 12vw);
  width: 100vw;
  min-width: 1200px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.category__img--company {
  background: url(/common/img/index/img_cate_top-01.jpg) center 43%;
  background-size: cover;
}

.category__img--member {
  background: url(/common/img/index/img_cate_top-02.jpg) center 43%;
  background-size: cover;
}

.category__img--recruit {
  background: url(/common/img/index/img_cate_top-03.jpg) center 42%;
  background-size: cover;
}

.category__list {
  width: 85%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: center;
}

.category__list .btn--semiCircle {
  background: #3283B8;
  border: solid thin #3283B8;
  width: 260px;
  padding: 10px 0;
  margin: 50px 20px 0;
}

.category__list .btn--semiCircle::after {
  background: #3283B8;
}

.category__list .btn--semiCircle:hover {
  color: #3283B8;
}

.category__hl,
.category__hl--recruit,
.category__hl--member,
.category__hl--company {
  width: 100%;
  transform: translateY(-3rem);
  margin: 0 0 4rem 0;
}

@media (max-width: 768px) {

  .category__hl,
  .category__hl--recruit,
  .category__hl--member,
  .category__hl--company {
    margin: 0 0 2rem 0;
  }
}

.category__hl::before,
.category__hl--recruit::before,
.category__hl--member::before,
.category__hl--company::before {
  font-size: 65px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 95px;
  height: 95px;
  line-height: 0;
  color: #3283B8;
}

.category__hl--company::before {
  content: "1";
  margin-top: 180px;
  background: #3283B8;
  color: #fff;
}

.category__hl--member::before {
  content: "2";
}

.category__hl--recruit::before {
  content: "3";
}

@media (max-width: 768px) {

  .category__img,
  .category__img--company,
  .category__img--member,
  .category__img--recruit {
    min-width: 1px;
  }

  .category__hl,
  .category__hl--company,
  .category__hl--member,
  .category__hl--recruit {
    width: 100%;
    transform: translateY(-2rem);
    margin-bottom: 3rem;
  }

  .category__hl::before,
  .category__hl--company::before,
  .category__hl--member::before,
  .category__hl--recruit::before {
    font-size: 45px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 65px;
    line-height: 0;
    color: #3283B8;
    margin-bottom: 0.5rem;
  }

  .category__hl--company::before {
    content: "1";
    margin-top: 65px;
    background: #3283B8;
    color: #fff;
  }

  .category__list {
    width: 100%;
    flex-flow: wrap;
    margin-top: 15px;
  }

  .category__list li {
    width: 100%;
  }

  .category__list .btn--semiCircle {
    width: 100%;
    padding: 10px;
    margin: 8px auto;
    font-size: 1em;
  }
}

/*--block--------------------------

  bnrArea //FV バナー

-------------------------------- */
.bnrArea {
  margin: 3rem 0 0 5%;
}

.bnrArea__bnr {
  width: 55%;
  min-width: 335px;
  display: block;
  min-height: 80px;
}

.bnrArea__bnr img {
  width: 100%;
  margin-bottom: 0.75rem;
}

.bnrArea .message__bnrArea__link {
  width: 70%;
}

.bnrArea .messagebnr {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.bnrArea .message__bnrArea__inner {
  min-height: 111px;
}

.bnrArea .message__bnrArea {
  margin: 0;
  width: 30%;
}

.bnrArea .message__bnrTxt {
  max-width: 39em;
}

.bnrArea .message__bnrArea:last-child {
  margin-right: 0;
}

.bnrArea .zisabiz {
  display: block;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .bnrArea {
    padding: 1rem;
  }

  .bnrArea::after {
    top: 20%;
    height: 85%;
    width: 100%;
  }

  .bnrArea__bnr {
    width: 100%;
    margin-bottom: 1rem;
    min-width: 1px;
  }

  .bnrArea__txt {
    width: 100%;
    font-size: 16px;
    margin-left: 0;
  }

  .messagebnr {
    display: block;
  }

  .message__bnrArea:first-child {
    margin-right: 0;
  }

  .message__bnrArea__link {
    width: 100%;
  }

  .message__bnrArea {
    margin: 3rem 0 0;
  }

  .zisabiz {
    display: block;
    margin: 0 auto;
  }
}

/*--block--------------------------

  companyCont //トップ　会社を知る

-------------------------------- */
.companyCont__num svg .st0 {
  fill: none;
  stroke: #3283B8;
  stroke-width: 2;
  stroke-miterlimit: 10;
  fill-opacity: 0;
  transition: 0.3s;
}

.companyCont__num svg .st1 {
  fill: none;
  transition: 0.3s;
  fill-opacity: 0;
  transition: 0.3s;
}

.companyCont {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.companyCont__imgArea {
  width: 50%;
  margin-right: 12%;
  text-align: right;
}

.companyCont__img {
  width: 100%;
}

.companyCont__img+.companyCont__img {
  margin-top: 1rem;
  width: 80%;
}

.companyCont__txtArea {
  width: 40%;
  max-width: 43rem;
}

.companyCont__num--wrap {
  width: 25%;
  min-width: 100px;
  margin-bottom: 3rem;
}

.companyCont__num {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 95%;
  /* SVG高さ / SVG幅 * 100 */
}

.companyCont__num svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  stroke: #3283B8;
  fill: #fff;
  transition: 0.3s;
  stroke-width: 1px;
  stroke-dasharray: 600;
  stroke-dashoffset: 600;
}

.companyCont__txt {
  margin-bottom: 3rem;
}

.companyCont .hl--lv2 {
  margin-bottom: 1.25rem;
}

.category div.companyCont:nth-of-type(4) {
  /*
  &__txtArea{
    order: 1;
  } */
}

.category div.companyCont:nth-of-type(4)::before {
  left: auto;
  right: 8%;
}

.category div.companyCont:nth-of-type(4) .companyCont__imgArea {
  order: 2;
  text-align: left;
  margin-right: 0;
  margin-left: 12%;
}

.company_link_area {
  width: 100%;
  margin: 20px auto;
}

.company_link_area .company_link_list {
  margin: 40px auto;
  width: 1000px;
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
}

.company_link_area .company_link_list li {
  width: 48%;
  margin-bottom: 20px;
  text-align: center;
  background: url(/common/img/company/img_benefit_fv.jpg) no-repeat center;
  background-size: cover;
  position: relative;
}

.company_link_area .company_link_list li a {
  display: block;
  padding: 50px 0;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  position: relative;
}

.company_link_area .company_link_list li a p::after {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-left: 1rem;
  background: url(/common/img/common/icon_arw.svg);
  background-size: cover;
  vertical-align: text-bottom;
}

.company_link_area .company_link_list li::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.45);
}

.company_link_area .company_link_list li:nth-child(2) {
  background: url(/common/img/company/img_training_fv.jpg) no-repeat center bottom;
  background-size: cover;
}

.company_link_area .company_link_list li:nth-child(3) {
  background: url(/common/img/company/women/img_women_fv.jpg) no-repeat center;
  background-size: cover;
}

.company_link_area .company_link_list li:nth-child(4) {
  background: url(/common/img/company/event/img_event_office-07.jpg) no-repeat center;
  background-size: cover;
}

.company_link_area .company_link_list li:hover {
  opacity: 0.5;
  transition: 0.4s;
}

.company_link_area .member_link_list {
  margin: 40px auto;
  width: 1000px;
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
}

.company_link_area .member_link_list li {
  width: 48%;
  margin-bottom: 20px;
  text-align: center;
  background: url(/common/img/member/img_member_01_fv.jpg) no-repeat center;
  background-size: cover;
  position: relative;
}

.company_link_area .member_link_list li a {
  display: block;
  padding: 50px 0;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  position: relative;
}

.company_link_area .member_link_list li a p::after {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-left: 1rem;
  background: url(/common/img/common/icon_arw.svg);
  background-size: cover;
  vertical-align: text-bottom;
}

.company_link_area .member_link_list li::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.45);
}

.company_link_area .member_link_list li:nth-child(2) {
  background: url(/common/img/member/img_talk_02-3.jpg) no-repeat center;
  background-size: cover;
}

.company_link_area .member_link_list li:nth-child(3) {
  background: url(/common/img/member/img_private_01.jpg) no-repeat center;
  background-size: cover;
}

.company_link_area .member_link_list li:hover {
  opacity: 0.5;
  transition: 0.4s;
}

@media (max-width: 768px) {
  .companyCont {
    flex-direction: column;
    width: 100%;
  }

  .companyCont::before {
    height: 41%;
    width: 79%;
    left: auto;
    right: -5%;
  }

  .companyCont__imgArea {
    width: 85%;
    margin-right: 0;
    margin-left: auto;
  }

  .companyCont__txtArea {
    width: 100%;
    transform: translateY(-16%);
  }

  .companyCont__num--wrap {
    width: 22%;
    margin-bottom: 1rem;
    min-width: 1px;
  }

  .companyCont__num svg {
    stroke-dasharray: 600;
    stroke-dashoffset: 600;
  }

  .companyCont__txt {
    margin-bottom: 2rem;
  }

  .companyCont .btn--semiCircle {
    display: block;
    margin: auto;
    width: 70%;
  }

  .category div.companyCont:nth-of-type(4) {
    margin: 0 auto 3rem;
  }

  .category div.companyCont:nth-of-type(4)::before {
    left: -10%;
    top: 10%;
    width: 84%;
    height: 34%;
  }

  .category div.companyCont:nth-of-type(4) .companyCont__imgArea {
    order: 0;
    margin-left: 0;
    margin-right: auto;
  }

  .category div.companyCont:nth-of-type(4) .companyCont__num--wrap {
    margin-left: auto;
    margin-right: 0;
  }

  .category div.companyCont:nth-of-type(4) .hl--lv2 {
    text-align: right;
  }

  .company_link_area .company_link_list {
    margin: 20px auto;
    width: 100%;
  }

  .company_link_area .company_link_list li {
    width: 100%;
    margin-bottom: 10px;
  }

  .company_link_area .company_link_list li a {
    font-size: 20px;
  }

  .company_link_area .member_link_list {
    margin: 20px auto;
    width: 100%;
  }

  .company_link_area .member_link_list li {
    width: 100%;
    margin-bottom: 10px;
  }

  .company_link_area .member_link_list li a {
    font-size: 20px;
  }
}

/*--block--------------------------

  memberCont //仲間を知る

-------------------------------- */
.memberCont {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.memberCont__img {
  margin-right: 9%;
  width: 56%;
}

.memberCont__txtArea {
  width: 40%;
}

.memberCont__txt {
  margin: 0 0 4rem 0;
}

@media (max-width: 768px) {
  .memberCont__txt {
    margin: 0 0 2rem 0;
  }
}

.memberCont .btn--semiCircle {
  width: 21rem;
  font-size: 14px;
  padding: 0.75rem 0;
}

.memberCont .btn--semiCircle+.btn--semiCircle {
  margin-top: 1rem;
}

.category div.memberCont:nth-of-type(4) .memberCont__img {
  margin: 0 0 0 9%;
  order: 2;
}

.category div.memberCont:nth-of-type(4) .memberCont__txtArea {
  order: 1;
}

.page__day {
  margin-bottom: 0.5rem;
  display: inline-block;
}

@media (max-width: 768px) {
  .memberCont {
    flex-direction: column;
  }

  .memberCont__img {
    width: 100%;
    margin-right: 0;
    margin: 0 0 2.3rem 0;
  }
}

@media (max-width: 768px) and (max-width: 768px) {
  .memberCont__img {
    margin: 0 0 1.5rem 0;
  }
}

@media (max-width: 768px) {
  .memberCont__txtArea {
    width: 100%;
  }

  .memberCont .btn--semiCircle {
    width: 80%;
    min-width: 270px;
    font-size: 15px;
    display: block;
    margin: auto;
  }

  .category div.memberCont:nth-of-type(4) .memberCont__img {
    order: 0;
    margin: 0 0 2.3rem 0;
  }
}

@media (max-width: 768px) and (max-width: 768px) {
  .category div.memberCont:nth-of-type(4) .memberCont__img {
    margin: 0 0 1.5rem 0;
  }
}

/*--block--------------------------

  コラム

-------------------------------- */
.column__member__lead {
  margin-bottom: 2em;
  display: block;
  width: 100%;
}

.column__member__name {
  margin: 0.5em 0;
  display: block;
  font-weight: bold;
}

.column__member__photo {
  display: block;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  vertical-align: middle;
}

.column__member__item {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em;
  margin-bottom: 1.5em;
}

.btn--semiCircle.btn--clumun {
  margin-bottom: 2em;
}

@media screen and (min-width: 767px) {
  .column__member__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .column__member__list:after {
    content: "";
    width: 32%;
    display: block;
  }

  .column__member__item {
    width: 32%;
    border-bottom: none;
    border: 1px solid #eee;
    padding: 1.25em;
    border-radius: 0.5em;
  }
}

.member_link_area {
  margin: 20px calc(50% - 50vw) 40px;
  width: 100vw;
  border-bottom: 1px solid #ccc;
}

.member_link_area .member_link {
  max-width: 1500px;
  width: 100%;
  display: flex;
  margin: 0 auto;
}

.member_link_area .member_link li {
  width: 200px;
  margin-right: 10px;
  background: #ccc;
  border-radius: 8px 8px 0 0;
}

.member_link_area .member_link li.active {
  display: block;
  padding: 20px 0;
  font-size: 1em;
  text-align: center;
  background: #3283B8;
  color: #fff;
}

.member_link_area .member_link li a {
  display: block;
  padding: 20px 0;
  font-size: 1em;
  text-align: center;
}

.member_link_area .member_link li a:hover {
  background: #ceebff;
  transition: 0.4s;
  border-radius: 8px 8px 0 0;
}

@media (max-width: 768px) {
  .member_link_area {
    margin: 20px calc(50% - 50vw);
  }

  .member_link_area .member_link li {
    width: 33%;
    margin: 0;
  }

  .member_link_area .member_link li:not(:last-child) {
    margin-right: 10px;
  }

  .member_link_area .member_link li.active {
    padding: 10px 0;
    font-size: 0.8em;
  }

  .member_link_area .member_link li a {
    padding: 10px 0;
    font-size: 0.8em;
  }
}

/*--block--------------------------

  recruitCont //トップ　採用情報導線

-------------------------------- */
.recruitCont {
  width: 31.5%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
}

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

.recruitCont__img {
  order: -1;
  width: 100%;
  height: 100%;
  margin-bottom: 2rem;
  position: relative;
}

.recruitCont__img>img {
  width: 100%;
}

.recruitCont__img::after {
  content: "";
  position: absolute;
  width: 40%;
  height: 10px;
  bottom: 0;
  left: 0;
  background: #3283B8;
}

.recruitCont__txt {
  margin-bottom: 20px;
}

.recruitCont__hl {
  font-size: 2em;
  margin-bottom: 2rem;
  line-height: 1.2;
}

.recruitCont__hl span {
  font-size: .5em;
  margin-top: 0.25rem;
  display: block;
  font-weight: 400;
  color: #3283B8;
}

.recruitCont__siteLink {
  text-decoration: underline;
  font-size: 14px;
}

.recruitCont__siteLink a {
  transition: 0.3s;
  color: #397fca;
}

.recruitCont__siteLink a:hover {
  color: #ff9152;
}

.recruitCont__btn {
  margin-bottom: 1.25rem;
}

.recruitCont .hl--cont {
  margin-bottom: 2rem;
}

.recruitInfo__entry .btn--semiCircle {
  padding: 0.5rem 2%;
  width: 480px;
  max-width: 100%;
}

@media (max-width: 768px) {
  .recruitCont {
    width: 100%;
    margin-bottom: 4rem;
  }

  .recruitCont--wrap {
    flex-direction: column;
  }

  .recruitCont:last-of-type {
    margin-bottom: 0;
  }

  .recruitCont .hl--cont {
    margin-bottom: 1.5rem;
  }

  .recruitCont__siteLink {
    text-align: center;
  }

  .recruitCont .btn--semiCircle {
    display: block;
    margin: auto;
    width: 70%;
  }

  .recruitCont__img {
    margin-bottom: 1.5rem;
  }

  .recruitCont__hl {
    margin-bottom: 1.5rem;
  }
}

/*--block--------------------------

  recruitWideeCont //トップ　採用情報外部バナー

-------------------------------- */
.recruitWideCont {
  margin-bottom: 6rem;
}

.recruitWideCont__bnr {
  width: 100%;
  max-width: 900px;
  margin: auto;
  padding: 0.5rem 1rem;
  border: solid 4px #ff9152;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.recruitWideCont__bnr:hover {
  background: rgba(255, 145, 82, 0.3);
}

@media (max-width: 768px) {
  .recruitWideCont__bnr {
    display: block;
    text-align: center;
  }

  .recruitWideCont__bnrtxt {
    text-align: left;
  }
}

/*--block--------------------------

  recruitWideeCont //トップ　時差Biz

-------------------------------- */
.message__bnrArea__link {
  width: 70%;
  margin-right: auto;
  margin-left: auto;
}

.messsage__title {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}

.messsage__title:before {
  margin-right: 1rem;
}

.messsage__title:after {
  margin-left: 1rem;
}

.messsage__title:after,
.messsage__title:before {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #666;
}

.messagebnr {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.message__bnrArea__img {
  width: 100%;
}

.messagebnr {
  margin-bottom: 5rem;
}

.message__bnrArea {
  width: 30%;
  margin: 3rem 0 0;
  padding: 20px;
}

.message__bnrArea__inner {
  min-height: 111px;
  max-width: 360px;
  display: block;
  margin: 0 auto;
}

.message__bnrArea__img {
  margin-bottom: 1em;
}

.message__bnrTxt {
  max-width: 39em;
}

.message__bnrArea:last-child {
  margin-right: 0;
}

.zisabiz {
  width: 56% !important;
  display: block;
  margin: 0 auto;
}

.messagebnr:after {
  content: "";
  display: block;
  width: 30%;
  height: 0;
}

@media (max-width: 768px) {
  .messagebnr {
    display: block;
  }

  .message__bnrArea:first-child {
    margin-right: 0;
  }

  .message__bnrArea__link {
    width: 100%;
  }

  .message__bnrArea {
    margin: 3rem 0 0;
  }

  .zisabiz {
    display: block;
    margin: 0 auto;
  }

  .message__bnrArea {
    width: 100%;
    padding: 0;
  }
}

/*--block--------------------------

  pageFv

-------------------------------- */
.pageFv {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  align-items: center;
  margin: 0 auto 2.75rem;
  padding-right: 53%;
}

.pageFv--wrap {
  position: relative;
  min-height: 520px;
}

.pageFv--wrap_talk {
  position: relative;
  min-height: 220px;
}

.pageFv--wrap--private {
  position: relative;
  margin: 0 0 6rem 0;
}

@media (max-width: 768px) {
  .pageFv--wrap--private {
    margin: 0 0 4rem 0;
  }
}

.pageFv__txtArea {
  margin: 3.5rem 0 0;
  width: 100%;
}

.pageFv__hl {
  font-size: 46px;
  font-feature-settings: "palt";
  font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  line-height: 1.25;
  font-weight: 700;
  margin-bottom: 0;
}

.pageFv__hl__sub {
  margin-top: 0.5rem;
  color: #3283B8;
  font-size: 18px;
  display: block;
}

.pageFv__img {
  left: auto;
  margin: auto;
  order: -1;
  position: absolute;
  width: 50%;
  min-width: 1px;
  height: 100%;
  right: 0;
}

.pageFv__img--private {
  width: 100%;
  position: relative;
  left: auto;
  height: 420px;
  min-width: 1200px;
  margin: auto;
  order: -1;
  display: flex;
}

.pageFv__img__inner {
  width: 25%;
  height: 100%;
}

.pageFv__hl_vol {
  font-size: 3rem;
  color: #3283b8;
  vertical-align: bottom;
}

@media (max-width: 768px) {
  .pageFv__hl_vol {
    font-size: 1.75rem;
  }
}

/* 対談ページ用 */
#talk01,
#talk02 {
  padding-top: 130px;
  margin-top: -130px;
}

@media (max-width: 768px) {

  #talk01,
  #talk02 {
    padding-top: 0;
    margin-top: 0;
  }
}

.l-women .pageFv__img {
  background: url(/common/img/company/women/img_women_fv.jpg) left 22%;
  background-size: cover;
}

.l-benefit .pageFv__img {
  background: url(/common/img/company/img_benefit_fv.jpg) center;
  background-size: cover;
}

.l-training .pageFv__img {
  background: url(/common/img/company/img_training_fv.jpg) center bottom;
  background-size: cover;
}

@media (min-width: 769px) {
  .l-training .pageFv__img {
    height: 450px;
  }
}

.l-event .pageFv__img {
  background: url(https://www.baycross.jp/wp/wp-content/uploads/2023/02/ecfair2023_tmb.jpg) center bottom;
  background-size: cover;
  height: 400px;
}

.page_data .pageFv__img {
  background: url(/common/img/company/img_data_fv.jpg) center;
  background-size: cover;
}

.l-rewarding .pageFv__img {
  background: url(/common/img/company/img_rewarding_fv.jpg) center;
  background-size: cover;
}

.l-interview._1 .pageFv__img {
  background: url(/common/img/member/img_member_01_fv.jpg) center;
  background-size: cover;
}

.l-interview._2 .pageFv__img {
  background: url(/common/img/member/img_member_02_fv.jpg) center;
  background-size: cover;
}

.l-interview._3 .pageFv__img {
  background: url(/common/img/member/img_member_03_fv.jpg) center;
  background-size: cover;
}

.l-talk._designer .pageFv__img {
  background: url(/common/img/member/img_talk_01_fv.jpg) center;
  background-size: cover;
}

.l-talk._director .pageFv__img {
  background: url(/common/img/member/img_talk_02_fv.jpg) center;
  background-size: cover;
}

.l-rec-top .pageFv__img {
  background: url(/common/img/recruit/img_recruit_fv.jpg) center;
  background-size: cover;
}

.l-director .pageFv__img {
  background: url(/common/img/recruit/img_recruit_director_fv.jpg) center;
  background-size: cover;
}

.l-designer .pageFv__img {
  background: url(/common/img/recruit/img_recruit_designer_fv.jpg) center 66%;
  background-size: cover;
}

.l-sales .pageFv__img {
  background: url(/common/img/recruit/img_recruit_sales_fv.jpg) center;
  background-size: cover;
}

.l-area .pageFv__img {
  background: url(/common/img/area/img_area_fv.jpg) center bottom;
  background-size: cover;
}

@media (max-width: 768px) {
  .pageFv {
    margin-bottom: 1rem;
    padding-right: 0;
  }

  .pageFv__txtArea {
    order: 0;
    margin-top: 2rem;
  }

  .pageFv__hl {
    font-size: 2rem;
    margin-bottom: 2rem;
    transform: translateX(0.5rem);
    font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }

  .pageFv__hl__sub {
    font-size: 1rem;
  }

  .pageFv__img {
    height: 35vh;
    min-height: 280px;
    min-width: 1px;
    position: static;
    width: 100%;
  }

  .pageFv__img--private {
    height: 35vh;
    min-height: 280px;
    min-width: 1px;
    flex-wrap: wrap;
  }

  .pageFv__img__inner {
    width: 50%;
    height: 50%;
  }
}

/*--block--------------------------

  banefitExample // サポート実例

-------------------------------- */
.benefitExample {
  position: relative;
}

.benefitExample__hl {
  margin: 0 auto 2rem;
  padding-top: 6%;
  text-align: center;
  font-size: 2rem;
  border-top: solid thin #ddd;
}

.benefitExample__hl>img {
  width: 100%;
}

.benefitExample__lead {
  text-align: center;
  line-height: 1.9;
  margin-bottom: 6%;
}

@media (max-width: 768px) {
  .benefitExample__hl {
    font-size: 1.5rem;
    padding-top: 12%;
  }

  .benefitExample__lead {
    text-align: left;
    margin-bottom: 12%;
  }
}

/* Scss Document */
.benefitMain {
  margin-bottom: 12%;
}

.benefitMain .benefitList {
  margin-bottom: 3%;
  padding-top: 3%;
}

.zisabiz__benefit {
  margin-left: 30px;
  width: 29%;
}

.corpName {
  font-family: "Kosugi", "MS UI Gothic";
}

@media (max-width: 768px) {
  .benefitMain .benefitList {
    margin-bottom: 3rem;
    padding-top: 0;
  }

  .zisabiz__benefit {
    width: 45%;
    display: block;
    margin: 20px auto 0;
  }
}

.marker {
  background: linear-gradient(transparent 30%, #fced9b 30%);
  font-size: inherit;
  color: inherit;
}

.benefitList__list dt {
  margin-top: 0.5rem;
  padding-left: 1.5em;
  text-indent: -1.5em;
  position: relative;
  font-weight: 500;
}

.benefitList__list dt::before {
  content: "□";
  color: #3283B8;
  margin-right: 0.4em;
}

.benefitList__list dt::after {
  display: block;
  position: absolute;
  content: "";
  width: 1em;
  height: 0.5em;
  top: 5px;
  left: 2px;
  border-top: 3px solid #3283B8;
  border-right: 3px solid #3283B8;
  transform: rotate(140deg);
}

.benefitList__list dd {
  margin-left: 1.5em;
  font-size: 0.9em;
}

.txtCont--benefit .btn--semiCircle {
  margin-top: 60px;
}

.benefit__bnr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1.25rem;
}

.benefit__bnr a:nth-child(2) {
  width: 29%;
}

.benefit__bnr a:nth-child(3) {
  width: 18%;
}

.benefit__bnr img {
  width: 100%;
  align-items: flex-start;
}

.benefit__bnrArea ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: auto;
}

.benefit__bnrArea_txt:first-of-type {
  margin-top: 20px;
}

.benefit__bnrArea_txt {
  margin-bottom: 20px;
}

.benefit__bnrArea_txt a {
  color: #3283B8;
}

.benefit__bnr {
  width: 17%;
  margin-right: 30px;
  margin-bottom: 30px;
  height: auto;
}

@media (max-width: 768px) {
  .benefit__bnrArea ul {
    justify-content: start;
  }

  .benefit__bnrArea ul:after {
    content: "";
    display: inline-block;
    width: 45%;
  }

  .benefit__bnrArea_txt:last-of-type {
    margin-bottom: 50px;
  }

  .benefit__bnr {
    width: 45%;
    margin-right: auto;
    margin-left: auto;
    height: auto;
  }

  .txtCont--benefit .btn--semiCircle {
    margin-top: 30px;
  }
}

/*--block--------------------------

  training //教育研修

-------------------------------- */
.trainingCont__inner {
  position: relative;
  display: flex;
  width: 97.5%;
  margin-left: auto;
}

.trainingCont__inner::after {
  content: "";
  width: 40%;
  height: auto;
  display: block;
}

.trainingCont__inner+.trainingCont__inner {
  margin-top: 3%;
}

.trainingCont__inner.dir:last-of-type::after {
  background: url(/common/img/company/img_training_director.jpg) center;
  background-size: cover;
}

.trainingCont__inner.des:last-of-type::after {
  background: url(/common/img/company/img_training_designer.jpg) center;
  background-size: cover;
}

.trainingCont__txtArea {
  width: 60%;
  margin-right: 5%;
  padding: 3% 0 6%;
}

.trainingCont__ttl {
  font-size: calc(20px + 0.75vw);
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
  font-weight: 500;
}

.trainingCont__ttl+p {
  margin-bottom: 1rem;
}

.trainingCont__hl {
  font-size: 1.5rem;
  line-height: 1.3;
  margin-bottom: 0.25rem;
}

.trainingCont__hl--sub {
  font-size: 45px;
  color: #3283B8;
  margin-bottom: 0.5rem;
}

.trainingCont__lead {
  margin-bottom: 9%;
}

.trainingDetail {
  max-width: 40rem;
  text-align: justify;
}

.trainingDetail+.trainingDetail {
  margin-top: 3%;
  padding-top: 3%;
  border-top: dotted thin #929292;
}

.trainingDetail__hl {
  margin-bottom: 0.25rem;
  font-size: 1.25rem;
}

.trainingDetail:nth-of-type(2) .trainingDetail__hl::before {
  content: "STEP 01";
  color: #3283B8;
  margin-right: 1rem;
  font-size: 14px;
}

.trainingDetail:nth-of-type(3) .trainingDetail__hl::before {
  content: "STEP 02";
  color: #3283B8;
  margin-right: 1rem;
  font-size: 14px;
}

.trainingDetail:nth-of-type(4) .trainingDetail__hl::before {
  content: "STEP 03";
  color: #3283B8;
  margin-right: 1rem;
  font-size: 14px;
}

@media (max-width: 768px) {
  .trainingCont__inner {
    flex-direction: column;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }

  .trainingCont__inner+.trainingCont__inner {
    margin-top: 20%;
  }

  .trainingCont__inner::after {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    min-height: 180px;
    height: 20vh;
    order: -1;
  }

  .trainingCont__inner:first-of-type::after {
    background-position: center -14rem;
  }

  .trainingCont__inner:last-of-type::after {
    background-position: center -5rem;
  }

  .trainingCont__txtArea {
    width: 100%;
    margin: auto;
    padding-top: 2rem;
  }

  .trainingCont__ttl {
    margin-bottom: 9%;
  }

  .trainingCont__ttl::after {
    content: "";
    width: auto;
    height: 1px;
    background: #c7c7c7;
    margin-left: 1rem;
    display: block;
    flex-grow: 2;
  }

  .trainingCont__lead {
    margin-bottom: 15%;
  }

  .trainingCont__hl {
    font-size: 1.35rem;
    margin-bottom: 1rem;
  }

  .trainingCont__hl--sub {
    margin-bottom: 0;
    font-size: 32px;
  }

  .trainingDetail__hl {
    margin-bottom: 1rem;
    font-size: 1rem;
  }

  .trainingDetail+.trainingDetail {
    margin-top: 6%;
    padding-top: 6%;
  }
}

.support {
  padding: 4rem;
  background: #F2F6FF;
  margin-bottom: 9%;
}

.support__ttl {
  margin-bottom: 0.5rem;
}

.trainingMain {
  padding: 2rem;
}

.trainingMain__hlArea {
  border-left: solid 2rem #3283B8;
  height: 20vh;
  min-height: 180px;
  padding-left: 2rem;
  margin-bottom: 3%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

.trainingMain__hl {
  font-size: 2.5rem;
  line-height: 1.3;
}

.trainingMain__lead {
  width: 100%;
  max-width: 40rem;
}

.trainingFlow .hl--sec--L {
  margin-bottom: 1.25rem;
  font-weight: 500;
}

.trainingFlow__cont {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.trainingFlow__list {
  width: 30%;
}

.trainingFlow__list dt {
  color: #3283B8;
  font-weight: 500;
  font-size: 1.2em;
  border-bottom: 2px solid #3283B8;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (max-width: 768px) {
  .trainingMain {
    padding: 0;
  }

  .trainingMain__hlArea {
    padding-left: 1rem;
    border-left: solid 1rem #3283B8;
    min-height: 160px;
    height: auto;
    margin-bottom: 3rem;
  }

  .trainingMain__hl {
    font-size: 1.5rem;
  }

  .trainingFlow__cont {
    flex-direction: column;
  }

  .trainingFlow__list {
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .trainingFlow :last-of-type {
    margin-bottom: 0;
  }
}

/*--block--------------------------

  event

-------------------------------- */
.l-event .content__wrap {
  border-top: solid thin #ccc;
  padding: 2rem 0;
}

@media (min-width: 769px) {
  .l-event .content__wrap {
    padding: 4rem 0;
  }
}

.l-event .content__wrap_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
  align-items: flex-end;
}

@media (min-width: 769px) {
  .l-event .content__wrap_box {
    margin-bottom: 60px;
  }
}

.l-event .content__wrap_sttl {
  font-size: 1.8em;
  font-weight: bold;
}

.l-event .content__wrap_txt {
  width: 100%;
  margin-bottom: 15px;
}

@media (min-width: 769px) {
  .l-event .content__wrap_txt {
    width: 50%;
  }
}

.l-event .content__wrap_txt h3 {
  font-size: 2em;
  margin-bottom: 1em;
}

.l-event .content__wrap_txt h3 span {
  font-size: 60%;
  color: #3283b8;
}

.l-event .content__wrap_txt p {
  margin-top: 15px;
}

.l-event .content__wrap .w100 {
  width: 100% !important;
}

.l-event .content__wrap_img {
  width: 100%;
  margin-bottom: 15px;
}

@media (min-width: 769px) {
  .l-event .content__wrap_img {
    width: 46%;
  }
}

.l-event .content__wrap_img img {
  width: 100%;
}

.l-event .content__wrap_img p {
  text-align: center;
  margin-bottom: 15px;
}

/*--block--------------------------

  gallery //ギャラリー

-------------------------------- */
/* .gallery {
  margin-bottom: 6%;
} */
.gallery .hl--lv2 {
  transform: translate(2rem, 1.75rem);
  position: relative;
  z-index: 10;
}

.gallery__cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  /* padding: 4rem 2rem 2rem; */
}

.gallery__img {
  width: 33%;
  margin-bottom: 0.5rem;
}

.gallery__img>img {
  width: 100%;
}

@media (max-width: 768px) {
  .gallery .hl--lv2 {
    transform: translate(0);
    margin-bottom: 0.5rem;
  }

  .gallery__cont {
    padding: 0;
  }
}

/* Scss Document */
.companyInfo {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 3rem;
}

.companyInfo__hl {
  font-size: 2rem;
  margin-bottom: 2rem;
}

.companyInfo__cont {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: dotted thin;
}

.companyInfo__cont:last-of-type {
  border-bottom: none;
}

.companyInfo__cont dt {
  width: 20%;
}

@media (max-width: 768px) {
  .companyInfo__cont dt {
    width: 100%;
  }
}

.companyInfo__cont dd {
  margin-bottom: 0;
}

.companyInfo__list {
  width: 75%;
}

@media (max-width: 768px) {
  .companyInfo__hl {
    margin-top: 3rem;
  }

  .companyInfo__list {
    width: 90%;
  }

  .companyInfo__cont {
    flex-direction: column;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

/*--block--------------------------

  data // データ

-------------------------------- */
.data {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  margin-bottom: 4rem;
}

.data__list {
  width: 19%;
  max-width: 285px;
  margin: 0 3% 6rem;
  text-align: center;
}

.data__list__txt {
  font-size: 14px;
  text-align: center;
}

.data__list__img {
  width: 100%;
}

.data__list__link {
  display: inline-block;
  margin-top: 0.5rem;
  transition: 0.3s;
  text-align: center;
  font-size: 14px;
}

.data__list__link:hover {
  color: #ff9152;
}

.data__list__link .br {
  text-decoration: underline;
}

@media screen and (max-width: 1180px) {
  .data__list {
    margin: 0 1.5% 6rem;
    width: 22%;
  }

  .data__list__link:hover {
    color: inherit;
  }
}

@media (max-width: 768px) {
  .data {
    margin-bottom: 0;
  }

  .data__list {
    width: 40%;
    margin: 0px 5% 3rem;
  }

  .data__list__txt {
    text-align: left;
  }

  .data__list__txt .br {
    display: inline;
  }

  .data__list__link .br {
    text-decoration: underline;
  }
}

/*--block--------------------------

  rewarding //やりがいを知る

-------------------------------- */
.rewardingDetail {
  padding: 5% 0;
}

.rewardingDetail__area:first-child {
  margin-bottom: 80px;
}

.rewardingDetail h3.hl--hr {
  width: 100%;
  margin-bottom: 16px;
}

.rewardingDetail__lead {
  margin-bottom: 1.5em;
}

.rewardingDetail__lead span {
  background: #ff9152;
  display: block;
  width: 140px;
  text-align: center;
  border-radius: 100px;
  padding: 4px;
  color: #fff;
  margin-bottom: 10px;
}

/*--block--------------------------

  categoryLink //振り分け導線

-------------------------------- */
.categoryLink {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 8%;
  position: relative;
}

.categoryLink__hl {
  font-size: calc(10px + 1.5vw);
  font-weight: bold;
  width: 100%;
  margin-bottom: 1.75rem;
  display: flex;
  align-items: center;
}

.categoryLink__hl span {
  color: #3283B8;
  line-height: 1;
  font-size: 18px;
  font-weight: 400;
  display: block;
  padding-left: 0.5rem;
  padding-top: 0.25rem;
}

.categoryLink__hl::after {
  content: "";
  width: 7rem;
  height: 1px;
  background: #3283b8;
  display: block;
  margin-left: 1rem;
}

.categoryLink__list {
  width: 49%;
  text-align: center;
}

.categoryLink__list::before {
  width: 100%;
  min-height: 250px;
  height: 25vh;
  display: block;
  content: "";
  margin-bottom: 1rem;
}

.categoryLink__data {
  font-weight: 400;
  margin-bottom: 1.75rem;
}

.categoryLink__data span {
  display: block;
}

.categoryLink__data span:first-of-type {
  color: #3283B8;
}

.categoryLink__data span:last-of-type {
  font-size: 25px;
  font-weight: 500;
}

/*背景*/
.l-member .categoryLink:nth-of-type(2) .categoryLink__list:first-of-type::before {
  background: url(/common/img/member/img_member_01_fv.jpg) center;
  background-size: cover;
}

.l-member .categoryLink:nth-of-type(2) .categoryLink__list:nth-of-type(2)::before {
  background: url(/common/img/member/img_member_02_fv.jpg) center 20%;
  background-size: cover;
}

.l-member .categoryLink:nth-of-type(3) .categoryLink__list:first-of-type::before {
  background: url(/common/img/member/img_talk_02_fv.jpg) center 30%;
  background-size: cover;
}

.l-member .categoryLink:nth-of-type(3) .categoryLink__list:nth-of-type(2)::before {
  background: url(/common/img/index/img_recruit-2.jpg) center 26%;
  background-size: cover;
}

.l-member .categoryLink:nth-of-type(4) .categoryLink__list:first-of-type::before {
  background: url(/common/img/member/img_private_03.jpg) no-repeat center;
  background-size: cover;
}

@media (max-width: 768px) {
  .categoryLink {
    flex-direction: column;
    margin-bottom: 30%;
  }

  .categoryLink::before {
    content: none;
    /*width: 101%;
    height: 94%;
    left: -5%;
    top: 3%;*/
  }

  .categoryLink__hl {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    text-align: left !important;
    width: 100%;
    transform: none;
    position: relative;
  }

  .categoryLink__hl span {
    font-size: 1rem;
    display: block;
    padding-left: 0.25rem;
  }

  .categoryLink__hl span::after {
    content: none;
  }

  .categoryLink__list::before {
    content: "";
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    height: 20vh;
    display: block;
    margin-bottom: 1.25rem;
  }

  .categoryLink__data {
    margin-bottom: 1.25rem;
    text-align: center;
  }

  .categoryLink__data span {
    font-size: 14px;
  }

  .categoryLink .categoryLink__list+.categoryLink__list {
    border-top: none;
    margin-top: 3.75rem;
    margin-left: auto;
    padding-top: 0;
  }

  .categoryLink__list {
    width: 100%;
  }

  .categoryLink__list dd {
    width: 95%;
    margin: auto;
  }

  .l-member .categoryLink:nth-of-type(4) .categoryLink__list {
    width: 100%;
  }
}

/* Scss Document */
.daily {
  position: relative;
  padding: 4rem 2rem;
  width: 100%;
}

.daily:nth-of-type(odd) {
  border-bottom: solid thin #ccc;
  border-top: solid thin #ccc;
}

.daily:last-of-type {
  flex-direction: column;
  align-items: flex-start;
}

.daily__txtArea {
  /* max-width: 40rem; */
  width: 50%;
  position: relative;
  min-height: 280px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-direction: column;
}

.daily__txtArea::after {
  content: "";
  width: 75%;
  height: 100%;
  position: absolute;
  top: 0;
  right: -85%;
}

.daily__time {
  font-size: 2rem;
  color: #3283B8;
  margin-bottom: 0.5rem;
  line-height: 1;
  font-weight: 500;
}

.daily__hl,
.daily__hl--goHome {
  font-size: 1.5em;
  margin-bottom: 2.25rem;
  font-weight: 500;
  line-height: 1.3;
}

.daily__txt {
  margin-bottom: 0;
}

.daily__txtBox+.daily__txtBox {
  margin-top: 0.5rem;
}

@media (max-width: 768px) {
  .daily {
    padding: 3rem 1rem;
  }

  .daily__txtArea {
    width: 100%;
    max-width: auto;
  }

  .daily__txtArea::after {
    width: 100%;
    display: block;
    position: static;
    height: 170px;
  }

  .daily__txtArea dl {
    margin-bottom: 1rem;
  }

  .daily__time {
    font-size: 2rem;
  }

  .daily__hl,
  .daily__hl--goHome {
    font-size: 1.5rem;
  }
}

/* 背景　*/
.l-interview._1 .daily:nth-of-type(1) .daily__txtArea::after {
  background: url(/common/img/member/img_daily_01-1.jpg) center;
  background-size: cover;
}

.l-interview._1 .daily:nth-of-type(2) .daily__txtArea::after {
  background: url(/common/img/member/img_daily_01-2.jpg) center;
  background-size: cover;
}

.l-interview._1 section.daily:nth-of-type(3) .daily__txtArea::after {
  background: url(/common/img/member/img_daily_01-3.jpg) center;
  background-size: cover;
}

.l-interview._1 section.daily:nth-of-type(4) .daily__txtArea::after {
  background: url(/common/img/member/img_daily_01-4.jpg) center;
  background-size: cover;
}

.l-interview._1 section.daily:nth-of-type(5) .daily__txtArea::after {
  background: url(/common/img/member/img_daily_01-5.jpg) center;
  background-size: cover;
}

.l-interview._1 section.daily:nth-of-type(6) .daily__txtArea::after {
  background: url(/common/img/member/img_daily_01-6.jpg) center;
  background-size: cover;
}

/* 背景2　*/
.l-interview._2 .daily:nth-of-type(1) .daily__txtArea::after {
  background: url(/common/img/member/img_daily_02-1.jpg) center;
  background-size: cover;
}

.l-interview._2 .daily:nth-of-type(2) .daily__txtArea::after {
  background: url(/common/img/member/img_daily_02-2.jpg) center;
  background-size: cover;
}

.l-interview._2 .daily:nth-of-type(3) .daily__txtArea::after {
  background: url(/common/img/area/img_area_hirasho.jpg) center;
  background-size: cover;
}

.l-interview._2 .daily:nth-of-type(4) .daily__txtArea::after {
  background: url(/common/img/member/img_daily_02-4.jpg) center;
  background-size: cover;
}

.l-interview._2 .daily:nth-of-type(5) .daily__txtArea::after {
  background: url(/common/img/member/img_daily_02-5.jpg) center;
  background-size: cover;
}

/* 背景3　*/
.l-interview._3 .daily:nth-of-type(2) .daily__txtArea::after,
.l-interview._3 .daily:nth-of-type(8) .daily__txtArea::after .l-interview._3 .daily:nth-of-type(9) .daily__txtArea::after {
  display: none;
}

.l-interview._3 .daily:nth-of-type(1) .daily__txtArea::after {
  background: url(/common/img/member/img_daily_03-5.jpg) center;
  background-size: cover;
}

.l-interview._3 .daily:nth-of-type(3) .daily__txtArea::after {
  background: url(/common/img/member/img_daily_03-2.jpg) center;
  background-size: cover;
}

.l-interview._3 .daily:nth-of-type(4) .daily__txtArea::after {
  background: url(/common/img/member/img_daily_03-3.jpg) center;
  background-size: cover;
}

.l-interview._3 .daily:nth-of-type(5) .daily__txtArea::after {
  background: url(/common/img/member/img_daily_03-4.jpg) center;
  background-size: cover;
}

.l-interview._3 .daily:nth-of-type(6) .daily__txtArea::after {
  background: url(/common/img/member/img_daily_03-1.jpg) center;
  background-size: cover;
}

.l-interview._3 .daily:nth-of-type(7) .daily__txtArea::after {
  background: url(/common/img/member/img_daily_03-6.jpg) center;
  background-size: cover;
}

/*--block--------------------------

  talkDate //対談　メンバー情報

-------------------------------- */
.talkData {
  margin: 3% 0;
  display: inline-block;
}

.talkData .hl--cont {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}

.talkData .hl--cont::after {
  content: "";
  background: #ddd;
  width: auto;
  height: 1px;
  display: block;
  flex-grow: 2;
  margin-left: 0.75rem;
}

.talkData__cont {
  display: inline-block;
}

.talkData__txt {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 1rem;
  border-left: solid 5px #3283B8;
}

.talkData__txt+.talkData__txt {
  margin-top: 0.75rem;
}

.talkData__member {
  font-size: 1.8rem;
}

.talkData__member dt {
  font-weight: 500;
}

.talkData__info {
  margin: 0 0 0 1rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.talkData__lead {
  margin-bottom: 3%;
  width: 50%;
  max-wisdth: 36rem;
  min-width: 25rem;
}

@media (max-width: 768px) {
  .talkData {
    padding: 0;
    text-align: left;
  }

  .talkData__txt {
    flex-direction: column;
  }

  .talkData__info {
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
    font-size: 14px;
  }

  .talkData__info dd {
    margin-bottom: 0;
  }
}

/*--block--------------------------

  talkCont //対談　コンテンツ

-------------------------------- */
.talk,
.talk--director,
.talk--designer {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-direction: column;
}

.talkCont {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
}

.talkCont__name,
.talkCont__name--man,
.talkCont__name--women {
  font-weight: 500;
  margin-right: 0.5rem;
  width: 4rem;
}

.talkCont__name--women {
  color: #ff9152;
}

.talkCont__name--man {
  color: #3283B8;
}

.talkCont__speak {
  margin-bottom: 0;
  width: calc(100% - 3rem);
  padding: 0 0 1rem 1rem;
  border-left: solid thin #ccc;
}

.talk--director_reccomend {
  margin-bottom: 120px;
  margin-top: 20px;
}

.talk--director_reccomend ul {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
}

@media (max-width: 768px) {
  .talk--director_reccomend ul {
    flex-direction: column;
    margin-bottom: -30px;
  }
}

.talk--director_reccomend li {
  width: 48%;
  position: relative;
}

@media (max-width: 768px) {
  .talk--director_reccomend li {
    width: 100%;
    margin-bottom: 30px;
  }
}

.talk--director_reccomend img {
  max-width: 100%;
  margin-bottom: 8px;
}

.talk--director_reccomend_tmb:hover {
  opacity: 0.8;
}

.talk--director_reccomend_ttl {
  font-weight: bold;
  color: #3283B8;
  margin-bottom: 4px;
}

.talk--director_reccomend_txt {
  font-size: 1.15rem;
}

.director_reccomend_ico {
  position: absolute;
  bottom: 64px;
  left: 16px;
  width: 100px;
  opacity: 1;
  z-index: 100;
}

@media (max-width: 768px) {
  .director_reccomend_ico {
    width: 70px;
    bottom: 90px;
    left: 8px;
  }
}

/*--block--------------------------

  newgraduate //新卒入社インタビュー

-------------------------------- */
.talk_newgraduate .pageFv--wrap .pageFv {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  align-items: center;
  margin: 0 auto 2.75rem;
  padding-right: 40%;
}

.talk_newgraduate .pageFv--wrap .pageFv .pageFv__img {
  left: auto;
  margin: auto;
  order: -1;
  position: absolute;
  width: 36%;
  min-width: 1px;
  height: 80%;
  right: 0;
}

.talk_newgraduate .pageFv--wrap .pageFv .interview01 {
  background: url(/common/img/member/interview/img_talk_newgraduate_01_01.jpg) center 66%;
  background-size: cover;
}

.talk_newgraduate .pageFv--wrap .pageFv .interview02 {
  background: url(/common/img/member/interview/img_talk_newgraduate_02_01.jpg) center 66%;
  background-size: cover;
}

.talk_newgraduate .newgraduate_content {
  margin: 20px 0 100px;
}

.talk_newgraduate .newgraduate_content .newgraduate_ttl {
  font-size: 33px;
  color: #3283B8;
  font-weight: bold;
  margin-bottom: 40px;
}

.talk_newgraduate .newgraduate_content .newgraduate_txt {
  margin: 20px 0;
}

.talk_newgraduate .newgraduate_content .newgraduate_list {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
}

.talk_newgraduate .newgraduate_content .newgraduate_list .newgraduate_list_txt {
  width: 860px;
}

.talk_newgraduate .newgraduate_content .newgraduate_list .newgraduate_list_img {
  width: 430px;
}

.talk_newgraduate .newgraduate_content .newgraduate_list .newgraduate_list_img img {
  width: 100%;
}

@media (max-width: 767px) {
  .talk_newgraduate .pageFv--wrap .pageFv {
    margin: 0 auto;
    padding-right: 0;
  }

  .talk_newgraduate .pageFv--wrap .pageFv .pageFv__img {
    height: 35vh;
    min-height: 280px;
    min-width: 1px;
    position: static;
    width: 100%;
  }

  .talk_newgraduate .pageFv--wrap .pageFv .pageFv__txtArea {
    width: 100%;
  }

  .talk_newgraduate .newgraduate_content {
    margin: 20px 0 60px;
  }

  .talk_newgraduate .newgraduate_content .newgraduate_ttl {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .talk_newgraduate .newgraduate_content .newgraduate_txt {
    margin: 20px 0;
  }

  .talk_newgraduate .newgraduate_content .newgraduate_list .newgraduate_list_txt {
    width: 100%;
    order: 2;
  }

  .talk_newgraduate .newgraduate_content .newgraduate_list .newgraduate_list_img {
    order: 1;
    width: 100%;
  }
}

/*--block--------------------------

  recruitInfo //採用情報　概要

-------------------------------- */
.recruitInfo {
  width: 100vw;
  position: relative;
  min-width: 1200px;
  left: 50%;
  transform: translateX(-50%);
  padding: 9% 0;
  background: #F2F6FF;
}

.recruitInfo__inner {
  width: 65%;
  margin: auto;
  padding: 3%;
  background: #fff;
}

.recruitInfo .hl--sec--L {
  text-align: center;
  padding-bottom: 0;
  margin-bottom: 6%;
}

.recruitInfo__flow {
  width: 95%;
  margin: 0 auto 3rem;
}

.recruitInfo__flow p {
  text-align: center;
}

.recruitInfo__flowList {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 3rem;
  width: 85%;
}

.recruitInfo__flowList li {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  background: #3283B8;
  color: #FFF;
  text-align: center;
  line-height: 100px;
  position: relative;
}

.recruitInfo__flowList li::after {
  display: block;
  position: absolute;
  content: "";
  width: 1em;
  height: 1em;
  top: 45px;
  right: -40px;
  border-top: 4px solid #3283B8;
  border-right: 4px solid #3283B8;
  transform: rotate(45deg);
}

.recruitInfo__flowList li:last-of-type::after {
  content: none;
}

.recruitInfo__entry {
  text-align: center;
  margin-top: 3%;
}

.recruitInfo__entry p {
  margin-bottom: 1rem;
  font-weight: 500;
  font-size: 1.5rem;
}

.recruitInfo__entry .txtLink {
  margin-top: 1.5rem;
  display: block;
  font-size: 18px;
  color: #3a88cc;
  text-decoration: underline;
  transition: 0.3s;
}

.recruitInfo__entry .txtLink:hover {
  opacity: 0.8;
}

@media screen and (max-width: 768px) {
  .recruitInfo {
    min-width: 1px;
  }

  .recruitInfo__inner {
    width: 90%;
  }

  .recruitInfo__flowList {
    margin-bottom: 0 !important;
    flex-direction: column;
  }

  .recruitInfo__flow p {
    text-align: left;
  }

  .recruitInfo__flowList li {
    border-radius: 1em;
    width: 100%;
    height: 2em;
    line-height: 2em;
    margin-bottom: 2em;
  }

  .recruitInfo__flowList li::after {
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transform: rotate(135deg);
  }

  .recruitInfo__entry {
    margin: 6% auto 0;
    width: 90%;
  }

  .recruitInfo__entry p {
    font-size: 16px;
  }

  .recruitInfo__entry .txtLink {
    font-size: 16px;
  }
}

.recruitWideCont__bnr__double {
  display: flex;
  border: solid 4px #ff9152;
  text-align: center;
  background: #fff;
  position: relative;
  padding: 15px;
  flex-direction: column;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}

.recruitWideCont__bnr__double ul {
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.recruitWideCont__bnr__double img {
  width: 100%;
  max-width: 300px;
}

.recruitWideCont__bnr__double img:hover {
  opacity: 0.8;
}

.recruitWideCont__bnr__double ul li a {
  width: 100% !important;
}

@media (max-width: 768px) {
  .recruitWideCont__bnr__double ul {
    gap: 5px;
  }
}

/*--block--------------------------

  recruitFeatures //採用情報　表

-------------------------------- */
.recruitFeatures {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 auto 3%;
  max-width: 800px;
}

.recruitFeatures__hl {
  padding: 16px 0 16px 10px;
  color: #3283B8;
  font-weight: bold;
  letter-spacing: 0.07em;
  width: 200px;
  margin-right: 24px;
  border-bottom: 1px solid #F2F6FF;
}

.recruitFeatures__hl:nth-of-type(1) {
  border-top: 1px solid #F2F6FF;
}

.recruitFeatures__txt {
  padding: 16px 0 16px 10px;
  width: calc(100% - 224px);
  border-bottom: 1px solid #F1F0EA;
  margin-bottom: 0;
}

.recruitFeatures__txt::nth-of-type(1) {
  border-top: 1px solid #F1F0EA;
}

.recruitFeatures__txt p+p {
  margin-top: 0.5rem;
}

.recruitFeatures__txt--inner li {
  display: flex;
  align-items: flex-start;
}

.recruitFeatures__txt--inner li::before {
  content: "・";
}

.recruitFeatures__txt--inner+.recruitFeatures__txt--inner {
  margin-top: 0.5rem;
}

.recruitFeatures__txtLink {
  color: #3a88cc;
  font-size: 14px;
  margin: 1rem 0;
  display: block;
  text-decoration: underline;
}

.recruitFeatures__txtLink:hover {
  opacity: 0.8;
}

.recruitFeatures ul {
  font-size: 14px;
}

@media (max-width: 768px) {
  .recruitFeatures {
    display: block;
  }

  .recruitFeatures__hl {
    display: block;
    color: #3283B8;
    background: #F2F6FF;
    width: 100%;
    margin: 0;
    padding: 0.4em;
    border-bottom: none;
  }

  .recruitFeatures__txt {
    padding: 0.4em;
    width: 100%;
    border-bottom: none;
  }

  .recruitFeatures__txt:nth-of-type(1) {
    border-top: none;
  }

  .recruitFeatures__txtLink:hover {
    opacity: 1;
  }
}

/*--block--------------------------

  accessInfo //各駅からのアクセス

-------------------------------- */
.accessInfo {
  padding-top: 6%;
}

.accessInfo__txt {
  margin-bottom: 6%;
}

.accessInfo__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 5%;
}

.accessInfo__cont--wrap {
  width: 49.5%;
  margin-bottom: 1%;
  display: flex;
  background: #F2F6FF;
}

.accessInfo__cont--wrap::before {
  content: "";
  display: block;
  width: 50%;
}

.accessInfo__cont {
  margin-left: 2rem;
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-direction: column;
}

.accessInfo .hl--sec--L {
  margin-bottom: 3rem;
}

.accessInfo__route {
  font-size: 0.9rem;
}

.accessInfo__transport {
  color: #3283B8;
  font-size: 1.25rem;
}

.accessInfo__time {
  font-size: 55px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0;
  color: #3283B8;
}

.accessInfo__time span {
  font-size: 1.25rem;
}

.stroll {
  margin: 60px auto 100px;
  border: 2px solid #eee;
  padding: 2em 4em;
  border-radius: 0.5em;
  width: 65%;
}

.stroll .stroll_list {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  align-items: center;
}

.stroll .stroll_list .btn,
.stroll .stroll_list .btn--semiCircle,
.stroll .stroll_list .btn--primary,
.stroll .stroll_list .btn--home {
  width: 100%;
  margin: 20px auto 0;
  position: relative;
}

.stroll .stroll_list .btn::before,
.stroll .stroll_list .btn--semiCircle::before,
.stroll .stroll_list .btn--primary::before,
.stroll .stroll_list .btn--home::before {
  position: absolute;
  left: 35%;
  background: none;
  border-radius: 0;
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  transform: rotate(45deg);
  margin: 19px 11em;
  z-index: 1;
}

.stroll .stroll_list img {
  width: 180px;
  border: 1px solid #ccc;
  padding: 10px;
  margin-left: 40px;
}

@media (max-width: 768px) {
  .accessInfo {
    padding-top: 1rem;
  }

  .accessInfo__txt {
    margin-bottom: 3rem;
  }

  .accessInfo__list {
    flex-direction: column;
  }

  .accessInfo__cont--wrap {
    width: 100%;
    margin-bottom: 2rem;
  }

  .accessInfo__cont {
    margin-left: 1rem;
  }

  .accessInfo .hl--sec--L {
    margin-bottom: 0;
  }

  .accessInfo__time {
    font-size: 40px;
  }

  .stroll {
    margin: 10px auto 40px;
    width: 90%;
    padding: 1.5em 1em;
  }

  .stroll .stroll_list {
    width: 100%;
    text-align: center;
  }

  .stroll .stroll_list div {
    width: 100%;
  }

  .stroll .stroll_list div .hl--lv2 {
    font-size: 1.2rem;
  }

  .stroll .stroll_list div .btn,
  .stroll .stroll_list div .btn--semiCircle,
  .stroll .stroll_list div .btn--primary,
  .stroll .stroll_list div .btn--home {
    margin: 10px auto 0;
    font-size: 18px;
  }

  .stroll .stroll_list div .btn::before,
  .stroll .stroll_list div .btn--semiCircle::before,
  .stroll .stroll_list div .btn--primary::before,
  .stroll .stroll_list div .btn--home::before {
    top: -2px;
  }
}

/* 背景 */
.accessInfo__list div.accessInfo__cont--wrap:nth-of-type(2)::before {
  background: url(/common/img/area/img_area_shibuya.jpg) center;
  background-size: cover;
  height: 37vh;
}

.accessInfo__list div.accessInfo__cont--wrap:nth-of-type(3)::before {
  background: url(/common/img/area/img_area_ebisu.jpg) center;
  background-size: cover;
  height: 37vh;
}

.accessInfo__list div.accessInfo__cont--wrap:nth-of-type(4)::before {
  background: url(/common/img/area/img_area_shinagawa.jpg) center;
  background-size: cover;
  height: 37vh;
}

.accessInfo__list div.accessInfo__cont--wrap:nth-of-type(1)::before {
  background: url(/common/img/area/img_area_fv.jpg) center;
  background-size: cover;
  height: 37vh;
}

/* Scss Document */
.form-wrapper {
  padding: 0;
  margin: 40px auto;
  width: 100%;
  max-width: 800px;
}

.form-wrapper h2 {
  color: #3283B8;
  font-size: 2rem;
}

.form-wrapper .note {
  font-size: 14px;
}

.form-wrapper .contactList {
  margin: 40px 0 1em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.form-wrapper .contactList dt {
  width: 23%;
  min-width: 193px;
  padding: 1em 0;
  border-bottom: solid 1px #F2F6FF;
}

.form-wrapper .contactList dt label.require::after {
  content: "必須";
  font-size: 0.7em;
  margin-left: auto;
  display: inline-block;
  background-color: #d33459;
  color: #fff;
  padding: 4px;
}

.form-wrapper .contactList dt label {
  min-width: 12rem;
  display: flex;
}

.form-wrapper .contactList dd {
  width: 70%;
  margin-bottom: 0;
  padding: 1em 0 1em 1em;
  border-bottom: solid 1px #F2F6FF;
}

.form-wrapper .agreement {
  background: #F2F6FF;
  padding: 0.8em;
  margin-bottom: 5em;
  text-align: center;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.form-wrapper .agreement a {
  text-decoration: underline;
}

.form-wrapper .agreement input {
  width: 16px;
  height: 16px;
  margin-right: 1rem;
  padding: 0.5rem;
  cursor: pointer;
}

.form-wrapper input,
.form-wrapper textArea {
  width: 90%;
}

.form-wrapper .btn--primary {
  background: #ff9152;
  margin-bottom: 5rem;
  cursor: pointer;
  border: solid thin #ff9152;
  display: block;
  width: 50%;
}

.form-wrapper .btn--primary:hover {
  background: #fff;
  color: #ff9152;
}

label {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .form-wrapper {
    margin: 2em 3%;
    width: auto;
  }

  .form-wrapper .btn--primary {
    width: auto;
  }

  .form-wrapper .contactList {
    margin: 2em 0 1em;
    display: block;
  }

  .form-wrapper .contactList dt {
    width: 100%;
    padding: 0.5em;
    background: #F2F6FF;
    border-bottom: none;
  }

  .form-wrapper .contactList dd {
    width: 100%;
    padding: 1em 0.5em;
    border-bottom: none;
  }

  .form-wrapper .agreement {
    padding: 0.8em 0.5em;
    text-align: left;
    margin-bottom: 2rem;
  }
}

.l-underPageCont-s {
  margin: 0 auto 6%;
  padding-top: 6%;
  max-width: 800px;
}

.page_rec .underPageCont__col1 h4 {
  color: #3283B8;
  font-weight: bold;
  margin-top: 1.5em;
  font-size: 1.2em;
  border-bottom: 2px solid #F2F6FF;
}

.page_rec .underPageCont__col1 dl.features {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: 3%;
  max-width: 800px;
}

.page_rec .underPageCont__col1 dl.features dt {
  padding: 16px 0 16px 10px;
  color: #3283B8;
  font-weight: bold;
  letter-spacing: 0.07em;
  width: 200px;
  margin-right: 24px;
  border-bottom: 1px solid #F2F6FF;
}

.page_rec .underPageCont__col1 dl.features dt:nth-of-type(1) {
  border-top: 1px solid #F2F6FF;
}

.page_rec .underPageCont__col1 dl.features dd {
  padding: 16px 0 16px 10px;
  width: calc(100% - 224px);
  border-bottom: 1px solid #F1F0EA;
  margin-bottom: 0;
}

.page_rec .underPageCont__col1 dl.features dd:nth-of-type(1) {
  border-top: 1px solid #F1F0EA;
}

.page_rec .underPageCont__col1 .rec-entry {
  background: #F2F6FF;
  margin: 2em auto;
  padding: 1em;
  text-align: center;
}

.page_rec .underPageCont__col1 .rec-entry p {
  margin-bottom: 1em;
}

.page_rec .recruit-flow {
  margin-bottom: 3em;
}

.page_rec .recruit-flow-list {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 3em;
}

.page_rec .recruit-flow-list li {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  background: #3283B8;
  color: #FFF;
  text-align: center;
  line-height: 100px;
  position: relative;
}

.page_rec .recruit-flow-list li::after {
  display: block;
  position: absolute;
  content: "";
  width: 1em;
  height: 1em;
  top: 45px;
  right: -40px;
  border-top: 4px solid #3283B8;
  border-right: 4px solid #3283B8;
  transform: rotate(45deg);
}

.page_rec .recruit-flow-list li:last-of-type::after {
  content: none;
}

.page_rec_top .underPageCont:nth-of-type(2)::before {
  background: url(/common/img/recruit/recruit-img01.jpg) no-repeat center;
  background-size: auto auto;
  background-size: cover;
  content: "";
  display: block;
  width: 53%;
  height: 55vh;
}

.page_rec_top .underPageCont:nth-of-type(3)::after {
  background: url(/common/img/recruit/recruit-img03.jpg) no-repeat center;
  background-size: auto auto;
  background-size: cover;
  content: "";
  display: block;
  width: 53%;
  height: 55vh;
}

@media (min-width: 769px) {
  .page_rec_top .reqruitCont {
    margin-right: 0.5rem;
  }

  .page_rec_top .reqruitCont .hl--cate--txtBlk {
    font-size: calc(1.2rem + 1.3vw);
  }

  .page_rec_top .reqruitCont .hl--cate--txtBlk span {
    font-size: calc(0.5rem + 0.75vw);
  }

  .page_rec_top .reqruitCont:last-of-type {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  .page_rec_top .underPageCont::before {
    margin-bottom: 1.5rem;
  }

  .page_rec_top .underPageCont::after {
    margin-bottom: 1.5rem;
    order: -1;
  }

  .page_rec_top .underPageCont:nth-of-type(2)::before,
  .page_rec_top .underPageCont:nth-of-type(3)::after {
    content: "";
    display: block;
    width: 100%;
    height: 200px;
    min-height: initial;
  }
}

.l-director .underPageCont:nth-of-type(2)::before {
  background: url(/common/img/recruit/recruit-img04.jpg) no-repeat center;
  background-size: auto auto;
  background-size: cover;
  content: "";
  display: block;
  width: 53%;
  height: 55vh;
}

.l-designer .underPageCont:nth-of-type(2)::before {
  background: url(/common/img/recruit/recruit-img02.jpg) no-repeat center;
  background-size: auto auto;
  background-size: cover;
  content: "";
  display: block;
  width: 53%;
  height: 55vh;
}

.l-sales .underPageCont:nth-of-type(2)::before {
  background: url(/common/img/recruit/recruit-img07.jpg) no-repeat center;
  background-size: auto auto;
  background-size: cover;
  content: "";
  display: block;
  width: 53%;
  height: 55vh;
}

@media (max-width: 768px) {

  .l-director .underPageCont::before,
  .l-designer .underPageCont::before,
  .l-sales .underPageCont::before {
    margin-bottom: 1.5rem;
  }

  .l-director .underPageCont:nth-of-type(2)::before,
  .l-designer .underPageCont:nth-of-type(2)::before,
  .l-sales .underPageCont:nth-of-type(2)::before {
    width: 100%;
    height: 200px;
  }
}

.underPageCont__list {
  padding-bottom: 0.5em;
}

.underPageCont__list li {
  padding-left: 1em;
  text-indent: -1em;
}

.underPageCont__list li::before {
  content: "・";
}

@media (max-width: 768px) {
  .l-underPageCont-s {
    margin: 0 3% 6%;
  }

  .page_rec .underPageCont__col1 h4 {
    font-size: 1em;
  }

  .page_rec .underPageCont__col1 dl.features {
    display: block;
  }

  .page_rec .underPageCont__col1 dl.features dt {
    display: block;
    color: #3283B8;
    background: #F2F6FF;
    width: 100%;
    margin: 0;
    padding: 0.4em;
    border-bottom: none;
  }

  .page_rec .underPageCont__col1 dl.features dd {
    padding: 0.4em;
    width: 100%;
    border-bottom: none;
  }

  .page_rec .underPageCont__col1 dl.features dd:nth-of-type(1) {
    border-top: none;
  }

  .page_rec .recruit-flow-list {
    flex-flow: column;
  }

  .page_rec .recruit-flow-list li {
    border-radius: 1em;
    width: 100%;
    height: 2em;
    line-height: 2em;
    margin-bottom: 2em;
  }

  .page_rec .recruit-flow-list li::after {
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transform: rotate(135deg);
  }
}

/*--state--------------------------

  state //状態

-------------------------------- */
@keyframes slideIn {
  from {
    top: -150px;
  }

  to {
    top: 0;
  }
}

#menu {
  display: none;
}

.l-header.fixed {
  width: 100%;
  min-width: 1px;
  padding-left: 20px;
  height: 80px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background: #fff;
  transform: translateX(-50%);
  left: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  animation-name: slideIn;
  animation-duration: 0.3s;
}

.l-header.fixed .headerLogo {
  width: 25%;
}

.l-header.fixed .headerLogo__img {
  border-right: none;
}

.l-header.fixed .headerLogo__txt {
  display: none;
}

@media (max-width: 1410px) {
  #menu {
    display: block;
  }

  #menuIcon {
    transform: rotateZ(-180deg);
    transition: 0.2s;
  }

  .nc-icon-wrapper {
    transition: 0.3s;
  }

  .nc-icon-wrapper .js-transition-icon__state:first-of-type {
    display: block;
    transform: rotate(0 256 256);
    opacity: 1;
    transition: 0.1s;
  }

  .nc-icon-wrapper .js-transition-icon__state:last-of-type {
    display: none;
    opacity: 0;
    transition: 0.1s;
  }
}

body {
  transition: 0.3s;
}

body.open {
  transform: translateX(calc(-93% + 50px));
  position: fixed;
  width: 100%;
  height: 100%;
}

body.open::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  cursor: pointer;
}

body.open nav {
  display: block;
  position: fixed;
  overflow-y: scroll;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

body.open .barba-container {
  position: relative;
}

body.open .js-transition-icon__state .st0 {
  fill: #fff !important;
}

body.open #overlay {
  display: block;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}

body.open #menuIcon {
  transform: rotateZ(180deg);
  transition: 0.2s;
  background: none;
  border: none;
}

body.open .nc-icon-wrapper .js-transition-icon__state:last-of-type {
  display: block;
  transform: rotate(0 256 256);
  opacity: 1;
}

body.open .nc-icon-wrapper .js-transition-icon__state:first-of-type {
  display: none;
  opacity: 0;
}

.companyCont__num svg.finished {
  transition: 0.3s;
  stroke: none;
}

.companyCont__num svg.finished .st0 {
  fill: none;
  stroke: #3283B8;
  stroke-width: 2;
  stroke-miterlimit: 10;
  transition: 0.3s;
  fill-opacity: 1;
}

.companyCont__num svg.finished .st1 {
  fill: #3283B8;
  transition: 0.3s;
  fill-opacity: 1;
}

#m-instagram {
  padding: 40px 0 80px;
  background-color: #F2F6FF;
  text-align: center;
  width: 100vw;
  min-width: 1200px;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
}

#m-instagram h2 {
  font-size: 1.75em;
  color: #3283b8;
  font-weight: 500;
  font-weight: normal;
  margin-bottom: 30px;
}

#m-instagram iframe.snapwidget-widget {
  max-width: 100%;
  width: 100%;
  overflow: hidden;
}

#m-instagram .readmore {
  display: flex;
  line-height: 1.8em;
  color: #114fa2;
  margin-top: 10px;
  position: absolute;
  right: 70px;
  bottom: 40px;
}

@media (max-width: 767px) {
  #m-instagram {
    min-width: 1px;
  }

  #m-instagram .readmore {
    right: 7%;
  }
}

.insta_img .insta_cap+img {
  display: none !important;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  margin: 0 25px;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

/*.slick-slide img
{
    display: block;
}*/
.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*インスタ用追記*/
.insta_img {
  position: relative;
}

.insta_img .insta_cap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 5px;
  box-sizing: border-box;
  width: 150px;
  height: 150px;
  color: #fff !important;
  text-align: left;
  background: #315393;
  overflow: hidden;
}

.insta_img .insta_cap a {
  color: #fff !important;
}

.insta_img .insta_cap {
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.6s, transform 0.6s;
}

.insta_img:hover .insta_cap {
  opacity: 1;
  transform: translateY(0);
}

.insta_img_bg {
  width: 150px;
  height: 150px;
  margin: auto;
  background-size: cover;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  /*    font-family: 'slick';*/
  font-size: 30px;
  line-height: 1;
  opacity: 0.75;
  color: #325294;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 0;
  z-index: 100;
  /* left: -25px; */
}

@media (max-width: 767px) {
  .slick-prev {
    left: -10px;
  }
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: url(../img/common/chevron-left-solid.svg);
}

[dir=rtl] .slick-prev:before {
  content: "";
}

.slick-next {
  right: 0;
  /* right: -25px; */
}

@media (max-width: 767px) {
  .slick-next {
    right: -10px;
  }
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: url(../img/common/chevron-right-solid.svg);
}

[dir=rtl] .slick-next:before {
  content: "";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "●";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

/*# sourceMappingURL=style.css.map */




/* add */
.l-header__secondary_header,
.l-breadcrumb__wrap {
  /*  display: none; */
}

.l-main,
.l-sales,
.talk_newgraduate {
  padding: 0 80px;
  width: 100%;
  min-width: 980px;
  max-width: 1500px;
  margin: auto;
}

@media(max-width: 767px) {

  .l-main,
  .l-sales,
  .talk_newgraduate {
    padding: 0 3%;
    min-width: 1px;
  }
}

h2 {
  font-weight: 600;
  font-size: 1.7em;
}

h3 {
  font-weight: 600;
}

textarea,
input,
select {
  border: 1px solid #000;
}

input[type="file"] {
  border: none;
}