@charset "UTF-8";
article, aside, details, figcaption, figure, footer, header, hgroup, nav, menu, section {
  display: block;
}

audio[controls], canvas, video {
  display: inline-block;
}

html {
  min-height: 100%;
  position: relative;
}

body {
  -webkit-font-smoothing: subpixel-antialiased;
  color: #333;
}

main, nav {
  overflow: hidden;
}

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, menu, ul {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

a, a:link, a:active, a:visited {
  text-decoration: none;
  color: #333;
}

a:hover {
  -moz-opacity: 0.50;
  opacity: 0.50;
}

@media screen and (max-width: 650px) {
  a:hover {
    -moz-opacity: 1;
    opacity: 1;
  }
}
a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

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

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before, q:after {
  content: '';
  content: none;
}

small {
  font-size: 75%;
}

.mid {
  font-size: 70%;
}

.regular {
  line-height: 150%;
  font-size: 130%;
}

.large {
  line-height: 150%;
  font-size: 180%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul, ol {
  margin: 0;
  padding: 0;
}

dd {
  margin: 0px;
}

nav ul, nav ol, menu ul, menu ol {
  list-style: none;
}

img {
  border: 0;
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic;
  margin: 0;
  padding: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}

button, input {
  line-height: normal;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

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

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

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

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

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

body, textarea {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
  line-height: 200%;
}

input, select {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 120%;
}

img, abbr, acronym, fieldset {
  border: 0;
}

li {
  list-style: none;
}

.clear {
  clear: both;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: block;
}

.clearfix:after {
  clear: both;
}

.errmes {
  display: block;
  color: #ff0000;
  margin: 10px 0 0 0;
}

/*! base.css v1 */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
  font-family: Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif,'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3';
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1, h2, h3, h4, h5, h6 {
  font-size: 120%;
  margin: 0em;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 0;
}

dd {
  margin: 0;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0;
  padding: 0;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: 0;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  line-height: 150% !important;
  letter-spacing: normal !important;
}

.start {
  background: #f4f0e8;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9000;
}

.start p {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 9999;
  width: 120px;
}

/* ======= Global ======= */
#preview-action {
  display: none;
}

html {
  scroll-behavior: smooth;
}

ul, li, div, span, section, h2, a, table, th, td, p {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input, textarea, button {
  border-radius: 2px;
  border: 0;
  padding: 9px;
  color: #333;
  border: solid 1px #ddd;
  background: #f9f9f8;
  margin: -10px 0;
}
input.name, textarea.name, button.name {
  width: 23%;
  margin: -10px 1% -10px 0;
}
input.form_bt, textarea.form_bt, button.form_bt {
  width: 300px;
  margin: 50px auto;
  padding: 10px 20px;
  text-align: center;
  display: block;
  border-top: 1px #dedede solid;
  background: #f8b62d;
  color: #fff;
}
input.re_bt, textarea.re_bt, button.re_bt {
  width: 300px;
  margin: -30px auto 50px;
  padding: 10px 20px;
  text-align: center;
  display: block;
  border-top: 1px #dedede solid;
  background: #f9f9f9;
}

input[type="checkbox"], input[type="radio"] {
  width: auto;
  margin: 0 10px 0 0;
}
input[type="checkbox"]:hover, input[type="radio"]:hover {
  cursor: pointer;
}

input[type="submit"]:hover {
  opacity: 0.5;
}

label {
  margin: 0 20px 0 0;
}
label:hover {
  cursor: pointer;
}

select:hover {
  cursor: pointer;
}

textarea {
  height: 100px;
}

.err {
  text-align: center;
  color: #c00;
  font-weight: bold;
  font-size: 120%;
  margin: 0 0 50px;
}

.error {
  color: #c00;
  font-weight: bold;
  margin: 15px 0 -10px 0;
}

.red {
  color: #9f0000;
}

h3 {
  font-size: 130%;
  font-weight: bold;
  line-height: 150%;
}

.center {
  text-align: center;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

/*
button{
		width: 200px;
	    padding: 10px 50px;
	    display: block;
	    margin: 50px auto 0;
	    background: #f8b62d;
	    border-radius: 0;
	    border: 0;
	    color: #fff;
	    &:hover{
		    opacity: 0.5;
	    }
}
*/
/* ======= Header ======= */
.fot {
  font-family: "fot-tsukuaoldmin-pr6n", sans-serif;
  font-weight: 100;
  font-style: normal;
}

header {
  background: #c1c0be;
  min-width: 1100px;
  height: 800px;
  min-height: 800px;
  overflow: hidden;
}
header section {
  width: 100%;
  min-width: 1100px;
  overflow: hidden;
  position: absolute;
  top: 0;
  height: 100px;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
header section h1 {
  float: left;
  width: 200px;
  margin: 0px 20px;
  line-height: 80px;
  z-index: 1;
}
header section h1 img {
  width: 100%;
}
header section .spmenu_btn {
  -webkit-tap-highlight-color: transparent;
  display: none;
  position: absolute;
  top: 28px;
  right: 15px;
  width: 30px;
  height: 12px;
  background: none;
  border-top: 2px solid #fff;
  border-bottom: 10px solid transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0s;
  -webkit-transition: all 0s;
  transition: all 0s;
}
header section .spmenu_btn:before {
  content: '';
  position: absolute;
  width: 30px;
  height: 2px;
  background: #fff;
  top: -10px;
  right: 0;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
header section .spmenu_btn:after {
  content: '';
  position: absolute;
  width: 30px;
  height: 2px;
  background: #fff;
  bottom: -9px;
  right: 0;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
header section .spmenu_btn.active {
  top: 18px;
  height: 22px;
  border-top: 10px solid transparent;
  z-index: 10;
}
header section .spmenu_btn.active:before {
  -moz-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  top: 0;
  right: 0;
}
header section .spmenu_btn.active:after {
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  bottom: 0;
  right: 0;
}
header section nav {
  float: right;
}
header section nav a {
  width: auto;
  display: inline-block;
  line-height: 20px;
  font-size: 16px;
  margin: 0 50px 0 0;
  padding: 30px 0 0 0;
  overflow: hidden;
  color: #fff !important;
  text-align: center;
}
header section nav a span {
  display: block;
  font-size: 10px;
}
header.works, header.plan, header.flow, header.company, header.recruit, header.privacypolicy {
  height: 250px;
  min-height: 250px;
  background: url(../img/works_bg.jpg) no-repeat center center;
  background-size: cover;
}
header.works h2, header.plan h2, header.flow h2, header.company h2, header.recruit h2, header.privacypolicy h2 {
  width: 1100px;
  position: absolute;
  color: #fff;
  top: 160px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
header.works h2 span, header.plan h2 span, header.flow h2 span, header.company h2 span, header.recruit h2 span, header.privacypolicy h2 span {
  position: absolute;
  font-size: 12px;
  margin: 0 0 0 20px;
}
header.plan, header.flow, header.company, header.recruit, header.privacypolicy {
  height: 250px;
  min-height: 250px;
  background: url(../img/page-title-plan.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
}
header.plan h2, header.flow h2, header.company h2, header.recruit h2, header.privacypolicy h2 {
  width: 1100px;
  position: absolute;
  color: #fff;
  top: 160px;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 1;
}
header.plan h2 span, header.flow h2 span, header.company h2 span, header.recruit h2 span, header.privacypolicy h2 span {
  position: absolute;
  font-size: 12px;
  margin: 0 0 0 20px;
}
header.plan:after, header.flow:after, header.company:after, header.recruit:after, header.privacypolicy:after {
  content: '';
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
header.flow {
  background: url(../img/flow_bg.jpg) no-repeat center center;
  background-size: cover;
}
header.company {
  background: url(../img/company_bg.jpg) no-repeat center center;
  background-size: cover;
}
header.recruit {
  background: url(../img/company_bg.jpg) no-repeat center center;
  background-size: cover;
}

main {
  width: 100%;
  position: absolute;
  top: 300px;
  color: #fff;
}
main h2 {
  text-align: center;
  font-size: 28px;
  line-height: 36px;
}
main div {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 50px 0;
}
main div a {
  color: #fff !important;
  text-align: center;
  margin: 0 20px;
  width: 200px;
  height: 120px;
  font-size: 12px;
  line-height: 20px;
  padding: 12px 0 0 0;
  background: url(../img/bt_item01.svg) no-repeat center top;
}
main div a:first-child {
  padding: 22px 0 0 0;
}
main div a.bg1 {
  background: url(../img/bt_item01.svg) no-repeat center top;
}
main div a.bg2 {
  background: url(../img/bt_item02.svg) no-repeat center top;
}
main div a:hover {
  background: url(../img/bt_item02.svg) no-repeat center top;
  opacity: 1;
}
main p {
  text-align: center;
}

div {
  overflow: hidden;
  min-width: 1100px;
}
div h2 {
  height: 60px;
  min-width: 1100px;
}
div h2 span {
  line-height: 60px;
  background: none;
  padding: 0 50px 0 0;
}
div h2 span.line {
  width: 100vw;
  background: url(../img/h2_line.svg) repeat-x center center;
}
div h2.step {
  background: url(../img/h2_line.svg) repeat-x center center;
}
div.top_works, div.top_company, div.works, div.plan, div.flow, div.company, div.recruit, div.privacypolicy {
  width: 100%;
  min-width: 1100px;
  padding: 50px 0;
  background: #f4f0e8;
}
div.top_works img.background, div.top_company img.background, div.works img.background, div.plan img.background, div.flow img.background, div.company img.background, div.recruit img.background, div.privacypolicy img.background {
  display: none;
}
div.top_works section, div.top_company section, div.works section, div.plan section, div.flow section, div.company section, div.recruit section, div.privacypolicy section {
  width: 1100px;
  margin: 0 auto;
}
div.top_works section h2, div.top_company section h2, div.works section h2, div.plan section h2, div.flow section h2, div.company section h2, div.recruit section h2, div.privacypolicy section h2 {
  width: 100vw;
}
div.top_works section div.list, div.top_company section div.list, div.works section div.list, div.plan section div.list, div.flow section div.list, div.company section div.list, div.recruit section div.list, div.privacypolicy section div.list {
  margin: 50px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
div.top_works section div.list::after, div.top_company section div.list::after, div.works section div.list::after, div.plan section div.list::after, div.flow section div.list::after, div.company section div.list::after, div.recruit section div.list::after, div.privacypolicy section div.list::after {
  display: block;
  content: "";
  width: 300px;
}
div.top_works section div a, div.top_company section div a, div.works section div a, div.plan section div a, div.flow section div a, div.company section div a, div.recruit section div a, div.privacypolicy section div a {
  width: 300px;
  height: 300px;
  margin: 0 15px 100px 0;
  opacity: 1;
  background: #000;
  font-size: 12px;
  position: relative;
  box-shadow: 10px 10px 0 6px #DBD6CB;
}
div.top_works section div a span, div.top_company section div a span, div.works section div a span, div.plan section div a span, div.flow section div a span, div.company section div a span, div.recruit section div a span, div.privacypolicy section div a span {
  border: 1px solid #fff;
  padding: 2px 5px;
  margin: 0 5px 0 0;
}
div.top_works section div a.sp, div.top_company section div a.sp, div.works section div a.sp, div.plan section div a.sp, div.flow section div a.sp, div.company section div a.sp, div.recruit section div a.sp, div.privacypolicy section div a.sp {
  display: none;
}
div.top_works section div figure, div.top_works section div p, div.top_company section div figure, div.top_company section div p, div.works section div figure, div.works section div p, div.plan section div figure, div.plan section div p, div.flow section div figure, div.flow section div p, div.company section div figure, div.company section div p, div.recruit section div figure, div.recruit section div p, div.privacypolicy section div figure, div.privacypolicy section div p {
  /* リセット用（場合によっては不要） */
  margin: 0;
}
div.top_works section div .image_box, div.top_company section div .image_box, div.works section div .image_box, div.plan section div .image_box, div.flow section div .image_box, div.company section div .image_box, div.recruit section div .image_box, div.privacypolicy section div .image_box {
  width: 300px;
  display: block;
}
div.top_works section div .hover, div.top_company section div .hover, div.works section div .hover, div.plan section div .hover, div.flow section div .hover, div.company section div .hover, div.recruit section div .hover, div.privacypolicy section div .hover {
  position: relative;
}
div.top_works section div .hover figure, div.top_company section div .hover figure, div.works section div .hover figure, div.plan section div .hover figure, div.flow section div .hover figure, div.company section div .hover figure, div.recruit section div .hover figure, div.privacypolicy section div .hover figure {
  overflow: hidden;
}
div.top_works section div .hover figure img, div.top_company section div .hover figure img, div.works section div .hover figure img, div.plan section div .hover figure img, div.flow section div .hover figure img, div.company section div .hover figure img, div.recruit section div .hover figure img, div.privacypolicy section div .hover figure img {
  display: block;
  width: 100%;
  height: 300px;
  transition: .3s;
  object-fit: cover;
}
div.top_works section div .hover figure figcaption, div.top_company section div .hover figure figcaption, div.works section div .hover figure figcaption, div.plan section div .hover figure figcaption, div.flow section div .hover figure figcaption, div.company section div .hover figure figcaption, div.recruit section div .hover figure figcaption, div.privacypolicy section div .hover figure figcaption {
  opacity: 0;
  transition: .3s;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}
div.top_works section div .hover figure figcaption .txt_box, div.top_company section div .hover figure figcaption .txt_box, div.works section div .hover figure figcaption .txt_box, div.plan section div .hover figure figcaption .txt_box, div.flow section div .hover figure figcaption .txt_box, div.company section div .hover figure figcaption .txt_box, div.recruit section div .hover figure figcaption .txt_box, div.privacypolicy section div .hover figure figcaption .txt_box {
  position: relative;
  width: 100%;
  height: 100%;
}
div.top_works section div .hover figure figcaption .txt_box > p, div.top_company section div .hover figure figcaption .txt_box > p, div.works section div .hover figure figcaption .txt_box > p, div.plan section div .hover figure figcaption .txt_box > p, div.flow section div .hover figure figcaption .txt_box > p, div.company section div .hover figure figcaption .txt_box > p, div.recruit section div .hover figure figcaption .txt_box > p, div.privacypolicy section div .hover figure figcaption .txt_box > p {
  width: 300px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 10;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px;
}
div.top_works section div .hover figure figcaption .txt_box b, div.top_company section div .hover figure figcaption .txt_box b, div.works section div .hover figure figcaption .txt_box b, div.plan section div .hover figure figcaption .txt_box b, div.flow section div .hover figure figcaption .txt_box b, div.company section div .hover figure figcaption .txt_box b, div.recruit section div .hover figure figcaption .txt_box b, div.privacypolicy section div .hover figure figcaption .txt_box b {
  bottom: 0;
  position: absolute;
  padding: 15px 20px;
  font-weight: normal;
  overflow-wrap: normal;
  width: 260px;
}
div.top_works section div .hover:hover, div.top_company section div .hover:hover, div.works section div .hover:hover, div.plan section div .hover:hover, div.flow section div .hover:hover, div.company section div .hover:hover, div.recruit section div .hover:hover, div.privacypolicy section div .hover:hover {
  box-shadow: 10px 10px 0 6px #9b968a;
}
div.top_works section div .hover:hover figure, div.top_company section div .hover:hover figure, div.works section div .hover:hover figure, div.plan section div .hover:hover figure, div.flow section div .hover:hover figure, div.company section div .hover:hover figure, div.recruit section div .hover:hover figure, div.privacypolicy section div .hover:hover figure {
  background: #000;
}
div.top_works section div .hover:hover figure img, div.top_company section div .hover:hover figure img, div.works section div .hover:hover figure img, div.plan section div .hover:hover figure img, div.flow section div .hover:hover figure img, div.company section div .hover:hover figure img, div.recruit section div .hover:hover figure img, div.privacypolicy section div .hover:hover figure img {
  display: block;
  filter: blur(3px);
  opacity: 0.5;
}
div.top_works section div .hover:hover figure figcaption, div.top_company section div .hover:hover figure figcaption, div.works section div .hover:hover figure figcaption, div.plan section div .hover:hover figure figcaption, div.flow section div .hover:hover figure figcaption, div.company section div .hover:hover figure figcaption, div.recruit section div .hover:hover figure figcaption, div.privacypolicy section div .hover:hover figure figcaption {
  opacity: 1 !important;
}
div.top_works.top_company, div.top_company.top_company, div.works.top_company, div.plan.top_company, div.flow.top_company, div.company.top_company, div.recruit.top_company, div.privacypolicy.top_company {
  background: #333;
  color: #fff !important;
}
div.top_works.top_company h2 span, div.top_company.top_company h2 span, div.works.top_company h2 span, div.plan.top_company h2 span, div.flow.top_company h2 span, div.company.top_company h2 span, div.recruit.top_company h2 span, div.privacypolicy.top_company h2 span {
  background: #333;
  color: #fff;
}
div.top_works.top_company h2 span.line, div.top_company.top_company h2 span.line, div.works.top_company h2 span.line, div.plan.top_company h2 span.line, div.flow.top_company h2 span.line, div.company.top_company h2 span.line, div.recruit.top_company h2 span.line, div.privacypolicy.top_company h2 span.line {
  width: 100vw;
  background: url(../img/h2_line.svg) repeat-x center center;
}
div.top_works.top_company div, div.top_company.top_company div, div.works.top_company div, div.plan.top_company div, div.flow.top_company div, div.company.top_company div, div.recruit.top_company div, div.privacypolicy.top_company div {
  width: 100%;
  height: 500px;
}
div.top_works.top_company div.map, div.top_company.top_company div.map, div.works.top_company div.map, div.plan.top_company div.map, div.flow.top_company div.map, div.company.top_company div.map, div.recruit.top_company div.map, div.privacypolicy.top_company div.map {
  position: relative;
  background: url(../img/map.svg) no-repeat center center;
}
div.top_works.top_company div.map a.bt, div.top_company.top_company div.map a.bt, div.works.top_company div.map a.bt, div.plan.top_company div.map a.bt, div.flow.top_company div.map a.bt, div.company.top_company div.map a.bt, div.recruit.top_company div.map a.bt, div.privacypolicy.top_company div.map a.bt {
  display: block;
  width: 50px;
  height: auto;
  background: none;
  margin: 0 auto;
  top: 435px;
  position: absolute;
  left: 240px;
  right: 0;
  box-shadow: none;
}
div.top_works.top_company div.map a.bt img, div.top_company.top_company div.map a.bt img, div.works.top_company div.map a.bt img, div.plan.top_company div.map a.bt img, div.flow.top_company div.map a.bt img, div.company.top_company div.map a.bt img, div.recruit.top_company div.map a.bt img, div.privacypolicy.top_company div.map a.bt img {
  width: 100%;
  box-shadow: none !important;
}
div.top_works.top_company div.map a:hover img, div.top_company.top_company div.map a:hover img, div.works.top_company div.map a:hover img, div.plan.top_company div.map a:hover img, div.flow.top_company div.map a:hover img, div.company.top_company div.map a:hover img, div.recruit.top_company div.map a:hover img, div.privacypolicy.top_company div.map a:hover img {
  opacity: 0.5;
}
div.top_works.top_company table, div.top_company.top_company table, div.works.top_company table, div.plan.top_company table, div.flow.top_company table, div.company.top_company table, div.recruit.top_company table, div.privacypolicy.top_company table {
  width: 1100px;
  margin: 50px auto;
  color: #fff;
  font-size: 14px;
}
div.top_works.top_company table th, div.top_works.top_company table td, div.top_company.top_company table th, div.top_company.top_company table td, div.works.top_company table th, div.works.top_company table td, div.plan.top_company table th, div.plan.top_company table td, div.flow.top_company table th, div.flow.top_company table td, div.company.top_company table th, div.company.top_company table td, div.recruit.top_company table th, div.recruit.top_company table td, div.privacypolicy.top_company table th, div.privacypolicy.top_company table td {
  width: 50%;
  border-bottom: 1px solid #999;
  padding: 20px 10px;
}
div.top_works.top_company table td, div.top_company.top_company table td, div.works.top_company table td, div.plan.top_company table td, div.flow.top_company table td, div.company.top_company table td, div.recruit.top_company table td, div.privacypolicy.top_company table td {
  text-align: right;
}
div.top_works.top_company table th, div.top_company.top_company table th, div.works.top_company table th, div.plan.top_company table th, div.flow.top_company table th, div.company.top_company table th, div.recruit.top_company table th, div.privacypolicy.top_company table th {
  text-align: left;
}
div.top_works.top_company iframe, div.top_company.top_company iframe, div.works.top_company iframe, div.plan.top_company iframe, div.flow.top_company iframe, div.company.top_company iframe, div.recruit.top_company iframe, div.privacypolicy.top_company iframe {
  margin: 50px 0 0 0;
}
div.top_works P.bt a, div.top_company P.bt a, div.works P.bt a, div.plan P.bt a, div.flow P.bt a, div.company P.bt a, div.recruit P.bt a, div.privacypolicy P.bt a {
  display: block;
  overflow: hidden;
  width: 200px;
  margin: 70px auto 50px;
  padding: 10px;
  text-align: center;
  border: 1px solid #999;
}
div.top_works.works, div.top_works.flow, div.top_works.company, div.top_works.recruit, div.top_works.privacypolicy, div.top_company.works, div.top_company.flow, div.top_company.company, div.top_company.recruit, div.top_company.privacypolicy, div.works.works, div.works.flow, div.works.company, div.works.recruit, div.works.privacypolicy, div.plan.works, div.plan.flow, div.plan.company, div.plan.recruit, div.plan.privacypolicy, div.flow.works, div.flow.flow, div.flow.company, div.flow.recruit, div.flow.privacypolicy, div.company.works, div.company.flow, div.company.company, div.company.recruit, div.company.privacypolicy, div.recruit.works, div.recruit.flow, div.recruit.company, div.recruit.recruit, div.recruit.privacypolicy, div.privacypolicy.works, div.privacypolicy.flow, div.privacypolicy.company, div.privacypolicy.recruit, div.privacypolicy.privacypolicy {
  background: #faf9f8 url(../img/bg_item.jpg) no-repeat center -310px;
  background-size: 100%;
  background-attachment: fixed;
  animation: parallax linear both;
  animation-timeline: view();
}
div.top_works.works h2.detail span, div.top_works.flow h2.detail span, div.top_works.company h2.detail span, div.top_works.recruit h2.detail span, div.top_works.privacypolicy h2.detail span, div.top_company.works h2.detail span, div.top_company.flow h2.detail span, div.top_company.company h2.detail span, div.top_company.recruit h2.detail span, div.top_company.privacypolicy h2.detail span, div.works.works h2.detail span, div.works.flow h2.detail span, div.works.company h2.detail span, div.works.recruit h2.detail span, div.works.privacypolicy h2.detail span, div.plan.works h2.detail span, div.plan.flow h2.detail span, div.plan.company h2.detail span, div.plan.recruit h2.detail span, div.plan.privacypolicy h2.detail span, div.flow.works h2.detail span, div.flow.flow h2.detail span, div.flow.company h2.detail span, div.flow.recruit h2.detail span, div.flow.privacypolicy h2.detail span, div.company.works h2.detail span, div.company.flow h2.detail span, div.company.company h2.detail span, div.company.recruit h2.detail span, div.company.privacypolicy h2.detail span, div.recruit.works h2.detail span, div.recruit.flow h2.detail span, div.recruit.company h2.detail span, div.recruit.recruit h2.detail span, div.recruit.privacypolicy h2.detail span, div.privacypolicy.works h2.detail span, div.privacypolicy.flow h2.detail span, div.privacypolicy.company h2.detail span, div.privacypolicy.recruit h2.detail span, div.privacypolicy.privacypolicy h2.detail span {
  background: none;
}
div.top_works.works h2.detail b, div.top_works.flow h2.detail b, div.top_works.company h2.detail b, div.top_works.recruit h2.detail b, div.top_works.privacypolicy h2.detail b, div.top_company.works h2.detail b, div.top_company.flow h2.detail b, div.top_company.company h2.detail b, div.top_company.recruit h2.detail b, div.top_company.privacypolicy h2.detail b, div.works.works h2.detail b, div.works.flow h2.detail b, div.works.company h2.detail b, div.works.recruit h2.detail b, div.works.privacypolicy h2.detail b, div.plan.works h2.detail b, div.plan.flow h2.detail b, div.plan.company h2.detail b, div.plan.recruit h2.detail b, div.plan.privacypolicy h2.detail b, div.flow.works h2.detail b, div.flow.flow h2.detail b, div.flow.company h2.detail b, div.flow.recruit h2.detail b, div.flow.privacypolicy h2.detail b, div.company.works h2.detail b, div.company.flow h2.detail b, div.company.company h2.detail b, div.company.recruit h2.detail b, div.company.privacypolicy h2.detail b, div.recruit.works h2.detail b, div.recruit.flow h2.detail b, div.recruit.company h2.detail b, div.recruit.recruit h2.detail b, div.recruit.privacypolicy h2.detail b, div.privacypolicy.works h2.detail b, div.privacypolicy.flow h2.detail b, div.privacypolicy.company h2.detail b, div.privacypolicy.recruit h2.detail b, div.privacypolicy.privacypolicy h2.detail b {
  background: #307437;
  font-size: 10px;
  padding: 0px 20px;
  margin: 22px 0 0 0;
  position: absolute;
  height: 16px;
  color: #fff;
  line-height: 16px;
  z-index: 1;
}
div.top_works.works h2.detail p, div.top_works.flow h2.detail p, div.top_works.company h2.detail p, div.top_works.recruit h2.detail p, div.top_works.privacypolicy h2.detail p, div.top_company.works h2.detail p, div.top_company.flow h2.detail p, div.top_company.company h2.detail p, div.top_company.recruit h2.detail p, div.top_company.privacypolicy h2.detail p, div.works.works h2.detail p, div.works.flow h2.detail p, div.works.company h2.detail p, div.works.recruit h2.detail p, div.works.privacypolicy h2.detail p, div.plan.works h2.detail p, div.plan.flow h2.detail p, div.plan.company h2.detail p, div.plan.recruit h2.detail p, div.plan.privacypolicy h2.detail p, div.flow.works h2.detail p, div.flow.flow h2.detail p, div.flow.company h2.detail p, div.flow.recruit h2.detail p, div.flow.privacypolicy h2.detail p, div.company.works h2.detail p, div.company.flow h2.detail p, div.company.company h2.detail p, div.company.recruit h2.detail p, div.company.privacypolicy h2.detail p, div.recruit.works h2.detail p, div.recruit.flow h2.detail p, div.recruit.company h2.detail p, div.recruit.recruit h2.detail p, div.recruit.privacypolicy h2.detail p, div.privacypolicy.works h2.detail p, div.privacypolicy.flow h2.detail p, div.privacypolicy.company h2.detail p, div.privacypolicy.recruit h2.detail p, div.privacypolicy.privacypolicy h2.detail p {
  display: inline-block;
  width: -webkit-fill-available;
  background: url(../img/h2_line.svg) repeat-x center center;
  height: 60px;
  margin: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
  z-index: -1px;
}
div.top_works.works p.info, div.top_works.flow p.info, div.top_works.company p.info, div.top_works.recruit p.info, div.top_works.privacypolicy p.info, div.top_company.works p.info, div.top_company.flow p.info, div.top_company.company p.info, div.top_company.recruit p.info, div.top_company.privacypolicy p.info, div.works.works p.info, div.works.flow p.info, div.works.company p.info, div.works.recruit p.info, div.works.privacypolicy p.info, div.plan.works p.info, div.plan.flow p.info, div.plan.company p.info, div.plan.recruit p.info, div.plan.privacypolicy p.info, div.flow.works p.info, div.flow.flow p.info, div.flow.company p.info, div.flow.recruit p.info, div.flow.privacypolicy p.info, div.company.works p.info, div.company.flow p.info, div.company.company p.info, div.company.recruit p.info, div.company.privacypolicy p.info, div.recruit.works p.info, div.recruit.flow p.info, div.recruit.company p.info, div.recruit.recruit p.info, div.recruit.privacypolicy p.info, div.privacypolicy.works p.info, div.privacypolicy.flow p.info, div.privacypolicy.company p.info, div.privacypolicy.recruit p.info, div.privacypolicy.privacypolicy p.info {
  font-size: 14px;
  padding: 20px;
}
div.top_works.works div.detail div.category, div.top_works.flow div.detail div.category, div.top_works.company div.detail div.category, div.top_works.recruit div.detail div.category, div.top_works.privacypolicy div.detail div.category, div.top_company.works div.detail div.category, div.top_company.flow div.detail div.category, div.top_company.company div.detail div.category, div.top_company.recruit div.detail div.category, div.top_company.privacypolicy div.detail div.category, div.works.works div.detail div.category, div.works.flow div.detail div.category, div.works.company div.detail div.category, div.works.recruit div.detail div.category, div.works.privacypolicy div.detail div.category, div.plan.works div.detail div.category, div.plan.flow div.detail div.category, div.plan.company div.detail div.category, div.plan.recruit div.detail div.category, div.plan.privacypolicy div.detail div.category, div.flow.works div.detail div.category, div.flow.flow div.detail div.category, div.flow.company div.detail div.category, div.flow.recruit div.detail div.category, div.flow.privacypolicy div.detail div.category, div.company.works div.detail div.category, div.company.flow div.detail div.category, div.company.company div.detail div.category, div.company.recruit div.detail div.category, div.company.privacypolicy div.detail div.category, div.recruit.works div.detail div.category, div.recruit.flow div.detail div.category, div.recruit.company div.detail div.category, div.recruit.recruit div.detail div.category, div.recruit.privacypolicy div.detail div.category, div.privacypolicy.works div.detail div.category, div.privacypolicy.flow div.detail div.category, div.privacypolicy.company div.detail div.category, div.privacypolicy.recruit div.detail div.category, div.privacypolicy.privacypolicy div.detail div.category {
  width: 100%;
  display: flex;
  column-gap: 1px;
  margin: 0 0 1px 0;
}
div.top_works.works div.detail div.category span, div.top_works.flow div.detail div.category span, div.top_works.company div.detail div.category span, div.top_works.recruit div.detail div.category span, div.top_works.privacypolicy div.detail div.category span, div.top_company.works div.detail div.category span, div.top_company.flow div.detail div.category span, div.top_company.company div.detail div.category span, div.top_company.recruit div.detail div.category span, div.top_company.privacypolicy div.detail div.category span, div.works.works div.detail div.category span, div.works.flow div.detail div.category span, div.works.company div.detail div.category span, div.works.recruit div.detail div.category span, div.works.privacypolicy div.detail div.category span, div.plan.works div.detail div.category span, div.plan.flow div.detail div.category span, div.plan.company div.detail div.category span, div.plan.recruit div.detail div.category span, div.plan.privacypolicy div.detail div.category span, div.flow.works div.detail div.category span, div.flow.flow div.detail div.category span, div.flow.company div.detail div.category span, div.flow.recruit div.detail div.category span, div.flow.privacypolicy div.detail div.category span, div.company.works div.detail div.category span, div.company.flow div.detail div.category span, div.company.company div.detail div.category span, div.company.recruit div.detail div.category span, div.company.privacypolicy div.detail div.category span, div.recruit.works div.detail div.category span, div.recruit.flow div.detail div.category span, div.recruit.company div.detail div.category span, div.recruit.recruit div.detail div.category span, div.recruit.privacypolicy div.detail div.category span, div.privacypolicy.works div.detail div.category span, div.privacypolicy.flow div.detail div.category span, div.privacypolicy.company div.detail div.category span, div.privacypolicy.recruit div.detail div.category span, div.privacypolicy.privacypolicy div.detail div.category span {
  width: 16.6666667%;
  text-align: center;
  padding: 2px 0;
  background: #a19c91;
  font-size: 12px;
  color: #fff;
}
div.top_works.works div.detail div.category span.off, div.top_works.flow div.detail div.category span.off, div.top_works.company div.detail div.category span.off, div.top_works.recruit div.detail div.category span.off, div.top_works.privacypolicy div.detail div.category span.off, div.top_company.works div.detail div.category span.off, div.top_company.flow div.detail div.category span.off, div.top_company.company div.detail div.category span.off, div.top_company.recruit div.detail div.category span.off, div.top_company.privacypolicy div.detail div.category span.off, div.works.works div.detail div.category span.off, div.works.flow div.detail div.category span.off, div.works.company div.detail div.category span.off, div.works.recruit div.detail div.category span.off, div.works.privacypolicy div.detail div.category span.off, div.plan.works div.detail div.category span.off, div.plan.flow div.detail div.category span.off, div.plan.company div.detail div.category span.off, div.plan.recruit div.detail div.category span.off, div.plan.privacypolicy div.detail div.category span.off, div.flow.works div.detail div.category span.off, div.flow.flow div.detail div.category span.off, div.flow.company div.detail div.category span.off, div.flow.recruit div.detail div.category span.off, div.flow.privacypolicy div.detail div.category span.off, div.company.works div.detail div.category span.off, div.company.flow div.detail div.category span.off, div.company.company div.detail div.category span.off, div.company.recruit div.detail div.category span.off, div.company.privacypolicy div.detail div.category span.off, div.recruit.works div.detail div.category span.off, div.recruit.flow div.detail div.category span.off, div.recruit.company div.detail div.category span.off, div.recruit.recruit div.detail div.category span.off, div.recruit.privacypolicy div.detail div.category span.off, div.privacypolicy.works div.detail div.category span.off, div.privacypolicy.flow div.detail div.category span.off, div.privacypolicy.company div.detail div.category span.off, div.privacypolicy.recruit div.detail div.category span.off, div.privacypolicy.privacypolicy div.detail div.category span.off {
  background: #e2e0dc;
}
div.top_works.works div .wrap, div.top_works.flow div .wrap, div.top_works.company div .wrap, div.top_works.recruit div .wrap, div.top_works.privacypolicy div .wrap, div.top_company.works div .wrap, div.top_company.flow div .wrap, div.top_company.company div .wrap, div.top_company.recruit div .wrap, div.top_company.privacypolicy div .wrap, div.works.works div .wrap, div.works.flow div .wrap, div.works.company div .wrap, div.works.recruit div .wrap, div.works.privacypolicy div .wrap, div.plan.works div .wrap, div.plan.flow div .wrap, div.plan.company div .wrap, div.plan.recruit div .wrap, div.plan.privacypolicy div .wrap, div.flow.works div .wrap, div.flow.flow div .wrap, div.flow.company div .wrap, div.flow.recruit div .wrap, div.flow.privacypolicy div .wrap, div.company.works div .wrap, div.company.flow div .wrap, div.company.company div .wrap, div.company.recruit div .wrap, div.company.privacypolicy div .wrap, div.recruit.works div .wrap, div.recruit.flow div .wrap, div.recruit.company div .wrap, div.recruit.recruit div .wrap, div.recruit.privacypolicy div .wrap, div.privacypolicy.works div .wrap, div.privacypolicy.flow div .wrap, div.privacypolicy.company div .wrap, div.privacypolicy.recruit div .wrap, div.privacypolicy.privacypolicy div .wrap {
  width: 100%;
  background: #faf9f8;
}
div.top_works.works div .wrap img, div.top_works.flow div .wrap img, div.top_works.company div .wrap img, div.top_works.recruit div .wrap img, div.top_works.privacypolicy div .wrap img, div.top_company.works div .wrap img, div.top_company.flow div .wrap img, div.top_company.company div .wrap img, div.top_company.recruit div .wrap img, div.top_company.privacypolicy div .wrap img, div.works.works div .wrap img, div.works.flow div .wrap img, div.works.company div .wrap img, div.works.recruit div .wrap img, div.works.privacypolicy div .wrap img, div.plan.works div .wrap img, div.plan.flow div .wrap img, div.plan.company div .wrap img, div.plan.recruit div .wrap img, div.plan.privacypolicy div .wrap img, div.flow.works div .wrap img, div.flow.flow div .wrap img, div.flow.company div .wrap img, div.flow.recruit div .wrap img, div.flow.privacypolicy div .wrap img, div.company.works div .wrap img, div.company.flow div .wrap img, div.company.company div .wrap img, div.company.recruit div .wrap img, div.company.privacypolicy div .wrap img, div.recruit.works div .wrap img, div.recruit.flow div .wrap img, div.recruit.company div .wrap img, div.recruit.recruit div .wrap img, div.recruit.privacypolicy div .wrap img, div.privacypolicy.works div .wrap img, div.privacypolicy.flow div .wrap img, div.privacypolicy.company div .wrap img, div.privacypolicy.recruit div .wrap img, div.privacypolicy.privacypolicy div .wrap img {
  width: 100%;
}
div.top_works.works div .wrap ul, div.top_works.flow div .wrap ul, div.top_works.company div .wrap ul, div.top_works.recruit div .wrap ul, div.top_works.privacypolicy div .wrap ul, div.top_company.works div .wrap ul, div.top_company.flow div .wrap ul, div.top_company.company div .wrap ul, div.top_company.recruit div .wrap ul, div.top_company.privacypolicy div .wrap ul, div.works.works div .wrap ul, div.works.flow div .wrap ul, div.works.company div .wrap ul, div.works.recruit div .wrap ul, div.works.privacypolicy div .wrap ul, div.plan.works div .wrap ul, div.plan.flow div .wrap ul, div.plan.company div .wrap ul, div.plan.recruit div .wrap ul, div.plan.privacypolicy div .wrap ul, div.flow.works div .wrap ul, div.flow.flow div .wrap ul, div.flow.company div .wrap ul, div.flow.recruit div .wrap ul, div.flow.privacypolicy div .wrap ul, div.company.works div .wrap ul, div.company.flow div .wrap ul, div.company.company div .wrap ul, div.company.recruit div .wrap ul, div.company.privacypolicy div .wrap ul, div.recruit.works div .wrap ul, div.recruit.flow div .wrap ul, div.recruit.company div .wrap ul, div.recruit.recruit div .wrap ul, div.recruit.privacypolicy div .wrap ul, div.privacypolicy.works div .wrap ul, div.privacypolicy.flow div .wrap ul, div.privacypolicy.company div .wrap ul, div.privacypolicy.recruit div .wrap ul, div.privacypolicy.privacypolicy div .wrap ul {
  width: 100%;
  display: flex;
  column-gap: 20px;
  margin: 20px 0 0 0;
}
div.top_works.works div .wrap li img, div.top_works.flow div .wrap li img, div.top_works.company div .wrap li img, div.top_works.recruit div .wrap li img, div.top_works.privacypolicy div .wrap li img, div.top_company.works div .wrap li img, div.top_company.flow div .wrap li img, div.top_company.company div .wrap li img, div.top_company.recruit div .wrap li img, div.top_company.privacypolicy div .wrap li img, div.works.works div .wrap li img, div.works.flow div .wrap li img, div.works.company div .wrap li img, div.works.recruit div .wrap li img, div.works.privacypolicy div .wrap li img, div.plan.works div .wrap li img, div.plan.flow div .wrap li img, div.plan.company div .wrap li img, div.plan.recruit div .wrap li img, div.plan.privacypolicy div .wrap li img, div.flow.works div .wrap li img, div.flow.flow div .wrap li img, div.flow.company div .wrap li img, div.flow.recruit div .wrap li img, div.flow.privacypolicy div .wrap li img, div.company.works div .wrap li img, div.company.flow div .wrap li img, div.company.company div .wrap li img, div.company.recruit div .wrap li img, div.company.privacypolicy div .wrap li img, div.recruit.works div .wrap li img, div.recruit.flow div .wrap li img, div.recruit.company div .wrap li img, div.recruit.recruit div .wrap li img, div.recruit.privacypolicy div .wrap li img, div.privacypolicy.works div .wrap li img, div.privacypolicy.flow div .wrap li img, div.privacypolicy.company div .wrap li img, div.privacypolicy.recruit div .wrap li img, div.privacypolicy.privacypolicy div .wrap li img {
  width: 100%;
  cursor: pointer;
}
div.top_works.works div .wrap li img:hover, div.top_works.flow div .wrap li img:hover, div.top_works.company div .wrap li img:hover, div.top_works.recruit div .wrap li img:hover, div.top_works.privacypolicy div .wrap li img:hover, div.top_company.works div .wrap li img:hover, div.top_company.flow div .wrap li img:hover, div.top_company.company div .wrap li img:hover, div.top_company.recruit div .wrap li img:hover, div.top_company.privacypolicy div .wrap li img:hover, div.works.works div .wrap li img:hover, div.works.flow div .wrap li img:hover, div.works.company div .wrap li img:hover, div.works.recruit div .wrap li img:hover, div.works.privacypolicy div .wrap li img:hover, div.plan.works div .wrap li img:hover, div.plan.flow div .wrap li img:hover, div.plan.company div .wrap li img:hover, div.plan.recruit div .wrap li img:hover, div.plan.privacypolicy div .wrap li img:hover, div.flow.works div .wrap li img:hover, div.flow.flow div .wrap li img:hover, div.flow.company div .wrap li img:hover, div.flow.recruit div .wrap li img:hover, div.flow.privacypolicy div .wrap li img:hover, div.company.works div .wrap li img:hover, div.company.flow div .wrap li img:hover, div.company.company div .wrap li img:hover, div.company.recruit div .wrap li img:hover, div.company.privacypolicy div .wrap li img:hover, div.recruit.works div .wrap li img:hover, div.recruit.flow div .wrap li img:hover, div.recruit.company div .wrap li img:hover, div.recruit.recruit div .wrap li img:hover, div.recruit.privacypolicy div .wrap li img:hover, div.privacypolicy.works div .wrap li img:hover, div.privacypolicy.flow div .wrap li img:hover, div.privacypolicy.company div .wrap li img:hover, div.privacypolicy.recruit div .wrap li img:hover, div.privacypolicy.privacypolicy div .wrap li img:hover {
  opacity: 0.5;
}
div.top_works.works div.bt_area, div.top_works.flow div.bt_area, div.top_works.company div.bt_area, div.top_works.recruit div.bt_area, div.top_works.privacypolicy div.bt_area, div.top_company.works div.bt_area, div.top_company.flow div.bt_area, div.top_company.company div.bt_area, div.top_company.recruit div.bt_area, div.top_company.privacypolicy div.bt_area, div.works.works div.bt_area, div.works.flow div.bt_area, div.works.company div.bt_area, div.works.recruit div.bt_area, div.works.privacypolicy div.bt_area, div.plan.works div.bt_area, div.plan.flow div.bt_area, div.plan.company div.bt_area, div.plan.recruit div.bt_area, div.plan.privacypolicy div.bt_area, div.flow.works div.bt_area, div.flow.flow div.bt_area, div.flow.company div.bt_area, div.flow.recruit div.bt_area, div.flow.privacypolicy div.bt_area, div.company.works div.bt_area, div.company.flow div.bt_area, div.company.company div.bt_area, div.company.recruit div.bt_area, div.company.privacypolicy div.bt_area, div.recruit.works div.bt_area, div.recruit.flow div.bt_area, div.recruit.company div.bt_area, div.recruit.recruit div.bt_area, div.recruit.privacypolicy div.bt_area, div.privacypolicy.works div.bt_area, div.privacypolicy.flow div.bt_area, div.privacypolicy.company div.bt_area, div.privacypolicy.recruit div.bt_area, div.privacypolicy.privacypolicy div.bt_area {
  display: flex;
  justify-content: space-between;
  margin: 50px 0 0 0;
}
div.top_works.works div.bt_area a, div.top_works.flow div.bt_area a, div.top_works.company div.bt_area a, div.top_works.recruit div.bt_area a, div.top_works.privacypolicy div.bt_area a, div.top_company.works div.bt_area a, div.top_company.flow div.bt_area a, div.top_company.company div.bt_area a, div.top_company.recruit div.bt_area a, div.top_company.privacypolicy div.bt_area a, div.works.works div.bt_area a, div.works.flow div.bt_area a, div.works.company div.bt_area a, div.works.recruit div.bt_area a, div.works.privacypolicy div.bt_area a, div.plan.works div.bt_area a, div.plan.flow div.bt_area a, div.plan.company div.bt_area a, div.plan.recruit div.bt_area a, div.plan.privacypolicy div.bt_area a, div.flow.works div.bt_area a, div.flow.flow div.bt_area a, div.flow.company div.bt_area a, div.flow.recruit div.bt_area a, div.flow.privacypolicy div.bt_area a, div.company.works div.bt_area a, div.company.flow div.bt_area a, div.company.company div.bt_area a, div.company.recruit div.bt_area a, div.company.privacypolicy div.bt_area a, div.recruit.works div.bt_area a, div.recruit.flow div.bt_area a, div.recruit.company div.bt_area a, div.recruit.recruit div.bt_area a, div.recruit.privacypolicy div.bt_area a, div.privacypolicy.works div.bt_area a, div.privacypolicy.flow div.bt_area a, div.privacypolicy.company div.bt_area a, div.privacypolicy.recruit div.bt_area a, div.privacypolicy.privacypolicy div.bt_area a {
  width: 200px;
  height: 40px;
  box-shadow: none;
  margin: 0;
}
div.top_works.works div.bt_area a.bt_prev, div.top_works.flow div.bt_area a.bt_prev, div.top_works.company div.bt_area a.bt_prev, div.top_works.recruit div.bt_area a.bt_prev, div.top_works.privacypolicy div.bt_area a.bt_prev, div.top_company.works div.bt_area a.bt_prev, div.top_company.flow div.bt_area a.bt_prev, div.top_company.company div.bt_area a.bt_prev, div.top_company.recruit div.bt_area a.bt_prev, div.top_company.privacypolicy div.bt_area a.bt_prev, div.works.works div.bt_area a.bt_prev, div.works.flow div.bt_area a.bt_prev, div.works.company div.bt_area a.bt_prev, div.works.recruit div.bt_area a.bt_prev, div.works.privacypolicy div.bt_area a.bt_prev, div.plan.works div.bt_area a.bt_prev, div.plan.flow div.bt_area a.bt_prev, div.plan.company div.bt_area a.bt_prev, div.plan.recruit div.bt_area a.bt_prev, div.plan.privacypolicy div.bt_area a.bt_prev, div.flow.works div.bt_area a.bt_prev, div.flow.flow div.bt_area a.bt_prev, div.flow.company div.bt_area a.bt_prev, div.flow.recruit div.bt_area a.bt_prev, div.flow.privacypolicy div.bt_area a.bt_prev, div.company.works div.bt_area a.bt_prev, div.company.flow div.bt_area a.bt_prev, div.company.company div.bt_area a.bt_prev, div.company.recruit div.bt_area a.bt_prev, div.company.privacypolicy div.bt_area a.bt_prev, div.recruit.works div.bt_area a.bt_prev, div.recruit.flow div.bt_area a.bt_prev, div.recruit.company div.bt_area a.bt_prev, div.recruit.recruit div.bt_area a.bt_prev, div.recruit.privacypolicy div.bt_area a.bt_prev, div.privacypolicy.works div.bt_area a.bt_prev, div.privacypolicy.flow div.bt_area a.bt_prev, div.privacypolicy.company div.bt_area a.bt_prev, div.privacypolicy.recruit div.bt_area a.bt_prev, div.privacypolicy.privacypolicy div.bt_area a.bt_prev {
  background: url(../img/bt_prev.svg) no-repeat center center;
  text-align: center;
  padding: 6px 0px 0px 18px;
}
div.top_works.works div.bt_area a.bt_list, div.top_works.flow div.bt_area a.bt_list, div.top_works.company div.bt_area a.bt_list, div.top_works.recruit div.bt_area a.bt_list, div.top_works.privacypolicy div.bt_area a.bt_list, div.top_company.works div.bt_area a.bt_list, div.top_company.flow div.bt_area a.bt_list, div.top_company.company div.bt_area a.bt_list, div.top_company.recruit div.bt_area a.bt_list, div.top_company.privacypolicy div.bt_area a.bt_list, div.works.works div.bt_area a.bt_list, div.works.flow div.bt_area a.bt_list, div.works.company div.bt_area a.bt_list, div.works.recruit div.bt_area a.bt_list, div.works.privacypolicy div.bt_area a.bt_list, div.plan.works div.bt_area a.bt_list, div.plan.flow div.bt_area a.bt_list, div.plan.company div.bt_area a.bt_list, div.plan.recruit div.bt_area a.bt_list, div.plan.privacypolicy div.bt_area a.bt_list, div.flow.works div.bt_area a.bt_list, div.flow.flow div.bt_area a.bt_list, div.flow.company div.bt_area a.bt_list, div.flow.recruit div.bt_area a.bt_list, div.flow.privacypolicy div.bt_area a.bt_list, div.company.works div.bt_area a.bt_list, div.company.flow div.bt_area a.bt_list, div.company.company div.bt_area a.bt_list, div.company.recruit div.bt_area a.bt_list, div.company.privacypolicy div.bt_area a.bt_list, div.recruit.works div.bt_area a.bt_list, div.recruit.flow div.bt_area a.bt_list, div.recruit.company div.bt_area a.bt_list, div.recruit.recruit div.bt_area a.bt_list, div.recruit.privacypolicy div.bt_area a.bt_list, div.privacypolicy.works div.bt_area a.bt_list, div.privacypolicy.flow div.bt_area a.bt_list, div.privacypolicy.company div.bt_area a.bt_list, div.privacypolicy.recruit div.bt_area a.bt_list, div.privacypolicy.privacypolicy div.bt_area a.bt_list {
  background: url(../img/bt_list.svg) no-repeat center center;
  text-align: center;
  padding: 6px 0 0 0;
}
div.top_works.works div.bt_area a.bt_next, div.top_works.flow div.bt_area a.bt_next, div.top_works.company div.bt_area a.bt_next, div.top_works.recruit div.bt_area a.bt_next, div.top_works.privacypolicy div.bt_area a.bt_next, div.top_company.works div.bt_area a.bt_next, div.top_company.flow div.bt_area a.bt_next, div.top_company.company div.bt_area a.bt_next, div.top_company.recruit div.bt_area a.bt_next, div.top_company.privacypolicy div.bt_area a.bt_next, div.works.works div.bt_area a.bt_next, div.works.flow div.bt_area a.bt_next, div.works.company div.bt_area a.bt_next, div.works.recruit div.bt_area a.bt_next, div.works.privacypolicy div.bt_area a.bt_next, div.plan.works div.bt_area a.bt_next, div.plan.flow div.bt_area a.bt_next, div.plan.company div.bt_area a.bt_next, div.plan.recruit div.bt_area a.bt_next, div.plan.privacypolicy div.bt_area a.bt_next, div.flow.works div.bt_area a.bt_next, div.flow.flow div.bt_area a.bt_next, div.flow.company div.bt_area a.bt_next, div.flow.recruit div.bt_area a.bt_next, div.flow.privacypolicy div.bt_area a.bt_next, div.company.works div.bt_area a.bt_next, div.company.flow div.bt_area a.bt_next, div.company.company div.bt_area a.bt_next, div.company.recruit div.bt_area a.bt_next, div.company.privacypolicy div.bt_area a.bt_next, div.recruit.works div.bt_area a.bt_next, div.recruit.flow div.bt_area a.bt_next, div.recruit.company div.bt_area a.bt_next, div.recruit.recruit div.bt_area a.bt_next, div.recruit.privacypolicy div.bt_area a.bt_next, div.privacypolicy.works div.bt_area a.bt_next, div.privacypolicy.flow div.bt_area a.bt_next, div.privacypolicy.company div.bt_area a.bt_next, div.privacypolicy.recruit div.bt_area a.bt_next, div.privacypolicy.privacypolicy div.bt_area a.bt_next {
  background: url(../img/bt_next.svg) no-repeat center center;
  text-align: center;
  padding: 6px 18px 0 0;
}
div.top_works.works div.bt_area a:hover, div.top_works.flow div.bt_area a:hover, div.top_works.company div.bt_area a:hover, div.top_works.recruit div.bt_area a:hover, div.top_works.privacypolicy div.bt_area a:hover, div.top_company.works div.bt_area a:hover, div.top_company.flow div.bt_area a:hover, div.top_company.company div.bt_area a:hover, div.top_company.recruit div.bt_area a:hover, div.top_company.privacypolicy div.bt_area a:hover, div.works.works div.bt_area a:hover, div.works.flow div.bt_area a:hover, div.works.company div.bt_area a:hover, div.works.recruit div.bt_area a:hover, div.works.privacypolicy div.bt_area a:hover, div.plan.works div.bt_area a:hover, div.plan.flow div.bt_area a:hover, div.plan.company div.bt_area a:hover, div.plan.recruit div.bt_area a:hover, div.plan.privacypolicy div.bt_area a:hover, div.flow.works div.bt_area a:hover, div.flow.flow div.bt_area a:hover, div.flow.company div.bt_area a:hover, div.flow.recruit div.bt_area a:hover, div.flow.privacypolicy div.bt_area a:hover, div.company.works div.bt_area a:hover, div.company.flow div.bt_area a:hover, div.company.company div.bt_area a:hover, div.company.recruit div.bt_area a:hover, div.company.privacypolicy div.bt_area a:hover, div.recruit.works div.bt_area a:hover, div.recruit.flow div.bt_area a:hover, div.recruit.company div.bt_area a:hover, div.recruit.recruit div.bt_area a:hover, div.recruit.privacypolicy div.bt_area a:hover, div.privacypolicy.works div.bt_area a:hover, div.privacypolicy.flow div.bt_area a:hover, div.privacypolicy.company div.bt_area a:hover, div.privacypolicy.recruit div.bt_area a:hover, div.privacypolicy.privacypolicy div.bt_area a:hover {
  opacity: 0.5;
}
div.top_works.works section.comment, div.top_works.flow section.comment, div.top_works.company section.comment, div.top_works.recruit section.comment, div.top_works.privacypolicy section.comment, div.top_company.works section.comment, div.top_company.flow section.comment, div.top_company.company section.comment, div.top_company.recruit section.comment, div.top_company.privacypolicy section.comment, div.works.works section.comment, div.works.flow section.comment, div.works.company section.comment, div.works.recruit section.comment, div.works.privacypolicy section.comment, div.plan.works section.comment, div.plan.flow section.comment, div.plan.company section.comment, div.plan.recruit section.comment, div.plan.privacypolicy section.comment, div.flow.works section.comment, div.flow.flow section.comment, div.flow.company section.comment, div.flow.recruit section.comment, div.flow.privacypolicy section.comment, div.company.works section.comment, div.company.flow section.comment, div.company.company section.comment, div.company.recruit section.comment, div.company.privacypolicy section.comment, div.recruit.works section.comment, div.recruit.flow section.comment, div.recruit.company section.comment, div.recruit.recruit section.comment, div.recruit.privacypolicy section.comment, div.privacypolicy.works section.comment, div.privacypolicy.flow section.comment, div.privacypolicy.company section.comment, div.privacypolicy.recruit section.comment, div.privacypolicy.privacypolicy section.comment {
  line-height: 200%;
}
div.top_works.works section.comment h3, div.top_works.flow section.comment h3, div.top_works.company section.comment h3, div.top_works.recruit section.comment h3, div.top_works.privacypolicy section.comment h3, div.top_company.works section.comment h3, div.top_company.flow section.comment h3, div.top_company.company section.comment h3, div.top_company.recruit section.comment h3, div.top_company.privacypolicy section.comment h3, div.works.works section.comment h3, div.works.flow section.comment h3, div.works.company section.comment h3, div.works.recruit section.comment h3, div.works.privacypolicy section.comment h3, div.plan.works section.comment h3, div.plan.flow section.comment h3, div.plan.company section.comment h3, div.plan.recruit section.comment h3, div.plan.privacypolicy section.comment h3, div.flow.works section.comment h3, div.flow.flow section.comment h3, div.flow.company section.comment h3, div.flow.recruit section.comment h3, div.flow.privacypolicy section.comment h3, div.company.works section.comment h3, div.company.flow section.comment h3, div.company.company section.comment h3, div.company.recruit section.comment h3, div.company.privacypolicy section.comment h3, div.recruit.works section.comment h3, div.recruit.flow section.comment h3, div.recruit.company section.comment h3, div.recruit.recruit section.comment h3, div.recruit.privacypolicy section.comment h3, div.privacypolicy.works section.comment h3, div.privacypolicy.flow section.comment h3, div.privacypolicy.company section.comment h3, div.privacypolicy.recruit section.comment h3, div.privacypolicy.privacypolicy section.comment h3 {
  border-bottom: 1px solid #999;
  padding: 20px;
}
div.top_works.works section.comment h3.plan, div.top_works.flow section.comment h3.plan, div.top_works.company section.comment h3.plan, div.top_works.recruit section.comment h3.plan, div.top_works.privacypolicy section.comment h3.plan, div.top_company.works section.comment h3.plan, div.top_company.flow section.comment h3.plan, div.top_company.company section.comment h3.plan, div.top_company.recruit section.comment h3.plan, div.top_company.privacypolicy section.comment h3.plan, div.works.works section.comment h3.plan, div.works.flow section.comment h3.plan, div.works.company section.comment h3.plan, div.works.recruit section.comment h3.plan, div.works.privacypolicy section.comment h3.plan, div.plan.works section.comment h3.plan, div.plan.flow section.comment h3.plan, div.plan.company section.comment h3.plan, div.plan.recruit section.comment h3.plan, div.plan.privacypolicy section.comment h3.plan, div.flow.works section.comment h3.plan, div.flow.flow section.comment h3.plan, div.flow.company section.comment h3.plan, div.flow.recruit section.comment h3.plan, div.flow.privacypolicy section.comment h3.plan, div.company.works section.comment h3.plan, div.company.flow section.comment h3.plan, div.company.company section.comment h3.plan, div.company.recruit section.comment h3.plan, div.company.privacypolicy section.comment h3.plan, div.recruit.works section.comment h3.plan, div.recruit.flow section.comment h3.plan, div.recruit.company section.comment h3.plan, div.recruit.recruit section.comment h3.plan, div.recruit.privacypolicy section.comment h3.plan, div.privacypolicy.works section.comment h3.plan, div.privacypolicy.flow section.comment h3.plan, div.privacypolicy.company section.comment h3.plan, div.privacypolicy.recruit section.comment h3.plan, div.privacypolicy.privacypolicy section.comment h3.plan {
  font-size: 100%;
}
div.top_works.works section.comment p, div.top_works.flow section.comment p, div.top_works.company section.comment p, div.top_works.recruit section.comment p, div.top_works.privacypolicy section.comment p, div.top_company.works section.comment p, div.top_company.flow section.comment p, div.top_company.company section.comment p, div.top_company.recruit section.comment p, div.top_company.privacypolicy section.comment p, div.works.works section.comment p, div.works.flow section.comment p, div.works.company section.comment p, div.works.recruit section.comment p, div.works.privacypolicy section.comment p, div.plan.works section.comment p, div.plan.flow section.comment p, div.plan.company section.comment p, div.plan.recruit section.comment p, div.plan.privacypolicy section.comment p, div.flow.works section.comment p, div.flow.flow section.comment p, div.flow.company section.comment p, div.flow.recruit section.comment p, div.flow.privacypolicy section.comment p, div.company.works section.comment p, div.company.flow section.comment p, div.company.company section.comment p, div.company.recruit section.comment p, div.company.privacypolicy section.comment p, div.recruit.works section.comment p, div.recruit.flow section.comment p, div.recruit.company section.comment p, div.recruit.recruit section.comment p, div.recruit.privacypolicy section.comment p, div.privacypolicy.works section.comment p, div.privacypolicy.flow section.comment p, div.privacypolicy.company section.comment p, div.privacypolicy.recruit section.comment p, div.privacypolicy.privacypolicy section.comment p {
  padding: 20px;
}
div.top_works.works section.comment p b, div.top_works.flow section.comment p b, div.top_works.company section.comment p b, div.top_works.recruit section.comment p b, div.top_works.privacypolicy section.comment p b, div.top_company.works section.comment p b, div.top_company.flow section.comment p b, div.top_company.company section.comment p b, div.top_company.recruit section.comment p b, div.top_company.privacypolicy section.comment p b, div.works.works section.comment p b, div.works.flow section.comment p b, div.works.company section.comment p b, div.works.recruit section.comment p b, div.works.privacypolicy section.comment p b, div.plan.works section.comment p b, div.plan.flow section.comment p b, div.plan.company section.comment p b, div.plan.recruit section.comment p b, div.plan.privacypolicy section.comment p b, div.flow.works section.comment p b, div.flow.flow section.comment p b, div.flow.company section.comment p b, div.flow.recruit section.comment p b, div.flow.privacypolicy section.comment p b, div.company.works section.comment p b, div.company.flow section.comment p b, div.company.company section.comment p b, div.company.recruit section.comment p b, div.company.privacypolicy section.comment p b, div.recruit.works section.comment p b, div.recruit.flow section.comment p b, div.recruit.company section.comment p b, div.recruit.recruit section.comment p b, div.recruit.privacypolicy section.comment p b, div.privacypolicy.works section.comment p b, div.privacypolicy.flow section.comment p b, div.privacypolicy.company section.comment p b, div.privacypolicy.recruit section.comment p b, div.privacypolicy.privacypolicy section.comment p b {
  display: block;
  margin-bottom: 10px;
}
div.top_works.flow, div.top_works.company, div.top_works.recruit, div.top_works.privacypolicy, div.top_company.flow, div.top_company.company, div.top_company.recruit, div.top_company.privacypolicy, div.works.flow, div.works.company, div.works.recruit, div.works.privacypolicy, div.plan.flow, div.plan.company, div.plan.recruit, div.plan.privacypolicy, div.flow.flow, div.flow.company, div.flow.recruit, div.flow.privacypolicy, div.company.flow, div.company.company, div.company.recruit, div.company.privacypolicy, div.recruit.flow, div.recruit.company, div.recruit.recruit, div.recruit.privacypolicy, div.privacypolicy.flow, div.privacypolicy.company, div.privacypolicy.recruit, div.privacypolicy.privacypolicy {
  background: #fff url(../img/bg_item2.jpg) no-repeat center -310px;
  background-size: 100%;
  background-attachment: fixed;
  animation: parallax linear both;
  animation-timeline: view();
}
div.top_works.flow h2.detail span, div.top_works.company h2.detail span, div.top_works.recruit h2.detail span, div.top_works.privacypolicy h2.detail span, div.top_company.flow h2.detail span, div.top_company.company h2.detail span, div.top_company.recruit h2.detail span, div.top_company.privacypolicy h2.detail span, div.works.flow h2.detail span, div.works.company h2.detail span, div.works.recruit h2.detail span, div.works.privacypolicy h2.detail span, div.plan.flow h2.detail span, div.plan.company h2.detail span, div.plan.recruit h2.detail span, div.plan.privacypolicy h2.detail span, div.flow.flow h2.detail span, div.flow.company h2.detail span, div.flow.recruit h2.detail span, div.flow.privacypolicy h2.detail span, div.company.flow h2.detail span, div.company.company h2.detail span, div.company.recruit h2.detail span, div.company.privacypolicy h2.detail span, div.recruit.flow h2.detail span, div.recruit.company h2.detail span, div.recruit.recruit h2.detail span, div.recruit.privacypolicy h2.detail span, div.privacypolicy.flow h2.detail span, div.privacypolicy.company h2.detail span, div.privacypolicy.recruit h2.detail span, div.privacypolicy.privacypolicy h2.detail span {
  background: none;
}
div.top_works.flow h2.detail b, div.top_works.company h2.detail b, div.top_works.recruit h2.detail b, div.top_works.privacypolicy h2.detail b, div.top_company.flow h2.detail b, div.top_company.company h2.detail b, div.top_company.recruit h2.detail b, div.top_company.privacypolicy h2.detail b, div.works.flow h2.detail b, div.works.company h2.detail b, div.works.recruit h2.detail b, div.works.privacypolicy h2.detail b, div.plan.flow h2.detail b, div.plan.company h2.detail b, div.plan.recruit h2.detail b, div.plan.privacypolicy h2.detail b, div.flow.flow h2.detail b, div.flow.company h2.detail b, div.flow.recruit h2.detail b, div.flow.privacypolicy h2.detail b, div.company.flow h2.detail b, div.company.company h2.detail b, div.company.recruit h2.detail b, div.company.privacypolicy h2.detail b, div.recruit.flow h2.detail b, div.recruit.company h2.detail b, div.recruit.recruit h2.detail b, div.recruit.privacypolicy h2.detail b, div.privacypolicy.flow h2.detail b, div.privacypolicy.company h2.detail b, div.privacypolicy.recruit h2.detail b, div.privacypolicy.privacypolicy h2.detail b {
  background: #307437;
  font-size: 10px;
  padding: 0px 20px;
  margin: 22px 0 0 0;
  position: absolute;
  height: 16px;
  color: #fff;
  line-height: 16px;
}
div.top_works.flow h2.detail p, div.top_works.company h2.detail p, div.top_works.recruit h2.detail p, div.top_works.privacypolicy h2.detail p, div.top_company.flow h2.detail p, div.top_company.company h2.detail p, div.top_company.recruit h2.detail p, div.top_company.privacypolicy h2.detail p, div.works.flow h2.detail p, div.works.company h2.detail p, div.works.recruit h2.detail p, div.works.privacypolicy h2.detail p, div.plan.flow h2.detail p, div.plan.company h2.detail p, div.plan.recruit h2.detail p, div.plan.privacypolicy h2.detail p, div.flow.flow h2.detail p, div.flow.company h2.detail p, div.flow.recruit h2.detail p, div.flow.privacypolicy h2.detail p, div.company.flow h2.detail p, div.company.company h2.detail p, div.company.recruit h2.detail p, div.company.privacypolicy h2.detail p, div.recruit.flow h2.detail p, div.recruit.company h2.detail p, div.recruit.recruit h2.detail p, div.recruit.privacypolicy h2.detail p, div.privacypolicy.flow h2.detail p, div.privacypolicy.company h2.detail p, div.privacypolicy.recruit h2.detail p, div.privacypolicy.privacypolicy h2.detail p {
  display: inline-block;
  width: -webkit-fill-available;
  background: url(../img/h2_line.svg) repeat-x center center;
  height: 60px;
  margin: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
div.top_works.flow div.detail img.flow_step, div.top_works.company div.detail img.flow_step, div.top_works.recruit div.detail img.flow_step, div.top_works.privacypolicy div.detail img.flow_step, div.top_company.flow div.detail img.flow_step, div.top_company.company div.detail img.flow_step, div.top_company.recruit div.detail img.flow_step, div.top_company.privacypolicy div.detail img.flow_step, div.works.flow div.detail img.flow_step, div.works.company div.detail img.flow_step, div.works.recruit div.detail img.flow_step, div.works.privacypolicy div.detail img.flow_step, div.plan.flow div.detail img.flow_step, div.plan.company div.detail img.flow_step, div.plan.recruit div.detail img.flow_step, div.plan.privacypolicy div.detail img.flow_step, div.flow.flow div.detail img.flow_step, div.flow.company div.detail img.flow_step, div.flow.recruit div.detail img.flow_step, div.flow.privacypolicy div.detail img.flow_step, div.company.flow div.detail img.flow_step, div.company.company div.detail img.flow_step, div.company.recruit div.detail img.flow_step, div.company.privacypolicy div.detail img.flow_step, div.recruit.flow div.detail img.flow_step, div.recruit.company div.detail img.flow_step, div.recruit.recruit div.detail img.flow_step, div.recruit.privacypolicy div.detail img.flow_step, div.privacypolicy.flow div.detail img.flow_step, div.privacypolicy.company div.detail img.flow_step, div.privacypolicy.recruit div.detail img.flow_step, div.privacypolicy.privacypolicy div.detail img.flow_step {
  margin: 50px 0;
}
div.top_works table.recruit th, div.top_company table.recruit th, div.works table.recruit th, div.plan table.recruit th, div.flow table.recruit th, div.company table.recruit th, div.recruit table.recruit th, div.privacypolicy table.recruit th {
  position: relative;
  width: 20%;
}
div.top_works table.recruit th.required:after, div.top_company table.recruit th.required:after, div.works table.recruit th.required:after, div.plan table.recruit th.required:after, div.flow table.recruit th.required:after, div.company table.recruit th.required:after, div.recruit table.recruit th.required:after, div.privacypolicy table.recruit th.required:after {
  content: '必須';
  color: #fff;
  padding: 0px 15px;
  background-color: #a50205;
  border-radius: 0;
  font-size: 10px;
  line-height: 20px;
  position: absolute;
  top: 27px;
  right: 10px;
}
div.top_works table.recruit td, div.top_company table.recruit td, div.works table.recruit td, div.plan table.recruit td, div.flow table.recruit td, div.company table.recruit td, div.recruit table.recruit td, div.privacypolicy table.recruit td {
  text-align: left;
}
div.top_works table.recruit td p, div.top_company table.recruit td p, div.works table.recruit td p, div.plan table.recruit td p, div.flow table.recruit td p, div.company table.recruit td p, div.recruit table.recruit td p, div.privacypolicy table.recruit td p {
  display: none;
}
div.top_works table.recruit td input[type=text], div.top_works table.recruit td textarea, div.top_company table.recruit td input[type=text], div.top_company table.recruit td textarea, div.works table.recruit td input[type=text], div.works table.recruit td textarea, div.plan table.recruit td input[type=text], div.plan table.recruit td textarea, div.flow table.recruit td input[type=text], div.flow table.recruit td textarea, div.company table.recruit td input[type=text], div.company table.recruit td textarea, div.recruit table.recruit td input[type=text], div.recruit table.recruit td textarea, div.privacypolicy table.recruit td input[type=text], div.privacypolicy table.recruit td textarea {
  font-size: 14px;
  padding: 5px;
  width: 70%;
}
div.top_works .privacy div, div.top_works .privacy ol, div.top_company .privacy div, div.top_company .privacy ol, div.works .privacy div, div.works .privacy ol, div.plan .privacy div, div.plan .privacy ol, div.flow .privacy div, div.flow .privacy ol, div.company .privacy div, div.company .privacy ol, div.recruit .privacy div, div.recruit .privacy ol, div.privacypolicy .privacy div, div.privacypolicy .privacy ol {
  width: 100%;
  background: none;
  padding: 30px 50px 50px 50px;
  font-size: 14px;
  margin: 0;
}
div.top_works .privacy div li, div.top_works .privacy ol li, div.top_company .privacy div li, div.top_company .privacy ol li, div.works .privacy div li, div.works .privacy ol li, div.plan .privacy div li, div.plan .privacy ol li, div.flow .privacy div li, div.flow .privacy ol li, div.company .privacy div li, div.company .privacy ol li, div.recruit .privacy div li, div.recruit .privacy ol li, div.privacypolicy .privacy div li, div.privacypolicy .privacy ol li {
  list-style: decimal;
}
div.top_works .privacy ol, div.top_company .privacy ol, div.works .privacy ol, div.plan .privacy ol, div.flow .privacy ol, div.company .privacy ol, div.recruit .privacy ol, div.privacypolicy .privacy ol {
  padding: 10px 20px;
}
div.top_works .privacy a, div.top_company .privacy a, div.works .privacy a, div.plan .privacy a, div.flow .privacy a, div.company .privacy a, div.recruit .privacy a, div.privacypolicy .privacy a {
  background: none;
  width: inherit;
  margin: 10px 0 0 0;
  padding: 0 10px 0 0;
  text-align: left;
  font-size: 18px;
  height: inherit;
  opacity: 1;
  position: relative;
  box-shadow: inherit;
  float: none;
  display: inline-block;
  color: #307437;
}
div.plan {
  width: 100%;
  background: #faf9f8 url(../img/bg_item.jpg) no-repeat center 240px;
  background-size: 100%;
  background-attachment: fixed;
  animation: parallax linear both;
  animation-timeline: view();
}
div.plan p.info {
  line-height: 200%;
}
div.plan div.external {
  width: 100%;
  background: #fff;
  height: auto;
  margin: 50px 0;
}
div.plan div.external section {
  width: 1100px;
  margin: 0 auto;
  padding: 50px 0;
}
div.plan div.external section h3 {
  text-align: center;
  color: #307437;
}
div.plan div.external section p.detail {
  background: url(../img/h2_line.svg) repeat-x center center;
  height: 60px;
  margin: 20px auto 0;
}
div.plan div.external section p.detail b {
  background: #307437;
  font-size: 10px;
  padding: 0px 20px;
  margin: 22px 0 0 0;
  position: absolute;
  height: 16px;
  color: #fff;
  line-height: 16px;
}
div.plan div.external section div {
  display: flex;
  justify-content: space-between;
}
div.plan section h2 {
  background: url(../img/h2_line.svg) repeat-x center center;
}
div.plan section h2.detail {
  margin-bottom: 20px;
}
div.plan section h2.detail span {
  background: #307437;
  text-align: center;
  padding: 4px 30px;
  color: #fff;
}
div.plan section div .hover figure figcaption .txt_box > p {
  width: 300px;
  text-align: left;
  position: absolute;
  left: 20px;
  top: 25px;
  transform: translate(0, -50%);
  z-index: 10;
  margin: 0 auto;
}
div.flow section h3 {
  margin-bottom: 20px;
}
div.flow section section div {
  width: 100%;
  margin: 0;
  display: flex;
  justify-content: space-between;
  position: relative;
  overflow: visible;
}
div.flow section section div p.img {
  width: 30%;
}
div.flow section section div p.img img {
  width: 100%;
}
div.flow section section div p.img img.step2 {
  width: 105%;
  margin: 0 0 0 -30px;
}
div.flow section section div p.img img.step3 {
  width: 90%;
  margin: 50px 0;
}
div.flow section section div p.text, div.flow section section div p.item {
  width: 70%;
  line-height: 200%;
  position: absolute;
  top: 50%;
  left: 70%;
  transform: translateX(-50%) translateY(-50%);
}
div.flow section section div p.text img, div.flow section section div p.item img {
  width: 100%;
}
div.flow section section div p.text img.step3, div.flow section section div p.item img.step3 {
  width: 90%;
  margin: 50px 0;
}
div.flow section section div p.item {
  top: 60%;
}
div.flow section section a {
  width: 200px;
  height: 40px;
  box-shadow: none;
  margin: -60px 0 0px;
  display: block;
  text-align: center;
  float: right;
  position: relative;
  z-index: 2;
}
div.flow section section a.apply {
  background: url(../img/bt_next.svg) no-repeat center center;
  text-align: center;
  padding: 6px 20px 0px 0;
}
div.flow section section a:hover {
  opacity: 0.5;
}
div.flow section section table {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
div.flow section section table td {
  width: 33.33333%;
  text-align: center;
}
div.flow section section table td img {
  width: 100%;
  margin: 10px 0;
}
div.flow section.step3 {
  margin: 0 0 100px 0;
}
div.company, div.recruit {
  background: none;
}
div.company div, div.recruit div {
  width: 100vw;
  background: #f4f0e8;
  padding: 100px;
  position: relative;
  margin-bottom: 50px;
}
div.company div h1, div.recruit div h1 {
  margin: 0 0 50px 0;
}
div.company div p, div.recruit div p {
  line-height: 200%;
  font-size: 14px;
}
div.company div p br.sp, div.recruit div p br.sp {
  display: block;
}
div.company div figure, div.recruit div figure {
  position: absolute;
  top: 120px;
  left: 60%;
}
div.company div figure img, div.recruit div figure img {
  margin-bottom: 10px;
}
div.company div.tel, div.recruit div.tel {
  padding: 50px;
}
div.company div.tel h1, div.recruit div.tel h1 {
  margin: 0 0 10px 0;
}
div.company div.tel a, div.recruit div.tel a {
  background: none;
  width: inherit;
  margin: 0;
  padding: 0 10px 0 0;
  text-align: left;
  font-size: 32px;
  height: inherit;
  opacity: 1;
  position: relative;
  box-shadow: inherit;
  float: none;
  display: inline-block;
  color: #307437;
}
div.company table, div.recruit table {
  width: 1100px;
  margin: 50px auto;
  font-size: 14px;
}
div.company table th, div.company table td, div.recruit table th, div.recruit table td {
  width: 50%;
  border-bottom: 1px solid #999;
  padding: 20px 10px;
}
div.company table td, div.recruit table td {
  text-align: right;
}
div.company table th, div.recruit table th {
  text-align: left;
}
div.company .guidelines, div.recruit .guidelines {
  width: 100%;
  background: #faf9f8;
  padding: 50px;
  position: relative;
  overflow: visible;
}
div.company .guidelines section, div.recruit .guidelines section {
  width: 1100px;
  margin: 0 auto;
}
div.company .guidelines section h2, div.recruit .guidelines section h2 {
  width: 100vw;
  margin-bottom: 50px;
}
div.company .guidelines section h2.detail span, div.recruit .guidelines section h2.detail span {
  background: #faf9f8;
}
div.company .guidelines section p, div.recruit .guidelines section p {
  padding: 0 0 0 50px;
}
div.company .guidelines p.item, div.recruit .guidelines p.item {
  position: absolute;
  bottom: -54px;
  right: 20%;
}
div.company .guidelines p.item img, div.recruit .guidelines p.item img {
  width: 300px;
}
div.company h2, div.recruit h2 {
  overflow: hidden;
}
div.company p, div.recruit p {
  margin-bottom: 50px;
}
div.company p.consent, div.recruit p.consent {
  text-align: center;
}
div.company p.consent a, div.recruit p.consent a {
  background: none;
  width: inherit;
  margin: 0;
  padding: 0 10px 0 0;
  text-align: left;
  font-size: inherit;
  height: inherit;
  opacity: 1;
  font-weight: bold;
  position: relative;
  box-shadow: inherit;
  float: none;
  display: inline-block;
  color: #307437;
}
div.company a, div.recruit a {
  width: 200px;
  height: 40px;
  box-shadow: none;
  margin: 10px 0 100px;
  display: block;
  text-align: center;
  float: right;
}
div.company a.apply, div.recruit a.apply {
  background: url(../img/bt_next.svg) no-repeat center center;
  text-align: center;
  padding: 6px 20px 0px 0;
}
div.company a:hover, div.recruit a:hover {
  opacity: 0.5;
}
div.company button.btn, div.recruit button.btn {
  display: block;
  overflow: hidden;
  width: 200px;
  margin: 50px auto;
  padding: 10px;
  text-align: center;
  border: 1px solid #999;
  background: none;
  border-radius: 0;
}
div.company button.btn:hover, div.recruit button.btn:hover {
  opacity: 0.5;
}
@keyframes parallax {
  from {
    background-position: center -100px;
  }
  to {
    background-position: center 200px;
  }
}
footer {
  background: #efede8;
  width: 100%;
  min-width: 1100px;
}
footer div.footer_info {
  width: 1100px;
  min-width: 1100px;
  margin: 0 auto;
  padding: 50px 0;
  display: flex;
  justify-content: center;
}
footer div.footer_info div {
  width: 50%;
  min-width: initial;
}
footer div.footer_info a {
  display: block;
  width: 200px;
  margin: 0 auto 20px;
}
footer div.footer_info h3 {
  text-align: center;
}
footer div table {
  border-left: 1px solid #999;
  font-size: 14px;
  line-height: 200%;
  margin: 100px 0 0 0;
}
footer div table th, footer div table td {
  display: inline;
}
footer div table th br, footer div table td br {
  display: none;
}
footer div table th {
  padding: 0 0 0 50px;
}
footer div.footer_groop {
  width: 100%;
  background: #000;
  padding: 10px 0;
  min-width: 1100px;
}
footer div.footer_groop div.footer_item div {
  min-width: initial;
}
footer div.footer_groop div.footer_item div.groop_item {
  width: 800px;
  color: #fff;
  float: left;
  margin: 0 0 0 20px;
}
footer div.footer_groop div.footer_item div.groop_item section {
  display: flex;
  justify-content: flex-start;
}
footer div.footer_groop div.footer_item div.groop_item section a {
  border-left: 1px solid #999;
  margin: 0 0 0 20px;
  padding: 0 0 0 20px;
}
footer div.footer_groop div.footer_item div.groop_item section a img {
  height: 30px;
}
footer div.footer_groop div.footer_item div.sns_item {
  float: right;
  width: 300px;
  text-align: right;
  margin: 0 10px 0 0;
}
footer div.footer_groop div.footer_item div.sns_item a {
  margin: 0 10px 0 0;
}
footer div.footer_groop div.footer_item div.sns_item a img {
  height: 30px;
}
footer nav {
  border-top: 1px solid #999;
  padding: 20px 0;
  text-align: center;
  font-size: 12px;
}
footer nav a {
  margin: 0 20px;
}

@media (max-width: 1000px) {
  header {
    background: #c1c0be;
    min-width: 800px;
    height: 800px;
    min-height: 800px;
    overflow: hidden;
  }
  header section {
    width: 100%;
    min-width: 800px;
    overflow: hidden;
    position: absolute;
    top: 0;
    height: 80px;
    background: rgba(0, 0, 0, 0.7);
  }
  header section h1 {
    float: left;
    width: 140px;
    margin: 0px 20px;
    line-height: 60px;
  }
  header section h1 img {
    width: 100%;
  }
  header section nav {
    float: right;
  }
  header section nav a {
    width: auto;
    display: inline-block;
    line-height: 20px;
    font-size: 14px;
    margin: 0 30px 0 0;
    padding: 20px 0 0 0;
    overflow: hidden;
    color: #fff !important;
    text-align: center;
  }
  header section nav a span {
    display: block;
    font-size: 10px;
  }
  header.works, header.plan, header.flow, header.company, header.recruit, header.privacypolicy {
    height: 250px;
    min-height: 250px;
    background: url(../img/works_bg.jpg) no-repeat center center;
    background-size: cover;
  }
  header.works h2, header.plan h2, header.flow h2, header.company h2, header.recruit h2, header.privacypolicy h2 {
    width: 800px;
    position: absolute;
    color: #fff;
    top: 160px;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  header.works h2 span, header.plan h2 span, header.flow h2 span, header.company h2 span, header.recruit h2 span, header.privacypolicy h2 span {
    position: absolute;
    font-size: 12px;
    margin: 0 0 0 20px;
  }
  header.plan {
    background: url(../img/page-title-plan.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
  }
  header.flow {
    background: url(../img/flow_bg.jpg) no-repeat center center;
    background-size: cover;
  }
  header.company {
    background: url(../img/company_bg.jpg) no-repeat center center;
    background-size: cover;
  }
  header.recruit {
    background: url(../img/company_bg.jpg) no-repeat center center;
    background-size: cover;
  }

  main {
    width: 100%;
    position: absolute;
    top: 300px;
    color: #fff;
  }
  main h2 {
    text-align: center;
    font-size: 28px;
    line-height: 36px;
  }
  main div {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 50px 0;
  }
  main div a {
    color: #fff !important;
    text-align: center;
    margin: 0 20px;
    width: 200px;
    height: 120px;
    font-size: 12px;
    line-height: 20px;
    padding: 12px 0 0 0;
  }
  main div a:first-child {
    padding: 22px 0 0 0;
  }
  main div a.bg1 {
    background: url(../img/bt_item01.svg) no-repeat center top;
  }
  main div a.bg2 {
    background: url(../img/bt_item02.svg) no-repeat center top;
  }
  main p {
    text-align: center;
  }

  div {
    overflow: hidden;
    min-width: 100%;
  }
  div h2 {
    height: 60px;
    min-width: 800px;
  }
  div h2 span {
    line-height: 60px;
    background: #f4f0e8;
    padding: 0 50px 0 0;
  }
  div.top_works, div.top_company, div.works, div.plan, div.flow, div.company, div.recruit, div.privacypolicy {
    width: 100%;
    min-width: 800px;
    padding: 50px 0;
    background: #f4f0e8;
  }
  div.top_works section, div.top_company section, div.works section, div.plan section, div.flow section, div.company section, div.recruit section, div.privacypolicy section {
    width: 800px;
    margin: 0 auto;
  }
  div.top_works section h2, div.top_company section h2, div.works section h2, div.plan section h2, div.flow section h2, div.company section h2, div.recruit section h2, div.privacypolicy section h2 {
    width: 100vw;
  }
  div.top_works section div.list, div.top_company section div.list, div.works section div.list, div.plan section div.list, div.flow section div.list, div.company section div.list, div.recruit section div.list, div.privacypolicy section div.list {
    margin: 50px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  div.top_works section div.list:after, div.top_company section div.list:after, div.works section div.list:after, div.plan section div.list:after, div.flow section div.list:after, div.company section div.list:after, div.recruit section div.list:after, div.privacypolicy section div.list:after {
    display: block;
    content: "";
    width: 30%;
  }
  div.top_works section div a, div.top_company section div a, div.works section div a, div.plan section div a, div.flow section div a, div.company section div a, div.recruit section div a, div.privacypolicy section div a {
    width: 32%;
    height: auto;
    margin: 0 15px 35px 0;
    opacity: 1;
    background: #000;
    font-size: 12px;
    position: relative;
    box-shadow: 10px 10px 0 6px #DBD6CB;
  }
  div.top_works section div a span, div.top_company section div a span, div.works section div a span, div.plan section div a span, div.flow section div a span, div.company section div a span, div.recruit section div a span, div.privacypolicy section div a span {
    border: 1px solid #fff;
    padding: 2px 5px;
    margin: 0 5px 0 0;
  }
  div.top_works section div a.sp, div.top_company section div a.sp, div.works section div a.sp, div.plan section div a.sp, div.flow section div a.sp, div.company section div a.sp, div.recruit section div a.sp, div.privacypolicy section div a.sp {
    display: none;
  }
  div.top_works section div figure, div.top_works section div p, div.top_company section div figure, div.top_company section div p, div.works section div figure, div.works section div p, div.plan section div figure, div.plan section div p, div.flow section div figure, div.flow section div p, div.company section div figure, div.company section div p, div.recruit section div figure, div.recruit section div p, div.privacypolicy section div figure, div.privacypolicy section div p {
    /* リセット用（場合によっては不要） */
    margin: 0;
  }
  div.top_works section div .image_box, div.top_company section div .image_box, div.works section div .image_box, div.plan section div .image_box, div.flow section div .image_box, div.company section div .image_box, div.recruit section div .image_box, div.privacypolicy section div .image_box {
    width: 30%;
    display: block;
    height: auto;
  }
  div.top_works section div .hover, div.top_company section div .hover, div.works section div .hover, div.plan section div .hover, div.flow section div .hover, div.company section div .hover, div.recruit section div .hover, div.privacypolicy section div .hover {
    position: relative;
  }
  div.top_works section div .hover figure, div.top_company section div .hover figure, div.works section div .hover figure, div.plan section div .hover figure, div.flow section div .hover figure, div.company section div .hover figure, div.recruit section div .hover figure, div.privacypolicy section div .hover figure {
    overflow: hidden;
  }
  div.top_works section div .hover figure img, div.top_company section div .hover figure img, div.works section div .hover figure img, div.plan section div .hover figure img, div.flow section div .hover figure img, div.company section div .hover figure img, div.recruit section div .hover figure img, div.privacypolicy section div .hover figure img {
    display: block;
    width: 100%;
    height: auto;
    transition: .3s;
    object-fit: cover;
    aspect-ratio: 1 / 1;
  }
  div.top_works section div .hover figure figcaption, div.top_company section div .hover figure figcaption, div.works section div .hover figure figcaption, div.plan section div .hover figure figcaption, div.flow section div .hover figure figcaption, div.company section div .hover figure figcaption, div.recruit section div .hover figure figcaption, div.privacypolicy section div .hover figure figcaption {
    opacity: 0;
    transition: .3s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
  }
  div.top_works section div .hover figure figcaption .txt_box, div.top_company section div .hover figure figcaption .txt_box, div.works section div .hover figure figcaption .txt_box, div.plan section div .hover figure figcaption .txt_box, div.flow section div .hover figure figcaption .txt_box, div.company section div .hover figure figcaption .txt_box, div.recruit section div .hover figure figcaption .txt_box, div.privacypolicy section div .hover figure figcaption .txt_box {
    position: relative;
    width: 100%;
    height: 100%;
  }
  div.top_works section div .hover figure figcaption .txt_box > p, div.top_company section div .hover figure figcaption .txt_box > p, div.works section div .hover figure figcaption .txt_box > p, div.plan section div .hover figure figcaption .txt_box > p, div.flow section div .hover figure figcaption .txt_box > p, div.company section div .hover figure figcaption .txt_box > p, div.recruit section div .hover figure figcaption .txt_box > p, div.privacypolicy section div .hover figure figcaption .txt_box > p {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 10;
    margin: 0 auto;
  }
  div.top_works section div .hover:hover figure, div.top_company section div .hover:hover figure, div.works section div .hover:hover figure, div.plan section div .hover:hover figure, div.flow section div .hover:hover figure, div.company section div .hover:hover figure, div.recruit section div .hover:hover figure, div.privacypolicy section div .hover:hover figure {
    background: #000;
  }
  div.top_works section div .hover:hover figure img, div.top_company section div .hover:hover figure img, div.works section div .hover:hover figure img, div.plan section div .hover:hover figure img, div.flow section div .hover:hover figure img, div.company section div .hover:hover figure img, div.recruit section div .hover:hover figure img, div.privacypolicy section div .hover:hover figure img {
    display: block;
    filter: blur(3px);
    opacity: 0.5;
  }
  div.top_works section div .hover:hover figure figcaption, div.top_company section div .hover:hover figure figcaption, div.works section div .hover:hover figure figcaption, div.plan section div .hover:hover figure figcaption, div.flow section div .hover:hover figure figcaption, div.company section div .hover:hover figure figcaption, div.recruit section div .hover:hover figure figcaption, div.privacypolicy section div .hover:hover figure figcaption {
    opacity: 1 !important;
  }
  div.top_works.top_company, div.top_company.top_company, div.works.top_company, div.plan.top_company, div.flow.top_company, div.company.top_company, div.recruit.top_company, div.privacypolicy.top_company {
    background: #333;
    color: #fff !important;
  }
  div.top_works.top_company h2, div.top_company.top_company h2, div.works.top_company h2, div.plan.top_company h2, div.flow.top_company h2, div.company.top_company h2, div.recruit.top_company h2, div.privacypolicy.top_company h2 {
    background: url(../img/h2_line.svg) repeat-x center center;
  }
  div.top_works.top_company h2 span, div.top_company.top_company h2 span, div.works.top_company h2 span, div.plan.top_company h2 span, div.flow.top_company h2 span, div.company.top_company h2 span, div.recruit.top_company h2 span, div.privacypolicy.top_company h2 span {
    background: #333;
    color: #fff;
  }
  div.top_works.top_company div, div.top_company.top_company div, div.works.top_company div, div.plan.top_company div, div.flow.top_company div, div.company.top_company div, div.recruit.top_company div, div.privacypolicy.top_company div {
    width: 100%;
    height: 500px;
  }
  div.top_works.top_company div.map, div.top_company.top_company div.map, div.works.top_company div.map, div.plan.top_company div.map, div.flow.top_company div.map, div.company.top_company div.map, div.recruit.top_company div.map, div.privacypolicy.top_company div.map {
    position: relative;
    background: url(../img/map.svg) no-repeat center center;
  }
  div.top_works.top_company div.map a.bt, div.top_company.top_company div.map a.bt, div.works.top_company div.map a.bt, div.plan.top_company div.map a.bt, div.flow.top_company div.map a.bt, div.company.top_company div.map a.bt, div.recruit.top_company div.map a.bt, div.privacypolicy.top_company div.map a.bt {
    display: block;
    width: 50px;
    height: auto;
    background: none;
    margin: 0 auto;
    top: 435px;
    position: absolute;
    left: 240px;
    right: 0;
  }
  div.top_works.top_company div.map a.bt img, div.top_company.top_company div.map a.bt img, div.works.top_company div.map a.bt img, div.plan.top_company div.map a.bt img, div.flow.top_company div.map a.bt img, div.company.top_company div.map a.bt img, div.recruit.top_company div.map a.bt img, div.privacypolicy.top_company div.map a.bt img {
    width: 100%;
  }
  div.top_works.top_company div.map a:hover img, div.top_company.top_company div.map a:hover img, div.works.top_company div.map a:hover img, div.plan.top_company div.map a:hover img, div.flow.top_company div.map a:hover img, div.company.top_company div.map a:hover img, div.recruit.top_company div.map a:hover img, div.privacypolicy.top_company div.map a:hover img {
    opacity: 0.5;
  }
  div.top_works.top_company table, div.top_company.top_company table, div.works.top_company table, div.plan.top_company table, div.flow.top_company table, div.company.top_company table, div.recruit.top_company table, div.privacypolicy.top_company table {
    width: 800px;
    margin: 50px auto;
    color: #fff;
    font-size: 14px;
  }
  div.top_works.top_company table th, div.top_works.top_company table td, div.top_company.top_company table th, div.top_company.top_company table td, div.works.top_company table th, div.works.top_company table td, div.plan.top_company table th, div.plan.top_company table td, div.flow.top_company table th, div.flow.top_company table td, div.company.top_company table th, div.company.top_company table td, div.recruit.top_company table th, div.recruit.top_company table td, div.privacypolicy.top_company table th, div.privacypolicy.top_company table td {
    width: 50%;
    border-bottom: 1px solid #999;
    padding: 20px 10px;
  }
  div.top_works.top_company table td, div.top_company.top_company table td, div.works.top_company table td, div.plan.top_company table td, div.flow.top_company table td, div.company.top_company table td, div.recruit.top_company table td, div.privacypolicy.top_company table td {
    text-align: right;
  }
  div.top_works.top_company table th, div.top_company.top_company table th, div.works.top_company table th, div.plan.top_company table th, div.flow.top_company table th, div.company.top_company table th, div.recruit.top_company table th, div.privacypolicy.top_company table th {
    text-align: left;
  }
  div.top_works P.bt a, div.top_company P.bt a, div.works P.bt a, div.plan P.bt a, div.flow P.bt a, div.company P.bt a, div.recruit P.bt a, div.privacypolicy P.bt a {
    display: block;
    overflow: hidden;
    width: 200px;
    margin: 70px auto 50px;
    padding: 10px;
    text-align: center;
    border: 1px solid #999;
  }
  div.top_works.works, div.top_company.works, div.works.works, div.plan.works, div.flow.works, div.company.works, div.recruit.works, div.privacypolicy.works {
    background: #faf9f8 url(../img/bg_item.jpg) no-repeat center -10px;
    background-size: 100%;
  }
  div.top_works.works h2.detail span, div.top_company.works h2.detail span, div.works.works h2.detail span, div.plan.works h2.detail span, div.flow.works h2.detail span, div.company.works h2.detail span, div.recruit.works h2.detail span, div.privacypolicy.works h2.detail span {
    background: none;
  }
  div.top_works.works h2.detail b, div.top_company.works h2.detail b, div.works.works h2.detail b, div.plan.works h2.detail b, div.flow.works h2.detail b, div.company.works h2.detail b, div.recruit.works h2.detail b, div.privacypolicy.works h2.detail b {
    background: #307437;
    font-size: 10px;
    padding: 0px 20px;
    margin: 22px 0 0 0;
    position: absolute;
    height: 16px;
    color: #fff;
    line-height: 16px;
  }
  div.top_works.works div, div.top_company.works div, div.works.works div, div.plan.works div, div.flow.works div, div.company.works div, div.recruit.works div, div.privacypolicy.works div {
    margin: 0 0 50px 0;
  }
  div.top_works.works div.bt_area, div.top_company.works div.bt_area, div.works.works div.bt_area, div.plan.works div.bt_area, div.flow.works div.bt_area, div.company.works div.bt_area, div.recruit.works div.bt_area, div.privacypolicy.works div.bt_area {
    display: flex;
    justify-content: space-between;
    margin: 50px 0 0 0;
  }
  div.top_works.works div.bt_area a, div.top_company.works div.bt_area a, div.works.works div.bt_area a, div.plan.works div.bt_area a, div.flow.works div.bt_area a, div.company.works div.bt_area a, div.recruit.works div.bt_area a, div.privacypolicy.works div.bt_area a {
    width: 200px;
    height: 40px;
    box-shadow: none;
    margin: 0;
  }
  div.top_works.works div.bt_area a.bt_prev, div.top_company.works div.bt_area a.bt_prev, div.works.works div.bt_area a.bt_prev, div.plan.works div.bt_area a.bt_prev, div.flow.works div.bt_area a.bt_prev, div.company.works div.bt_area a.bt_prev, div.recruit.works div.bt_area a.bt_prev, div.privacypolicy.works div.bt_area a.bt_prev {
    background: url(../img/bt_prev.svg) no-repeat center center;
    text-align: center;
    padding: 6px 0px 0px 18px;
  }
  div.top_works.works div.bt_area a.bt_list, div.top_company.works div.bt_area a.bt_list, div.works.works div.bt_area a.bt_list, div.plan.works div.bt_area a.bt_list, div.flow.works div.bt_area a.bt_list, div.company.works div.bt_area a.bt_list, div.recruit.works div.bt_area a.bt_list, div.privacypolicy.works div.bt_area a.bt_list {
    background: url(../img/bt_list.svg) no-repeat center center;
    text-align: center;
    padding: 6px 0 0 0;
  }
  div.top_works.works div.bt_area a.bt_next, div.top_company.works div.bt_area a.bt_next, div.works.works div.bt_area a.bt_next, div.plan.works div.bt_area a.bt_next, div.flow.works div.bt_area a.bt_next, div.company.works div.bt_area a.bt_next, div.recruit.works div.bt_area a.bt_next, div.privacypolicy.works div.bt_area a.bt_next {
    background: url(../img/bt_next.svg) no-repeat center center;
    text-align: center;
    padding: 6px 18px 0 0;
  }
  div.top_works.works div.bt_area a:hover, div.top_company.works div.bt_area a:hover, div.works.works div.bt_area a:hover, div.plan.works div.bt_area a:hover, div.flow.works div.bt_area a:hover, div.company.works div.bt_area a:hover, div.recruit.works div.bt_area a:hover, div.privacypolicy.works div.bt_area a:hover {
    opacity: 0.5;
  }
  div.top_works.works section.comment h3, div.top_company.works section.comment h3, div.works.works section.comment h3, div.plan.works section.comment h3, div.flow.works section.comment h3, div.company.works section.comment h3, div.recruit.works section.comment h3, div.privacypolicy.works section.comment h3 {
    border-bottom: 1px solid #999;
    padding: 20px;
  }
  div.top_works.works section.comment p, div.top_company.works section.comment p, div.works.works section.comment p, div.plan.works section.comment p, div.flow.works section.comment p, div.company.works section.comment p, div.recruit.works section.comment p, div.privacypolicy.works section.comment p {
    padding: 20px;
  }
  div.plan {
    width: 100%;
    background: #faf9f8 url(../img/bg_item.jpg) no-repeat center 240px;
    background-size: 100%;
    animation: parallax linear both;
    animation-timeline: view();
  }
  div.plan p.info {
    line-height: 200%;
  }
  div.plan div.external {
    width: 800px;
    background: #fff;
    height: auto;
    margin: 50px 0;
  }
  div.plan div.external section {
    width: 800px;
    margin: 0 auto;
    padding: 50px 0;
  }
  div.plan div.external section h3 {
    text-align: center;
    color: #307437;
  }
  div.plan div.external section p.detail {
    background: url(../img/h2_line.svg) repeat-x center center;
    height: 60px;
    margin: 20px auto 0;
  }
  div.plan div.external section p.detail b {
    background: #307437;
    font-size: 10px;
    padding: 0px 20px;
    margin: 22px 0 0 0;
    position: absolute;
    height: 16px;
    color: #fff;
    line-height: 16px;
  }
  div.plan div.external section div {
    display: flex;
    justify-content: space-between;
  }
  div.plan div.external section div img {
    width: 48%;
  }
  div.plan section h2.detail {
    margin-bottom: 20px;
  }
  div.plan section h2.detail span {
    background: #307437;
    text-align: center;
    padding: 4px 30px;
    color: #fff;
  }
  div.plan section div .hover figure figcaption .txt_box > p {
    width: 300px;
    text-align: left;
    position: absolute;
    left: 20px;
    top: 25px;
    transform: translate(0, -50%);
    z-index: 10;
    margin: 0 auto;
  }
  div.plan section div .hover figure figcaption .txt_box b br {
    display: none;
  }
  div.company section table, div.recruit section table {
    width: 100%;
  }

  footer {
    background: #efede8;
    width: 100%;
    min-width: 800px;
  }
  footer div.footer_info {
    width: 800px;
    min-width: 800px;
    margin: 0 auto;
    padding: 50px 0;
    display: flex;
    justify-content: center;
  }
  footer div.footer_info div {
    width: 50%;
    min-width: initial;
  }
  footer div.footer_info a {
    display: block;
    width: 150px;
    margin: 0 auto 20px;
  }
  footer div.footer_info h3 {
    text-align: center;
    font-size: 16px;
  }
  footer div table {
    border-left: none;
    font-size: 12px;
    line-height: 200%;
    margin: 40px auto;
    width: 80%;
  }
  footer div table th, footer div table td {
    display: block;
  }
  footer div table th br, footer div table td br {
    display: block;
  }
  footer div table th {
    font-weight: bold;
    padding: 0;
    text-align: left;
  }
  footer div table td {
    padding-bottom: 10px;
  }
  footer div.footer_groop {
    width: 100%;
    background: #000;
    padding: 10px 0;
    min-width: 800px;
  }
  footer div.footer_groop div.footer_item div {
    min-width: initial;
  }
  footer div.footer_groop div.footer_item div.groop_item {
    width: 600px;
    color: #fff;
    float: left;
    margin: 0 0 0 20px;
  }
  footer div.footer_groop div.footer_item div.groop_item h3 {
    font-size: 14px;
  }
  footer div.footer_groop div.footer_item div.groop_item section {
    display: flex;
    justify-content: flex-start;
  }
  footer div.footer_groop div.footer_item div.groop_item section a {
    border-left: 1px solid #999;
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
  }
  footer div.footer_groop div.footer_item div.groop_item section a img {
    height: 30px;
  }
  footer div.footer_groop div.footer_item div.sns_item {
    float: right;
    width: 200px;
    text-align: right;
    margin: 0 10px 0 0;
  }
  footer div.footer_groop div.footer_item div.sns_item a {
    margin: 0 10px 0 0;
  }
  footer div.footer_groop div.footer_item div.sns_item a img {
    height: 30px;
  }
  footer nav {
    border-top: 1px solid #999;
    padding: 20px 0;
    text-align: center;
    font-size: 12px;
  }
  footer nav a {
    margin: 0 20px;
  }
}
.sp_menu, .sns {
  display: none;
}

.grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
  font-size: 12px;
}
.grid div {
  border-left: 1px solid #ccc;
  padding: 10px 20px;
}
.grid div p {
  font-size: 16px;
  margin-bottom: 20px;
}

.footer {
  width: 1000px;
  margin: 0 auto;
  padding: 120px 0 0 0;
}

.footer__navi-heading {
  font-weight: 600;
}

.footer__logo {
  display: inline-block;
  margin-top: 50px;
}

.footer__navi li {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .md-flex {
    display: flex;
  }

  .md-justify-between {
    justify-content: space-between;
  }

  .grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 650px) {
  .for-sp {
    display: none;
  }
}
/* ======= Smart Phone ======= */
@media screen and (max-width: 650px) {
  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  p.catch {
    padding: 20px;
    font-size: 18px;
    line-height: 150%;
  }

  /* ======= Header ======= */
  header {
    background: #c1c0be;
    min-width: 100%;
    height: 700px;
    min-height: 700px;
    overflow: hidden;
  }
  header section {
    width: 100%;
    min-width: 100%;
    overflow: visible;
    position: absolute;
    top: 0;
    height: 60px;
    background: rgba(0, 0, 0, 0.7);
    z-index: 2;
    padding: 10px 0;
  }
  header section .spmenu_btn {
    display: block;
  }
  header section h1 {
    float: left;
    width: 120px;
    margin: 0px 20px;
    line-height: normal;
  }
  header section h1 img {
    width: 100%;
  }
  header section nav {
    float: none;
    display: none;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    top: 61px;
    position: absolute;
  }
  header section nav a {
    width: 100%;
    display: block;
    line-height: 20px;
    font-size: 16px;
    margin: 0 50px 0 0;
    padding: 20px 0;
    overflow: hidden;
    color: #fff !important;
    text-align: center;
    border-bottom: 1px solid #333;
  }
  header section nav a span {
    display: block;
    font-size: 10px;
  }
  header.works, header.plan, header.flow, header.company, header.recruit, header.privacypolicy {
    height: 140px;
    min-height: 140px;
    background: url(../img/works_bg_sp.jpg) no-repeat center center;
    background-size: cover;
    overflow: visible;
  }
  header.works h2, header.plan h2, header.flow h2, header.company h2, header.recruit h2, header.privacypolicy h2 {
    width: 100%;
    position: inherit;
    color: #fff;
    margin: 0 auto;
    padding: 88px 0 0 20px;
  }
  header.works h2 span, header.plan h2 span, header.flow h2 span, header.company h2 span, header.recruit h2 span, header.privacypolicy h2 span {
    position: absolute;
    font-size: 12px;
    margin: 0 0 0 20px;
  }
  header.plan, header.flow, header.company, header.recruit, header.privacypolicy {
    height: 140px;
    min-height: 140px;
    background: url(../img/page-title-plan.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
  }
  header.plan h2, header.flow h2, header.company h2, header.recruit h2, header.privacypolicy h2 {
    width: 100%;
    position: inherit;
    color: #fff;
    margin: 0 auto;
    padding: 0 0 0 20px;
    left: 0;
    right: 0;
    z-index: 1;
    top: 88px;
  }
  header.plan h2 span, header.flow h2 span, header.company h2 span, header.recruit h2 span, header.privacypolicy h2 span {
    position: absolute;
    font-size: 12px;
    margin: 0 0 0 20px;
  }
  header.plan:after, header.flow:after {
    content: '';
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
  }
  header.flow {
    background: url(../img/flow_bg.jpg) no-repeat center center;
    background-size: cover;
  }
  header.company {
    background: url(../img/company_bg.jpg) no-repeat center center;
    background-size: cover;
  }
  header.recruit {
    background: url(../img/company_bg.jpg) no-repeat center center;
    background-size: cover;
  }
  header nav div ul, header nav div form, header nav div .menu_bt {
    display: none;
  }
  header nav p {
    display: none;
    background: rgba(255, 255, 255, 0.8);
    padding: 30px 0 0 0;
    text-align: center;
  }
  header nav p a {
    display: block;
    border-bottom: 1px solid #ccc;
  }
  header div #mainvisual img {
    width: 100%;
  }
  header main {
    top: 250px;
  }
  header main h2 {
    font-size: 20px;
  }
  header main div {
    display: none;
  }
  header main p {
    background: url(../img/sp_toplogo.svg) no-repeat center center;
    background-size: 60%;
    font-size: 15px;
    padding: 80px 0 0px 0px;
    margin: -20px 0 0 0;
  }

  div {
    min-width: 100%;
  }
  div h2 {
    min-width: 100%;
  }
  div h2 span {
    padding: 0 20px 0 0;
  }
  div.top_works, div.top_company, div.works, div.plan, div.flow, div.company, div.recruit, div.privacypolicy {
    width: 100%;
    min-width: 100%;
    padding: 5%;
  }
  div.top_works img.background, div.top_company img.background, div.works img.background, div.plan img.background, div.flow img.background, div.company img.background, div.recruit img.background, div.privacypolicy img.background {
    display: block;
  }
  div.top_works section, div.top_company section, div.works section, div.plan section, div.flow section, div.company section, div.recruit section, div.privacypolicy section {
    width: 100%;
  }
  div.top_works section div.list, div.top_company section div.list, div.works section div.list, div.plan section div.list, div.flow section div.list, div.company section div.list, div.recruit section div.list, div.privacypolicy section div.list {
    margin: 10px auto;
  }
  div.top_works section div.list::after, div.top_company section div.list::after, div.works section div.list::after, div.plan section div.list::after, div.flow section div.list::after, div.company section div.list::after, div.recruit section div.list::after, div.privacypolicy section div.list::after {
    display: block;
    content: "";
    width: 100%;
  }
  div.top_works section div a, div.top_company section div a, div.works section div a, div.plan section div a, div.flow section div a, div.company section div a, div.recruit section div a, div.privacypolicy section div a {
    width: 100%;
    height: auto;
    margin: 0 15px 0 0;
    opacity: 1;
    background: none;
    font-size: 12px;
    position: relative;
    box-shadow: none;
  }
  div.top_works section div a img, div.top_company section div a img, div.works section div a img, div.plan section div a img, div.flow section div a img, div.company section div a img, div.recruit section div a img, div.privacypolicy section div a img {
    box-shadow: 10px 10px 0 6px #DBD6CB;
  }
  div.top_works section div a span, div.top_company section div a span, div.works section div a span, div.plan section div a span, div.flow section div a span, div.company section div a span, div.recruit section div a span, div.privacypolicy section div a span {
    border: 1px solid #333;
    padding: 2px 5px;
    margin: 0 5px 0 0;
  }
  div.top_works section div a.sp, div.top_company section div a.sp, div.works section div a.sp, div.plan section div a.sp, div.flow section div a.sp, div.company section div a.sp, div.recruit section div a.sp, div.privacypolicy section div a.sp {
    display: block;
  }
  div.top_works section div figure, div.top_works section div p, div.top_company section div figure, div.top_company section div p, div.works section div figure, div.works section div p, div.plan section div figure, div.plan section div p, div.flow section div figure, div.flow section div p, div.company section div figure, div.company section div p, div.recruit section div figure, div.recruit section div p, div.privacypolicy section div figure, div.privacypolicy section div p {
    /* リセット用（場合によっては不要） */
    margin: 0;
  }
  div.top_works section div .image_box, div.top_company section div .image_box, div.works section div .image_box, div.plan section div .image_box, div.flow section div .image_box, div.company section div .image_box, div.recruit section div .image_box, div.privacypolicy section div .image_box {
    width: 44%;
    display: block;
  }
  div.top_works section div figure, div.top_company section div figure, div.works section div figure, div.plan section div figure, div.flow section div figure, div.company section div figure, div.recruit section div figure, div.privacypolicy section div figure {
    box-shadow: 10px 10px 0 6px #DBD6CB;
  }
  div.top_works section div .hover, div.top_company section div .hover, div.works section div .hover, div.plan section div .hover, div.flow section div .hover, div.company section div .hover, div.recruit section div .hover, div.privacypolicy section div .hover {
    position: relative;
  }
  div.top_works section div .hover figure, div.top_company section div .hover figure, div.works section div .hover figure, div.plan section div .hover figure, div.flow section div .hover figure, div.company section div .hover figure, div.recruit section div .hover figure, div.privacypolicy section div .hover figure {
    overflow: hidden;
  }
  div.top_works section div .hover figure img, div.top_company section div .hover figure img, div.works section div .hover figure img, div.plan section div .hover figure img, div.flow section div .hover figure img, div.company section div .hover figure img, div.recruit section div .hover figure img, div.privacypolicy section div .hover figure img {
    display: block;
    width: 100%;
    transition: .3s;
    object-fit: cover;
    aspect-ratio: 1 / 1;
  }
  div.top_works section div .hover figure figcaption, div.top_company section div .hover figure figcaption, div.works section div .hover figure figcaption, div.plan section div .hover figure figcaption, div.flow section div .hover figure figcaption, div.company section div .hover figure figcaption, div.recruit section div .hover figure figcaption, div.privacypolicy section div .hover figure figcaption {
    display: block;
    opacity: 1;
    transition: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: none;
  }
  div.top_works section div .hover figure figcaption.pc, div.top_company section div .hover figure figcaption.pc, div.works section div .hover figure figcaption.pc, div.plan section div .hover figure figcaption.pc, div.flow section div .hover figure figcaption.pc, div.company section div .hover figure figcaption.pc, div.recruit section div .hover figure figcaption.pc, div.privacypolicy section div .hover figure figcaption.pc {
    display: none;
  }
  div.top_works section div .hover figure figcaption .txt_box, div.top_company section div .hover figure figcaption .txt_box, div.works section div .hover figure figcaption .txt_box, div.plan section div .hover figure figcaption .txt_box, div.flow section div .hover figure figcaption .txt_box, div.company section div .hover figure figcaption .txt_box, div.recruit section div .hover figure figcaption .txt_box, div.privacypolicy section div .hover figure figcaption .txt_box {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
  }
  div.top_works section div .hover figure figcaption .txt_box > p, div.top_company section div .hover figure figcaption .txt_box > p, div.works section div .hover figure figcaption .txt_box > p, div.plan section div .hover figure figcaption .txt_box > p, div.flow section div .hover figure figcaption .txt_box > p, div.company section div .hover figure figcaption .txt_box > p, div.recruit section div .hover figure figcaption .txt_box > p, div.privacypolicy section div .hover figure figcaption .txt_box > p {
    width: 100%;
    text-align: left;
    position: absolute;
    left: 0;
    top: 130%;
    transform: translate(0, -50%);
    z-index: 10;
    margin: 0 auto;
  }
  div.top_works section div .hover figure figcaption .txt_box b, div.top_company section div .hover figure figcaption .txt_box b, div.works section div .hover figure figcaption .txt_box b, div.plan section div .hover figure figcaption .txt_box b, div.flow section div .hover figure figcaption .txt_box b, div.company section div .hover figure figcaption .txt_box b, div.recruit section div .hover figure figcaption .txt_box b, div.privacypolicy section div .hover figure figcaption .txt_box b {
    bottom: 0;
    position: absolute;
    padding: 15px 20px;
    font-weight: normal;
  }
  div.top_works section div .hover:hover, div.top_company section div .hover:hover, div.works section div .hover:hover, div.plan section div .hover:hover, div.flow section div .hover:hover, div.company section div .hover:hover, div.recruit section div .hover:hover, div.privacypolicy section div .hover:hover {
    box-shadow: inherit;
  }
  div.top_works section div .hover:hover figure, div.top_company section div .hover:hover figure, div.works section div .hover:hover figure, div.plan section div .hover:hover figure, div.flow section div .hover:hover figure, div.company section div .hover:hover figure, div.recruit section div .hover:hover figure, div.privacypolicy section div .hover:hover figure {
    box-shadow: 10px 10px 0 6px #9b968a;
    background: #000;
  }
  div.top_works section div .hover:hover figure img, div.top_company section div .hover:hover figure img, div.works section div .hover:hover figure img, div.plan section div .hover:hover figure img, div.flow section div .hover:hover figure img, div.company section div .hover:hover figure img, div.recruit section div .hover:hover figure img, div.privacypolicy section div .hover:hover figure img {
    display: block;
    filter: blur(3px);
    opacity: 0.5;
  }
  div.top_works section div .hover:hover figure figcaption, div.top_company section div .hover:hover figure figcaption, div.works section div .hover:hover figure figcaption, div.plan section div .hover:hover figure figcaption, div.flow section div .hover:hover figure figcaption, div.company section div .hover:hover figure figcaption, div.recruit section div .hover:hover figure figcaption, div.privacypolicy section div .hover:hover figure figcaption {
    opacity: 1 !important;
  }
  div.top_works section div.txt_box, div.top_company section div.txt_box, div.works section div.txt_box, div.plan section div.txt_box, div.flow section div.txt_box, div.company section div.txt_box, div.recruit section div.txt_box, div.privacypolicy section div.txt_box {
    margin: 30px 0 20px 0;
    line-height: normal;
  }
  div.top_works section div.txt_box p, div.top_company section div.txt_box p, div.works section div.txt_box p, div.plan section div.txt_box p, div.flow section div.txt_box p, div.company section div.txt_box p, div.recruit section div.txt_box p, div.privacypolicy section div.txt_box p {
    margin-bottom: 10px;
  }
  div.top_works section div.txt_box b, div.top_company section div.txt_box b, div.works section div.txt_box b, div.plan section div.txt_box b, div.flow section div.txt_box b, div.company section div.txt_box b, div.recruit section div.txt_box b, div.privacypolicy section div.txt_box b {
    line-height: 150%;
  }
  div.top_works section div.txt_box b br, div.top_company section div.txt_box b br, div.works section div.txt_box b br, div.plan section div.txt_box b br, div.flow section div.txt_box b br, div.company section div.txt_box b br, div.recruit section div.txt_box b br, div.privacypolicy section div.txt_box b br {
    display: none;
  }
  div.top_works section p, div.top_company section p, div.works section p, div.plan section p, div.flow section p, div.company section p, div.recruit section p, div.privacypolicy section p {
    font-size: 14px;
  }
  div.top_works.top_company, div.top_company.top_company, div.works.top_company, div.plan.top_company, div.flow.top_company, div.company.top_company, div.recruit.top_company, div.privacypolicy.top_company {
    background: #333;
    color: #fff !important;
  }
  div.top_works.top_company h2, div.top_company.top_company h2, div.works.top_company h2, div.plan.top_company h2, div.flow.top_company h2, div.company.top_company h2, div.recruit.top_company h2, div.privacypolicy.top_company h2 {
    font-size: 16px;
    background: url(../img/h2_line.svg) repeat-x center center;
  }
  div.top_works.top_company h2 span, div.top_company.top_company h2 span, div.works.top_company h2 span, div.plan.top_company h2 span, div.flow.top_company h2 span, div.company.top_company h2 span, div.recruit.top_company h2 span, div.privacypolicy.top_company h2 span {
    background: #333;
    color: #fff;
  }
  div.top_works.top_company div, div.top_company.top_company div, div.works.top_company div, div.plan.top_company div, div.flow.top_company div, div.company.top_company div, div.recruit.top_company div, div.privacypolicy.top_company div {
    width: 100%;
    height: 200px;
  }
  div.top_works.top_company div.map, div.top_company.top_company div.map, div.works.top_company div.map, div.plan.top_company div.map, div.flow.top_company div.map, div.company.top_company div.map, div.recruit.top_company div.map, div.privacypolicy.top_company div.map {
    position: relative;
    background: url(../img/map.svg) no-repeat center center;
  }
  div.top_works.top_company div.map a.bt, div.top_company.top_company div.map a.bt, div.works.top_company div.map a.bt, div.plan.top_company div.map a.bt, div.flow.top_company div.map a.bt, div.company.top_company div.map a.bt, div.recruit.top_company div.map a.bt, div.privacypolicy.top_company div.map a.bt {
    display: block;
    width: 50px;
    height: auto;
    background: none;
    margin: 0 auto;
    top: 160px;
    position: absolute;
    left: 120px;
    right: 0;
    box-shadow: none;
  }
  div.top_works.top_company div.map a.bt img, div.top_company.top_company div.map a.bt img, div.works.top_company div.map a.bt img, div.plan.top_company div.map a.bt img, div.flow.top_company div.map a.bt img, div.company.top_company div.map a.bt img, div.recruit.top_company div.map a.bt img, div.privacypolicy.top_company div.map a.bt img {
    width: 70%;
  }
  div.top_works.top_company div.map a:hover img, div.top_company.top_company div.map a:hover img, div.works.top_company div.map a:hover img, div.plan.top_company div.map a:hover img, div.flow.top_company div.map a:hover img, div.company.top_company div.map a:hover img, div.recruit.top_company div.map a:hover img, div.privacypolicy.top_company div.map a:hover img {
    opacity: 0.5;
  }
  div.top_works.top_company table, div.top_company.top_company table, div.works.top_company table, div.plan.top_company table, div.flow.top_company table, div.company.top_company table, div.recruit.top_company table, div.privacypolicy.top_company table {
    width: 100%;
    margin: 20px auto;
  }
  div.top_works.top_company table th, div.top_works.top_company table td, div.top_company.top_company table th, div.top_company.top_company table td, div.works.top_company table th, div.works.top_company table td, div.plan.top_company table th, div.plan.top_company table td, div.flow.top_company table th, div.flow.top_company table td, div.company.top_company table th, div.company.top_company table td, div.recruit.top_company table th, div.recruit.top_company table td, div.privacypolicy.top_company table th, div.privacypolicy.top_company table td {
    width: 100%;
    display: block;
    color: #fff !important;
  }
  div.top_works.top_company table th a, div.top_works.top_company table td a, div.top_company.top_company table th a, div.top_company.top_company table td a, div.works.top_company table th a, div.works.top_company table td a, div.plan.top_company table th a, div.plan.top_company table td a, div.flow.top_company table th a, div.flow.top_company table td a, div.company.top_company table th a, div.company.top_company table td a, div.recruit.top_company table th a, div.recruit.top_company table td a, div.privacypolicy.top_company table th a, div.privacypolicy.top_company table td a {
    color: #fff !important;
    display: inline;
    text-align: left;
  }
  div.top_works.top_company table td, div.top_company.top_company table td, div.works.top_company table td, div.plan.top_company table td, div.flow.top_company table td, div.company.top_company table td, div.recruit.top_company table td, div.privacypolicy.top_company table td {
    text-align: left;
    padding: 10px 10px 20px 10px;
  }
  div.top_works.top_company table th, div.top_company.top_company table th, div.works.top_company table th, div.plan.top_company table th, div.flow.top_company table th, div.company.top_company table th, div.recruit.top_company table th, div.privacypolicy.top_company table th {
    text-align: left;
    font-weight: bold;
    border-bottom: none;
    padding: 20px 10px 0 10px;
  }
  div.top_works.top_company iframe, div.top_company.top_company iframe, div.works.top_company iframe, div.plan.top_company iframe, div.flow.top_company iframe, div.company.top_company iframe, div.recruit.top_company iframe, div.privacypolicy.top_company iframe {
    margin: 50px 0 0 0;
  }
  div.top_works P.bt a, div.top_company P.bt a, div.works P.bt a, div.plan P.bt a, div.flow P.bt a, div.company P.bt a, div.recruit P.bt a, div.privacypolicy P.bt a {
    display: block;
    overflow: hidden;
    width: 200px;
    margin: 20px auto 50px;
    padding: 10px;
    text-align: center;
    border: 1px solid #999;
  }
  div.top_works.works, div.top_works.flow, div.top_works.company, div.top_works.recruit, div.top_works.privacypolicy, div.top_company.works, div.top_company.flow, div.top_company.company, div.top_company.recruit, div.top_company.privacypolicy, div.works.works, div.works.flow, div.works.company, div.works.recruit, div.works.privacypolicy, div.plan.works, div.plan.flow, div.plan.company, div.plan.recruit, div.plan.privacypolicy, div.flow.works, div.flow.flow, div.flow.company, div.flow.recruit, div.flow.privacypolicy, div.company.works, div.company.flow, div.company.company, div.company.recruit, div.company.privacypolicy, div.recruit.works, div.recruit.flow, div.recruit.company, div.recruit.recruit, div.recruit.privacypolicy, div.privacypolicy.works, div.privacypolicy.flow, div.privacypolicy.company, div.privacypolicy.recruit, div.privacypolicy.privacypolicy {
    background: none;
    background-size: 100%;
    animation: inherit;
    animation-timeline: inherit;
    position: relative;
    clip-path: inset(0);
  }
  div.top_works.works img.background, div.top_works.flow img.background, div.top_works.company img.background, div.top_works.recruit img.background, div.top_works.privacypolicy img.background, div.top_company.works img.background, div.top_company.flow img.background, div.top_company.company img.background, div.top_company.recruit img.background, div.top_company.privacypolicy img.background, div.works.works img.background, div.works.flow img.background, div.works.company img.background, div.works.recruit img.background, div.works.privacypolicy img.background, div.plan.works img.background, div.plan.flow img.background, div.plan.company img.background, div.plan.recruit img.background, div.plan.privacypolicy img.background, div.flow.works img.background, div.flow.flow img.background, div.flow.company img.background, div.flow.recruit img.background, div.flow.privacypolicy img.background, div.company.works img.background, div.company.flow img.background, div.company.company img.background, div.company.recruit img.background, div.company.privacypolicy img.background, div.recruit.works img.background, div.recruit.flow img.background, div.recruit.company img.background, div.recruit.recruit img.background, div.recruit.privacypolicy img.background, div.privacypolicy.works img.background, div.privacypolicy.flow img.background, div.privacypolicy.company img.background, div.privacypolicy.recruit img.background, div.privacypolicy.privacypolicy img.background {
    object-fit: cover;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  div.top_works.works h2, div.top_works.flow h2, div.top_works.company h2, div.top_works.recruit h2, div.top_works.privacypolicy h2, div.top_company.works h2, div.top_company.flow h2, div.top_company.company h2, div.top_company.recruit h2, div.top_company.privacypolicy h2, div.works.works h2, div.works.flow h2, div.works.company h2, div.works.recruit h2, div.works.privacypolicy h2, div.plan.works h2, div.plan.flow h2, div.plan.company h2, div.plan.recruit h2, div.plan.privacypolicy h2, div.flow.works h2, div.flow.flow h2, div.flow.company h2, div.flow.recruit h2, div.flow.privacypolicy h2, div.company.works h2, div.company.flow h2, div.company.company h2, div.company.recruit h2, div.company.privacypolicy h2, div.recruit.works h2, div.recruit.flow h2, div.recruit.company h2, div.recruit.recruit h2, div.recruit.privacypolicy h2, div.privacypolicy.works h2, div.privacypolicy.flow h2, div.privacypolicy.company h2, div.privacypolicy.recruit h2, div.privacypolicy.privacypolicy h2 {
    width: 100%;
    font-size: 16px;
    height: auto !important;
    background: none;
    border-bottom: none;
    padding-bottom: 5px;
    margin-bottom: 10px;
  }
  div.top_works.works h2.detail span, div.top_works.flow h2.detail span, div.top_works.company h2.detail span, div.top_works.recruit h2.detail span, div.top_works.privacypolicy h2.detail span, div.top_company.works h2.detail span, div.top_company.flow h2.detail span, div.top_company.company h2.detail span, div.top_company.recruit h2.detail span, div.top_company.privacypolicy h2.detail span, div.works.works h2.detail span, div.works.flow h2.detail span, div.works.company h2.detail span, div.works.recruit h2.detail span, div.works.privacypolicy h2.detail span, div.plan.works h2.detail span, div.plan.flow h2.detail span, div.plan.company h2.detail span, div.plan.recruit h2.detail span, div.plan.privacypolicy h2.detail span, div.flow.works h2.detail span, div.flow.flow h2.detail span, div.flow.company h2.detail span, div.flow.recruit h2.detail span, div.flow.privacypolicy h2.detail span, div.company.works h2.detail span, div.company.flow h2.detail span, div.company.company h2.detail span, div.company.recruit h2.detail span, div.company.privacypolicy h2.detail span, div.recruit.works h2.detail span, div.recruit.flow h2.detail span, div.recruit.company h2.detail span, div.recruit.recruit h2.detail span, div.recruit.privacypolicy h2.detail span, div.privacypolicy.works h2.detail span, div.privacypolicy.flow h2.detail span, div.privacypolicy.company h2.detail span, div.privacypolicy.recruit h2.detail span, div.privacypolicy.privacypolicy h2.detail span {
    height: auto;
    min-height: inherit;
    max-height: inherit;
    line-height: 100%;
    background: none;
  }
  div.top_works.works h2.detail b, div.top_works.flow h2.detail b, div.top_works.company h2.detail b, div.top_works.recruit h2.detail b, div.top_works.privacypolicy h2.detail b, div.top_company.works h2.detail b, div.top_company.flow h2.detail b, div.top_company.company h2.detail b, div.top_company.recruit h2.detail b, div.top_company.privacypolicy h2.detail b, div.works.works h2.detail b, div.works.flow h2.detail b, div.works.company h2.detail b, div.works.recruit h2.detail b, div.works.privacypolicy h2.detail b, div.plan.works h2.detail b, div.plan.flow h2.detail b, div.plan.company h2.detail b, div.plan.recruit h2.detail b, div.plan.privacypolicy h2.detail b, div.flow.works h2.detail b, div.flow.flow h2.detail b, div.flow.company h2.detail b, div.flow.recruit h2.detail b, div.flow.privacypolicy h2.detail b, div.company.works h2.detail b, div.company.flow h2.detail b, div.company.company h2.detail b, div.company.recruit h2.detail b, div.company.privacypolicy h2.detail b, div.recruit.works h2.detail b, div.recruit.flow h2.detail b, div.recruit.company h2.detail b, div.recruit.recruit h2.detail b, div.recruit.privacypolicy h2.detail b, div.privacypolicy.works h2.detail b, div.privacypolicy.flow h2.detail b, div.privacypolicy.company h2.detail b, div.privacypolicy.recruit h2.detail b, div.privacypolicy.privacypolicy h2.detail b {
    background: #307437;
    font-size: 10px;
    padding: 0px 10px;
    margin: 3px 0 0 0;
    position: relative;
    height: 16px;
    display: inline-block;
    color: #fff;
    line-height: 16px;
  }
  div.top_works.works h2.detail p.line, div.top_works.flow h2.detail p.line, div.top_works.company h2.detail p.line, div.top_works.recruit h2.detail p.line, div.top_works.privacypolicy h2.detail p.line, div.top_company.works h2.detail p.line, div.top_company.flow h2.detail p.line, div.top_company.company h2.detail p.line, div.top_company.recruit h2.detail p.line, div.top_company.privacypolicy h2.detail p.line, div.works.works h2.detail p.line, div.works.flow h2.detail p.line, div.works.company h2.detail p.line, div.works.recruit h2.detail p.line, div.works.privacypolicy h2.detail p.line, div.plan.works h2.detail p.line, div.plan.flow h2.detail p.line, div.plan.company h2.detail p.line, div.plan.recruit h2.detail p.line, div.plan.privacypolicy h2.detail p.line, div.flow.works h2.detail p.line, div.flow.flow h2.detail p.line, div.flow.company h2.detail p.line, div.flow.recruit h2.detail p.line, div.flow.privacypolicy h2.detail p.line, div.company.works h2.detail p.line, div.company.flow h2.detail p.line, div.company.company h2.detail p.line, div.company.recruit h2.detail p.line, div.company.privacypolicy h2.detail p.line, div.recruit.works h2.detail p.line, div.recruit.flow h2.detail p.line, div.recruit.company h2.detail p.line, div.recruit.recruit h2.detail p.line, div.recruit.privacypolicy h2.detail p.line, div.privacypolicy.works h2.detail p.line, div.privacypolicy.flow h2.detail p.line, div.privacypolicy.company h2.detail p.line, div.privacypolicy.recruit h2.detail p.line, div.privacypolicy.privacypolicy h2.detail p.line {
    display: none;
  }
  div.top_works.works p.info, div.top_works.flow p.info, div.top_works.company p.info, div.top_works.recruit p.info, div.top_works.privacypolicy p.info, div.top_company.works p.info, div.top_company.flow p.info, div.top_company.company p.info, div.top_company.recruit p.info, div.top_company.privacypolicy p.info, div.works.works p.info, div.works.flow p.info, div.works.company p.info, div.works.recruit p.info, div.works.privacypolicy p.info, div.plan.works p.info, div.plan.flow p.info, div.plan.company p.info, div.plan.recruit p.info, div.plan.privacypolicy p.info, div.flow.works p.info, div.flow.flow p.info, div.flow.company p.info, div.flow.recruit p.info, div.flow.privacypolicy p.info, div.company.works p.info, div.company.flow p.info, div.company.company p.info, div.company.recruit p.info, div.company.privacypolicy p.info, div.recruit.works p.info, div.recruit.flow p.info, div.recruit.company p.info, div.recruit.recruit p.info, div.recruit.privacypolicy p.info, div.privacypolicy.works p.info, div.privacypolicy.flow p.info, div.privacypolicy.company p.info, div.privacypolicy.recruit p.info, div.privacypolicy.privacypolicy p.info {
    font-size: 12px;
    padding: 20px;
    margin-bottom: 10px;
  }
  div.top_works.works div.detail, div.top_works.flow div.detail, div.top_works.company div.detail, div.top_works.recruit div.detail, div.top_works.privacypolicy div.detail, div.top_company.works div.detail, div.top_company.flow div.detail, div.top_company.company div.detail, div.top_company.recruit div.detail, div.top_company.privacypolicy div.detail, div.works.works div.detail, div.works.flow div.detail, div.works.company div.detail, div.works.recruit div.detail, div.works.privacypolicy div.detail, div.plan.works div.detail, div.plan.flow div.detail, div.plan.company div.detail, div.plan.recruit div.detail, div.plan.privacypolicy div.detail, div.flow.works div.detail, div.flow.flow div.detail, div.flow.company div.detail, div.flow.recruit div.detail, div.flow.privacypolicy div.detail, div.company.works div.detail, div.company.flow div.detail, div.company.company div.detail, div.company.recruit div.detail, div.company.privacypolicy div.detail, div.recruit.works div.detail, div.recruit.flow div.detail, div.recruit.company div.detail, div.recruit.recruit div.detail, div.recruit.privacypolicy div.detail, div.privacypolicy.works div.detail, div.privacypolicy.flow div.detail, div.privacypolicy.company div.detail, div.privacypolicy.recruit div.detail, div.privacypolicy.privacypolicy div.detail {
    padding: 0;
  }
  div.top_works.works div.detail div.category, div.top_works.flow div.detail div.category, div.top_works.company div.detail div.category, div.top_works.recruit div.detail div.category, div.top_works.privacypolicy div.detail div.category, div.top_company.works div.detail div.category, div.top_company.flow div.detail div.category, div.top_company.company div.detail div.category, div.top_company.recruit div.detail div.category, div.top_company.privacypolicy div.detail div.category, div.works.works div.detail div.category, div.works.flow div.detail div.category, div.works.company div.detail div.category, div.works.recruit div.detail div.category, div.works.privacypolicy div.detail div.category, div.plan.works div.detail div.category, div.plan.flow div.detail div.category, div.plan.company div.detail div.category, div.plan.recruit div.detail div.category, div.plan.privacypolicy div.detail div.category, div.flow.works div.detail div.category, div.flow.flow div.detail div.category, div.flow.company div.detail div.category, div.flow.recruit div.detail div.category, div.flow.privacypolicy div.detail div.category, div.company.works div.detail div.category, div.company.flow div.detail div.category, div.company.company div.detail div.category, div.company.recruit div.detail div.category, div.company.privacypolicy div.detail div.category, div.recruit.works div.detail div.category, div.recruit.flow div.detail div.category, div.recruit.company div.detail div.category, div.recruit.recruit div.detail div.category, div.recruit.privacypolicy div.detail div.category, div.privacypolicy.works div.detail div.category, div.privacypolicy.flow div.detail div.category, div.privacypolicy.company div.detail div.category, div.privacypolicy.recruit div.detail div.category, div.privacypolicy.privacypolicy div.detail div.category {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 0;
    justify-content: space-between;
    gap: 1px;
    margin: 0 0 1px 0;
  }
  div.top_works.works div.detail div.category span, div.top_works.flow div.detail div.category span, div.top_works.company div.detail div.category span, div.top_works.recruit div.detail div.category span, div.top_works.privacypolicy div.detail div.category span, div.top_company.works div.detail div.category span, div.top_company.flow div.detail div.category span, div.top_company.company div.detail div.category span, div.top_company.recruit div.detail div.category span, div.top_company.privacypolicy div.detail div.category span, div.works.works div.detail div.category span, div.works.flow div.detail div.category span, div.works.company div.detail div.category span, div.works.recruit div.detail div.category span, div.works.privacypolicy div.detail div.category span, div.plan.works div.detail div.category span, div.plan.flow div.detail div.category span, div.plan.company div.detail div.category span, div.plan.recruit div.detail div.category span, div.plan.privacypolicy div.detail div.category span, div.flow.works div.detail div.category span, div.flow.flow div.detail div.category span, div.flow.company div.detail div.category span, div.flow.recruit div.detail div.category span, div.flow.privacypolicy div.detail div.category span, div.company.works div.detail div.category span, div.company.flow div.detail div.category span, div.company.company div.detail div.category span, div.company.recruit div.detail div.category span, div.company.privacypolicy div.detail div.category span, div.recruit.works div.detail div.category span, div.recruit.flow div.detail div.category span, div.recruit.company div.detail div.category span, div.recruit.recruit div.detail div.category span, div.recruit.privacypolicy div.detail div.category span, div.privacypolicy.works div.detail div.category span, div.privacypolicy.flow div.detail div.category span, div.privacypolicy.company div.detail div.category span, div.privacypolicy.recruit div.detail div.category span, div.privacypolicy.privacypolicy div.detail div.category span {
    width: calc(99%/3);
    text-align: center;
    padding: 2px 0;
    background: #a19c91;
    font-size: 12px;
    color: #fff;
  }
  div.top_works.works div.detail div.category span.off, div.top_works.flow div.detail div.category span.off, div.top_works.company div.detail div.category span.off, div.top_works.recruit div.detail div.category span.off, div.top_works.privacypolicy div.detail div.category span.off, div.top_company.works div.detail div.category span.off, div.top_company.flow div.detail div.category span.off, div.top_company.company div.detail div.category span.off, div.top_company.recruit div.detail div.category span.off, div.top_company.privacypolicy div.detail div.category span.off, div.works.works div.detail div.category span.off, div.works.flow div.detail div.category span.off, div.works.company div.detail div.category span.off, div.works.recruit div.detail div.category span.off, div.works.privacypolicy div.detail div.category span.off, div.plan.works div.detail div.category span.off, div.plan.flow div.detail div.category span.off, div.plan.company div.detail div.category span.off, div.plan.recruit div.detail div.category span.off, div.plan.privacypolicy div.detail div.category span.off, div.flow.works div.detail div.category span.off, div.flow.flow div.detail div.category span.off, div.flow.company div.detail div.category span.off, div.flow.recruit div.detail div.category span.off, div.flow.privacypolicy div.detail div.category span.off, div.company.works div.detail div.category span.off, div.company.flow div.detail div.category span.off, div.company.company div.detail div.category span.off, div.company.recruit div.detail div.category span.off, div.company.privacypolicy div.detail div.category span.off, div.recruit.works div.detail div.category span.off, div.recruit.flow div.detail div.category span.off, div.recruit.company div.detail div.category span.off, div.recruit.recruit div.detail div.category span.off, div.recruit.privacypolicy div.detail div.category span.off, div.privacypolicy.works div.detail div.category span.off, div.privacypolicy.flow div.detail div.category span.off, div.privacypolicy.company div.detail div.category span.off, div.privacypolicy.recruit div.detail div.category span.off, div.privacypolicy.privacypolicy div.detail div.category span.off {
    background: #e2e0dc;
  }
  div.top_works.works div.detail p, div.top_works.flow div.detail p, div.top_works.company div.detail p, div.top_works.recruit div.detail p, div.top_works.privacypolicy div.detail p, div.top_company.works div.detail p, div.top_company.flow div.detail p, div.top_company.company div.detail p, div.top_company.recruit div.detail p, div.top_company.privacypolicy div.detail p, div.works.works div.detail p, div.works.flow div.detail p, div.works.company div.detail p, div.works.recruit div.detail p, div.works.privacypolicy div.detail p, div.plan.works div.detail p, div.plan.flow div.detail p, div.plan.company div.detail p, div.plan.recruit div.detail p, div.plan.privacypolicy div.detail p, div.flow.works div.detail p, div.flow.flow div.detail p, div.flow.company div.detail p, div.flow.recruit div.detail p, div.flow.privacypolicy div.detail p, div.company.works div.detail p, div.company.flow div.detail p, div.company.company div.detail p, div.company.recruit div.detail p, div.company.privacypolicy div.detail p, div.recruit.works div.detail p, div.recruit.flow div.detail p, div.recruit.company div.detail p, div.recruit.recruit div.detail p, div.recruit.privacypolicy div.detail p, div.privacypolicy.works div.detail p, div.privacypolicy.flow div.detail p, div.privacypolicy.company div.detail p, div.privacypolicy.recruit div.detail p, div.privacypolicy.privacypolicy div.detail p {
    padding: 0;
  }
  div.top_works.works div .wrap, div.top_works.flow div .wrap, div.top_works.company div .wrap, div.top_works.recruit div .wrap, div.top_works.privacypolicy div .wrap, div.top_company.works div .wrap, div.top_company.flow div .wrap, div.top_company.company div .wrap, div.top_company.recruit div .wrap, div.top_company.privacypolicy div .wrap, div.works.works div .wrap, div.works.flow div .wrap, div.works.company div .wrap, div.works.recruit div .wrap, div.works.privacypolicy div .wrap, div.plan.works div .wrap, div.plan.flow div .wrap, div.plan.company div .wrap, div.plan.recruit div .wrap, div.plan.privacypolicy div .wrap, div.flow.works div .wrap, div.flow.flow div .wrap, div.flow.company div .wrap, div.flow.recruit div .wrap, div.flow.privacypolicy div .wrap, div.company.works div .wrap, div.company.flow div .wrap, div.company.company div .wrap, div.company.recruit div .wrap, div.company.privacypolicy div .wrap, div.recruit.works div .wrap, div.recruit.flow div .wrap, div.recruit.company div .wrap, div.recruit.recruit div .wrap, div.recruit.privacypolicy div .wrap, div.privacypolicy.works div .wrap, div.privacypolicy.flow div .wrap, div.privacypolicy.company div .wrap, div.privacypolicy.recruit div .wrap, div.privacypolicy.privacypolicy div .wrap {
    width: 100%;
    background: #faf9f8;
    margin-bottom: 10px;
  }
  div.top_works.works div .wrap img, div.top_works.flow div .wrap img, div.top_works.company div .wrap img, div.top_works.recruit div .wrap img, div.top_works.privacypolicy div .wrap img, div.top_company.works div .wrap img, div.top_company.flow div .wrap img, div.top_company.company div .wrap img, div.top_company.recruit div .wrap img, div.top_company.privacypolicy div .wrap img, div.works.works div .wrap img, div.works.flow div .wrap img, div.works.company div .wrap img, div.works.recruit div .wrap img, div.works.privacypolicy div .wrap img, div.plan.works div .wrap img, div.plan.flow div .wrap img, div.plan.company div .wrap img, div.plan.recruit div .wrap img, div.plan.privacypolicy div .wrap img, div.flow.works div .wrap img, div.flow.flow div .wrap img, div.flow.company div .wrap img, div.flow.recruit div .wrap img, div.flow.privacypolicy div .wrap img, div.company.works div .wrap img, div.company.flow div .wrap img, div.company.company div .wrap img, div.company.recruit div .wrap img, div.company.privacypolicy div .wrap img, div.recruit.works div .wrap img, div.recruit.flow div .wrap img, div.recruit.company div .wrap img, div.recruit.recruit div .wrap img, div.recruit.privacypolicy div .wrap img, div.privacypolicy.works div .wrap img, div.privacypolicy.flow div .wrap img, div.privacypolicy.company div .wrap img, div.privacypolicy.recruit div .wrap img, div.privacypolicy.privacypolicy div .wrap img {
    width: 100%;
  }
  div.top_works.works div .wrap ul, div.top_works.flow div .wrap ul, div.top_works.company div .wrap ul, div.top_works.recruit div .wrap ul, div.top_works.privacypolicy div .wrap ul, div.top_company.works div .wrap ul, div.top_company.flow div .wrap ul, div.top_company.company div .wrap ul, div.top_company.recruit div .wrap ul, div.top_company.privacypolicy div .wrap ul, div.works.works div .wrap ul, div.works.flow div .wrap ul, div.works.company div .wrap ul, div.works.recruit div .wrap ul, div.works.privacypolicy div .wrap ul, div.plan.works div .wrap ul, div.plan.flow div .wrap ul, div.plan.company div .wrap ul, div.plan.recruit div .wrap ul, div.plan.privacypolicy div .wrap ul, div.flow.works div .wrap ul, div.flow.flow div .wrap ul, div.flow.company div .wrap ul, div.flow.recruit div .wrap ul, div.flow.privacypolicy div .wrap ul, div.company.works div .wrap ul, div.company.flow div .wrap ul, div.company.company div .wrap ul, div.company.recruit div .wrap ul, div.company.privacypolicy div .wrap ul, div.recruit.works div .wrap ul, div.recruit.flow div .wrap ul, div.recruit.company div .wrap ul, div.recruit.recruit div .wrap ul, div.recruit.privacypolicy div .wrap ul, div.privacypolicy.works div .wrap ul, div.privacypolicy.flow div .wrap ul, div.privacypolicy.company div .wrap ul, div.privacypolicy.recruit div .wrap ul, div.privacypolicy.privacypolicy div .wrap ul {
    width: 100%;
    display: flex;
    column-gap: 20px;
    margin: 20px 0 0 0;
  }
  div.top_works.works div .wrap li img, div.top_works.flow div .wrap li img, div.top_works.company div .wrap li img, div.top_works.recruit div .wrap li img, div.top_works.privacypolicy div .wrap li img, div.top_company.works div .wrap li img, div.top_company.flow div .wrap li img, div.top_company.company div .wrap li img, div.top_company.recruit div .wrap li img, div.top_company.privacypolicy div .wrap li img, div.works.works div .wrap li img, div.works.flow div .wrap li img, div.works.company div .wrap li img, div.works.recruit div .wrap li img, div.works.privacypolicy div .wrap li img, div.plan.works div .wrap li img, div.plan.flow div .wrap li img, div.plan.company div .wrap li img, div.plan.recruit div .wrap li img, div.plan.privacypolicy div .wrap li img, div.flow.works div .wrap li img, div.flow.flow div .wrap li img, div.flow.company div .wrap li img, div.flow.recruit div .wrap li img, div.flow.privacypolicy div .wrap li img, div.company.works div .wrap li img, div.company.flow div .wrap li img, div.company.company div .wrap li img, div.company.recruit div .wrap li img, div.company.privacypolicy div .wrap li img, div.recruit.works div .wrap li img, div.recruit.flow div .wrap li img, div.recruit.company div .wrap li img, div.recruit.recruit div .wrap li img, div.recruit.privacypolicy div .wrap li img, div.privacypolicy.works div .wrap li img, div.privacypolicy.flow div .wrap li img, div.privacypolicy.company div .wrap li img, div.privacypolicy.recruit div .wrap li img, div.privacypolicy.privacypolicy div .wrap li img {
    width: 100%;
    cursor: pointer;
  }
  div.top_works.works div .wrap li img:hover, div.top_works.flow div .wrap li img:hover, div.top_works.company div .wrap li img:hover, div.top_works.recruit div .wrap li img:hover, div.top_works.privacypolicy div .wrap li img:hover, div.top_company.works div .wrap li img:hover, div.top_company.flow div .wrap li img:hover, div.top_company.company div .wrap li img:hover, div.top_company.recruit div .wrap li img:hover, div.top_company.privacypolicy div .wrap li img:hover, div.works.works div .wrap li img:hover, div.works.flow div .wrap li img:hover, div.works.company div .wrap li img:hover, div.works.recruit div .wrap li img:hover, div.works.privacypolicy div .wrap li img:hover, div.plan.works div .wrap li img:hover, div.plan.flow div .wrap li img:hover, div.plan.company div .wrap li img:hover, div.plan.recruit div .wrap li img:hover, div.plan.privacypolicy div .wrap li img:hover, div.flow.works div .wrap li img:hover, div.flow.flow div .wrap li img:hover, div.flow.company div .wrap li img:hover, div.flow.recruit div .wrap li img:hover, div.flow.privacypolicy div .wrap li img:hover, div.company.works div .wrap li img:hover, div.company.flow div .wrap li img:hover, div.company.company div .wrap li img:hover, div.company.recruit div .wrap li img:hover, div.company.privacypolicy div .wrap li img:hover, div.recruit.works div .wrap li img:hover, div.recruit.flow div .wrap li img:hover, div.recruit.company div .wrap li img:hover, div.recruit.recruit div .wrap li img:hover, div.recruit.privacypolicy div .wrap li img:hover, div.privacypolicy.works div .wrap li img:hover, div.privacypolicy.flow div .wrap li img:hover, div.privacypolicy.company div .wrap li img:hover, div.privacypolicy.recruit div .wrap li img:hover, div.privacypolicy.privacypolicy div .wrap li img:hover {
    opacity: 0.5;
  }
  div.top_works.works div.bt_area, div.top_works.flow div.bt_area, div.top_works.company div.bt_area, div.top_works.recruit div.bt_area, div.top_works.privacypolicy div.bt_area, div.top_company.works div.bt_area, div.top_company.flow div.bt_area, div.top_company.company div.bt_area, div.top_company.recruit div.bt_area, div.top_company.privacypolicy div.bt_area, div.works.works div.bt_area, div.works.flow div.bt_area, div.works.company div.bt_area, div.works.recruit div.bt_area, div.works.privacypolicy div.bt_area, div.plan.works div.bt_area, div.plan.flow div.bt_area, div.plan.company div.bt_area, div.plan.recruit div.bt_area, div.plan.privacypolicy div.bt_area, div.flow.works div.bt_area, div.flow.flow div.bt_area, div.flow.company div.bt_area, div.flow.recruit div.bt_area, div.flow.privacypolicy div.bt_area, div.company.works div.bt_area, div.company.flow div.bt_area, div.company.company div.bt_area, div.company.recruit div.bt_area, div.company.privacypolicy div.bt_area, div.recruit.works div.bt_area, div.recruit.flow div.bt_area, div.recruit.company div.bt_area, div.recruit.recruit div.bt_area, div.recruit.privacypolicy div.bt_area, div.privacypolicy.works div.bt_area, div.privacypolicy.flow div.bt_area, div.privacypolicy.company div.bt_area, div.privacypolicy.recruit div.bt_area, div.privacypolicy.privacypolicy div.bt_area {
    display: flex;
    justify-content: space-between;
    margin: 50px 0 0 0;
    gap: 10px;
  }
  div.top_works.works div.bt_area a, div.top_works.flow div.bt_area a, div.top_works.company div.bt_area a, div.top_works.recruit div.bt_area a, div.top_works.privacypolicy div.bt_area a, div.top_company.works div.bt_area a, div.top_company.flow div.bt_area a, div.top_company.company div.bt_area a, div.top_company.recruit div.bt_area a, div.top_company.privacypolicy div.bt_area a, div.works.works div.bt_area a, div.works.flow div.bt_area a, div.works.company div.bt_area a, div.works.recruit div.bt_area a, div.works.privacypolicy div.bt_area a, div.plan.works div.bt_area a, div.plan.flow div.bt_area a, div.plan.company div.bt_area a, div.plan.recruit div.bt_area a, div.plan.privacypolicy div.bt_area a, div.flow.works div.bt_area a, div.flow.flow div.bt_area a, div.flow.company div.bt_area a, div.flow.recruit div.bt_area a, div.flow.privacypolicy div.bt_area a, div.company.works div.bt_area a, div.company.flow div.bt_area a, div.company.company div.bt_area a, div.company.recruit div.bt_area a, div.company.privacypolicy div.bt_area a, div.recruit.works div.bt_area a, div.recruit.flow div.bt_area a, div.recruit.company div.bt_area a, div.recruit.recruit div.bt_area a, div.recruit.privacypolicy div.bt_area a, div.privacypolicy.works div.bt_area a, div.privacypolicy.flow div.bt_area a, div.privacypolicy.company div.bt_area a, div.privacypolicy.recruit div.bt_area a, div.privacypolicy.privacypolicy div.bt_area a {
    width: 200px;
    height: 40px;
    box-shadow: none;
    margin: 0;
  }
  div.top_works.works div.bt_area a.bt_prev, div.top_works.flow div.bt_area a.bt_prev, div.top_works.company div.bt_area a.bt_prev, div.top_works.recruit div.bt_area a.bt_prev, div.top_works.privacypolicy div.bt_area a.bt_prev, div.top_company.works div.bt_area a.bt_prev, div.top_company.flow div.bt_area a.bt_prev, div.top_company.company div.bt_area a.bt_prev, div.top_company.recruit div.bt_area a.bt_prev, div.top_company.privacypolicy div.bt_area a.bt_prev, div.works.works div.bt_area a.bt_prev, div.works.flow div.bt_area a.bt_prev, div.works.company div.bt_area a.bt_prev, div.works.recruit div.bt_area a.bt_prev, div.works.privacypolicy div.bt_area a.bt_prev, div.plan.works div.bt_area a.bt_prev, div.plan.flow div.bt_area a.bt_prev, div.plan.company div.bt_area a.bt_prev, div.plan.recruit div.bt_area a.bt_prev, div.plan.privacypolicy div.bt_area a.bt_prev, div.flow.works div.bt_area a.bt_prev, div.flow.flow div.bt_area a.bt_prev, div.flow.company div.bt_area a.bt_prev, div.flow.recruit div.bt_area a.bt_prev, div.flow.privacypolicy div.bt_area a.bt_prev, div.company.works div.bt_area a.bt_prev, div.company.flow div.bt_area a.bt_prev, div.company.company div.bt_area a.bt_prev, div.company.recruit div.bt_area a.bt_prev, div.company.privacypolicy div.bt_area a.bt_prev, div.recruit.works div.bt_area a.bt_prev, div.recruit.flow div.bt_area a.bt_prev, div.recruit.company div.bt_area a.bt_prev, div.recruit.recruit div.bt_area a.bt_prev, div.recruit.privacypolicy div.bt_area a.bt_prev, div.privacypolicy.works div.bt_area a.bt_prev, div.privacypolicy.flow div.bt_area a.bt_prev, div.privacypolicy.company div.bt_area a.bt_prev, div.privacypolicy.recruit div.bt_area a.bt_prev, div.privacypolicy.privacypolicy div.bt_area a.bt_prev {
    background: url(../img/bt_prev.svg) no-repeat center center;
    text-align: center;
    padding: 6px 0px 0px 18px;
  }
  div.top_works.works div.bt_area a.bt_list, div.top_works.flow div.bt_area a.bt_list, div.top_works.company div.bt_area a.bt_list, div.top_works.recruit div.bt_area a.bt_list, div.top_works.privacypolicy div.bt_area a.bt_list, div.top_company.works div.bt_area a.bt_list, div.top_company.flow div.bt_area a.bt_list, div.top_company.company div.bt_area a.bt_list, div.top_company.recruit div.bt_area a.bt_list, div.top_company.privacypolicy div.bt_area a.bt_list, div.works.works div.bt_area a.bt_list, div.works.flow div.bt_area a.bt_list, div.works.company div.bt_area a.bt_list, div.works.recruit div.bt_area a.bt_list, div.works.privacypolicy div.bt_area a.bt_list, div.plan.works div.bt_area a.bt_list, div.plan.flow div.bt_area a.bt_list, div.plan.company div.bt_area a.bt_list, div.plan.recruit div.bt_area a.bt_list, div.plan.privacypolicy div.bt_area a.bt_list, div.flow.works div.bt_area a.bt_list, div.flow.flow div.bt_area a.bt_list, div.flow.company div.bt_area a.bt_list, div.flow.recruit div.bt_area a.bt_list, div.flow.privacypolicy div.bt_area a.bt_list, div.company.works div.bt_area a.bt_list, div.company.flow div.bt_area a.bt_list, div.company.company div.bt_area a.bt_list, div.company.recruit div.bt_area a.bt_list, div.company.privacypolicy div.bt_area a.bt_list, div.recruit.works div.bt_area a.bt_list, div.recruit.flow div.bt_area a.bt_list, div.recruit.company div.bt_area a.bt_list, div.recruit.recruit div.bt_area a.bt_list, div.recruit.privacypolicy div.bt_area a.bt_list, div.privacypolicy.works div.bt_area a.bt_list, div.privacypolicy.flow div.bt_area a.bt_list, div.privacypolicy.company div.bt_area a.bt_list, div.privacypolicy.recruit div.bt_area a.bt_list, div.privacypolicy.privacypolicy div.bt_area a.bt_list {
    background: url(../img/bt_list.svg) no-repeat center center;
    text-align: center;
    padding: 6px 0 0 0;
  }
  div.top_works.works div.bt_area a.bt_next, div.top_works.flow div.bt_area a.bt_next, div.top_works.company div.bt_area a.bt_next, div.top_works.recruit div.bt_area a.bt_next, div.top_works.privacypolicy div.bt_area a.bt_next, div.top_company.works div.bt_area a.bt_next, div.top_company.flow div.bt_area a.bt_next, div.top_company.company div.bt_area a.bt_next, div.top_company.recruit div.bt_area a.bt_next, div.top_company.privacypolicy div.bt_area a.bt_next, div.works.works div.bt_area a.bt_next, div.works.flow div.bt_area a.bt_next, div.works.company div.bt_area a.bt_next, div.works.recruit div.bt_area a.bt_next, div.works.privacypolicy div.bt_area a.bt_next, div.plan.works div.bt_area a.bt_next, div.plan.flow div.bt_area a.bt_next, div.plan.company div.bt_area a.bt_next, div.plan.recruit div.bt_area a.bt_next, div.plan.privacypolicy div.bt_area a.bt_next, div.flow.works div.bt_area a.bt_next, div.flow.flow div.bt_area a.bt_next, div.flow.company div.bt_area a.bt_next, div.flow.recruit div.bt_area a.bt_next, div.flow.privacypolicy div.bt_area a.bt_next, div.company.works div.bt_area a.bt_next, div.company.flow div.bt_area a.bt_next, div.company.company div.bt_area a.bt_next, div.company.recruit div.bt_area a.bt_next, div.company.privacypolicy div.bt_area a.bt_next, div.recruit.works div.bt_area a.bt_next, div.recruit.flow div.bt_area a.bt_next, div.recruit.company div.bt_area a.bt_next, div.recruit.recruit div.bt_area a.bt_next, div.recruit.privacypolicy div.bt_area a.bt_next, div.privacypolicy.works div.bt_area a.bt_next, div.privacypolicy.flow div.bt_area a.bt_next, div.privacypolicy.company div.bt_area a.bt_next, div.privacypolicy.recruit div.bt_area a.bt_next, div.privacypolicy.privacypolicy div.bt_area a.bt_next {
    background: url(../img/bt_next.svg) no-repeat center center;
    text-align: center;
    padding: 6px 18px 0 0;
  }
  div.top_works.works div.bt_area a:hover, div.top_works.flow div.bt_area a:hover, div.top_works.company div.bt_area a:hover, div.top_works.recruit div.bt_area a:hover, div.top_works.privacypolicy div.bt_area a:hover, div.top_company.works div.bt_area a:hover, div.top_company.flow div.bt_area a:hover, div.top_company.company div.bt_area a:hover, div.top_company.recruit div.bt_area a:hover, div.top_company.privacypolicy div.bt_area a:hover, div.works.works div.bt_area a:hover, div.works.flow div.bt_area a:hover, div.works.company div.bt_area a:hover, div.works.recruit div.bt_area a:hover, div.works.privacypolicy div.bt_area a:hover, div.plan.works div.bt_area a:hover, div.plan.flow div.bt_area a:hover, div.plan.company div.bt_area a:hover, div.plan.recruit div.bt_area a:hover, div.plan.privacypolicy div.bt_area a:hover, div.flow.works div.bt_area a:hover, div.flow.flow div.bt_area a:hover, div.flow.company div.bt_area a:hover, div.flow.recruit div.bt_area a:hover, div.flow.privacypolicy div.bt_area a:hover, div.company.works div.bt_area a:hover, div.company.flow div.bt_area a:hover, div.company.company div.bt_area a:hover, div.company.recruit div.bt_area a:hover, div.company.privacypolicy div.bt_area a:hover, div.recruit.works div.bt_area a:hover, div.recruit.flow div.bt_area a:hover, div.recruit.company div.bt_area a:hover, div.recruit.recruit div.bt_area a:hover, div.recruit.privacypolicy div.bt_area a:hover, div.privacypolicy.works div.bt_area a:hover, div.privacypolicy.flow div.bt_area a:hover, div.privacypolicy.company div.bt_area a:hover, div.privacypolicy.recruit div.bt_area a:hover, div.privacypolicy.privacypolicy div.bt_area a:hover {
    opacity: 0.5;
  }
  div.top_works.works section.comment, div.top_works.flow section.comment, div.top_works.company section.comment, div.top_works.recruit section.comment, div.top_works.privacypolicy section.comment, div.top_company.works section.comment, div.top_company.flow section.comment, div.top_company.company section.comment, div.top_company.recruit section.comment, div.top_company.privacypolicy section.comment, div.works.works section.comment, div.works.flow section.comment, div.works.company section.comment, div.works.recruit section.comment, div.works.privacypolicy section.comment, div.plan.works section.comment, div.plan.flow section.comment, div.plan.company section.comment, div.plan.recruit section.comment, div.plan.privacypolicy section.comment, div.flow.works section.comment, div.flow.flow section.comment, div.flow.company section.comment, div.flow.recruit section.comment, div.flow.privacypolicy section.comment, div.company.works section.comment, div.company.flow section.comment, div.company.company section.comment, div.company.recruit section.comment, div.company.privacypolicy section.comment, div.recruit.works section.comment, div.recruit.flow section.comment, div.recruit.company section.comment, div.recruit.recruit section.comment, div.recruit.privacypolicy section.comment, div.privacypolicy.works section.comment, div.privacypolicy.flow section.comment, div.privacypolicy.company section.comment, div.privacypolicy.recruit section.comment, div.privacypolicy.privacypolicy section.comment {
    line-height: 200%;
    font-size: 12px;
  }
  div.top_works.works section.comment h3, div.top_works.flow section.comment h3, div.top_works.company section.comment h3, div.top_works.recruit section.comment h3, div.top_works.privacypolicy section.comment h3, div.top_company.works section.comment h3, div.top_company.flow section.comment h3, div.top_company.company section.comment h3, div.top_company.recruit section.comment h3, div.top_company.privacypolicy section.comment h3, div.works.works section.comment h3, div.works.flow section.comment h3, div.works.company section.comment h3, div.works.recruit section.comment h3, div.works.privacypolicy section.comment h3, div.plan.works section.comment h3, div.plan.flow section.comment h3, div.plan.company section.comment h3, div.plan.recruit section.comment h3, div.plan.privacypolicy section.comment h3, div.flow.works section.comment h3, div.flow.flow section.comment h3, div.flow.company section.comment h3, div.flow.recruit section.comment h3, div.flow.privacypolicy section.comment h3, div.company.works section.comment h3, div.company.flow section.comment h3, div.company.company section.comment h3, div.company.recruit section.comment h3, div.company.privacypolicy section.comment h3, div.recruit.works section.comment h3, div.recruit.flow section.comment h3, div.recruit.company section.comment h3, div.recruit.recruit section.comment h3, div.recruit.privacypolicy section.comment h3, div.privacypolicy.works section.comment h3, div.privacypolicy.flow section.comment h3, div.privacypolicy.company section.comment h3, div.privacypolicy.recruit section.comment h3, div.privacypolicy.privacypolicy section.comment h3 {
    border-bottom: 1px solid #999;
    padding: 10px 0;
    font-size: 16px;
    line-height: 200%;
  }
  div.top_works.works section.comment h3.plan, div.top_works.flow section.comment h3.plan, div.top_works.company section.comment h3.plan, div.top_works.recruit section.comment h3.plan, div.top_works.privacypolicy section.comment h3.plan, div.top_company.works section.comment h3.plan, div.top_company.flow section.comment h3.plan, div.top_company.company section.comment h3.plan, div.top_company.recruit section.comment h3.plan, div.top_company.privacypolicy section.comment h3.plan, div.works.works section.comment h3.plan, div.works.flow section.comment h3.plan, div.works.company section.comment h3.plan, div.works.recruit section.comment h3.plan, div.works.privacypolicy section.comment h3.plan, div.plan.works section.comment h3.plan, div.plan.flow section.comment h3.plan, div.plan.company section.comment h3.plan, div.plan.recruit section.comment h3.plan, div.plan.privacypolicy section.comment h3.plan, div.flow.works section.comment h3.plan, div.flow.flow section.comment h3.plan, div.flow.company section.comment h3.plan, div.flow.recruit section.comment h3.plan, div.flow.privacypolicy section.comment h3.plan, div.company.works section.comment h3.plan, div.company.flow section.comment h3.plan, div.company.company section.comment h3.plan, div.company.recruit section.comment h3.plan, div.company.privacypolicy section.comment h3.plan, div.recruit.works section.comment h3.plan, div.recruit.flow section.comment h3.plan, div.recruit.company section.comment h3.plan, div.recruit.recruit section.comment h3.plan, div.recruit.privacypolicy section.comment h3.plan, div.privacypolicy.works section.comment h3.plan, div.privacypolicy.flow section.comment h3.plan, div.privacypolicy.company section.comment h3.plan, div.privacypolicy.recruit section.comment h3.plan, div.privacypolicy.privacypolicy section.comment h3.plan {
    font-size: 100%;
  }
  div.top_works.works section.comment p, div.top_works.flow section.comment p, div.top_works.company section.comment p, div.top_works.recruit section.comment p, div.top_works.privacypolicy section.comment p, div.top_company.works section.comment p, div.top_company.flow section.comment p, div.top_company.company section.comment p, div.top_company.recruit section.comment p, div.top_company.privacypolicy section.comment p, div.works.works section.comment p, div.works.flow section.comment p, div.works.company section.comment p, div.works.recruit section.comment p, div.works.privacypolicy section.comment p, div.plan.works section.comment p, div.plan.flow section.comment p, div.plan.company section.comment p, div.plan.recruit section.comment p, div.plan.privacypolicy section.comment p, div.flow.works section.comment p, div.flow.flow section.comment p, div.flow.company section.comment p, div.flow.recruit section.comment p, div.flow.privacypolicy section.comment p, div.company.works section.comment p, div.company.flow section.comment p, div.company.company section.comment p, div.company.recruit section.comment p, div.company.privacypolicy section.comment p, div.recruit.works section.comment p, div.recruit.flow section.comment p, div.recruit.company section.comment p, div.recruit.recruit section.comment p, div.recruit.privacypolicy section.comment p, div.privacypolicy.works section.comment p, div.privacypolicy.flow section.comment p, div.privacypolicy.company section.comment p, div.privacypolicy.recruit section.comment p, div.privacypolicy.privacypolicy section.comment p {
    font-size: 12px;
    padding: 0px;
  }
  div.top_works.works section.comment p b, div.top_works.flow section.comment p b, div.top_works.company section.comment p b, div.top_works.recruit section.comment p b, div.top_works.privacypolicy section.comment p b, div.top_company.works section.comment p b, div.top_company.flow section.comment p b, div.top_company.company section.comment p b, div.top_company.recruit section.comment p b, div.top_company.privacypolicy section.comment p b, div.works.works section.comment p b, div.works.flow section.comment p b, div.works.company section.comment p b, div.works.recruit section.comment p b, div.works.privacypolicy section.comment p b, div.plan.works section.comment p b, div.plan.flow section.comment p b, div.plan.company section.comment p b, div.plan.recruit section.comment p b, div.plan.privacypolicy section.comment p b, div.flow.works section.comment p b, div.flow.flow section.comment p b, div.flow.company section.comment p b, div.flow.recruit section.comment p b, div.flow.privacypolicy section.comment p b, div.company.works section.comment p b, div.company.flow section.comment p b, div.company.company section.comment p b, div.company.recruit section.comment p b, div.company.privacypolicy section.comment p b, div.recruit.works section.comment p b, div.recruit.flow section.comment p b, div.recruit.company section.comment p b, div.recruit.recruit section.comment p b, div.recruit.privacypolicy section.comment p b, div.privacypolicy.works section.comment p b, div.privacypolicy.flow section.comment p b, div.privacypolicy.company section.comment p b, div.privacypolicy.recruit section.comment p b, div.privacypolicy.privacypolicy section.comment p b {
    display: block;
    margin-bottom: 10px;
    padding-top: 10px;
  }
  div.top_works.flow, div.top_works.company, div.top_works.recruit, div.top_works.privacypolicy, div.top_company.flow, div.top_company.company, div.top_company.recruit, div.top_company.privacypolicy, div.works.flow, div.works.company, div.works.recruit, div.works.privacypolicy, div.plan.flow, div.plan.company, div.plan.recruit, div.plan.privacypolicy, div.flow.flow, div.flow.company, div.flow.recruit, div.flow.privacypolicy, div.company.flow, div.company.company, div.company.recruit, div.company.privacypolicy, div.recruit.flow, div.recruit.company, div.recruit.recruit, div.recruit.privacypolicy, div.privacypolicy.flow, div.privacypolicy.company, div.privacypolicy.recruit, div.privacypolicy.privacypolicy {
    background: none;
    background-size: 100%;
    animation: inherit;
    animation-timeline: inherit;
    position: relative;
    clip-path: inset(0);
  }
  div.top_works.flow img.background, div.top_works.company img.background, div.top_works.recruit img.background, div.top_works.privacypolicy img.background, div.top_company.flow img.background, div.top_company.company img.background, div.top_company.recruit img.background, div.top_company.privacypolicy img.background, div.works.flow img.background, div.works.company img.background, div.works.recruit img.background, div.works.privacypolicy img.background, div.plan.flow img.background, div.plan.company img.background, div.plan.recruit img.background, div.plan.privacypolicy img.background, div.flow.flow img.background, div.flow.company img.background, div.flow.recruit img.background, div.flow.privacypolicy img.background, div.company.flow img.background, div.company.company img.background, div.company.recruit img.background, div.company.privacypolicy img.background, div.recruit.flow img.background, div.recruit.company img.background, div.recruit.recruit img.background, div.recruit.privacypolicy img.background, div.privacypolicy.flow img.background, div.privacypolicy.company img.background, div.privacypolicy.recruit img.background, div.privacypolicy.privacypolicy img.background {
    object-fit: cover;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  div.top_works.flow h2, div.top_works.company h2, div.top_works.recruit h2, div.top_works.privacypolicy h2, div.top_company.flow h2, div.top_company.company h2, div.top_company.recruit h2, div.top_company.privacypolicy h2, div.works.flow h2, div.works.company h2, div.works.recruit h2, div.works.privacypolicy h2, div.plan.flow h2, div.plan.company h2, div.plan.recruit h2, div.plan.privacypolicy h2, div.flow.flow h2, div.flow.company h2, div.flow.recruit h2, div.flow.privacypolicy h2, div.company.flow h2, div.company.company h2, div.company.recruit h2, div.company.privacypolicy h2, div.recruit.flow h2, div.recruit.company h2, div.recruit.recruit h2, div.recruit.privacypolicy h2, div.privacypolicy.flow h2, div.privacypolicy.company h2, div.privacypolicy.recruit h2, div.privacypolicy.privacypolicy h2 {
    width: 100%;
    font-size: 16px;
    height: auto !important;
    background: none;
    border-bottom: 1px solid #ccc;
    padding-bottom: 29px;
    margin-bottom: 18px;
  }
  div.top_works.flow h2.detail span, div.top_works.company h2.detail span, div.top_works.recruit h2.detail span, div.top_works.privacypolicy h2.detail span, div.top_company.flow h2.detail span, div.top_company.company h2.detail span, div.top_company.recruit h2.detail span, div.top_company.privacypolicy h2.detail span, div.works.flow h2.detail span, div.works.company h2.detail span, div.works.recruit h2.detail span, div.works.privacypolicy h2.detail span, div.plan.flow h2.detail span, div.plan.company h2.detail span, div.plan.recruit h2.detail span, div.plan.privacypolicy h2.detail span, div.flow.flow h2.detail span, div.flow.company h2.detail span, div.flow.recruit h2.detail span, div.flow.privacypolicy h2.detail span, div.company.flow h2.detail span, div.company.company h2.detail span, div.company.recruit h2.detail span, div.company.privacypolicy h2.detail span, div.recruit.flow h2.detail span, div.recruit.company h2.detail span, div.recruit.recruit h2.detail span, div.recruit.privacypolicy h2.detail span, div.privacypolicy.flow h2.detail span, div.privacypolicy.company h2.detail span, div.privacypolicy.recruit h2.detail span, div.privacypolicy.privacypolicy h2.detail span {
    background: none;
  }
  div.top_works.flow h2.detail b, div.top_works.company h2.detail b, div.top_works.recruit h2.detail b, div.top_works.privacypolicy h2.detail b, div.top_company.flow h2.detail b, div.top_company.company h2.detail b, div.top_company.recruit h2.detail b, div.top_company.privacypolicy h2.detail b, div.works.flow h2.detail b, div.works.company h2.detail b, div.works.recruit h2.detail b, div.works.privacypolicy h2.detail b, div.plan.flow h2.detail b, div.plan.company h2.detail b, div.plan.recruit h2.detail b, div.plan.privacypolicy h2.detail b, div.flow.flow h2.detail b, div.flow.company h2.detail b, div.flow.recruit h2.detail b, div.flow.privacypolicy h2.detail b, div.company.flow h2.detail b, div.company.company h2.detail b, div.company.recruit h2.detail b, div.company.privacypolicy h2.detail b, div.recruit.flow h2.detail b, div.recruit.company h2.detail b, div.recruit.recruit h2.detail b, div.recruit.privacypolicy h2.detail b, div.privacypolicy.flow h2.detail b, div.privacypolicy.company h2.detail b, div.privacypolicy.recruit h2.detail b, div.privacypolicy.privacypolicy h2.detail b {
    background: #307437;
    font-size: 10px;
    padding: 0px 20px;
    margin: 22px 0 0 0;
    position: absolute;
    height: 16px;
    color: #fff;
    line-height: 16px;
  }
  div.top_works.flow div.detail img.flow_step, div.top_works.company div.detail img.flow_step, div.top_works.recruit div.detail img.flow_step, div.top_works.privacypolicy div.detail img.flow_step, div.top_company.flow div.detail img.flow_step, div.top_company.company div.detail img.flow_step, div.top_company.recruit div.detail img.flow_step, div.top_company.privacypolicy div.detail img.flow_step, div.works.flow div.detail img.flow_step, div.works.company div.detail img.flow_step, div.works.recruit div.detail img.flow_step, div.works.privacypolicy div.detail img.flow_step, div.plan.flow div.detail img.flow_step, div.plan.company div.detail img.flow_step, div.plan.recruit div.detail img.flow_step, div.plan.privacypolicy div.detail img.flow_step, div.flow.flow div.detail img.flow_step, div.flow.company div.detail img.flow_step, div.flow.recruit div.detail img.flow_step, div.flow.privacypolicy div.detail img.flow_step, div.company.flow div.detail img.flow_step, div.company.company div.detail img.flow_step, div.company.recruit div.detail img.flow_step, div.company.privacypolicy div.detail img.flow_step, div.recruit.flow div.detail img.flow_step, div.recruit.company div.detail img.flow_step, div.recruit.recruit div.detail img.flow_step, div.recruit.privacypolicy div.detail img.flow_step, div.privacypolicy.flow div.detail img.flow_step, div.privacypolicy.company div.detail img.flow_step, div.privacypolicy.recruit div.detail img.flow_step, div.privacypolicy.privacypolicy div.detail img.flow_step {
    margin: 0;
  }
  div.top_works table.recruit th, div.top_company table.recruit th, div.works table.recruit th, div.plan table.recruit th, div.flow table.recruit th, div.company table.recruit th, div.recruit table.recruit th, div.privacypolicy table.recruit th {
    position: relative;
    width: 100%;
  }
  div.top_works table.recruit th.required:after, div.top_company table.recruit th.required:after, div.works table.recruit th.required:after, div.plan table.recruit th.required:after, div.flow table.recruit th.required:after, div.company table.recruit th.required:after, div.recruit table.recruit th.required:after, div.privacypolicy table.recruit th.required:after {
    content: '必須';
    color: #fff;
    padding: 0px 15px;
    background-color: #a50205;
    border-radius: 0;
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    top: 27px;
    right: 10px;
  }
  div.top_works table.recruit td, div.top_company table.recruit td, div.works table.recruit td, div.plan table.recruit td, div.flow table.recruit td, div.company table.recruit td, div.recruit table.recruit td, div.privacypolicy table.recruit td {
    text-align: left;
    border-bottom: none;
    padding: 0 10px 20px;
  }
  div.top_works table.recruit td:nth-child(1), div.top_company table.recruit td:nth-child(1), div.works table.recruit td:nth-child(1), div.plan table.recruit td:nth-child(1), div.flow table.recruit td:nth-child(1), div.company table.recruit td:nth-child(1), div.recruit table.recruit td:nth-child(1), div.privacypolicy table.recruit td:nth-child(1) {
    padding: 10px 10px 0 10px;
    font-weight: bold;
  }
  div.top_works table.recruit td p, div.top_company table.recruit td p, div.works table.recruit td p, div.plan table.recruit td p, div.flow table.recruit td p, div.company table.recruit td p, div.recruit table.recruit td p, div.privacypolicy table.recruit td p {
    display: none;
  }
  div.top_works table.recruit td input[type=text], div.top_works table.recruit td textarea, div.top_company table.recruit td input[type=text], div.top_company table.recruit td textarea, div.works table.recruit td input[type=text], div.works table.recruit td textarea, div.plan table.recruit td input[type=text], div.plan table.recruit td textarea, div.flow table.recruit td input[type=text], div.flow table.recruit td textarea, div.company table.recruit td input[type=text], div.company table.recruit td textarea, div.recruit table.recruit td input[type=text], div.recruit table.recruit td textarea, div.privacypolicy table.recruit td input[type=text], div.privacypolicy table.recruit td textarea {
    font-size: 14px;
    padding: 1% 5%;
    width: 90%;
  }
  div.top_works table.recruit tr, div.top_company table.recruit tr, div.works table.recruit tr, div.plan table.recruit tr, div.flow table.recruit tr, div.company table.recruit tr, div.recruit table.recruit tr, div.privacypolicy table.recruit tr {
    border-bottom: 1px solid #ddd;
  }
  div.top_works .privacy div, div.top_works .privacy ol, div.top_company .privacy div, div.top_company .privacy ol, div.works .privacy div, div.works .privacy ol, div.plan .privacy div, div.plan .privacy ol, div.flow .privacy div, div.flow .privacy ol, div.company .privacy div, div.company .privacy ol, div.recruit .privacy div, div.recruit .privacy ol, div.privacypolicy .privacy div, div.privacypolicy .privacy ol {
    width: 100%;
    background: none;
    padding: 30px 50px 50px 50px;
    font-size: 14px;
    margin: 0;
  }
  div.top_works .privacy div li, div.top_works .privacy ol li, div.top_company .privacy div li, div.top_company .privacy ol li, div.works .privacy div li, div.works .privacy ol li, div.plan .privacy div li, div.plan .privacy ol li, div.flow .privacy div li, div.flow .privacy ol li, div.company .privacy div li, div.company .privacy ol li, div.recruit .privacy div li, div.recruit .privacy ol li, div.privacypolicy .privacy div li, div.privacypolicy .privacy ol li {
    list-style: decimal;
  }
  div.top_works .privacy ol, div.top_company .privacy ol, div.works .privacy ol, div.plan .privacy ol, div.flow .privacy ol, div.company .privacy ol, div.recruit .privacy ol, div.privacypolicy .privacy ol {
    padding: 10px 20px;
  }
  div.top_works .privacy a, div.top_company .privacy a, div.works .privacy a, div.plan .privacy a, div.flow .privacy a, div.company .privacy a, div.recruit .privacy a, div.privacypolicy .privacy a {
    background: none;
    width: inherit;
    margin: 10px 0 0 0;
    padding: 0 10px 0 0;
    text-align: left;
    font-size: 18px;
    height: inherit;
    opacity: 1;
    position: relative;
    box-shadow: inherit;
    float: none;
    display: inline-block;
    color: #307437;
  }
  div.top_works.recruit, div.top_company.recruit, div.works.recruit, div.plan.recruit, div.flow.recruit, div.company.recruit, div.recruit.recruit, div.privacypolicy.recruit {
    background: none;
    background-size: 100%;
    animation: inherit;
    animation-timeline: inherit;
    position: relative;
    clip-path: inset(0);
  }
  div.top_works.recruit img.background, div.top_company.recruit img.background, div.works.recruit img.background, div.plan.recruit img.background, div.flow.recruit img.background, div.company.recruit img.background, div.recruit.recruit img.background, div.privacypolicy.recruit img.background {
    object-fit: cover;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  div.plan {
    background: none;
    background-size: 100%;
    animation: inherit;
    animation-timeline: inherit;
    position: relative;
    clip-path: inset(0);
  }
  div.plan img.background {
    object-fit: cover;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  div.plan p.info {
    line-height: 200%;
  }
  div.plan div.external {
    width: 100%;
    background: #fff;
    height: auto;
    margin: 10px 0;
  }
  div.plan div.external section {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
  }
  div.plan div.external section h3 {
    text-align: left;
    font-size: 16px;
    color: #307437;
  }
  div.plan div.external section p.detail {
    background: url(../img/h2_line.svg) repeat-x center center;
    height: 60px;
    margin: 0 auto;
  }
  div.plan div.external section p.detail b {
    background: #307437;
    font-size: 10px;
    padding: 0px 20px;
    margin: 22px 0 0 0;
    position: absolute;
    height: 16px;
    color: #fff;
    line-height: 16px;
  }
  div.plan div.external section div {
    display: block;
    justify-content: inherit;
  }
  div.plan div.external section div img {
    width: 100%;
    margin: 0 0 20px 0;
  }
  div.plan section h2 {
    font-size: 16px;
  }
  div.plan section h2.detail {
    margin-bottom: 20px;
  }
  div.plan section h2.detail span {
    background: #307437;
    text-align: center;
    padding: 4px 30px;
    color: #fff;
  }
  div.plan section p br {
    display: none;
  }
  div.plan section div .hover figure figcaption.pc {
    display: none;
  }
  div.plan section div .hover figure figcaption .txt_box > p {
    width: 300px;
    text-align: left;
    position: absolute;
    left: 20px;
    top: 70%;
    transform: translate(0, -50%);
    z-index: 10;
    margin: 0 auto;
  }
  div.flow section h3 {
    margin-bottom: 10px;
  }
  div.flow section section {
    overflow: hidden;
  }
  div.flow section section div {
    width: 100%;
    margin: 0;
    display: block;
    justify-content: space-between;
    position: relative;
    overflow: visible;
  }
  div.flow section section div p.img {
    width: 100%;
  }
  div.flow section section div p.img img {
    width: 100%;
  }
  div.flow section section div p.img img.step2 {
    width: 100%;
    margin: 0;
  }
  div.flow section section div p.img img.step3 {
    width: 90%;
    margin: 0;
  }
  div.flow section section div p.text, div.flow section section div p.item {
    width: 100%;
    line-height: 200%;
    position: inherit;
    top: inherit;
    left: inherit;
    transform: inherit;
  }
  div.flow section section div p.text img, div.flow section section div p.item img {
    width: 100%;
  }
  div.flow section section div p.text img.step3, div.flow section section div p.item img.step3 {
    width: 100%;
    margin: -50px 0 0 0;
  }
  div.flow section section div p.item {
    top: 60%;
  }
  div.flow section section table {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  div.flow section section table td {
    width: 70%;
    text-align: center;
    display: block;
    margin: 0 auto 20px;
  }
  div.flow section section table td img {
    width: 100%;
    margin: 10px 0;
  }
  div.flow section section a {
    width: 200px;
    height: 40px;
    box-shadow: none;
    margin: 20px 0;
    display: block;
    text-align: center;
    float: right;
    position: relative;
    z-index: 2;
  }
  div.flow section section a.apply {
    background: url(../img/bt_next.svg) no-repeat center center;
    text-align: center;
    padding: 6px 20px 0px 0;
  }
  div.flow section section a:hover {
    opacity: 1;
  }
  div.flow section.step3 {
    margin: 0;
  }
  div.company, div.recruit {
    background: none;
    padding: 5%;
  }
  div.company div, div.recruit div {
    width: 100%;
    background: #f4f0e8;
    padding: 10px;
    position: relative;
    margin-bottom: 50px;
  }
  div.company div h1, div.recruit div h1 {
    margin: 10px 0 20px 0;
    text-align: center;
  }
  div.company div p, div.recruit div p {
    line-height: 200%;
    font-size: 14px;
  }
  div.company div p br.sp, div.recruit div p br.sp {
    display: none;
  }
  div.company div figure, div.recruit div figure {
    width: 80%;
    margin: 30px auto !important;
    position: inherit;
    top: inherit;
    left: inherit;
    box-shadow: none !important;
  }
  div.company div figure img, div.recruit div figure img {
    margin-bottom: 10px;
  }
  div.company div.tel, div.recruit div.tel {
    padding: 20px;
    text-align: center;
  }
  div.company div.tel h1, div.recruit div.tel h1 {
    margin: 0 0 10px 0;
  }
  div.company div.tel a, div.recruit div.tel a {
    background: none;
    display: block;
    width: inherit;
    margin: 0 0 10px 0;
    padding: 0;
    text-align: center;
    font-size: 32px;
    height: inherit;
    opacity: 1;
    position: relative;
    box-shadow: inherit;
    float: none;
    color: #307437;
  }
  div.company table, div.recruit table {
    width: 100%;
    margin: 10px auto;
    font-size: 14px;
  }
  div.company table th, div.company table td, div.recruit table th, div.recruit table td {
    width: 100%;
    display: block;
  }
  div.company table th a, div.company table td a, div.recruit table th a, div.recruit table td a {
    display: inline;
    text-align: left;
  }
  div.company table td, div.recruit table td {
    text-align: left;
    padding: 10px 10px 20px 10px;
    border-bottom: 1px solid #ccc;
  }
  div.company table th, div.recruit table th {
    text-align: left;
    font-weight: bold;
    border-bottom: none;
    padding: 20px 10px 0 10px;
  }
  div.company table a, div.recruit table a {
    display: inline-block;
    width: auto;
    margin: inherit;
    text-align: left;
    float: none;
    position: inherit;
  }
  div.company .guidelines, div.recruit .guidelines {
    width: 100%;
    background: #faf9f8;
    padding: 20px;
    position: relative;
    overflow: visible;
    margin-top: 50px;
  }
  div.company .guidelines section, div.recruit .guidelines section {
    width: 100%;
    margin: 0 auto;
  }
  div.company .guidelines section h2, div.recruit .guidelines section h2 {
    width: 100%;
    margin-bottom: 20px;
    font-size: 16px;
  }
  div.company .guidelines section h2.detail span, div.recruit .guidelines section h2.detail span {
    background: #faf9f8;
  }
  div.company .guidelines section p, div.recruit .guidelines section p {
    padding: 0;
  }
  div.company .guidelines p.item, div.recruit .guidelines p.item {
    position: inherit;
    bottom: 30px;
    right: 40px;
    margin-bottom: 0;
  }
  div.company .guidelines p.item img, div.recruit .guidelines p.item img {
    width: 120%;
  }
  div.company h2, div.recruit h2 {
    font-size: 16px;
    overflow: hidden;
  }
  div.company p, div.recruit p {
    margin-bottom: 20px;
  }
  div.company p.consent, div.recruit p.consent {
    text-align: center;
  }
  div.company p.consent a, div.recruit p.consent a {
    background: none;
    width: inherit;
    margin: 0;
    padding: 0 10px 0 0;
    text-align: left;
    font-size: inherit;
    height: inherit;
    opacity: 1;
    font-weight: bold;
    position: relative;
    box-shadow: inherit;
    float: none;
    display: inline-block;
    color: #307437;
  }
  div.company p br.sp, div.recruit p br.sp {
    display: none;
  }
  div.company a, div.recruit a {
    width: 200px;
    height: 40px;
    box-shadow: none;
    margin: 10px 0 100px;
    display: block;
    text-align: center;
    float: right;
  }
  div.company a.apply, div.recruit a.apply {
    background: url(../img/bt_next.svg) no-repeat center center;
    text-align: center;
    padding: 6px 20px 0px 0;
  }
  div.company a:hover, div.recruit a:hover {
    opacity: 0.5;
  }
  div.company button.btn, div.recruit button.btn {
    display: block;
    overflow: hidden;
    width: 200px;
    margin: 50px auto;
    padding: 10px;
    text-align: center;
    border: 1px solid #999;
    background: none;
    border-radius: 0;
  }
  div.company button.btn:hover, div.recruit button.btn:hover {
    opacity: 0.5;
  }
  @keyframes parallax {
    from {
      background-position: center -100px;
    }
    to {
      background-position: center 200px;
    }
  }
  footer {
    background: #efede8;
    width: 100%;
    min-width: 100%;
  }
  footer div.footer_info {
    width: 100%;
    min-width: 100%;
    margin: 0 auto;
    padding: 50px 0 0 0;
    display: block;
    justify-content: center;
  }
  footer div.footer_info div {
    width: 100%;
    min-width: initial;
  }
  footer div.footer_info a {
    display: inline-block;
    width: auto;
    margin: inherit;
  }
  footer div.footer_info h3 {
    text-align: center;
  }
  footer div table {
    border-left: none;
    font-size: 12px;
    line-height: 200%;
    margin: 40px auto 20px;
    width: 70%;
    text-align: left;
  }
  footer div table th, footer div table td {
    width: 100%;
    display: block;
    text-align: left;
  }
  footer div table th br, footer div table td br {
    display: block;
  }
  footer div table th {
    font-weight: bold;
    padding: 0;
  }
  footer div table td {
    padding-bottom: 10px;
  }
  footer div table td p {
    text-align: left;
    display: none !important;
  }
  footer div table td p.tel a {
    text-decoration: none;
    text-align: left;
  }
  footer div table td a {
    text-align: left;
  }
  footer div.footer_groop {
    width: 100%;
    background: #000;
    padding: 10px 0;
    min-width: 100%;
  }
  footer div.footer_groop div.footer_item div {
    min-width: initial;
  }
  footer div.footer_groop div.footer_item div.groop_item {
    width: 100%;
    color: #fff;
    float: none;
    margin: 0;
  }
  footer div.footer_groop div.footer_item div.groop_item section {
    margin: 20px;
    display: block;
  }
  footer div.footer_groop div.footer_item div.groop_item section h3 {
    margin-bottom: 20px;
  }
  footer div.footer_groop div.footer_item div.groop_item section a {
    display: block;
    border-left: 1px solid #999;
    margin: 0 0 20px 0;
    padding: 0 0 0 20px;
  }
  footer div.footer_groop div.footer_item div.groop_item section a img {
    height: 30px;
  }
  footer div.footer_groop div.footer_item div.sns_item {
    float: none;
    width: 100%;
    text-align: center;
    margin: 20px 0 20px 0;
  }
  footer div.footer_groop div.footer_item div.sns_item a {
    margin: 0 10px;
  }
  footer div.footer_groop div.footer_item div.sns_item a img {
    height: 30px;
  }
  footer nav {
    border-top: 1px solid #999;
    padding: 20px;
    text-align: left;
    font-size: 12px;
  }
  footer nav a {
    margin: 0 0 0 20px;
  }
}