@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold
}

@font-face {
  font-family: "Noto Sans JP";
  src: local("Noto Sans CJK JP"), local("源ノ角ゴシック JP");
  font-display: swap
}

html,
body {
  font-family: "Noto Sans JP", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "小塚ゴシック Pro", "MS Pゴシック", "MS PGothic", "Droid Sans Mono", sans-serif
}

@media all and (-ms-high-contrast: none) {
  html {
    font-family: Verdana, Meiryo, sans-serif
  }
}

@media all and (-ms-high-contrast: active) {
  html {
    font-family: Verdana, Meiryo, sans-serif
  }
}

i,
.i {
  font-style: normal;
  font-family: "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif
}

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?9tnwoh");
  src: url("fonts/icomoon.eot?9tnwoh#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?9tnwoh") format("truetype"), url("fonts/icomoon.woff?9tnwoh") format("woff"), url("fonts/icomoon.svg?9tnwoh#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block
}

[class^="icfont-"],
[class*="icfont-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icfont-arrow:before {
  content: "\e900"
}

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

a,
hr {
  padding: 0
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0
}

ins,
mark {
  background-color: #ff9;
  color: #000
}

body {
  line-height: 1
}

nav ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

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

a {
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0
}

ins {
  text-decoration: none
}

mark {
  font-style: italic;
  font-weight: 700
}

del {
  text-decoration: line-through
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}

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

hr {
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0
}

input,
select {
  vertical-align: middle
}

a,
a:link,
a:visited,
a:hover,
a:active {
  color: inherit;
  text-decoration: none
}

ul,
ol {
  list-style-type: none;
  display: block
}

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

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

p {
  word-break: normal
}

u {
  display: inline-block;
  white-space: nowrap;
  text-decoration: none
}

img {
  height: auto
}

p,
a,
li,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-font-smoothing: antialiased
}

html {
  -webkit-text-size-adjust: 100%
}

html.ua-sp input,
html.ua-sp textarea,
html.ua-sp select,
html.ua-sp button {
  -webkit-appearance: none;
  border-radius: 0
}

a {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0.3)
}

.user_contents {
  color: rgba(0, 0, 0, 0.85);
  word-wrap: break-word;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.8;
  font-size: 16px
}

.user_contents * {
  max-width: 100%
}

.user_contents p {
  display: block;
  margin: 1em auto
}

.user_contents img {
  height: auto
}

.user_contents strong {
  font-weight: bold
}

.user_contents em {
  font-style: italic
}

.user_contents i {
  font-family: inherit;
  font-style: italic
}

.user_contents blockquote {
  display: block;
  margin: 1em 40px;
  border-left: 4px solid #000;
  padding-left: 1em
}

.user_contents .aligncenter {
  display: block;
  margin: 0 auto
}

.user_contents .alignright {
  float: right
}

.user_contents .alignleft {
  float: left
}

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

.user_contents h2 {
  font-size: 1.5em;
  margin: .83em 0
}

.user_contents h3 {
  font-size: 1.17em;
  margin: 1em 0
}

.user_contents h4 {
  font-size: 1em;
  margin: 1.33em 0
}

.user_contents h5 {
  font-size: 0.83em;
  margin: 1.67em 0
}

.user_contents h6 {
  font-size: 0.67em;
  margin: 2.33em 0
}

.user_contents h1,
.user_contents h2,
.user_contents h3,
.user_contents h4,
.user_contents h5,
.user_contents h6 {
  font-weight: bold
}

.user_contents a {
  color: red;
  text-decoration: underline;
  display: inline;
  padding: 0 0.306em
}

.user_contents a:hover {
  text-decoration: none
}

.user_contents ol,
.user_contents ul {
  padding-left: 40px;
  margin: 1em 0
}

.user_contents ul {
  list-style-type: disc
}

.user_contents ol {
  list-style-type: decimal
}

.user_contents li {
  display: list-item;
  margin-left: 1em
}

.user_contents .wp-block-gallery {
  max-width: auto;
  max-width: initial;
  list-style-type: none;
  padding: 0;
  margin: 0 -8px
}

.user_contents .wp-block-quote cite {
  display: block;
  font-size: .8125em;
  opacity: 0.8;
  margin-top: 1em;
  position: relative;
  font-size: normal
}

.word-break>s {
  display: inline;
  white-space: nowrap;
  text-decoration: none
}

.hover-switch {
  display: inline-block;
  position: relative
}

.hover-switch>img {
  -webkit-transition: all 0.5s;
  transition: all 0.5s
}

.hover-switch>img:nth-of-type(1) {
  opacity: 1
}

.hover-switch>img:nth-of-type(2) {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0
}

a:hover .hover-switch>img:nth-of-type(1),
a:hover.hover-switch>img:nth-of-type(1) {
  opacity: 0
}

a:hover .hover-switch>img:nth-of-type(2),
a:hover.hover-switch>img:nth-of-type(2) {
  opacity: 1
}

.pc {
  display: block
}

.sp {
  display: none
}

@media (min-width: 769px) {
  .pc-none {
    display: none !important
  }
}

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

  .sp {
    display: block
  }

  .sp-none {
    display: none !important
  }
}

body.error404 {
  height: 100vh
}

body.error404 .error404 {
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

body.error404 .error404 h2 {
  font-size: 1.3em;
  font-weight: 600
}

body.error404 .error404 p {
  margin: 1em
}

body.error404 .error404 a {
  color: red
}

.concept-page .common-main-image {
  background: url("../image/concept/main-image.jpg") no-repeat center center;
  background: -webkit-image-set(url("../image/concept/main-image.jpg") 1x, url("../image/concept/main-image.jpg") 2x) no-repeat center center;
  background-size: contain;
-webkit-background-size: cover;/* Safari対応 */
}
@media (max-width: 768px) {
  .concept-page .common-main-image {
    background: url("../image/concept/main-image_sp.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/concept/main-image_sp.jpg") 1x, url("../image/concept/main-image_sp.jpg") 2x) no-repeat center center;
    background-size: contain;
  }
}

.business-page .common-main-image {
  background: url("../image/business/main-image.jpg") no-repeat center center;
  background: -webkit-image-set(url("../image/business/main-image.jpg") 1x, url("../image/business/main-image.jpg") 2x) no-repeat center center;
  background-size: cover
}

@media (max-width: 768px) {
  .business-page .common-main-image {
    background: url("../image/business/main-image_sp.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/business/main-image_sp.jpg") 1x, url("../image/business/main-image_sp.jpg") 2x) no-repeat center center;
    background-size: cover
  }
}

.business-page .image1 {
  background: url("../image/business/image1.jpg") no-repeat center center;
  background: -webkit-image-set(url("../image/business/image1.jpg") 1x, url("../image/business/image1.jpg") 2x) no-repeat center center;
  background-size: cover
}

.business-page .image2 {
  background: url("../image/business/image2.jpg") no-repeat center center;
  background: -webkit-image-set(url("../image/business/image2.jpg") 1x, url("../image/business/image2.jpg") 2x) no-repeat center center;
  background-size: cover
}

.business-page .image3 {
  background: url("../image/business/image3.jpg") no-repeat center center;
  background: -webkit-image-set(url("../image/business/image3.jpg") 1x, url("../image/business/image3.jpg") 2x) no-repeat center center;
  background-size: cover
}

.flow-page .common-main-image {
  background: url("../image/flow/main-image.jpg") no-repeat center center;
  background: -webkit-image-set(url("../image/flow/main-image.jpg") 1x, url("../image/flow/main-image.jpg") 2x) no-repeat center center;
  background-size: cover
}

@media (max-width: 768px) {
  .flow-page .common-main-image {
    background: url("../image/flow/main-image_sp.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/flow/main-image_sp.jpg") 1x, url("../image/flow/main-image_sp.jpg") 2x) no-repeat center center;
    background-size: cover
  }
}

.company-page .common-main-image {
  background: url("../image/company/main-image.jpg") no-repeat center center;
  background: -webkit-image-set(url("../image/company/main-image.jpg") 1x, url("../image/company/main-image.jpg") 2x) no-repeat center center;
  background-size: cover
}

@media (max-width: 768px) {
  .company-page .common-main-image {
    background: url("../image/company/main-image_sp.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/company/main-image_sp.jpg") 1x, url("../image/company/main-image_sp.jpg") 2x) no-repeat center center;
    background-size: cover
  }
}

.company-page .gaiyo-box {
  background: url("../image/company/gaiyo-bg.jpg") no-repeat center center;
  background: -webkit-image-set(url("../image/company/gaiyo-bg.jpg") 1x, url("../image/company/gaiyo-bg.jpg") 2x) no-repeat center center;
  background-size: cover
}

@media (max-width: 768px) {
  .company-page .gaiyo-box {
    background: url("../image/company/gaiyo-bg_sp.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/company/gaiyo-bg_sp.jpg") 1x, url("../image/company/gaiyo-bg_sp.jpg") 2x) no-repeat center center;
    background-size: cover
  }
}

.recruit-page .common-main-image {
  background: url("../image/recruit/main-image.jpg") no-repeat center center;
  background: -webkit-image-set(url("../image/recruit/main-image.jpg") 1x, url("../image/recruit/main-image.jpg") 2x) no-repeat center center;
  background-size: cover
}

@media (max-width: 768px) {
  .recruit-page .common-main-image {
    background: url("../image/recruit/main-image_sp.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/recruit/main-image_sp.jpg") 1x, url("../image/recruit/main-image_sp.jpg") 2x) no-repeat center center;
    background-size: cover
  }
}

.contact-page .common-main-image {
  background: url("../image/contact/main-image.jpg") no-repeat center center;
  background: -webkit-image-set(url("../image/contact/main-image.jpg") 1x, url("../image/contact/main-image.jpg") 2x) no-repeat center center;
  background-size: cover
}

@media (max-width: 768px) {
  .contact-page .common-main-image {
    background: url("../image/contact/main-image_sp.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/contact/main-image_sp.jpg") 1x, url("../image/contact/main-image_sp.jpg") 2x) no-repeat center center;
    background-size: cover
  }
}

.news-archive-page .common-main-image {
  background: url("../image/news/main-image.jpg") no-repeat center center;
  background: -webkit-image-set(url("../image/news/main-image.jpg") 1x, url("../image/news/main-image.jpg") 2x) no-repeat center center;
  background-size: cover
}

@media (max-width: 768px) {
  .news-archive-page .common-main-image {
    background: url("../image/news/main-image_sp.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/news/main-image_sp.jpg") 1x, url("../image/news/main-image_sp.jpg") 2x) no-repeat center center;
    background-size: cover
  }
}

.aozora {
  white-space: pre-wrap;
  text-align: justify;
  text-justify: inter-ideograph;
  width: 90%;
  margin: 5% auto;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  display: block
}

body.body {
  padding-top: 80px
}

body.body .main-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 10000
}

body.body .main-header:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff
}

body.body .main-header h1 {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 7.85714%
}

body.body .main-header .pc-nav {
  margin-right: 7.14286%;
  height: 100%
}

body.body .main-header .pc-nav>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

body.body .main-header .pc-nav>ul .normal {
  height: 100%
}

body.body .main-header .pc-nav>ul .normal>a {
  display: block;
  height: 100%;
  width: 90px;
  text-align: center;
  line-height: 80px;
  font-size: .75rem;
  letter-spacing: 0.1em;
  font-weight: 500;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  white-space: nowrap
}

body.body .main-header .pc-nav>ul .normal>a:hover {
  /* background: #f2f2f2 */
    background: #b2ff00;
}
a.current span {
  background-color: #aaaaaa;
  border-radius: 16px;
  color: #fff !important;
  padding: 7px;
}
body.body .main-header .pc-nav>ul .normal .inner-links {
  width: 100vw;
  position: fixed;
  z-index: -2;
  /* background: #ff0; */
  background:#b2ff00;
  top: 79px;
  left: 0;
  padding: 2.88889vh 0 3vh;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%)
}

body.body .main-header .pc-nav>ul .normal .inner-links section {
  margin: 0 auto;
  width: 797px;
  max-width: 85%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

body.body .main-header .pc-nav>ul .normal .inner-links section ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

body.body .main-header .pc-nav>ul .normal .inner-links section ul li {
  width: 204px;
  margin-left: 13px
}

body.body .main-header .pc-nav>ul .normal .inner-links section ul li a {
  display: block;
  position: relative;
  background: #fff
}

body.body .main-header .pc-nav>ul .normal .inner-links section ul li a img {
  display: block;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  width: 100%
}

body.body .main-header .pc-nav>ul .normal .inner-links section ul li a .text {
  text-align: center;
  width: 100%;
  color: #fff;
  line-height: 24px;
  background: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: .75rem;
  letter-spacing: 0.1em;
  -webkit-transition: all 0.2s;
  transition: all 0.2s
}

body.body .main-header .pc-nav>ul .normal .inner-links section ul li a:hover img,
body.body .main-header .pc-nav>ul .normal .inner-links section ul li a:hover .text {
  opacity: 0.8
}

body.body .main-header .pc-nav>ul .normal:hover .inner-links {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}

body.body .main-header .pc-nav>ul .circle {
  width: 111px;
  text-align: center
}

body.body .main-header .pc-nav>ul .circle a {
  display: block;
  line-height: 31px;
  border-radius: 16px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #fff;
  font-size: .75rem;
  letter-spacing: 0.05em;
  position: relative
}

body.body .main-header .pc-nav>ul .circle a img {
  position: absolute;
  top: 50%;
  right: 6.30631%;
  width: .41667em;
  display: block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

body.body .main-header .pc-nav>ul .circle a:hover {
  opacity: 0.8
}

body.body .main-header .pc-nav>ul .circle.contact-link {
  margin-left: .92857vw
}

body.body .main-header .pc-nav>ul .circle.contact-link a {
  background: #000
}

body.body .main-header .pc-nav>ul .circle.recruit-link {
  margin-left: .57143vw
}

body.body .main-header .pc-nav>ul .circle.recruit-link a {
  /* background: #ad9757 */
  background: #000;
}
@media (min-width:1000px) {
    body.body .main-header h1 img {
        width: 165px
      }
}
@media (max-width: 1000px) {
  body.body .main-header h1 {
    margin-left: 2.14286%
  }

  body.body .main-header h1 img {
    width: 165px
  }

  body.body .main-header .pc-nav {
    margin-right: 2.85714%
  }

  body.body .main-header .pc-nav>ul .normal>a {
    width: 70px
  }

  body.body .main-header .pc-nav>ul .circle {
    width: 95px
  }
}

@media (max-width: 830px) {
  body.body .main-header .pc-nav>ul .normal .inner-links section ul li {
    width: 160px
  }
}

body.body .main-footer {
  /* background: #ff0; */
  background:#b2ff00;
  padding-top: 9.55556vh
}

body.body .main-footer .footer-circle-links ul {
  width: 720px;
  max-width: 77.06667%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

body.body .main-footer .footer-circle-links ul li {
  width: 47.63889%;
  text-align: center
}

body.body .main-footer .footer-circle-links ul li a {
  display: block;
  line-height: 74px;
  border-radius: 37px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #fff;
  font-size: 1.0625rem;
  font-weight: 500;
  letter-spacing: .2em;
  position: relative
}

body.body .main-footer .footer-circle-links ul li a .icfont-arrow {
  display: block;
  position: absolute;
  top: 50%;
  font-size: 10px;
  right: 6.30631%;
  line-height: 1em;
  display: block;
  -webkit-transform: translate(0, -3px);
  transform: translate(0, -3px)
}

body.body .main-footer .footer-circle-links ul li a.contact-link {
  background: #000
}

body.body .main-footer .footer-circle-links ul li a.recruit-link {
  /* background: #ad9757 */
    background: #000
}

body.body .main-footer .footer-circle-links ul li a:hover {
  opacity: 0.8
}

body.body .main-footer .double-box {
  width: 1143px;
  max-width: 81.46667%;
  margin: 8.88889vh auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

body.body .main-footer .double-box .left-box .mini-link {
  margin-top: 3.44444vh
}

body.body .main-footer .double-box .left-box .mini-link li {
  margin-top: .55556vh
}

body.body .main-footer .double-box .left-box .mini-link li a {
  font-size: .6875rem;
  letter-spacing: 0.07545em;
  -webkit-transition: all 0.2s;
  transition: all 0.2s
}

body.body .main-footer .double-box .left-box .mini-link li a:hover {
  color: gray
}

body.body .main-footer .double-box .right-box {
  margin-left: auto;
  max-width: 100%;
  border-left: 1px solid #000;
  padding-left: 3.2371%
}

body.body .main-footer .double-box .right-box .link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 465px;
  max-width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

body.body .main-footer .double-box .right-box .link-list .main-link>a {
  font-size: .8125rem;
  letter-spacing: .2em;
  -webkit-transition: all 0.2s;
  transition: all 0.2s
}

body.body .main-footer .double-box .right-box .link-list .main-link>a:hover {
  color: gray
}

body.body .main-footer .double-box .right-box .link-list .main-link ul {
  width: 10px;
  white-space: nowrap;
  margin-top: 2.22222vh
}

body.body .main-footer .double-box .right-box .link-list .main-link ul li {
  margin-top: .77778vh
}

body.body .main-footer .double-box .right-box .link-list .main-link ul li a {
  font-weight: 300;
  font-size: .6875rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s
}

body.body .main-footer .double-box .right-box .link-list .main-link ul li a .icfont-arrow {
  color: #000 !important;
  font-weight: normal;
  font-size: 10px;
  display: inline-block;
  margin-right: 4px;
  -webkit-transform: scale(0.8);
  transform: scale(0.8)
}

body.body .main-footer .double-box .right-box .link-list .main-link ul li a:hover {
  color: gray
}

body.body .main-footer .copy-right {
  text-align: center;
  font-size: .6875rem;
  letter-spacing: 0.1em;
  font-weight: 300;
  padding-bottom: 5.55556vh;
  margin-top: 7.33333vh
}

body.body .common-circle-link {
  display: block;
  width: 211px;
  line-height: 46px;
  border-radius: 23px;
  overflow: hidden;
  text-align: center;
  position: relative;
  z-index: 0;
  background: #fff;
  color: #fff;
  font-size: .8125rem;
  font-weight: 500
}

body.body .common-circle-link .icfont-arrow {
  position: absolute;
  display: block;
  top: 50%;
  right: 13px;
  -webkit-transform: translate(0, -4px);
  transform: translate(0, -4px);
  font-size: 10px
}

body.body .common-circle-link:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s
}

body.body .common-circle-link.yellow {
  color: #000
}

body.body .common-circle-link.yellow:before {
  background:#b2ff00
}

body.body .common-circle-link.yellow:hover:before {
  opacity: 0.3 !important
}

body.body .common-circle-link.line {
  border: 1px solid #fff
}

body.body .common-circle-link.white {
  color: #000
}

body.body .common-circle-link.white:before {
  background: #fff
}

body.body .common-circle-link:not(.no-hover):hover:before {
  opacity: 0.8
}

body.body .fuwatto-wrap [class*='fuwatto'] {
  opacity: 0;
  -webkit-transition: all 0.7s;
  transition: all 0.7s
}

body.body .fuwatto-wrap [class*='fuwatto'].on-fuwatto {
  opacity: 1
}

body.body .common-plug-line {
  display: block;
  margin: auto;
  /* margin: 5.88889vh auto 8.33333vh */
}

body.body .common-flow-company-box {
  width: 1134px;
  max-width: 85.06667%;
  margin: 0 auto 8.55556vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

body.body .common-flow-company-box a {
  display: block;
  width: 49.11817%;
  position: relative;
  z-index: 0
}

body.body .common-flow-company-box a:before {
  content: '';
  display: block;
  z-index: -1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transform: scale(0.8);
  transform: scale(0.8)
}

body.body .common-flow-company-box a.content-flow {
  background: url(../image/common/image-flow.jpg) no-repeat center center;
  background: -webkit-image-set(url(../image/common/image-flow.jpg) 1x, url(../image/common/image-flow.jpg) 2x) no-repeat center center;
  background-size: cover
}

body.body .common-flow-company-box a.content-flow section h3 img {
  max-width: 80.0554%
}

body.body .common-flow-company-box a.content-flow section .icon {
  margin-top: 19.66759%
}

body.body .common-flow-company-box a.content-flow section .icon img {
  max-width: 48.19945%
}

body.body .common-flow-company-box a.content-flow section .text {
  margin-top: 18.00554%
}

body.body .common-flow-company-box a.content-company {
  background: url(../image/common/image-company.jpg) no-repeat center center;
  background: -webkit-image-set(url(../image/common/image-company.jpg) 1x, url(../image/common/image-company.jpg) 2x) no-repeat center center;
  background-size: cover
}

body.body .common-flow-company-box a.content-company section h3 img {
  max-width: 66.759%
}

body.body .common-flow-company-box a.content-company section .icon {
  margin-top: 16.06648%
}

body.body .common-flow-company-box a.content-company section .icon img {
  max-width: 20.77562%
}

body.body .common-flow-company-box a.content-company section .text {
  margin-top: 14.68144%
}

body.body .common-flow-company-box a section {
  width: 64.81149%;
  margin: 0 auto;
  padding: 10.66667vh 0 11vh
}

body.body .common-flow-company-box a section h3 {
  text-align: center
}

body.body .common-flow-company-box a section .icon {
  text-align: center
}

body.body .common-flow-company-box a section .text {
  color: #fff;
  font-size: .8125rem;
  line-height: 1.69231em;
  letter-spacing: 0.05em;
  text-align: justify;
  text-justify: inter-ideograph
}

body.body .common-flow-company-box a section .common-circle-link {
  margin: 6.92521% auto 0;
  width: 149px;
  line-height: 31px
}

body.body .common-flow-company-box a:hover:before {
  -webkit-transform: scale(1);
  transform: scale(1)
}

body.body .common-main-image {
  padding: 18vh 0 16.77778vh
}

body.body .common-main-image h2 {
  text-align: center
}

body.body .common-line-title {
  text-align: center;
  font-weight: 500;
  font-size: 1.5625rem;
  letter-spacing: 0.0052em
}

body.body .common-line-title .inner {
  position: relative;
  display: inline-block;
  z-index: 0;
  padding: 0 8px 5px
}

body.body .common-line-title .inner:before {
  background: url(../image/common/line-naname.png) repeat center center;
  width: 100%;
  content: '';
  display: block;
  height: 9px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1
}

body.body .common-form-box {
  background: #f2f2f2;
  border-top: 4.22222vh solid #f2f2f2;
  border-bottom: 4.33333vh solid #f2f2f2;
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding-bottom: 11.77778vh
}

body.body .common-form-box:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 1319px;
  height: 100%;
  max-width: 94.21429%;
  background: url(../image/common/pc-lattice.png) repeat-y center top;
  background-size: 100% auto;
  z-index: -1;
  border-bottom: 1px solid rgba(221, 221, 221, 0.5)
}

body.body .common-form-box .form-inner {
  margin: 5.33333vh auto 0;
  width: 820px;
  max-width: 85.73333%
}

body.body .common-form-box .form-inner .catch {
  margin-top: 6.22222vh;
  text-align: center;
  font-size: .8125rem;
  line-height: 1.69231em;
  letter-spacing: 0.05em
}

body.body .common-form-box .form-inner .form-wrap {
  margin-top: 8.11111vh
}

body.body .common-form-box .form-inner .form-wrap dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 3.88889vh
}

body.body .common-form-box .form-inner .form-wrap dl dt {
  font-size: 1rem;
  line-height: 49px;
  font-weight: 500;
  white-space: nowrap;
  position: relative;
  width: 170px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

body.body .common-form-box .form-inner .form-wrap dl dt .g2 {
  display: inline-block;
  -webkit-transform: translate(0, -25px);
  transform: translate(0, -25px)
}

body.body .common-form-box .form-inner .form-wrap dl dt .req {
  display: block;
  position: absolute;
  right: 0;
  top: 16px;
  background:#b2ff00;
  color: red;
  width: 47px;
  line-height: 18px;
  text-align: center;
  border-radius: 3px;
  font-size: .75rem;
  letter-spacing: 0.05em
}

body.body .common-form-box .form-inner .form-wrap dl dt.l3 {
  letter-spacing: 1.7em
}

body.body .common-form-box .form-inner .form-wrap dl dt.l4 {
  letter-spacing: 0.82em
}

body.body .common-form-box .form-inner .form-wrap dl dt.l5 {
  letter-spacing: 0.39em
}

body.body .common-form-box .form-inner .form-wrap dl dt.l7 {
  letter-spacing: -0.07em
}

body.body .common-form-box .form-inner .form-wrap dl dd {
  width: calc(100% - 170px);
  padding-left: 5.4878%
}

body.body .common-form-box .form-inner .form-wrap dl dd input[type="text"],
body.body .common-form-box .form-inner .form-wrap dl dd input[type="tel"],
body.body .common-form-box .form-inner .form-wrap dl dd input[type="email"] {
  width: 100%;
  line-height: 49px;
  background: #fff;
  border-radius: 0;
  border: 1px solid #808080;
  padding: 0 1em;
  height: 51px
}

body.body .common-form-box .form-inner .form-wrap dl dd textarea {
  width: 100%;
  line-height: 1.5em;
  padding: 0.5em 1em;
  background: #fff;
  border-radius: 0;
  border: 1px solid #808080;
  height: 288px
}

body.body .common-form-box .form-inner .form-wrap dl dd .text {
  font-size: .75rem;
  line-height: 1.41667em;
  letter-spacing: 0.05em
}

body.body .common-form-box .form-inner .form-wrap .common-circle-link {
  margin: 7.44444vh auto 0;
  width: 343px;
  line-height: 74px;
  border-radius: 37px;
  font-size: 1.0625rem;
  letter-spacing: .2em
}

body.body .common-form-box .form-inner .form-wrap .common-circle-link:hover {
  cursor: pointer
}

body.body .common-form-box .form-inner .form-wrap .common-circle-link input,
body.body .common-form-box .form-inner .form-wrap .common-circle-link .ajax-loader {
  display: none
}

body.body .top-slide-box {
  position: relative;
  z-index: 0
}

body.body .top-slide-box .slide-text-box {
  max-width: 35%;
  z-index: 1;
  position: absolute;
  bottom: 103px;
  left: 5.78571%;
  color: #fff
}

body.body .top-slide-box .slide-text-box h3 {
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 1.46667em;
  letter-spacing: .16667em
}

body.body .top-slide-box .slide-text-box .description {
  margin-top: 3.88889vh;
  padding-left: 21px;
  border-left: 3px solid #fff;
  font-size: .875rem;
  line-height: 1.64286em;
  letter-spacing: .075em
}

@media (max-width: 1400px) {
  body.body .top-slide-box .slide-text-box h3 {
    font-size: 2.14286vw
  }

  body.body .top-slide-box .slide-text-box .description {
    font-size: 1vw
  }
}

@media (max-width: 1400px) and (max-width: 1000px) {
  body.body .top-slide-box .slide-text-box .description {
    font-size: 10px
  }
}

body.body .top-slide-box .bx-wrapper {
  height: 45vw;
  max-height: 85vh
}

body.body .top-slide-box .bx-wrapper:after {
  content: '';
  display: block;
  z-index: 0;
  height: 100%;
  width: 41.85714%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(45, 45, 45, 0.5)
}

body.body .top-slide-box .bx-wrapper .bx-viewport {
  height: 100% !important;
  z-index: 0
}

body.body .top-slide-box .bx-wrapper .bx-viewport .top-slide {
  height: 100%
}

body.body .top-slide-box .bx-wrapper .bx-viewport .top-slide li {
  height: 100%
}

body.body .top-slide-box .bx-wrapper .bx-viewport .top-slide li .slide-image {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat
}

body.body .top-slide-box .bx-wrapper .bx-controls .bx-pager {
  bottom: 45px;
  left: 5.78571%;
  width: auto;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

body.body .top-slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
  display: block
}

body.body .top-slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
  width: auto;
  height: auto;
  display: block;
  background: none !important;
  position: relative
}

body.body .top-slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link:before,
body.body .top-slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link:after {
  content: '';
  width: 16px;
  height: 24px;
  display: block
}

body.body .top-slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link:before {
  background: url(../image/top/slide-nav.png) no-repeat center center;
  background: -webkit-image-set(url(../image/top/slide-nav.png) 1x, url(../image/top/slide-nav.png) 2x) no-repeat center center;
  background-size: contain
}

body.body .top-slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link:after {
  background: url(../image/top/slide-nav_on.png) no-repeat center center;
  background: -webkit-image-set(url(../image/top/slide-nav_on.png) 1x, url(../image/top/slide-nav_on.png) 2x) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s
}

body.body .top-slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link:hover:after,
body.body .top-slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active:after {
  opacity: 1
}

body.body .top-page .concept-box {
  position: relative;
  background: #f2f2f2;
  z-index: 0;
  border-top: 4.44444vh solid #f2f2f2;
  border-bottom: 4.22222vh solid #f2f2f2;
  overflow: hidden
}

body.body .top-page .concept-box:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 1319px;
  height: 100%;
  max-width: 94.21429%;
  background: url(../image/common/pc-lattice.png) repeat-y center top;
  background-size: 100% auto;
  z-index: -1;
  border-bottom: 1px solid rgba(221, 221, 221, 0.5)
}

body.body .top-page .concept-box section {
  width: 942px;
  max-width: 85.33333%;
  margin: 6.66667vh auto 0;
  padding-bottom: 5.55556vh
}

body.body .top-page .concept-box section h3 {
  margin: 0 0 -9px -30px;
  position: relative;
  z-index: 1
}

body.body .top-page .concept-box section .image {
  position: relative;
  z-index: 0
}

body.body .top-page .concept-box section .image img {
  width: 100%
}

body.body .top-page .concept-box section .image .image-bg {
  width: 133.75796%;
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 0%;
  -webkit-transform: translate(-50%, -4.91803%);
  transform: translate(-50%, -4.91803%)
}

body.body .top-page .concept-box section .bottom-box {
  position: relative;
  z-index: 1
}

body.body .top-page .concept-box section .bottom-box .human {
  position: absolute;
  bottom: 0;
  right: -11.78344%;
  width: 24.62845%
}

body.body .top-page .concept-box section .bottom-box .text-box {
  width: 588px;
  max-width: 91.875%;
  margin: -9.44444vh auto 0;
  background: #fff;
  position: relative;
  padding: 45px 0 5.55556vh
}

body.body .top-page .concept-box section .bottom-box .text-box>img {
  position: absolute;
  top: -7px;
  left: 9.18367%
}

body.body .top-page .concept-box section .bottom-box .text-box h4,
body.body .top-page .concept-box section .bottom-box .text-box .text {
  width: 492px;
  max-width: 90%;
  margin: 0 auto
}

body.body .top-page .concept-box section .bottom-box .text-box h4 {
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.70588em;
  letter-spacing: .15em
}

body.body .top-page .concept-box section .bottom-box .text-box .text {
  border-left: 2px solid #000;
  font-size: .8125rem;
  line-height: 1.69231em;
  margin-top: 3.11111vh;
  padding-left: 16px
}

body.body .top-page .concept-box section .bottom-box .common-circle-link {
  margin: 5.55556vh auto 0
}

body.body .top-page .recruit-box {
  /* background: #ff0; */
  background:#b2ff00;
  position: relative;
  z-index: 0;
  padding-top: 6.88889vh
}

body.body .top-page .recruit-box:before {
  content: '';
  display: block;
  height: 13.22222vh;
  width: 100%;
  background: #f2f2f2;
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0
}

body.body .top-page .recruit-box h3 {
  text-align: center
}

body.body .top-page .recruit-box .item-box {
  width: 1134px;
  max-width: 85.6%;
  margin: 6.88889vh auto 0
}

body.body .top-page .recruit-box .item-box .double-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

body.body .top-page .recruit-box .item-box .double-box .image {
  width: 52.02822%;
  position: relative
}

body.body .top-page .recruit-box .item-box .double-box .image:after {
  content: '';
  display: block;
  background: url(../image/top/recruit-cover.png) no-repeat left center;
  background: -webkit-image-set(url(../image/top/recruit-cover.png) 1x, url(../image/top/recruit-cover.png) 2x) no-repeat left center;
  background-size: auto 100%;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: -1px;
  border-left: 1px solid #000
}

body.body .top-page .recruit-box .item-box .double-box .image.rec-image1 {
  background: url(../image/top/recruit-image1.jpg) no-repeat center center;
  background: -webkit-image-set(url(../image/top/recruit-image1.jpg) 1x, url(../image/top/recruit-image1.jpg) 2x) no-repeat center center;
  background-size: cover
}

body.body .top-page .recruit-box .item-box .double-box .image.rec-image2 {
  background: url(../image/top/recruit-image2.jpg) no-repeat center center;
  background: -webkit-image-set(url(../image/top/recruit-image2.jpg) 1x, url(../image/top/recruit-image2.jpg) 2x) no-repeat center center;
  background-size: cover
}

body.body .top-page .recruit-box .item-box .double-box .text-box {
  width: 47.97178%;
  background: #000;
  color: #fff;
  padding: 9vh 0 7.11111vh;
  position: relative
}

body.body .top-page .recruit-box .item-box .double-box .text-box h4 {
  text-align: center;
  font-size: 1.0625rem;
  font-weight: 500;
  letter-spacing: .15em
}

body.body .top-page .recruit-box .item-box .double-box .text-box .text {
  width: 419px;
  max-width: 81.15265%;
  margin: 5.88889vh auto 0;
  font-size: .8125rem;
  letter-spacing: 0.05em;
  line-height: 1.69231em;
  text-align: justify;
  text-justify: inter-ideograph
}

body.body .top-page .recruit-box .item-box .double-box .text-box .common-circle-link {
  margin: 5.33333vh auto 0
}

body.body .top-page .recruit-box .item-box .double-box .text-box>img {
  position: absolute;
  top: 3.88889vh
}

body.body .top-page .recruit-box .item-box .double-box:nth-of-type(1) .image {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

body.body .top-page .recruit-box .item-box .double-box:nth-of-type(1) .text-box>img {
  right: 1.47059%
}

body.body .top-page .recruit-box .item-box .double-box:nth-of-type(2) .image:after {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
  left: 1px
}

body.body .top-page .recruit-box .item-box .double-box:nth-of-type(2) .text-box>img {
  right: 5.51471%
}

body.body .top-page .business-box {
  position: relative;
  padding-top: 14.88889vh;
  z-index: 0
}

body.body .top-page .business-box:before {
  content: '';
  display: block;
  z-index: -1;
  height: 40.88889vh;
  width: 100%;
  background: #f2f2f2;
  position: absolute;
  top: 0;
  left: 0
}

body.body .top-page .business-box .business-list {
  width: 1134px;
  max-width: 85.6%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

body.body .top-page .business-box .business-list li {
  width: 32.27513%
}

body.body .top-page .business-box .business-list li a {
  display: block;
  position: relative;
  padding-bottom: 62px;
  background: #000;
  overflow: hidden
}

body.body .top-page .business-box .business-list li a .image {
  padding-top: 97.26776%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}

body.body .top-page .business-box .business-list li a .image.business-image01 {
  background-image: url(../image/top/business-image01.jpg);
  background-image: -webkit-image-set(url(../image/top/business-image01.jpg) 1x, url(../image/top/business-image01.jpg) 2x)
}

body.body .top-page .business-box .business-list li a .image.business-image02 {
  background-image: url(../image/top/business-image02.jpg);
  background-image: -webkit-image-set(url(../image/top/business-image02.jpg) 1x, url(../image/top/business-image02.jpg) 2x)
}

body.body .top-page .business-box .business-list li a .image.business-image03 {
  background-image: url(../image/top/business-image03.jpg);
  background-image: -webkit-image-set(url(../image/top/business-image03.jpg) 1x, url(../image/top/business-image03.jpg) 2x)
}

body.body .top-page .business-box .business-list li a .text-box {
  width: 100%;
  height: 62px;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: height 0.2s;
  transition: height 0.2s;
  background: #000;
  color: #fff
}

body.body .top-page .business-box .business-list li a .text-box>img {
  position: absolute;
  left: 50%;
  top: -18px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

body.body .top-page .business-box .business-list li a .text-box .title {
  text-align: center;
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  line-height: 62px
}

body.body .top-page .business-box .business-list li a .text-box .common-circle-link {
  margin: 5px auto 0;
  width: 149px;
  line-height: 29px;
  font-size: .75rem
}

body.body .top-page .business-box .business-list li a:hover .text-box {
  height: 115px
}

body.body .top-page .business-box .title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 964px;
  max-width: 83.2%;
  margin: 5.22222vh auto 0
}

body.body .top-page .business-box .title-box h3 {
  width: 27.48963%;
  margin-top: 17px
}

body.body .top-page .business-box .title-box h3 img {
  width: 100%
}

body.body .top-page .business-box .title-box .text {
  width: 64.83402%;
  position: relative;
  border: 2px solid #000;
  padding: 3vh 4vh;
  font-size: .8125rem;
  letter-spacing: 0.04063rem;
  line-height: 1.69231em;
  text-align: justify;
  text-justify: inter-ideograph
}

body.body .top-page .business-box .title-box .text img {
  position: absolute;
  top: 44px;
  display: block;
  right: 100%
}

body.body .top-page .news-box {
  /* background: #ff0; */
  background:#b2ff00;
  padding-top: 7vh
}

body.body .top-page .news-box section {
  background: #000;
  color: #fff;
  width: 1137px;
  max-width: 92%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5vh 73px
}

@media (max-width: 1400px) {
  body.body .top-page .news-box section {
    padding: 5vh 5.21429vw
  }
}

body.body .top-page .news-box section .left-box {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 170px;
  padding-right: 3.86983%;
  border-right: 2px solid #fff;
  margin-right: 3.95778%
}

body.body .top-page .news-box section .left-box h3 {
  margin-left: 11px
}

body.body .top-page .news-box section .left-box .common-circle-link {
  width: 124px;
  margin-top: 3.33333vh;
  line-height: 31px
}

body.body .top-page .news-box section .right-box {
  width: 68.07388%;
  padding-right: 1.14336%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

body.body .top-page .news-box section .right-box li {
  width: 100%
}

body.body .top-page .news-box section .right-box li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: .8125rem;
  letter-spacing: 0.05em;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  padding: 2px 0
}

body.body .top-page .news-box section .right-box li a time {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 4.90956%
}

body.body .top-page .news-box section .right-box li a .title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

body.body .top-page .news-box section .right-box li a:hover {
  color: #808080
}

body.body .concept-page .main-bg-box {
  background: #f2f2f2;
  border-top: 4.22222vh solid #f2f2f2;
  border-bottom: 4.33333vh solid #f2f2f2;
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding-bottom: 11.77778vh
}

body.body .concept-page .main-bg-box:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 1319px;
  height: 100%;
  max-width: 94.21429%;
  background: url(../image/common/pc-lattice.png) repeat-y center top;
  background-size: 100% auto;
  z-index: -1;
  border-bottom: 1px solid rgba(221, 221, 221, 0.5)
}

body.body .concept-page .main-bg-box .first-box {
  width: 1400px;
  max-width: 100%;
  margin: 8.22222vh auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

body.body .concept-page .main-bg-box .first-box .image {
  width: 61.28571%;
  margin-top: .78571%
}

body.body .concept-page .main-bg-box .first-box .image img {
  width: 100%
}

body.body .concept-page .main-bg-box .first-box .text-box {
  width: 35.85714%;
  margin-right: 2.85714%;
  position: relative;
  z-index: 0
}

body.body .concept-page .main-bg-box .first-box .text-box .item {
  width: 43.8247%;
  margin-left: auto;
  margin-right: 5.77689%;
  position: relative;
  z-index: 1
}

body.body .concept-page .main-bg-box .first-box .text-box .item img {
  width: 100%
}

body.body .concept-page .main-bg-box .first-box .text-box section {
  width: 118.9243%;
  margin-left: -18.9243%;
  margin-top: -9.96016%;
  padding: 8vh 19.92032% 6.66667vh;
  position: relative;
  z-index: 0
}

body.body .concept-page .main-bg-box .first-box .text-box section:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: -1
}

body.body .concept-page .main-bg-box .first-box .text-box section:after {
  content: '';
  display: block;
  width: 100%;
  height: 96.76724%;
  background: url(../image/concept/bg-line.png) repeat center center;
  top: 7.5431%;
  right: 3.51759%;
  position: absolute;
  z-index: -2
}

body.body .concept-page .main-bg-box .first-box .text-box section h3 {
  font-size: 1.0625rem;
  line-height: 1.70588em;
  letter-spacing: .15em;
  text-align: justify;
  text-justify: inter-ideograph;
  font-weight: 500
}

body.body .concept-page .main-bg-box .first-box .text-box section .text {
  font-size: .8125rem;
  letter-spacing: 0.05em;
  line-height: 1.69231em;
  text-align: justify;
  text-justify: inter-ideograph;
  margin-top: 5.88889vh
}

body.body .concept-page .main-bg-box .tuyomi-box {
  width: 1200px;
  max-width: 90.4%;
  margin: 6.44444vh auto 0
}

body.body .concept-page .main-bg-box .tuyomi-box h3 {
  width: 26%;
  margin-left: 4.33333%;
  position: relative;
  z-index: 1;
  margin-bottom: -.66667%;
  line-height: 1.3em
}

body.body .concept-page .main-bg-box .tuyomi-box h3 img {
  max-width: 100%
}

body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content {
  padding: 6vh 0 6.44444vh;
  position: relative;
  -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3)
}

body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content .double-box {
  width: 85.58333%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content .double-box section {
  width: 48.00389%
}

body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content .double-box section .image img {
  width: 100%
}

body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content .double-box section h4 {
  font-size: 1.0625rem;
  line-height: 17px;
  letter-spacing: .05882em;
  font-weight: 500
}

body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content .double-box section h4 .nth {
  font-size: 4.6875rem
}

body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content .double-box section .text {
  font-size: .8125rem;
  line-height: 1.69231em;
  letter-spacing: 0.05em;
  border-left: 3px solid #000;
  padding-left: 6.28803%;
  text-align: justify;
  text-justify: inter-ideograph;
  margin-top: 5vh
}

body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  top: 0
}

body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content.yellow-item {
  background#b2ff00
}

body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content.yellow-item:before {
  width: 112.66667%;
  padding-top: 67.08333%;
  margin-top: -8.58333%;
  left: -6.83333%;
  background: url(../image/concept/bg01.png) no-repeat center center;
  background: -webkit-image-set(url(../image/concept/bg01.png) 1x, url(../image/concept/bg01.png) 2x) no-repeat center center;
  background-size: cover
}

body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content.black-item {
  background: #000;
  color: #fff;
  margin-top: 7.66667vh
}

body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content.black-item:before {
  width: 125.66667%;
  padding-top: 74.58333%;
  left: -5%;
  margin-top: -9.41667%;
  background: url(../image/concept/bg02.png) no-repeat center center;
  background: -webkit-image-set(url(../image/concept/bg02.png) 1x, url(../image/concept/bg02.png) 2x) no-repeat center center;
  background-size: cover
}

body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content.black-item .double-box section .text {
  border-color: #fff
}

body.body .business-page .bg {
  background:#b2ff00
}

body.body .business-page .bg .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  margin: 0 auto;
  width: 1400px;
  max-width: 100%;
  background: url(../image/business/bg01.png) no-repeat center center;
  background: -webkit-image-set(url(../image/business/bg01.png) 1x, url(../image/business/bg01.png) 2x) no-repeat center center;
  background-size: cover;
  height: 206px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

body.body .business-page .title-double-box {
  background: #f2f2f2;
  border-bottom: 4.33333vh solid #f2f2f2;
  border-top: 4.33333vh solid #f2f2f2;
  padding-bottom: 3vh;
  position: relative;
  z-index: 0
}

body.body .business-page .title-double-box:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 94.21429%;
  height: 100%;
  background: url(../image/common/pc-lattice.png) repeat-y center top;
  background-size: 100% auto;
  z-index: -1;
  border-bottom: 1px solid rgba(221, 221, 221, 0.5)
}

body.body .business-page .title-double-box .content-box {
  width: 1198px;
  max-width: 85.6%;
  margin: -28.88889vh auto 0
}

body.body .business-page .title-double-box .content-box .item {
  margin-top: -8.88889vh;
  padding-top: 8.88889vh
}

body.body .business-page .title-double-box .content-box .item+.item {
  margin-top: -3.55556vh
}

body.body .business-page .title-double-box .content-box .item .inner {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

body.body .business-page .title-double-box .content-box .item .inner .left {
  width: 57.09516%
}

body.body .business-page .title-double-box .content-box .item .inner .left:before {
  content: '';
  display: block;
  padding-top: 51.16959%
}

body.body .business-page .title-double-box .content-box .item .inner .right {
  width: 42.90484%;
  padding-top: 6.77778vh;
  padding-bottom: 5.55556vh
}

body.body .business-page .title-double-box .content-box .item .inner .right h3 {
  text-align: center;
  max-width: 85%;
  margin: 0 auto
}

body.body .business-page .title-double-box .content-box .item .inner .right h3 img {
  max-width: 100%
}

body.body .business-page .title-double-box .content-box .item .inner .right .text {
  margin: 5.55556vh auto 0;
  font-size: .8125rem;
  letter-spacing: 0.05em;
  line-height: 1.69231em;
  width: 349px;
  max-width: 85%;
  text-align: justify;
  text-justify: inter-ideograph
}

body.body .business-page .bg-item {
  background:#b2ff00
}

body.body .business-page .bg-item .inner-box {
  background: url(../image/business/nb1.png) repeat-y center top;
  width: 1400px;
  margin: 0 auto;
  max-width: 100%;
  padding: 12.22222vh 0 10.55556vh
}

body.body .business-page .bg-item .inner-box .image-box {
  width: 61.28571%;
  margin-bottom: -15.78571%;
  position: relative;
  z-index: 0
}

body.body .business-page .bg-item .inner-box .image-box img {
  width: 100%;
  display: block
}

body.body .business-page .bg-item .inner-box .text-box {
  width: 42.64286%;
  margin-left: auto;
  margin-right: 2.85714%;
  position: relative;
  z-index: 1
}

body.body .business-page .bg-item .inner-box .text-box:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url(../image/business/bg-line1.png) repeat left top;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translate(-20px, 20px);
  transform: translate(-20px, 20px);
  z-index: -1
}

body.body .business-page .bg-item .inner-box .text-box .text-inner {
  background: #fff;
  padding: 7.22222vh 0 6.66667vh
}

body.body .business-page .bg-item .inner-box .text-box .text-inner h3 {
  text-align: center
}

body.body .business-page .bg-item .inner-box .text-box .text-inner h3 img {
  max-width: 80%
}

body.body .business-page .bg-item .inner-box .text-box .text-inner .text {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: .8125rem;
  width: 429px;
  max-width: 85%;
  margin: 7vh auto 0;
  line-height: 1.69231em;
  letter-spacing: 0.05em
}

body.body .business-page .koushi-box {
  background: #f2f2f2;
  border-bottom: 4.33333vh solid #f2f2f2;
  border-top: 4.33333vh solid #f2f2f2;
  padding-bottom: 3vh;
  position: relative;
  z-index: 0
}

body.body .business-page .koushi-box:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 94.21429%;
  height: 100%;
  background: url(../image/common/pc-lattice.png) repeat-y center top;
  background-size: 100% auto;
  z-index: -1;
  border-bottom: 1px solid rgba(221, 221, 221, 0.5)
}

body.body .business-page .koushi-box .inner-box {
  width: 1400px;
  max-width: 100%;
  margin: 3.88889vh auto 0
}

body.body .business-page .koushi-box .inner-box .image-box {
  width: 61.28571%;
  margin-bottom: -15.78571%;
  position: relative;
  z-index: 0;
  margin-left: auto
}

body.body .business-page .koushi-box .inner-box .image-box img {
  width: 100%;
  display: block
}

body.body .business-page .koushi-box .inner-box .text-box {
  width: 42.64286%;
  margin-right: auto;
  margin-left: 2.85714%;
  position: relative;
  z-index: 1
}

body.body .business-page .koushi-box .inner-box .text-box:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url(../image/business/bg-line2.png) repeat left top;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translate(-20px, 20px);
  transform: translate(-20px, 20px);
  z-index: -1
}

body.body .business-page .koushi-box .inner-box .text-box .text-inner {
  background: #fff;
  padding: 7.22222vh 0 6.66667vh
}

body.body .business-page .koushi-box .inner-box .text-box .text-inner h3 {
  text-align: center
}

body.body .business-page .koushi-box .inner-box .text-box .text-inner h3 img {
  max-width: 80%
}

body.body .business-page .koushi-box .inner-box .text-box .text-inner .text {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: .8125rem;
  width: 429px;
  max-width: 85%;
  margin: 7vh auto 0;
  line-height: 1.69231em;
  letter-spacing: 0.05em
}

body.body .flow-page .yellow-bg {
  background:#b2ff00;
  height: 37.11111vh;
  margin-bottom: -28.44444vh
}

body.body .flow-page .first-box {
  width: 1200px;
  max-width: 92%;
  margin: 0 auto
}

body.body .flow-page .first-box .image {
  width: 67.75%
}

body.body .flow-page .first-box .image img {
  width: 100%
}

body.body .flow-page .first-box .text-box {
  margin: -33.5% 0 0 50%;
  width: 54.16667%
}

body.body .flow-page .first-box .text-box h3 {
  font-size: 1.5625rem;
  line-height: 1.92em;
  letter-spacing: .15em;
  color: #fff;
  font-weight: 500
}

body.body .flow-page .first-box .text-box h3 .gyo {
  display: block;
  margin: 15px 0
}

body.body .flow-page .first-box .text-box h3 .gyo .inner {
  background: #000;
  display: inline-block;
  padding: 0 3px 0 6px
}

body.body .flow-page .first-box .text-box .text {
  width: 58.77551%;
  margin-left: 40.40816%;
  margin-top: 24.4898%;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: .8125rem;
  letter-spacing: 0.05em;
  line-height: 1.69231em
}

body.body .flow-page .list-box {
  width: 1154px;
  max-width: 80.13333%;
  margin: 12.77778vh auto 0;
  position: relative;
  margin-bottom: 13.55556vh
}

body.body .flow-page .list-box:before,
body.body .flow-page .list-box:after {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0
}

body.body .flow-page .list-box:before {
  left: 33%
}

body.body .flow-page .list-box:after {
  left: 66%
}

body.body .flow-page .list-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative
}

body.body .flow-page .list-box ul li {
  width: 27.81629%;
  margin-top: 4.22222vh
}

body.body .flow-page .list-box ul li:nth-of-type(1),
body.body .flow-page .list-box ul li:nth-of-type(2),
body.body .flow-page .list-box ul li:nth-of-type(3) {
  margin-top: 0
}

body.body .flow-page .list-box ul li .nth {
  display: inline-block;
  color:#b2ff00;
  background: #000;
  font-weight: bold;
  font-size: .9375rem;
  letter-spacing: .075em;
  line-height: 30px;
  width: 92px;
  text-align: center
}

body.body .flow-page .list-box ul li .title {
  margin-top: 2vh;
  font-size: 1rem;
  letter-spacing: 0.05em;
  font-weight: 500;
  line-height: 1.4em
}

body.body .flow-page .list-box ul li .text {
  font-size: .8125rem;
  line-height: 1.69231em;
  letter-spacing: 0.05em;
  text-align: justify;
  text-justify: inter-ideograph;
  margin-top: 3.33333vh
}

body.body .company-page {
  overflow: hidden
}

body.body .company-page .name-item {
  text-align: center;
  background: #000;
  color: #fff;
  white-space: nowrap;
  display: inline-block;
  line-height: 36px;
  border-radius: 18px;
  position: relative;
  font-weight: 500;
  padding: 0 20px
}

body.body .company-page .name-item img {
  position: absolute;
  top: 100%;
  left: 16px
}

body.body .company-page .name-item .pos {
  font-weight: normal
}

body.body .company-page .main-bg-box {
  background: #f2f2f2;
  border-top: 4.22222vh solid #f2f2f2;
  border-bottom: 4.33333vh solid #f2f2f2;
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding-bottom: 11.77778vh
}

body.body .company-page .main-bg-box:after {
  content: '';
  display: block;
  width: 100%;
  height: 29.22222vh;
  position: absolute;
  z-index: -1;
  background:#b2ff00;
  left: 0;
  top: 186px
}

@media (max-width: 1400px) {
  body.body .company-page .main-bg-box:after {
    top: 13.28571vw
  }
}

body.body .company-page .main-bg-box:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 1319px;
  height: 100%;
  max-width: 94.21429%;
  background: url(../image/common/pc-lattice.png) repeat-y center top;
  background-size: 100% auto;
  z-index: -2;
  border-bottom: 1px solid rgba(221, 221, 221, 0.5)
}

body.body .company-page .main-bg-box .company-nav {
  width: 1134px;
  max-width: 81%;
  margin: 7.66667vh auto 0
}

body.body .company-page .main-bg-box .company-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

body.body .company-page .main-bg-box .company-nav ul li {
  width: 32.27513%;
  position: relative
}

body.body .company-page .main-bg-box .company-nav ul li .nth {
  width: 18.85246%;
  position: absolute;
  top: 0;
  left: 4.09836%;
  margin-top: -3.55191%;
  z-index: 1
}

body.body .company-page .main-bg-box .company-nav ul li .image {
  overflow: hidden;
  position: relative;
  z-index: 0
}

body.body .company-page .main-bg-box .company-nav ul li .image img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s
}

body.body .company-page .main-bg-box .company-nav ul li .name {
  background: #000;
  text-align: center;
  line-height: 61px;
  color: #fff;
  font-size: 1.125rem;
  letter-spacing: 0.1em
}

body.body .company-page .main-bg-box .company-nav ul li .name .mini {
  display: inline-block;
  font-size: .8125rem
}

body.body .company-page .main-bg-box .company-nav ul li:hover {
  cursor: pointer
}

body.body .company-page .main-bg-box .company-nav ul li:hover .image img {
  -webkit-transform: scale(1.07);
  transform: scale(1.07)
}

body.body .company-page .main-bg-box .boss-box {
  width: 1127px;
  max-width: 80.5%;
  margin: 20.88889vh auto 0
}

body.body .company-page .main-bg-box .boss-box .top-box h3 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 1.5625rem;
  letter-spacing: .15em;
  line-height: 1.6em;
  font-weight: 500;
  margin-bottom: -9.11111vh;
  z-index: 1
}

body.body .company-page .main-bg-box .boss-box .top-box h3 img {
  margin-right: 2.5732%
}

body.body .company-page .main-bg-box .boss-box .top-box .double-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

body.body .company-page .main-bg-box .boss-box .top-box .double-box .image {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 47.91482%
}

body.body .company-page .main-bg-box .boss-box .top-box .double-box .image img {
  width: 124.81481%;
  display: block
}

body.body .company-page .main-bg-box .boss-box .top-box .double-box .text-box {
  width: 42.41349%;
  margin-top: 15.55556vh
}

body.body .company-page .main-bg-box .boss-box .top-box .double-box .text-box .name-item {
  margin-bottom: 3.88889vh
}

body.body .company-page .main-bg-box .boss-box .bottom-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 8.66667vh
}

body.body .company-page .main-bg-box .boss-box .bottom-box .image {
  width: 53.23869%
}

body.body .company-page .main-bg-box .boss-box .bottom-box .image img {
  width: 100%
}

body.body .company-page .main-bg-box .boss-box .bottom-box .text {
  width: 42.41349%;
  margin-top: 2.48447%
}

body.body .company-page .main-bg-box .boss-box .text {
  font-size: .8125rem;
  letter-spacing: 0.05em;
  line-height: 1.69231em;
  text-align: justify;
  text-justify: inter-ideograph
}

body.body .company-page .member-box {
  width: 1127px;
  max-width: 80.5%;
  margin: 10.11111vh auto 0
}

body.body .company-page .member-box section {
  margin-bottom: 12.88889vh
}

body.body .company-page .member-box section h3 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 1.5625rem;
  letter-spacing: .15em;
  line-height: 1.6em;
  font-weight: 500;
  margin-bottom: -9.11111vh;
  z-index: 1
}

body.body .company-page .member-box section h3 img {
  margin-right: 2.5732%
}

body.body .company-page .member-box section .double-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

body.body .company-page .member-box section .double-box .image {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 47.91482%
}

body.body .company-page .member-box section .double-box .image img {
  width: 124.81481%;
  display: block
}

body.body .company-page .member-box section .double-box .text-box {
  width: 42.41349%;
  margin-top: 15.55556vh
}

body.body .company-page .member-box section .double-box .text-box .name-item {
  margin-bottom: 3.88889vh
}

body.body .company-page .member-box section .double-box .text {
  font-size: .8125rem;
  letter-spacing: 0.05em;
  line-height: 1.69231em;
  text-align: justify;
  text-justify: inter-ideograph
}

body.body .company-page .gaiyo-box {
  color: #fff;
  padding: 6vh 0 9vh
}

body.body .company-page .gaiyo-box section {
  width: 1034px;
  /* max-width: 90.66667%; */
  max-width: 100%;
  margin: 0 auto
}

body.body .company-page .gaiyo-box section h3 {
  text-align: center;
  font-size: 1.5625rem;
  font-weight: 500;
  letter-spacing: .4em
}

body.body .company-page .gaiyo-box section .gaiyo-list {
  margin-top: 3.33333vh;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: .66667vh 0;
  position: relative
}

body.body .company-page .gaiyo-box section .gaiyo-list:before {
  content: '';
  display: block;
  position: absolute;
  left: 126px;
  height: 100%;
  width: 1px;
  background: rgba(255, 255, 255, 0.5);
  top: 0
}

body.body .company-page .gaiyo-box section .gaiyo-list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.77778vh 0
}

body.body .company-page .gaiyo-box section .gaiyo-list dl dt {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  width: 126px;
  font-size: .875rem;
  line-height: 1.57143em;
  margin-right: 4.73888%
}

body.body .company-page .gaiyo-box section .gaiyo-list dl dt.l3 {
  letter-spacing: .7em
}

body.body .company-page .gaiyo-box section .gaiyo-list dl dt.l5 {
  letter-spacing: 0.05em
}

body.body .company-page .gaiyo-box section .gaiyo-list dl dt.len {
  letter-spacing: .3em
}

body.body .company-page .gaiyo-box section .gaiyo-list dl dd {
  font-size: .8125rem;
  line-height: 1.46154em;
  letter-spacing: 0.05em;
  padding-right: 2.61122%
}

body.body .company-page .bottom-info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

body.body .company-page .bottom-info-box .gaikan {
  width: 44.14286%
}

body.body .company-page .bottom-info-box .gaikan img {
  display: block;
  width: 100%
}

body.body .company-page .bottom-info-box .map-box {
  width: 55.85714%;
  position: relative
}

body.body .company-page .bottom-info-box .map-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important
}

body.body .recruit-page .message-box {
  background:#b2ff00;
  padding: 6.88889vh 0 13vh
}

body.body .recruit-page .message-box section {
  position: relative;
  margin: 0 auto;
  width: 1200px;
  max-width: 80.4%;
  z-index: 0
}

body.body .recruit-page .message-box section:before {
  background: url(../image/recruit/bg01.png) no-repeat center center;
  background: -webkit-image-set(url(../image/recruit/bg01.png) 1x, url(../image/recruit/bg01.png) 2x) no-repeat center center;
  background-size: 100% auto;
  content: '';
  display: block;
  width: 106.41667%;
  padding-top: 47.83333%;
  position: absolute;
  z-index: -1;
  left: 50%;
  top: -2.44444vh;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

body.body .recruit-page .message-box section h3 {
  text-align: center
}

body.body .recruit-page .message-box section .message-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 5.44444vh
}

body.body .recruit-page .message-box section .message-list li {
  width: 32.5%;
  position: relative
}

body.body .recruit-page .message-box section .message-list li .nth {
  width: 18.85246%;
  position: absolute;
  top: 0;
  left: 4.09836%;
  margin-top: -3.55191%;
  z-index: 1
}

body.body .recruit-page .message-box section .message-list li .image {
  overflow: hidden
}

body.body .recruit-page .message-box section .message-list li .image img {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  display: block;
  width: 100%
}

body.body .recruit-page .message-box section .message-list li .name-box {
  background: #000;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 18px 7.69231%
}

body.body .recruit-page .message-box section .message-list li .name-box .name-left {
  display: block;
  font-size: 1.125rem;
  letter-spacing: .1em
}

body.body .recruit-page .message-box section .message-list li .name-box .name-left .mini {
  display: inline-block;
  font-size: .8125rem
}

body.body .recruit-page .message-box section .message-list li .m-aco-triger:hover {
  cursor: pointer
}

body.body .recruit-page .message-box section .message-list li .m-aco-triger:hover .image img {
  -webkit-transform: scale(1.07);
  transform: scale(1.07)
}

body.body .recruit-page .message-box section .message-list li .hidden-box {
  height: 0;
  -webkit-transition: height 0.2s;
  transition: height 0.2s;
  overflow: hidden
}

body.body .recruit-page .message-box section .message-list li .hidden-box .hidden-inner {
  background: #666;
  padding: 2.77778vh 5.64103% 4.55556vh;
  border-bottom: 4px solid #000;
  position: relative
}

body.body .recruit-page .message-box section .message-list li .hidden-box .hidden-inner dl dt {
  font-size: .875rem;
  font-weight: 500;
  color:#b2ff00;
  letter-spacing: 0.05em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

body.body .recruit-page .message-box section .message-list li .hidden-box .hidden-inner dl dt .q {
  text-align: center;
  line-height: 32px;
  width: 32px;
  height: 32px;
  background: #000;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

body.body .recruit-page .message-box section .message-list li .hidden-box .hidden-inner dl dd {
  font-size: .75rem;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.58333em;
  letter-spacing: 0.025em;
  color: #fff;
  margin-top: 1.66667vh
}

body.body .recruit-page .message-box section .message-list li .hidden-box .hidden-inner dl:not(:first-of-type) {
  margin-top: 4.55556vh
}

body.body .recruit-page .message-box section .message-list li .hidden-box .hidden-inner .bottom-arrow {
  position: absolute;
  bottom: -4px;
  left: 50%;
  display: block;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

body.body .recruit-page .recruit-info-box {
  padding: 6.66667vh 0 10vh
}

body.body .recruit-page .recruit-info-box .common-line-title {
  letter-spacing: 0.04688em
}

body.body .recruit-page .recruit-info-box .info-inner {
  width: 968px;
  max-width: 87.06667%;
  margin: 6vh auto 0
}

body.body .recruit-page .recruit-info-box .info-inner .info-content {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000
}

body.body .recruit-page .recruit-info-box .info-inner .info-content .info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

body.body .recruit-page .recruit-info-box .info-inner .info-content .info-item dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%
}

body.body .recruit-page .recruit-info-box .info-inner .info-content .info-item dl:nth-last-of-type(odd) {
  border-right: rgba(179, 179, 179, 0.25) solid 1px
}

body.body .recruit-page .recruit-info-box .info-inner .info-content .info-item dl:not(:last-of-type) {
  border-bottom: rgba(179, 179, 179, 0.25) solid 1px
}

body.body .recruit-page .recruit-info-box .info-inner .info-content .info-item dl dt {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-right: rgba(179, 179, 179, 0.25) solid 1px;
  text-align: center;
  width: 24.79339%;
  min-width: 90px;
  padding: 2.77778vh 0;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.35714em;
  letter-spacing: .2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

body.body .recruit-page .recruit-info-box .info-inner .info-content .info-item dl dd {
  font-size: .8125rem;
  line-height: 1.30769em;
  letter-spacing: 0.05em;
  padding: 1.77778vh 0 1.77778vh 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

body.body .recruit-page .form-box {
  border-top: 5.77778vh solid#b2ff00
}

body.body .news-archive-page .new-post-box {
  padding: 8.88889vh 0 4.66667vh;
  position: relative;
  z-index: 0
}

body.body .news-archive-page .new-post-box:before {
  content: '';
  display: block;
  width: 100%;
  background:#b2ff00;
  height: 66.92161%;
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0
}

body.body .news-archive-page .new-post-box ul {
  width: 1083px;
  max-width: 80.4%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

body.body .news-archive-page .new-post-box ul li {
  width: 49.03047%
}

body.body .news-archive-page .new-post-box ul li a .image {
  border: 3px solid #000;
  overflow: hidden
}

body.body .news-archive-page .new-post-box ul li a .image [class^="thumbnail"] {
  padding-top: 64.40678%;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s
}

body.body .news-archive-page .new-post-box ul li a .text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 3.33333vh
}

body.body .news-archive-page .new-post-box ul li a .text-box time {
  display: inline-block;
  color:#b2ff00;
  background: #000;
  line-height: 30px;
  width: 100px;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: .075em;
  text-align: center
}

body.body .news-archive-page .new-post-box ul li a .text-box .title {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 100px);
  padding-left: 2.82486%;
  line-height: 30px
}

body.body .news-archive-page .new-post-box ul li a:hover .image [class^="thumbnail"] {
  -webkit-transform: scale(1.07);
  transform: scale(1.07)
}

body.body .news-archive-page .post-box {
  background: #f2f2f2;
  border-top: 4.22222vh solid #f2f2f2;
  border-bottom: 4.33333vh solid #f2f2f2;
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding-bottom: 11.77778vh
}

body.body .news-archive-page .post-box:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 1319px;
  height: 100%;
  max-width: 94.21429%;
  background: url(../image/common/pc-lattice.png) repeat-y center top;
  background-size: 100% auto;
  z-index: -1;
  border-bottom: 1px solid rgba(221, 221, 221, 0.5)
}

body.body .news-archive-page .post-box .post-list {
  width: 1083px;
  max-width: 87.86667%;
  margin: 5.44444vh auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

body.body .news-archive-page .post-box .post-list:after {
  content: '';
  display: block;
  width: 32.31764%
}

body.body .news-archive-page .post-box .post-list li {
  width: 32.31764%;
  margin-bottom: 5.11111vh
}

body.body .news-archive-page .post-box .post-list li a .image {
  overflow: hidden;
  border: 2px solid #000
}

body.body .news-archive-page .post-box .post-list li a .image [class^="thumbnail"] {
  padding-top: 64.28571%;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s
}

body.body .news-archive-page .post-box .post-list li a .text-box {
  margin-top: 1.66667vh
}

body.body .news-archive-page .post-box .post-list li a .text-box time {
  display: block;
  font-weight: bold;
  font-size: .9375rem;
  line-height: 1.46667em;
  letter-spacing: .07533em
}

body.body .news-archive-page .post-box .post-list li a .text-box .title {
  font-size: .8125rem;
  letter-spacing: 0.05em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
  margin-top: 3px
}

body.body .news-archive-page .post-box .post-list li a:hover .image [class^="thumbnail"] {
  -webkit-transform: scale(1.07);
  transform: scale(1.07)
}

body.body .news-archive-page .post-box .pager {
  text-align: center;
  width: 283px;
  max-width: 100%;
  margin: 4.44444vh auto 0;
  position: relative
}

body.body .news-archive-page .post-box .pager:before,
body.body .news-archive-page .post-box .pager:after {
  width: 2px;
  background: #000;
  height: 20px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  content: '';
  display: block
}

body.body .news-archive-page .post-box .pager:before {
  left: 0
}

body.body .news-archive-page .post-box .pager:after {
  right: 0
}

body.body .news-archive-page .post-box .pager .nth-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

body.body .news-archive-page .post-box .pager .nth-box>* {
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 1.0625rem;
  font-weight: bold;
  margin: 0 4px;
  border-radius: 50%
}

body.body .news-archive-page .post-box .pager .nth-box>*.current,
body.body .news-archive-page .post-box .pager .nth-box>*:hover {
  background: #000;
  color:#b2ff00
}

body.body .news-single-page {
  width: 1200px;
  max-width: 89.46667%;
  margin: 10.66667vh auto 20vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

body.body .news-single-page .single-content {
  width: calc(100% - 240px);
  padding-left: 6.66667%;
  padding-right: 17.5%
}

@media (max-width: 1020px) {
  body.body .news-single-page .single-content {
    padding-left: 0;
    padding-right: 8.33333%
  }
}

@media (max-width: 840px) {
  body.body .news-single-page .single-content {
    padding-right: 1.66667%
  }
}

body.body .news-single-page .single-content article time {
  display: block;
  width: 100px;
  background: #000;
  color:#b2ff00;
  text-align: center;
  line-height: 30px;
  font-size: 1rem;
  letter-spacing: .075em;
  font-weight: bold
}

body.body .news-single-page .single-content article h1 {
  font-size: 1.125rem;
  line-height: 1.61111em;
  letter-spacing: 0.05em;
  font-weight: 500;
  margin-top: 2.77778vh;
  padding-bottom: 2.77778vh;
  border-bottom: 1px solid #000
}

body.body .news-single-page .single-content article .user_contents {
  font-size: .8125rem;
  line-height: 1.69231em;
  letter-spacing: 0.05em
}

body.body .news-single-page .single-content article .user_contents a {
  text-decoration: underline;
  color: #ad9757
}

body.body .news-single-page .single-content article .user_contents a:hover {
  opacity: 0.7
}

body.body .news-single-page .single-content .news-single-nav {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin-top: 13.33333vh
}

body.body .news-single-page .single-content .news-single-nav nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 87.16418%;
  margin: 0 auto
}

body.body .news-single-page .single-content .news-single-nav nav>* {
  display: block;
  white-space: nowrap
}

body.body .news-single-page .single-content .news-single-nav nav .no-link {
  opacity: 0 !important
}

body.body .news-single-page .single-content .news-single-nav nav [class^="link"],
body.body .news-single-page .single-content .news-single-nav nav .ichiran-link {
  padding: 2.77778vh 0
}

body.body .news-single-page .single-content .news-single-nav nav [class^="link"] {
  font-size: 1.0625rem;
  letter-spacing: .2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

body.body .news-single-page .single-content .news-single-nav nav [class^="link"]:before,
body.body .news-single-page .single-content .news-single-nav nav [class^="link"]:after {
  display: inline-block;
  letter-spacing: 0;
  width: 24px;
  height: 24px
}

body.body .news-single-page .single-content .news-single-nav nav .link-prev:before {
  content: '';
  background: url(../image/news/s-arrow-left.png) no-repeat center center;
  background: -webkit-image-set(url(../image/news/s-arrow-left.png) 1x, url(../image/news/s-arrow-left.png) 2x) no-repeat center center;
  background-size: contain;
  margin-right: 11px
}

body.body .news-single-page .single-content .news-single-nav nav .link-next:after {
  content: '';
  background: url(../image/news/s-arrow-right.png) no-repeat center center;
  background: -webkit-image-set(url(../image/news/s-arrow-right.png) 1x, url(../image/news/s-arrow-right.png) 2x) no-repeat center center;
  background-size: contain;
  margin-left: 11px
}

body.body .news-single-page .single-content .news-single-nav nav .ichiran-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.0625rem;
  letter-spacing: .2em;
  padding-left: 10px;
  padding-right: 10px
}

body.body .news-single-page .single-content .news-single-nav nav .line {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  height: 32px;
  width: 1px;
  background: #000
}

body.body .news-single-page .single-content .news-single-nav nav a {
  -webkit-transition: all 0.2s;
  transition: all 0.2s
}

body.body .news-single-page .single-content .news-single-nav nav a:hover {
  opacity: 0.75
}

body.body .news-single-page .news-right-box {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 240px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  max-height: calc(100vh - 80px);
  overflow: scroll;
  position: relative
}

body.body .news-single-page .news-right-box::-webkit-scrollbar {
  display: none
}

body.body .news-single-page .news-right-box .new-post-box ul {
  margin-top: 14px
}

body.body .news-single-page .news-right-box .new-post-box ul li:nth-of-type(1) {
  padding-bottom: 2.33333vh;
  border-bottom: dashed 1px #000;
  margin-bottom: 2.66667vh
}

body.body .news-single-page .news-right-box .new-post-box ul li a .image {
  overflow: hidden;
  border: 2px solid #000
}

body.body .news-single-page .news-right-box .new-post-box ul li a .image [class^="thumbnail"] {
  padding-top: 64.16667%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s
}

body.body .news-single-page .news-right-box .new-post-box ul li a time {
  font-size: .75rem;
  font-weight: bold;
  display: block;
  margin-top: 1.77778vh
}

body.body .news-single-page .news-right-box .new-post-box ul li a .title {
  font-size: .75rem;
  letter-spacing: 0.05em;
  line-height: 1.33333em;
  margin-top: 2px
}

body.body .news-single-page .news-right-box .new-post-box ul li a:hover .image [class^="thumbnail"] {
  -webkit-transform: scale(1.07);
  transform: scale(1.07)
}

body.body .news-single-page .news-right-box .year-archive {
  margin-top: 8.88889vh
}

body.body .news-single-page .news-right-box .year-archive .title {
  font-weight: bold;
  font-size: 1.0625rem;
  letter-spacing: 0.1em;
  padding: 0 3.75% 6px;
  border-bottom: 1px solid #000
}

body.body .news-single-page .news-right-box .year-archive .title:before {
  content: '■'
}

body.body .news-single-page .news-right-box .year-archive ul {
  padding: 0 3.75%
}

body.body .news-single-page .news-right-box .year-archive ul li {
  margin: 16px 0
}

body.body .news-single-page .news-right-box .year-archive ul li a {
  font-size: .9375rem;
  letter-spacing: 0.05em;
  line-height: 14px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s
}

body.body .news-single-page .news-right-box .year-archive ul li a:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../image/news/archive-arrow.png) no-repeat center center;
  background: -webkit-image-set(url(../image/news/archive-arrow.png) 1x, url(../image/news/archive-arrow.png) 2x) no-repeat center center;
  background-size: contain;
  margin-right: 4px;
  line-height: 1em;
  -webkit-transform: translate(0, 1px);
  transform: translate(0, 1px)
}

body.body .news-single-page .news-right-box .year-archive ul li a:hover {
  opacity: 0.7
}

body.body .privacy-policy-page {
  margin-top: 11.11111vh;
  margin-bottom: 13.33333vh
}

body.body .privacy-policy-page .text-box {
  width: 1200px;
  max-width: 85%;
  margin: 6.11111vh auto 0
}

body.body .privacy-policy-page .text-box section {
  margin-top: -80px;
  padding-top: 80px;
  margin-bottom: 3.33333vh
}

body.body .privacy-policy-page .text-box section h3 {
  font-size: 1.0625rem;
  letter-spacing: 0.1em
}

body.body .privacy-policy-page .text-box section .text {
  font-size: .875rem;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.4em;
  letter-spacing: 0.05em;
  margin-top: 2vh
}

@media (max-width: 768px) {
  body.body {
    padding-top: 63.7px
  }

  body.body .main-header {
    height: 63.7px
  }

  body.body .main-header h1 {
    margin-left: 4%
  }

  body.body .main-header h1 img {
    width: 103.6px
  }

  body.body .main-header .pc-nav {
    margin-right: 15.2%
  }

  body.body .main-header .pc-nav>ul .circle {
    width: 77.7px
  }

  body.body .main-header .pc-nav>ul .circle a {
    font-size: .56875rem;
    line-height: 21.7px;
    letter-spacing: 0
  }

  body.body .main-header .pc-nav>ul .circle.contact-link {
    margin-left: 0
  }

  body.body .main-header .pc-nav>ul .circle.recruit-link {
    margin-left: 1.06667vw
  }
}

@media (max-width: 768px) and (max-width: 350px) {
  body.body .main-header .pc-nav {
    display: none
  }
}

@media (max-width: 768px) {
.sm-linebreak {
    display: block;
    /* スマートフォンではブロック要素として表示 */
  }

  body.body .main-header .menu-button {
    position: absolute;
    top: 50%;
    right: 5.33333%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }

  body.body .main-header .menu-button p {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s
  }

  body.body .main-header .menu-button p img {
    display: block;
    width: 100%
  }

  body.body .main-header .menu-button p:nth-of-type(1) {
    width: 21.7px
  }

  body.body .main-header .menu-button p:nth-of-type(2) {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    width: 15.4px
  }

  body.body .main-header .sp-nav {
    position: fixed;
    width: 100%;
    max-height: calc(100% - 63.7px);
    background: #fff;
    left: 0;
    top: 63.7px;
    padding-top: 8.20312vh;
    padding-bottom: 9.375vh;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    z-index: -2;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -webkit-transition: all 0.2s;
    transition: all 0.2s
  }

  body.body .main-header .sp-nav::-webkit-scrollbar {
    display: none
  }

  body.body .main-header .sp-nav .sp-nav-inner {
    width: 90.66667%;
    margin: 0 auto
  }

  body.body .main-header .sp-nav .sp-nav-inner .link {
    margin-top: 6.44531vh
  }

  body.body .main-header .sp-nav .sp-nav-inner .link a {
    font-size: 1.05rem;
    line-height: 1.05rem;
    font-weight: 500;
    display: inline-block;
    letter-spacing: .4em
  }

  body.body .main-header .sp-nav .sp-nav-inner .link a img {
    width: 15.2px;
    margin-right: .52381em;
    letter-spacing: 0
  }

  body.body .main-header .sp-nav .sp-nav-inner .link.in-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  body.body .main-header .sp-nav .sp-nav-inner .link.in-line a {
    margin-right: 2.93333vw;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }

  body.body .main-header .sp-nav .sp-nav-inner .link.in-line:after {
    content: '';
    display: block;
    width: 100%;
    border-top: 1px dashed rgba(0, 0, 0, 0.75)
  }

  body.body .main-header .sp-nav .sp-nav-inner .link:first-of-type {
    margin-top: 0
  }

  body.body .main-header .sp-nav .sp-nav-inner .link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2.14844vh
  }

  body.body .main-header .sp-nav .sp-nav-inner .link-list li {
    width: 31.29496%
  }

  body.body .main-header .sp-nav .sp-nav-inner .link-list li a {
    display: block;
    position: relative
  }

  body.body .main-header .sp-nav .sp-nav-inner .link-list li a img {
    display: block;
    width: 100%
  }

  body.body .main-header .sp-nav .sp-nav-inner .link-list li a .text {
    color: #fff;
    background: #000;
    text-align: center;
    bottom: 0;
    left: 0;
    line-height: 26.6px;
    font-size: .65625rem;
    letter-spacing: 0.05em;
    position: absolute;
    width: 100%;
    white-space: nowrap
  }

  body.body .main-header .sp-nav .sp-nav-inner .circle-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 4.39453vh
  }

  body.body .main-header .sp-nav .sp-nav-inner .circle-links li {
    width: 48.09689%;
    text-align: center
  }

  body.body .main-header .sp-nav .sp-nav-inner .circle-links li a {
    display: block;
    line-height: 43.2px;
    border-radius: 21.6px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    color: #fff;
    font-size: .8rem;
    letter-spacing: .2em;
    font-weight: 500;
    position: relative
  }

  body.body .main-header .sp-nav .sp-nav-inner .circle-links li a img {
    position: absolute;
    top: 50%;
    right: 7.91367%;
    width: .4375em;
    display: block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }

  body.body .main-header .sp-nav .sp-nav-inner .circle-links li a:hover {
    opacity: 0.8
  }

  body.body .main-header .sp-nav .sp-nav-inner .circle-links li.contact-link a {
    background: #000
  }

  body.body .main-header .sp-nav .sp-nav-inner .circle-links li.recruit-link a {
    background: #ad9757
  }

  body.body .main-header .sp-nav .sp-nav-inner .mini-links {
    margin-top: 9.17969vh
  }

  body.body .main-header .sp-nav .sp-nav-inner .mini-links li {
    margin: 1.17188vh 0;
    font-size: .75rem;
    letter-spacing: .07533em
  }

  body.body .main-header.open .menu-button p {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  body.body .main-header.open .menu-button p:nth-of-type(2) {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
  }

  body.body .main-header.open .sp-nav {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  body.body .main-footer {
    padding-top: 5.37109vh
  }

  body.body .main-footer .footer-circle-links ul li {
    width: 48.09689%
  }

  body.body .main-footer .footer-circle-links ul li a {
    line-height: 43.2px;
    font-size: .8rem;
    font-weight: 500;
    letter-spacing: 0.05em
  }

  body.body .main-footer .footer-circle-links ul li a .icfont-arrow {
    -webkit-transform: translate(0, -4px) scale(0.9);
    transform: translate(0, -4px) scale(0.9)
  }

  body.body .main-footer .double-box {
    margin-top: 5.46875vh;
    max-width: 89.33333%
  }

  body.body .main-footer .double-box .left-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  body.body .main-footer .double-box .left-box h2 {
    width: 35.02455%
  }

  body.body .main-footer .double-box .left-box h2 img {
    width: 100%
  }

  body.body .main-footer .double-box .left-box .mini-link {
    margin-top: .97656vh;
    margin-left: auto;
    text-align: right
  }

  body.body .main-footer .double-box .right-box {
    padding-left: 0;
    border-left: none;
    margin-top: 3.51562vh;
    position: relative
  }

  body.body .main-footer .double-box .right-box:before {
    content: '';
    display: block;
    width: 100%;
    border-top: 1px solid #000;
    position: absolute;
    top: 24px
  }

  body.body .main-footer .double-box .right-box .link-list {
    -ms-flex-pack: distribute;
    justify-content: space-around
  }

  body.body .main-footer .double-box .right-box .link-list .main-link>a {
    font-size: .7rem;
    letter-spacing: 0
  }

  body.body .common-circle-link {
    width: 168.8px;
    line-height: 36.8px;
    border-radius: 18.4px;
    font-size: 11.2px
  }

  body.body .common-circle-link .icfont-arrow {
    right: 10.4px;
    -webkit-transform: translate(0, -3px) scale(0.8);
    transform: translate(0, -3px) scale(0.8)
  }

  body.body .common-plug-line {
    display: block;
    margin: 4.22222vh auto 5.33333vh;
    width: 26.93333vw
  }

  body.body .common-flow-company-box {
    display: block
  }

  body.body .common-flow-company-box a {
    width: 100%
  }

  body.body .common-flow-company-box a:not(:first-of-type) {
    margin-top: 2.14844vh
  }

  body.body .common-flow-company-box a section .text {
    font-size: .7rem
  }

  body.body .common-main-image {
    padding: 10.74219vh 0 9.96094vh
  }

  body.body .common-main-image h2 img {
    width: auto;
    height: 11.33333vw
  }

  body.body .common-line-title {
    font-size: 1rem
  }

  body.body .common-form-box {
    border-top: 3.22266vh solid #f2f2f2;
    border-bottom: 3.22266vh solid #f2f2f2
  }

  body.body .common-form-box:before {
    background: url(../image/common/sp-lattice.png) repeat center top;
    background-size: 52.8px auto;
    border: 1px solid rgba(221, 221, 221, 0.5)
  }

  body.body .common-form-box .form-inner {
    margin-top: 3.66667vh
  }

  body.body .common-form-box .form-inner .catch {
    margin-top: 3.88889vh;
    font-size: .7rem;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.57143em;
    letter-spacing: 0.05em
  }

  body.body .common-form-box .form-inner .form-wrap {
    margin-top: 5.07812vh
  }

  body.body .common-form-box .form-inner .form-wrap dl {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  body.body .common-form-box .form-inner .form-wrap dl dt {
    font-size: .75rem;
    width: 130px;
    line-height: 35px
  }

  body.body .common-form-box .form-inner .form-wrap dl dt .g2 {
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px);
    line-height: 0
  }

  body.body .common-form-box .form-inner .form-wrap dl dt .req {
    font-size: 10px;
    line-height: 1.5em;
    width: 40px;
    top: 9px
  }

  body.body .common-form-box .form-inner .form-wrap dl dd {
    width: calc(100% - 130px);
    margin-left: auto;
    min-width: 273px
  }

  body.body .common-form-box .form-inner .form-wrap dl dd input[type="text"],
  body.body .common-form-box .form-inner .form-wrap dl dd input[type="tel"],
  body.body .common-form-box .form-inner .form-wrap dl dd input[type="email"] {
    line-height: 35px
  }

  body.body .common-form-box .form-inner .form-wrap .common-circle-link {
    width: 211px;
    line-height: 46px;
    font-size: .8125rem
  }

  body.body .top-slide-box .slide-text-box {
    width: 100%;
    max-width: 100%;
    left: 0;
    bottom: 0;
    background: rgba(45, 45, 45, 0.5);
    padding: 1.75781vh 19.73333% 2.05078vh 6.66667%
  }

  body.body .top-slide-box .slide-text-box h3 {
    font-size: 2.93333vw
  }

  body.body .top-slide-box .slide-text-box .description {
    margin-top: 4.13333%;
    font-size: 10px;
    padding-left: 16px
  }

  body.body .top-slide-box .slide-text-box .sp-top-slide-pager-box {
    position: absolute;
    top: 2.33333vh;
    right: 6%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  body.body .top-slide-box .slide-text-box .sp-top-slide-pager-box .top-slide-pager {
    position: relative;
    margin-left: 1.06667vw
  }

  body.body .top-slide-box .slide-text-box .sp-top-slide-pager-box .top-slide-pager:before,
  body.body .top-slide-box .slide-text-box .sp-top-slide-pager-box .top-slide-pager:after {
    content: '';
    width: 12px;
    height: 19.2px;
    display: block
  }

  body.body .top-slide-box .slide-text-box .sp-top-slide-pager-box .top-slide-pager:before {
    background: url(../image/top/slide-nav.png) no-repeat center center;
    background: -webkit-image-set(url(../image/top/slide-nav.png) 1x, url(../image/top/slide-nav.png) 2x) no-repeat center center;
    background-size: contain
  }

  body.body .top-slide-box .slide-text-box .sp-top-slide-pager-box .top-slide-pager:after {
    background: url(../image/top/slide-nav_on.png) no-repeat center center;
    background: -webkit-image-set(url(../image/top/slide-nav_on.png) 1x, url(../image/top/slide-nav_on.png) 2x) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s
  }

  body.body .top-slide-box .slide-text-box .sp-top-slide-pager-box .top-slide-pager.active:after {
    opacity: 1
  }

  body.body .top-slide-box .bx-wrapper {
    height: 106.66667vw;
    max-height: none
  }

  body.body .top-slide-box .bx-wrapper:after {
    display: none
  }

  body.body .top-slide-box .bx-wrapper .bx-controls {
    display: none
  }

  body.body .top-page .concept-box:before {
    background: url(../image/common/sp-lattice.png) repeat center center;
    background-size: 52.8px auto;
    border: 1px solid rgba(221, 221, 221, 0.5)
  }

  body.body .top-page .concept-box section h3 {
    margin: 0 0 -1.40625% -4.6875%
  }

  body.body .top-page .concept-box section h3 img {
    width: 41.875%
  }

  body.body .top-page .concept-box section .bottom-box .human {
    bottom: auto;
    top: -38.66667vw;
    z-index: 1;
    right: -4.0625%
  }

  body.body .top-page .concept-box section .bottom-box .text-box {
    padding-top: 5.33333vw;
    margin-top: -5.6vw
  }

  body.body .top-page .concept-box section .bottom-box .text-box img {
    width: 4.08163%
  }

  body.body .top-page .concept-box section .bottom-box .text-box h4 {
    font-size: .8rem
  }

  body.body .top-page .concept-box section .bottom-box .text-box .text {
    font-size: .7rem;
    padding-left: 1.21429em
  }

  body.body .top-page .recruit-box {
    padding-top: 6.05469vh
  }

  body.body .top-page .recruit-box:before {
    padding-top: 24.31641vh
  }

  body.body .top-page .recruit-box h3 img {
    width: 32.8%
  }

  body.body .top-page .recruit-box .item-box {
    margin-top: 4.29688vh
  }

  body.body .top-page .recruit-box .item-box .double-box {
    display: block
  }

  body.body .top-page .recruit-box .item-box .double-box .image {
    width: 100%;
    padding-top: 61.68224%
  }

  body.body .top-page .recruit-box .item-box .double-box .image:after {
    left: 0 !important;
    border: none;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    background: url(../image/top/recruit-cover_sp.png) no-repeat center bottom;
    background: -webkit-image-set(url(../image/top/recruit-cover_sp.png) 1x, url(../image/top/recruit-cover_sp.png) 2x) no-repeat center bottom;
    background-size: 100% auto
  }

  body.body .top-page .recruit-box .item-box .double-box .text-box {
    width: 100%;
    padding-top: 4.44444vh;
    padding-bottom: 6.33333vh
  }

  body.body .top-page .recruit-box .item-box .double-box .text-box h4 {
    font-size: .8rem
  }

  body.body .top-page .recruit-box .item-box .double-box .text-box .text {
    font-size: .7rem;
    margin-top: 3.71094vh
  }

  body.body .top-page .recruit-box .item-box .double-box .text-box .common-circle-link {
    margin-top: 3.22266vh
  }

  body.body .top-page .recruit-box .item-box .double-box .text-box>img {
    height: 4.66667vw;
    width: auto;
    top: 1.06667vw;
    right: 4.66667vw !important
  }

  body.body .top-page .recruit-box .item-box .double-box:nth-of-type(1) {
    margin-bottom: 2.44141vh
  }

  body.body .top-page .business-box {
    padding-top: 7.03125vh;
    background: #f2f2f2
  }

  body.body .top-page .business-box .business-list {
    display: block
  }

  body.body .top-page .business-box .business-list li {
    width: 100%
  }

  body.body .top-page .business-box .business-list li:not(:first-of-type) {
    margin-top: 1.46484vh
  }

  body.body .top-page .business-box .business-list li a {
    padding-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  body.body .top-page .business-box .business-list li a .image {
    width: 100%;
    padding-top: 32.24299%
  }

  body.body .top-page .business-box .business-list li a .text-box {
    position: static;
    width: 216.96px;
    min-width: 35.20249%;
    min-height: 165.6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto !important
  }

  body.body .top-page .business-box .business-list li a .text-box img {
    position: static;
    width: 16px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  body.body .top-page .business-box .business-list li a .text-box .title {
    line-height: 1em;
    font-size: .8rem;
    margin-top: 6px
  }

  body.body .top-page .business-box .business-list li a .text-box .common-circle-link {
    margin: 16px auto 0;
    width: 104.3px;
    line-height: 23.2px;
    font-size: 10px
  }

  body.body .top-page .business-box .business-list li a .text-box .common-circle-link .icfont-arrow {
    right: 7px;
    -webkit-transform: translate(0, -3.5px) scale(0.8);
    transform: translate(0, -3.5px) scale(0.8)
  }

  body.body .top-page .business-box .title-box {
    display: block;
    margin-top: 8.44444vh
  }

  body.body .top-page .business-box .title-box h3 {
    width: 42.46795%;
    margin: 0 auto
  }

  body.body .top-page .business-box .title-box .text {
    background: #fff;
    width: 100%;
    margin: 50px auto 0;
    font-size: .7rem
  }

  body.body .top-page .business-box .title-box .text img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    bottom: calc(100% - 1px);
    top: auto;
    left: calc(50% - 14px)
  }

  body.body .top-page .sp-gray-zone {
    background: #f2f2f2;
    padding: 1px 0
  }

  body.body .top-page .news-box {
    padding-top: 5.44444vh
  }

  body.body .top-page .news-box section {
    display: block;
    padding: 2.73438vh 3.86667% 2.44141vh
  }

  body.body .top-page .news-box section .left-box {
    width: 100%;
    padding-right: 0;
    padding-bottom: 1.36719vh;
    margin-right: 0;
    border-right: none;
    border-bottom: 2px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  body.body .top-page .news-box section .left-box h3 {
    margin-left: 0
  }

  body.body .top-page .news-box section .left-box h3 img {
    width: 77.6px
  }

  body.body .top-page .news-box section .left-box .common-circle-link {
    margin-top: 0
  }

  body.body .top-page .news-box section .right-box {
    display: block;
    margin-top: 1.95312vh;
    padding-right: 0;
    width: 100%
  }

  body.body .top-page .news-box section .right-box li a {
    padding: 4px 0;
    font-size: .65rem;
    letter-spacing: 0.05em
  }

  body.body .top-page .news-box section .right-box li a time {
    margin-right: 6.32911%
  }

  body.body .concept-page .main-bg-box:before {
    background: url(../image/common/sp-lattice.png) repeat center top;
    background-size: 52.8px auto;
    border: 1px solid rgba(221, 221, 221, 0.5)
  }

  body.body .concept-page .main-bg-box .first-box {
    margin-top: 2.83203vh;
    display: block
  }

  body.body .concept-page .main-bg-box .first-box .image {
    width: 92%;
    margin-top: 0
  }

  body.body .concept-page .main-bg-box .first-box .text-box {
    width: 79.6%;
    margin: -11.33333% auto 0
  }

  body.body .concept-page .main-bg-box .first-box .text-box .item {
    width: 36.85092%;
    margin-right: 3.51759%
  }

  body.body .concept-page .main-bg-box .first-box .text-box section {
    width: 100%;
    margin-left: 0;
    padding: 7.42188vh 8.0402% 7.42188vh
  }

  body.body .concept-page .main-bg-box .first-box .text-box section:after {
    height: 96.76724%;
    right: 2.8vw;
    bottom: -2.66667vw;
    top: auto
  }

  body.body .concept-page .main-bg-box .first-box .text-box section h3 {
    font-size: .8rem
  }

  body.body .concept-page .main-bg-box .first-box .text-box section .text {
    font-size: .7rem
  }

  body.body .concept-page .main-bg-box .tuyomi-box {
    margin-top: 9.66797%;
    max-width: 91.46667%
  }

  body.body .concept-page .main-bg-box .tuyomi-box h3 {
    width: 45.48105%
  }

  body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content {
    padding: 5.27344% 0 5.76172%
  }

  body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content .double-box {
    width: 80.17493%;
    display: block
  }

  body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content .double-box section {
    width: 100%
  }

  body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content .double-box section:not(:first-of-type) {
    margin-top: 7.32422vh
  }

  body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content .double-box section h4 {
    line-height: 1.3em;
    font-size: .8rem
  }

  body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content .double-box section h4 .nth {
    font-size: 3.25rem
  }

  body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content .double-box section .text {
    margin-top: 2.44141%;
    font-size: .7rem
  }

  body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content:after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    bottom: 0
  }

  body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content.yellow-item:before {
    width: 101.46667%;
    padding-top: 80%;
    margin-top: -14.53333%;
    left: -10%;
    background: url(../image/concept/bg01_sp01.png) no-repeat center center;
    background: -webkit-image-set(url(../image/concept/bg01_sp01.png) 1x, url(../image/concept/bg01_sp01.png) 2x) no-repeat center center;
    background-size: cover
  }

  body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content.yellow-item:after {
    width: 126.93333%;
    padding-top: 99.73333%;
    margin-bottom: -4%;
    left: -14.4%;
    background: url(../image/concept/bg01_sp02.png) no-repeat center center;
    background: -webkit-image-set(url(../image/concept/bg01_sp02.png) 1x, url(../image/concept/bg01_sp02.png) 2x) no-repeat center center;
    background-size: cover
  }

  body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content.black-item:before {
    width: 68.66667%;
    padding-top: 95.73333%;
    margin-top: -17.73333%;
    left: -8.13333%;
    background: url(../image/concept/bg02_sp01.png) no-repeat center center;
    background: -webkit-image-set(url(../image/concept/bg02_sp01.png) 1x, url(../image/concept/bg02_sp01.png) 2x) no-repeat center center;
    background-size: cover
  }

  body.body .concept-page .main-bg-box .tuyomi-box .tuyomi-content.black-item:after {
    width: 96.8%;
    padding-top: 97.86667%;
    margin-bottom: -12.93333%;
    left: 8.66667%;
    background: url(../image/concept/bg02_sp02.png) no-repeat center center;
    background: -webkit-image-set(url(../image/concept/bg02_sp02.png) 1x, url(../image/concept/bg02_sp02.png) 2x) no-repeat center center;
    background-size: cover
  }

  body.body .business-page .bg .inner {
    height: 21.2vw;
    background: none
  }

  body.body .business-page .title-double-box:before {
    background: url(../image/common/sp-lattice.png) repeat center top;
    background-size: 52.8px auto;
    border: 1px solid rgba(221, 221, 221, 0.5)
  }

  body.body .business-page .title-double-box .content-box {
    margin-top: -20vh
  }

  body.body .business-page .title-double-box .content-box .item {
    display: block
  }

  body.body .business-page .title-double-box .content-box .item .inner {
    display: block
  }

  body.body .business-page .title-double-box .content-box .item .inner .left {
    width: 100%
  }

  body.body .business-page .title-double-box .content-box .item .inner .left:before {
    padding-top: 56.85358%
  }

  body.body .business-page .title-double-box .content-box .item .inner .right {
    width: 100%
  }

  body.body .business-page .title-double-box .content-box .item .inner .right h3 {
    width: 65%
  }

  body.body .business-page .bg-item .inner-box {
    background: url(../image/business/nb2.png) repeat-y center top;
    background-size: 100% auto;
    padding: 8.53333% 0 8%
  }

  body.body .business-page .bg-item .inner-box .image-box {
    width: 92%;
    margin: 0 auto
  }

  body.body .business-page .bg-item .inner-box .text-box {
    width: 79.6%;
    margin: -8.4% auto 0;
    -webkit-transform: translate(7px, 0);
    transform: translate(7px, 0)
  }

  body.body .business-page .bg-item .inner-box .text-box:before {
    -webkit-transform: translate(-14px, 14px);
    transform: translate(-14px, 14px)
  }

  body.body .business-page .koushi-box .inner-box .image-box {
    width: 92%;
    margin: 0 auto
  }

  body.body .business-page .koushi-box .inner-box .text-box {
    width: 79.6%;
    margin: -8.4% auto 0;
    -webkit-transform: translate(7px, 0);
    transform: translate(7px, 0)
  }

  body.body .business-page .koushi-box .inner-box .text-box:before {
    -webkit-transform: translate(-14px, 14px);
    transform: translate(-14px, 14px)
  }

  body.body .flow-page .yellow-bg {
    height: 22.75391vh;
    margin-bottom: -16.50391vh
  }

  body.body .flow-page .first-box .image {
    width: 100%
  }

  body.body .flow-page .first-box .text-box {
    width: 87.10145%;
    margin: -1.85547vh auto 0
  }

  body.body .flow-page .first-box .text-box h3 {
    font-size: .8rem;
    line-height: 32px
  }

  body.body .flow-page .first-box .text-box h3 .gyo {
    margin-top: 0;
    margin-bottom: 1.07422vh
  }

  body.body .flow-page .first-box .text-box .text {
    width: 100%;
    margin: 3.61328vh 0 0
  }

  body.body .flow-page .list-box {
    margin-top: 3.90625vh
  }

  body.body .flow-page .list-box:before,
  body.body .flow-page .list-box:after {
    display: none
  }

  body.body .flow-page .list-box ul {
    display: block
  }

  body.body .flow-page .list-box ul li {
    width: 100%;
    margin-bottom: 3.41797vh;
    overflow: hidden
  }

  body.body .flow-page .list-box ul li .nth {
    position: relative;
    font-size: .8rem;
    width: 73.6px;
    line-height: 24px
  }

  body.body .flow-page .list-box ul li .nth:after {
    content: '';
    display: block;
    height: 1px;
    background: #000;
    width: 100vw;
    left: calc(100% + 2.93333vw);
    position: absolute;
    top: 50%
  }

  body.body .flow-page .list-box ul li .title {
    font-size: .8rem;
    margin-top: 2.34375vh
  }

  body.body .flow-page .list-box ul li .text {
    margin-top: 1.36719vh;
    font-size: .7rem
  }

  body.body .company-page .name-item {
    font-size: .75rem;
    line-height: 28px
  }

  body.body .company-page .main-bg-box:after {
    height: 75.33333vw;
    top: 12.01172vh
  }

  body.body .company-page .main-bg-box:before {
    background: url(../image/common/sp-lattice.png) repeat center top;
    background-size: 52.8px auto;
    border: 1px solid rgba(221, 221, 221, 0.5)
  }

  body.body .company-page .main-bg-box .company-nav {
    width: 72.4%;
    margin-top: 4.29688vh
  }

  body.body .company-page .main-bg-box .company-nav ul {
    display: block
  }

  body.body .company-page .main-bg-box .company-nav ul li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3.51562vh
  }

  body.body .company-page .main-bg-box .company-nav ul li .nth {
    width: 12.52302%
  }

  body.body .company-page .main-bg-box .company-nav ul li .image {
    width: 67.40331%;
    padding-top: 32.22836%
  }

  body.body .company-page .main-bg-box .company-nav ul li .image img {
    display: none
  }

  body.body .company-page .main-bg-box .company-nav ul li .name {
    width: 32.59669%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.4em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .75rem;
    letter-spacing: 0.1em;
    white-space: nowrap
  }

  body.body .company-page .main-bg-box .company-nav ul li .name .mini {
    font-size: .65rem;
    margin-bottom: 5px
  }

  body.body .company-page .main-bg-box .company-nav ul li:nth-of-type(1) .image {
    background: url(../image/company/human01.png) no-repeat center top;
    background: -webkit-image-set(url(../image/company/human01.png) 1x, url(../image/company/human01.png) 2x) no-repeat center top;
    background-size: cover
  }

  body.body .company-page .main-bg-box .company-nav ul li:nth-of-type(2) .image {
    background: url(../image/company/human02.jpg) no-repeat center top;
    background: -webkit-image-set(url(../image/company/human02.png) 1x, url(../image/company/human02.png) 2x) no-repeat center top;
    background-size: cover
  }

  body.body .company-page .main-bg-box .company-nav ul li:nth-of-type(3) .image {
    background: url(../image/company/human03.png) no-repeat center top;
    background: -webkit-image-set(url(../image/company/human03.png) 1x, url(../image/company/human03.png) 2x) no-repeat center top;
    background-size: cover
  }

  body.body .company-page .main-bg-box .boss-box {
    width: 79.86667%;
    max-width: 79.86667%;
    margin-top: 10.9375vh
  }

  body.body .company-page .main-bg-box .boss-box .top-box h3 {
    font-size: 1rem;
    margin-bottom: 0
  }

  body.body .company-page .main-bg-box .boss-box .top-box h3 img {
    width: 12.52087%
  }

  body.body .company-page .main-bg-box .boss-box .top-box .double-box {
    display: block;
    margin-top: 2.73438%
  }

  body.body .company-page .main-bg-box .boss-box .top-box .double-box .image {
    width: 100%
  }

  body.body .company-page .main-bg-box .boss-box .top-box .double-box .image img {
    width: 115.19199%
  }

  body.body .company-page .main-bg-box .boss-box .top-box .double-box .text-box {
    margin-top: 4.58984vh;
    width: 100%
  }

  body.body .company-page .main-bg-box .boss-box .bottom-box {
    display: block;
    margin-top: 4.6875vh
  }

  body.body .company-page .main-bg-box .boss-box .bottom-box .image {
    width: 100%
  }

  body.body .company-page .main-bg-box .boss-box .bottom-box .text {
    width: 100%
  }

  body.body .company-page .member-box section h3 {
    font-size: 1rem;
    margin-bottom: 0
  }

  body.body .company-page .member-box section h3 img {
    width: 12.52087%
  }

  body.body .company-page .member-box section .double-box {
    display: block;
    margin-top: 2.73438%
  }

  body.body .company-page .member-box section .double-box .image {
    width: 100%
  }

  body.body .company-page .member-box section .double-box .image img {
    width: 115.19199%
  }

  body.body .company-page .member-box section .double-box .text-box {
    margin-top: 4.58984vh;
    width: 100%
  }

  body.body .company-page .gaiyo-box section h3 {
    font-size: 1rem
  }

  body.body .company-page .gaiyo-box section .gaiyo-list:before {
    left: 88px
  }

  body.body .company-page .gaiyo-box section .gaiyo-list dl dt {
    width: 88px;
    font-size: .75rem
  }

  body.body .company-page .bottom-info-box {
    display: block
  }

  body.body .company-page .bottom-info-box .gaikan {
    width: 100%
  }

  body.body .company-page .bottom-info-box .map-box {
    width: 100%;
    padding-top: 57.86667%
  }

  body.body .recruit-page .message-box {
    padding: 4.00391vh 0 6.05469vh;
    background: url(../image/recruit/bg-sp.png) no-repeat center center,#b2ff00;
    background-size: cover
  }

  body.body .recruit-page .message-box section:before {
    display: none
  }

  body.body .recruit-page .message-box section h3 img {
    max-width: 33.33333vw
  }

  body.body .recruit-page .message-box section .message-list {
    margin-top: 3.125vh;
    display: block
  }

  body.body .recruit-page .message-box section .message-list li {
    width: 100%
  }

  body.body .recruit-page .message-box section .message-list li:not(:first-of-type) {
    margin-top: 4.88281vh
  }

  body.body .recruit-page .message-box section .message-list li .name-box .name-left {
    font-size: .75rem
  }

  body.body .recruit-page .message-box section .message-list li .name-box .name-left .mini {
    font-size: 10px
  }

  body.body .recruit-page .message-box section .message-list li .hidden-box .hidden-inner dl dt {
    font-size: .75rem
  }

  body.body .recruit-page .message-box section .message-list li .hidden-box .hidden-inner dl dt .q {
    width: 28px;
    line-height: 28px;
    height: 28px
  }

  body.body .recruit-page .message-box section .message-list li .hidden-box .hidden-inner dl dt .dt-inner {
    display: inline-block;
    margin-top: 8px
  }

  body.body .recruit-page .message-box section .message-list li .hidden-box .hidden-inner dl dd {
    font-size: .7rem
  }

  body.body .recruit-page .recruit-info-box {
    padding: 6.25vh 0 8.98438vh
  }

  body.body .recruit-page .recruit-info-box .info-inner {
    margin-top: 4.98047vh
  }

  body.body .recruit-page .recruit-info-box .info-inner .info-content .info-item dl {
    width: 100%;
    border-right: none !important
  }

  body.body .news-archive-page .new-post-box {
    padding: 6.15234% 0 5.07812%
  }

  body.body .news-archive-page .new-post-box ul {
    display: block
  }

  body.body .news-archive-page .new-post-box ul li {
    width: 100%
  }

  body.body .news-archive-page .new-post-box ul li:not(:first-of-type) {
    margin-top: 4.39453%
  }

  body.body .news-archive-page .new-post-box ul li a .text-box {
    margin-top: 1.95312vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  body.body .news-archive-page .new-post-box ul li a .text-box time {
    font-size: .8rem;
    line-height: 24px;
    width: 90px
  }

  body.body .news-archive-page .new-post-box ul li a .text-box .title {
    width: calc(100% - 120px);
    font-size: .75rem;
    line-height: 24px
  }

  body.body .news-archive-page .new-post-box ul li a .text-box:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url(../image/news/arrow-box.png) no-repeat center center;
    background: -webkit-image-set(url(../image/news/arrow-box.png) 1x, url(../image/news/arrow-box.png) 2x) no-repeat center center;
    background-size: contain;
    margin-left: auto
  }

  body.body .news-archive-page .post-box:before {
    background: url(../image/common/sp-lattice.png) repeat center top;
    background-size: 52.8px auto;
    border: 1px solid rgba(221, 221, 221, 0.5)
  }

  body.body .news-archive-page .post-box .post-list {
    margin-top: 3.61328vh
  }

  body.body .news-archive-page .post-box .post-list li {
    width: 48.40668%;
    margin-bottom: 2.63672vh
  }

  body.body .news-archive-page .post-box .post-list li a .text-box {
    margin-top: 0;
    padding-top: 1.07422%;
    position: relative
  }

  body.body .news-archive-page .post-box .post-list li a .text-box time {
    font-size: .75rem
  }

  body.body .news-archive-page .post-box .post-list li a .text-box .title {
    font-size: .7rem
  }

  body.body .news-archive-page .post-box .post-list li a .text-box:after {
    content: '';
    display: block;
    width: 23px;
    height: 23px;
    background: url(../image/news/arrow-box.png) no-repeat center center;
    background: -webkit-image-set(url(../image/news/arrow-box.png) 1x, url(../image/news/arrow-box.png) 2x) no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 3px;
    top: -10px
  }

  body.body .news-single-page {
    display: block;
    margin-top: 4.00391vh;
    margin-bottom: 5.46875vh
  }

  body.body .news-single-page .single-content {
    width: 100%
  }

  body.body .news-single-page .single-content article time {
    font-size: .8rem;
    width: 85px;
    line-height: 25px
  }

  body.body .news-single-page .single-content article h1 {
    font-size: .8rem
  }

  body.body .news-single-page .single-content article .user_contents {
    font-size: .7rem
  }

  body.body .news-single-page .single-content .news-single-nav nav {
    width: 100%
  }

  body.body .news-single-page .single-content .news-single-nav nav [class^="link"],
  body.body .news-single-page .single-content .news-single-nav nav .ichiran-link {
    padding-top: 16px;
    padding-bottom: 16px
  }

  body.body .news-single-page .single-content .news-single-nav nav [class^="link"] {
    font-size: .75rem
  }

  body.body .news-single-page .single-content .news-single-nav nav [class^="link"]:before,
  body.body .news-single-page .single-content .news-single-nav nav [class^="link"]:after {
    width: 19.2px;
    height: 19.2px
  }

  body.body .news-single-page .single-content .news-single-nav nav .ichiran-link {
    font-size: .75rem
  }

  body.body .news-single-page .single-content .news-single-nav nav .line {
    height: 25.6px
  }

  body.body .news-single-page .news-right-box {
    top: 0 !important;
    width: 100%;
    margin-top: 6.05469vh;
    max-height: none;
    overflow: visible
  }

  body.body .news-single-page .news-right-box .new-post-box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  body.body .news-single-page .news-right-box .new-post-box ul li {
    width: 46.94486%
  }

  body.body .news-single-page .news-right-box .new-post-box ul li:nth-of-type(1) {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0
  }

  body.body .news-single-page .news-right-box .new-post-box ul li a time {
    margin-top: 1.17188vh;
    font-size: .75rem
  }

  body.body .news-single-page .news-right-box .new-post-box ul li a .title {
    font-size: .7rem
  }

  body.body .news-single-page .news-right-box .year-archive {
    border-bottom: 1px solid #000
  }

  body.body .news-single-page .news-right-box .year-archive .title {
    font-size: .8rem
  }

  body.body .news-single-page .news-right-box .year-archive ul {
    padding: 12px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  body.body .news-single-page .news-right-box .year-archive ul li {
    margin: 4px 0
  }

  body.body .news-single-page .news-right-box .year-archive ul li a {
    font-size: .7rem
  }

  body.body .news-single-page .news-right-box .year-archive ul li a:before {
    width: 11.2px;
    height: 11.2px
  }

  body.body .privacy-policy-page .text-box section {
    margin-bottom: 5vh
  }

  body.body .privacy-policy-page .text-box section h3 {
    font-size: .85rem
  }

  body.body .privacy-policy-page .text-box section .text {
    font-size: .7rem
  }
}

/*# sourceMappingURL=style.css.map */