@charset "UTF-8";
/* ==================================================
[Style]
	 1. Reset
	 2. Base
	 3. Layout
	 4. Module
	 5. State
	 6. Theme
	 7. Slick
	 8. Header
	 9. Footer
	10. Index
  11. Common (ex. Index)
  12. About LIGHTz
  13. Overview
  14. Message
  15. Members
  16. Consulting
  17. DX Professional Service
  18. System developments
  19. Search Engine
  20. ORGENIUS Figure
  21. Products
  22. Pincy Park
  23. Gnius Park
  24. Indst Park
  25. Recruits
  26. New Graduates
  27. Careers
  28. News
  29. Entry
  30. Contacs
	99. Print
================================================== */
/* --------------------------------------------------
	 1. Reset
-------------------------------------------------- */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

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

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 2px;
  border: 0;
  margin: 5rem 0;
  padding: 0;
  background-image: url(https://lightz-inc.com/images/hr.png);
  background-size: 100% 2px;
}

input,
select {
  vertical-align: middle;
}

@media all and (max-width: 739px) {
  hr {
    margin: 3rem 0;
  }
}
/* --------------------------------------------------
	 2. Base
-------------------------------------------------- */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  color: #000;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
  line-height: 1.8;
  word-break: normal;
  overflow-wrap: normal;
  word-wrap: normal;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

a {
  outline: none;
  word-break: break-all;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

a:link,
a:visited {
  color: #bdbebf;
  text-decoration: underline;
}

a:hover,
a:active {
  text-decoration: none;
}

ul,
ol {
  list-style: none;
}

em,
dl,
i,
address {
  font-style: normal;
}

sup,
sub {
  font-size: 0.75rem;
  line-height: 1.35;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1rem;
  font-family: inherit;
}

table th,
table td {
  text-align: left;
  vertical-align: middle;
  padding: 1em 2em;
}

table th {
  font-weight: normal;
}

table td {
  word-break: break-all;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"] {
  margin: 5px;
  padding: 6px;
  color: #222222;
  font-size: 1rem;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
  border: 1px solid #333;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

textarea,
input[type="text"],
input[type="email"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="text"].align_left {
  text-align: left;
}

input[type="text"].align_center {
  text-align: center;
}

input[type="text"].align_right {
  text-align: right;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 3px 0 5px 5px;
  outline: none;
  cursor: pointer;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
  padding: 0 8px 0 2px;
  cursor: pointer;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #4d4d4d;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #4d4d4d;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #4d4d4d;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #4d4d4d;
}

p {
  min-height: 1.8em;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

iframe {
  max-width: 100%;
}

@media all and (min-width: 740px) {
  html {
    font-size: 16px;
  }
  html.base_font_large {
    font-size: 18px;
  }
}

@media all and (max-width: 739px) {
  html {
    font-size: 14px;
  }
  table th,
  table td {
    padding: 0.5em 1em;
  }
}

/* --------------------------------------------------
	 3. Layout
-------------------------------------------------- */
#header,
#content,
#footer {
  position: relative;
  clear: both;
}

#header .inner,
#content .inner,
#footer .inner {
  position: relative;
  margin: 0 auto;
}

#content article > .inner {
  background-color: #fff;
}

#pagetop {
  position: fixed;
  right: 20px;
  bottom: 40px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  z-index: 5;
}

#pagetop.fixed {
  opacity: 1;
  pointer-events: auto;
}

#pagetop a {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  position: relative;
  width: 80px;
  height: 80px;
  background-color: #ffef00;
  border-radius: 50%;
}

#pagetop a::before {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  content: "";
  margin-left: -5px;
  width: 10px;
  height: 10px;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media all and (min-width: 740px) {
  #header,
  #content,
  #footer {
    min-width: 1400px;
  }
  #header .inner,
  #content .inner,
  #footer .inner {
    width: 1400px;
  }
  #content {
    padding-top: 78px;
  }
  #content article .inner {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  #content article > .inner {
    margin: 50px auto 100px;
    padding: 0;
    width: 1400px;
  }
  #breadcrumb {
    margin-left: 88px;
    font-size: 0.8125rem;
    background-color: #fff;
  }
  #breadcrumb li {
    color: #929292;
    display: inline-block;
    vertical-align: middle;
    padding: 5px 0;
  }
  #breadcrumb li:not(:last-child)::after {
    content: "/";
    width: 2.5em;
    padding-left: 0.75em;
    padding-right: 0.75em;
  }
  #breadcrumb a {
    color: #929292;
    text-decoration: none !important;
  }
  #breadcrumb a:hover {
    text-decoration: underline !important;
  }
  #pagetop a {
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  #pagetop a:hover {
    background-color: #ffef00;
  }
}

@media all and (max-width: 739px) {
  #all {
    overflow: hidden;
  }
  #header,
  #content,
  #footer {
    min-width: 320px;
  }
  #header .inner,
  #content .inner,
  #footer .inner {
    padding-left: 20px;
    padding-right: 20px;
    min-width: 280px;
  }
  #content {
    padding-top: 78px;
  }
  #content article .inner {
    padding-left: 0;
    padding-right: 0;
  }
  #content article > .inner {
    margin: 30px 20px 60px;
    padding: 30px 20px 40px;
    width: auto;
  }
  #breadcrumb {
    display: none;
  }
  #pagetop a {
    width: 60px;
    height: 60px;
  }
  #pagetop a::before {
    margin-top: -2px;
  }
}

/* --------------------------------------------------
	 4. Module
-------------------------------------------------- */
.gothic {
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
}

.mincho {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3",
    "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.font_big {
  font-size: 1.25rem !important;
}

.font_large {
  font-size: 1.125rem !important;
}

.font_normal {
  font-size: 1rem !important;
}

.font_small {
  font-size: 0.875rem !important;
}

.font_little {
  font-size: 0.75rem !important;
}

.mt_0 {
  margin-top: 0rem !important;
}

.mr_0 {
  margin-right: 0rem !important;
}

.mb_0 {
  margin-bottom: 0rem !important;
}

.ml_0 {
  margin-left: 0rem !important;
}

.m_0 {
  margin: 0rem !important;
}

.mx_0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.my_0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.pt_0 {
  padding-top: 0rem !important;
}

.pr_0 {
  padding-right: 0rem !important;
}

.pb_0 {
  padding-bottom: 0rem !important;
}

.pl_0 {
  padding-left: 0rem !important;
}

.p_0 {
  padding: 0rem !important;
}

.px_0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.py_0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.mt_1 {
  margin-top: 1rem !important;
}

.mr_1 {
  margin-right: 1rem !important;
}

.mb_1 {
  margin-bottom: 1rem !important;
}

.ml_1 {
  margin-left: 1rem !important;
}

.m_1 {
  margin: 1rem !important;
}

.mx_1 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my_1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.pt_1 {
  padding-top: 1rem !important;
}

.pr_1 {
  padding-right: 1rem !important;
}

.pb_1 {
  padding-bottom: 1rem !important;
}

.pl_1 {
  padding-left: 1rem !important;
}

.p_1 {
  padding: 1rem !important;
}

.px_1 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py_1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.mt_2 {
  margin-top: 2rem !important;
}

.mr_2 {
  margin-right: 2rem !important;
}

.mb_2 {
  margin-bottom: 2rem !important;
}

.ml_2 {
  margin-left: 2rem !important;
}

.m_2 {
  margin: 2rem !important;
}

.mx_2 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my_2 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.pt_2 {
  padding-top: 2rem !important;
}

.pr_2 {
  padding-right: 2rem !important;
}

.pb_2 {
  padding-bottom: 2rem !important;
}

.pl_2 {
  padding-left: 2rem !important;
}

.p_2 {
  padding: 2rem !important;
}

.px_2 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py_2 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.mt_3 {
  margin-top: 3rem !important;
}

.mr_3 {
  margin-right: 3rem !important;
}

.mb_3 {
  margin-bottom: 3rem !important;
}

.ml_3 {
  margin-left: 3rem !important;
}

.m_3 {
  margin: 3rem !important;
}

.mx_3 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my_3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.pt_3 {
  padding-top: 3rem !important;
}

.pr_3 {
  padding-right: 3rem !important;
}

.pb_3 {
  padding-bottom: 3rem !important;
}

.pl_3 {
  padding-left: 3rem !important;
}

.p_3 {
  padding: 3rem !important;
}

.px_3 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py_3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.mt_4 {
  margin-top: 4rem !important;
}

.mr_4 {
  margin-right: 4rem !important;
}

.mb_4 {
  margin-bottom: 4rem !important;
}

.ml_4 {
  margin-left: 4rem !important;
}

.m_4 {
  margin: 4rem !important;
}

.mx_4 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.my_4 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.pt_4 {
  padding-top: 4rem !important;
}

.pr_4 {
  padding-right: 4rem !important;
}

.pb_4 {
  padding-bottom: 4rem !important;
}

.pl_4 {
  padding-left: 4rem !important;
}

.p_4 {
  padding: 4rem !important;
}

.px_4 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.py_4 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.mt_5 {
  margin-top: 5rem !important;
}

.mr_5 {
  margin-right: 5rem !important;
}

.mb_5 {
  margin-bottom: 5rem !important;
}

.ml_5 {
  margin-left: 5rem !important;
}

.m_5 {
  margin: 5rem !important;
}

.mx_5 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.my_5 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.pt_5 {
  padding-top: 5rem !important;
}

.pr_5 {
  padding-right: 5rem !important;
}

.pb_5 {
  padding-bottom: 5rem !important;
}

.pl_5 {
  padding-left: 5rem !important;
}

.p_5 {
  padding: 5rem !important;
}

.px_5 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.py_5 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.clearfix::after {
  display: block;
  content: "";
  clear: both;
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

.clear_both {
  clear: both;
}

.text_center {
  text-align: center;
}

.text_left {
  text-align: left;
}

.text_right {
  text-align: right;
}

.flex > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.flex > .row > [class^="col"] {
  padding: 2%;
}

.flex > .row > [class^="col"].left {
  text-align: left;
}

.flex > .row > [class^="col"].center {
  text-align: center;
}

.flex > .row > [class^="col"].right {
  text-align: right;
}

.flex > .row > [class^="col"].offset1 {
  margin-left: 8.33333%;
}

.flex > .row > [class^="col"].offset2 {
  margin-left: 16.66667%;
}

.flex > .row > [class^="col"].offset3 {
  margin-left: 25%;
}

.flex > .row > [class^="col"].offset4 {
  margin-left: 33.33333%;
}

.flex > .row > [class^="col"].offset5 {
  margin-left: 41.66667%;
}

.flex > .row > [class^="col"].offset6 {
  margin-left: 50%;
}

.flex > .row > [class^="col"].offset7 {
  margin-left: 58.33333%;
}

.flex > .row > [class^="col"].offset8 {
  margin-left: 66.66667%;
}

.flex > .row > [class^="col"].offset9 {
  margin-left: 75%;
}

.flex > .row > [class^="col"].offset10 {
  margin-left: 83.33333%;
}

.flex > .row > [class^="col"].offset11 {
  margin-left: 91.66667%;
}

.flex > .row > .col1 {
  width: 8.33333%;
}

.flex > .row > .col2 {
  width: 16.66667%;
}

.flex > .row > .col3 {
  width: 25%;
}

.flex > .row > .col4 {
  width: 33.33333%;
}

.flex > .row > .col5 {
  width: 41.66667%;
}

.flex > .row > .col6 {
  width: 50%;
}

.flex > .row > .col7 {
  width: 58.33333%;
}

.flex > .row > .col8 {
  width: 66.66667%;
}

.flex > .row > .col9 {
  width: 75%;
}

.flex > .row > .col10 {
  width: 83.33333%;
}

.flex > .row > .col11 {
  width: 91.66667%;
}

.flex > .row > .col12 {
  width: 100%;
}

.flex > .row.gutter > [class^="col"] {
  margin: 0 0 2% 2%;
  padding: 0;
}

.flex > .row.gutter > [class^="col"]:first-child {
  margin-left: 0;
}

.flex > .row.gutter > [class^="col"].offset1 {
  margin-left: 6.5%;
}

.flex > .row.gutter > [class^="col"].offset2 {
  margin-left: 15%;
}

.flex > .row.gutter > [class^="col"].offset3 {
  margin-left: 23.5%;
}

.flex > .row.gutter > [class^="col"].offset4 {
  margin-left: 32%;
}

.flex > .row.gutter > [class^="col"].offset5 {
  margin-left: 40.5%;
}

.flex > .row.gutter > [class^="col"].offset6 {
  margin-left: 49%;
}

.flex > .row.gutter > [class^="col"].offset7 {
  margin-left: 57.5%;
}

.flex > .row.gutter > [class^="col"].offset8 {
  margin-left: 66%;
}

.flex > .row.gutter > [class^="col"].offset9 {
  margin-left: 74.5%;
}

.flex > .row.gutter > [class^="col"].offset10 {
  margin-left: 83%;
}

.flex > .row.gutter > [class^="col"].offset11 {
  margin-left: 91.5%;
}

.flex > .row.gutter > .col1 {
  width: 6.5%;
}

.flex > .row.gutter > .col2 {
  width: 15%;
}

.flex > .row.gutter > .col3 {
  width: 23.5%;
}

.flex > .row.gutter > .col4 {
  width: 32%;
}

.flex > .row.gutter > .col5 {
  width: 40.5%;
}

.flex > .row.gutter > .col6 {
  width: 49%;
}

.flex > .row.gutter > .col7 {
  width: 57.5%;
}

.flex > .row.gutter > .col8 {
  width: 66%;
}

.flex > .row.gutter > .col9 {
  width: 74.5%;
}

.flex > .row.gutter > .col10 {
  width: 83%;
}

.flex > .row.gutter > .col11 {
  width: 91.5%;
}

.flex > .row.gutter > .col12 {
  width: 100%;
}

.flex > .row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.flex > .row.reverse > .offset1 {
  margin-left: 0;
  margin-right: 8.33333%;
}

.flex > .row.reverse.gutter > [class^="col"] {
  margin: 0 2% 2% 0;
}

.flex > .row.reverse.gutter > [class^="col"]:first-child {
  margin-right: 0;
}

.flex > .row.reverse.gutter > .offset1 {
  margin-left: 0;
  margin-right: 8.5%;
}

.flex > .row.reverse > .offset2 {
  margin-left: 0;
  margin-right: 16.66667%;
}

.flex > .row.reverse.gutter > [class^="col"] {
  margin: 0 2% 2% 0;
}

.flex > .row.reverse.gutter > [class^="col"]:first-child {
  margin-right: 0;
}

.flex > .row.reverse.gutter > .offset2 {
  margin-left: 0;
  margin-right: 17%;
}

.flex > .row.reverse > .offset3 {
  margin-left: 0;
  margin-right: 25%;
}

.flex > .row.reverse.gutter > [class^="col"] {
  margin: 0 2% 2% 0;
}

.flex > .row.reverse.gutter > [class^="col"]:first-child {
  margin-right: 0;
}

.flex > .row.reverse.gutter > .offset3 {
  margin-left: 0;
  margin-right: 25.5%;
}

.flex > .row.reverse > .offset4 {
  margin-left: 0;
  margin-right: 33.33333%;
}

.flex > .row.reverse.gutter > [class^="col"] {
  margin: 0 2% 2% 0;
}

.flex > .row.reverse.gutter > [class^="col"]:first-child {
  margin-right: 0;
}

.flex > .row.reverse.gutter > .offset4 {
  margin-left: 0;
  margin-right: 34%;
}

.flex > .row.reverse > .offset5 {
  margin-left: 0;
  margin-right: 41.66667%;
}

.flex > .row.reverse.gutter > [class^="col"] {
  margin: 0 2% 2% 0;
}

.flex > .row.reverse.gutter > [class^="col"]:first-child {
  margin-right: 0;
}

.flex > .row.reverse.gutter > .offset5 {
  margin-left: 0;
  margin-right: 42.5%;
}

.flex > .row.reverse > .offset6 {
  margin-left: 0;
  margin-right: 50%;
}

.flex > .row.reverse.gutter > [class^="col"] {
  margin: 0 2% 2% 0;
}

.flex > .row.reverse.gutter > [class^="col"]:first-child {
  margin-right: 0;
}

.flex > .row.reverse.gutter > .offset6 {
  margin-left: 0;
  margin-right: 51%;
}

.flex > .row.reverse > .offset7 {
  margin-left: 0;
  margin-right: 58.33333%;
}

.flex > .row.reverse.gutter > [class^="col"] {
  margin: 0 2% 2% 0;
}

.flex > .row.reverse.gutter > [class^="col"]:first-child {
  margin-right: 0;
}

.flex > .row.reverse.gutter > .offset7 {
  margin-left: 0;
  margin-right: 59.5%;
}

.flex > .row.reverse > .offset8 {
  margin-left: 0;
  margin-right: 66.66667%;
}

.flex > .row.reverse.gutter > [class^="col"] {
  margin: 0 2% 2% 0;
}

.flex > .row.reverse.gutter > [class^="col"]:first-child {
  margin-right: 0;
}

.flex > .row.reverse.gutter > .offset8 {
  margin-left: 0;
  margin-right: 68%;
}

.flex > .row.reverse > .offset9 {
  margin-left: 0;
  margin-right: 75%;
}

.flex > .row.reverse.gutter > [class^="col"] {
  margin: 0 2% 2% 0;
}

.flex > .row.reverse.gutter > [class^="col"]:first-child {
  margin-right: 0;
}

.flex > .row.reverse.gutter > .offset9 {
  margin-left: 0;
  margin-right: 76.5%;
}

.flex > .row.reverse > .offset10 {
  margin-left: 0;
  margin-right: 83.33333%;
}

.flex > .row.reverse.gutter > [class^="col"] {
  margin: 0 2% 2% 0;
}

.flex > .row.reverse.gutter > [class^="col"]:first-child {
  margin-right: 0;
}

.flex > .row.reverse.gutter > .offset10 {
  margin-left: 0;
  margin-right: 85%;
}

.flex > .row.reverse > .offset11 {
  margin-left: 0;
  margin-right: 91.66667%;
}

.flex > .row.reverse.gutter > [class^="col"] {
  margin: 0 2% 2% 0;
}

.flex > .row.reverse.gutter > [class^="col"]:first-child {
  margin-right: 0;
}

.flex > .row.reverse.gutter > .offset11 {
  margin-left: 0;
  margin-right: 93.5%;
}

table {
  width: 100%;
}

table.basic_table {
  margin-bottom: 2em;
  font-size: 0.9375rem;
  background-color: #fff;
}

table.basic_table th,
table.basic_table td {
  border-bottom: 1px solid #e1e1e1;
}

table.basic_table th {
  color: #929292;
  white-space: nowrap;
}

table.basic_table td {
  color: #3b4043;
}

table.basic_table thead {
  line-height: 1.4;
}

table.basic_table.text_center th,
table.basic_table.text_center td {
  text-align: center;
}

table.basic_table.fixed {
  table-layout: fixed;
}

/*
table.simple_table {
  margin: 2em auto;
  background-color: #fff;
  border-right: none;
  border-bottom: none;
}

table.simple_table tr:first-child th,
table.simple_table tr:first-child td {
  border: none;
}

table.simple_table th,
table.simple_table td {
  border-left: 1px solid #fff;
  border-top: 1px dotted #000;
}

table.simple_table th {
  color: #000;
  text-align: center;
  background-color: #f7f7f7;
}

table.simple_table thead {
  line-height: 1.4;
}

table.simple_table tbody.text_center th,
table.simple_table tbody.text_center td {
  text-align: center;
}
*/
div.focus_text,
div.attention_text {
  margin: 1em auto;
  padding: 1.5em 4em;
  font-size: 0.9375rem;
}

div.focus_text strong,
div.attention_text strong {
  display: block;
  font-size: 1.1875rem;
}

div.focus_text {
  background-color: #f2f2f2;
}

div.attention_text {
  background-color: #d4f9f4;
}

ul[class^="col"],
ol[class^="col"] {
  margin: 0;
  list-style: none;
}

ul[class^="col"]::after,
ol[class^="col"]::after {
  display: block;
  content: "";
  clear: both;
}

ul[class^="col"] > li,
ol[class^="col"] > li {
  float: left;
  margin-bottom: 0;
  padding: 10px;
}

ul[class^="col"] > li.left,
ol[class^="col"] > li.left {
  text-align: left;
}

ul[class^="col"] > li.center,
ol[class^="col"] > li.center {
  text-align: center;
}

ul[class^="col"] > li.right,
ol[class^="col"] > li.right {
  text-align: right;
}

ul[class^="col"].gutter > li,
ol[class^="col"].gutter > li {
  margin: 0 0 2% 2%;
  padding: 0;
}

ul.col2 > li,
ol.col2 > li {
  width: 50%;
}

ul.col2 > li:nth-child(2n + 1),
ol.col2 > li:nth-child(2n + 1) {
  clear: both;
  margin-left: 0;
}

ul.col2.gutter > li,
ol.col2.gutter > li {
  width: 49%;
}

ul.col3 > li,
ol.col3 > li {
  width: 33.33333%;
}

ul.col3 > li:nth-child(3n + 1),
ol.col3 > li:nth-child(3n + 1) {
  clear: both;
  margin-left: 0;
}

ul.col3.gutter > li,
ol.col3.gutter > li {
  width: 32%;
}

ul.col4 > li,
ol.col4 > li {
  width: 25%;
}

ul.col4 > li:nth-child(4n + 1),
ol.col4 > li:nth-child(4n + 1) {
  clear: both;
  margin-left: 0;
}

ul.col4.gutter > li,
ol.col4.gutter > li {
  width: 23.5%;
}

ul.col5 > li,
ol.col5 > li {
  width: 20%;
}

ul.col5 > li:nth-child(5n + 1),
ol.col5 > li:nth-child(5n + 1) {
  clear: both;
  margin-left: 0;
}

ul.col5.gutter > li,
ol.col5.gutter > li {
  width: 18.4%;
}

ul.inline > li,
ol.inline > li {
  display: inline-block;
  vertical-align: middle;
  padding-right: 3em;
}

ul.basic_ul {
  margin-left: 1.5em;
  padding: 1em 0;
}

ul.basic_ul > li {
  position: relative;
  padding: 0.5em 0 0.5em 0.25em;
}

ul.basic_ul > li::before {
  position: absolute;
  left: -1em;
  top: 1em;
  display: block;
  content: "";
  width: 0.75em;
  height: 0.75em;
  background-color: #ffef00;
  border: 2px solid #ffef00;
  border-radius: 50%;
}

ul.basic_ul > li > ul,
ul.basic_ul > li > ol {
  margin-left: 1.25em;
}

ul.basic_ul > li > ul > li::before {
  background-color: transparent;
}

ol.basic_ol {
  margin-left: 1.5em;
  padding: 1em 0;
  list-style: decimal;
}

ol.basic_ol > li {
  padding: 0.5em 0 0.5em 0.25em;
}

ol.basic_ol > li > ul,
ol.basic_ol > li > ol {
  margin-left: 1.25em;
}

dl.basic_dl > dt {
  font-weight: bold;
}

dl.basic_dl > dd {
  margin-left: 1em;
}

dl.basic_dl > dd + dt {
  padding-top: 1em;
}

pre {
  white-space: normal;
}

.text_indent {
  margin-left: 1em;
  text-indent: -1em;
}

.basic_btn {
  position: relative;
  display: inline-block;
  margin: 0.25em;
  padding: 1em 3em 1em 1em;
  max-width: 100%;
  color: #fff !important;
  font-size: 1.125rem;
  font-weight: bold;
  text-decoration: none !important;
  text-align: center;
  background-color: #ffef00;
}

.basic_btn::after {
  position: absolute;
  right: 1.5em;
  top: 50%;
  display: block;
  content: "";
  margin-top: -0.25em;
  width: 0.5em;
  height: 0.5em;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.basic_btn[target="_blank"]::after,
.basic_btn[href$=".doc"]::after,
.basic_btn[href$=".docx"]::after,
.basic_btn[href$=".xls"]::after,
.basic_btn[href$=".xlsx"]::after,
.basic_btn[href$=".pdf"]::after {
  right: 1em;
  border: none;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.basic_btn[target="_blank"]::after {
  background-image: url(https://lightz-inc.com/images/icon_window_white.png);
}

.basic_btn[href$=".doc"]::after,
.basic_btn[href$=".docx"]::after {
  margin-top: -0.5em;
  background-image: url(https://lightz-inc.com/images/icon_word.png);
}

.basic_btn[href$=".xls"]::after,
.basic_btn[href$=".xlsx"]::after {
  margin-top: -0.5em;
  background-image: url(https://lightz-inc.com/images/icon_excel.png);
}

.basic_btn[href$=".pdf"]::after {
  margin-top: -0.5em;
  background-image: url(https://lightz-inc.com/images/icon_pdf.png);
}

.basic_btn.non_style::after {
  display: none;
}

.pagination {
  padding-top: 3em;
}

.pagination ul {
  text-align: center;
  font-size: 0;
}

.pagination li {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
}
.pagination li::before {
  display: none !important;
}

.pagination li > a,
.pagination li > span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 4px;
  padding: 0.5em 1em;
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.4;
  border: 1px solid #0d0d0d;
}

.pagination li > a {
  color: #0d0d0d;
  text-decoration: none;
  background-color: #fff;
}

.pagination li > span {
  color: #fff;
  font-weight: bold;
  background-color: #0d0d0d;
}

.pagination li.next a {
  padding-right: 2em;
}

.pagination li.next a::after {
  position: absolute;
  top: 50%;
  right: 1em;
  display: block;
  content: "";
  width: 0.5em;
  height: 0.5em;
  margin-top: -0.25em;
  border-top: 1px solid #0d0d0d;
  border-right: 1px solid #0d0d0d;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pagination li.prev a {
  padding-left: 2em;
}

.pagination li.prev a::before {
  position: absolute;
  top: 50%;
  left: 1em;
  display: block;
  content: "";
  width: 0.5em;
  height: 0.5em;
  margin-top: -0.25em;
  border-top: 1px solid #0d0d0d;
  border-left: 1px solid #0d0d0d;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.left-textbox .text,
.right-textbox .text,
.left-imagebox .text,
.right-imagebox .text {
  text-align: center;
}
.left-textbox .text p,
.right-textbox .text p,
.left-imagebox .text p,
.right-imagebox .text p {
  margin-bottom: 1em;
}

.textbox-gray {
  background-color: #e1e1e1 !important;
}

@media all and (min-width: 740px) {
  table.basic_table th:empty,
  table.basic_table td:empty {
    height: 3.744em;
  }
  .basic_btn {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .basic_btn:hover {
    background-color: #0d0d0d;
  }
  .pagination a {
    -webkit-transition: color 0.4s, background-color 0.4s;
    transition: color 0.4s, background-color 0.4s;
  }
  .pagination a:hover {
    color: #fff;
    background-color: #0d0d0d;
  }
  .pagination li.next a::after {
    -webkit-transition: border-color 0.4s;
    transition: border-color 0.4s;
  }
  .pagination li.next a:hover::after {
    border-color: #fff;
  }
  .pagination li.prev a::before {
    -webkit-transition: border-color 0.4s;
    transition: border-color 0.4s;
  }
  .pagination li.prev a:hover::before {
    border-color: #fff;
  }
  .left-textbox,
  .right-textbox,
  .left-imagebox,
  .right-imagebox {
    position: relative;
  }
  .left-textbox .text,
  .right-textbox .text,
  .left-imagebox .image,
  .right-imagebox .image {
    position: absolute;
  }
  .left-textbox .image,
  .right-textbox .image,
  .left-imagebox .image,
  .right-imagebox .image {
    width: 100%;
  }
  .left-textbox .text,
  .right-textbox .text {
    background-color: #fff;
    padding: 40px 80px;
    top: 0;
    text-align: center;
  }
  .left-textbox .image,
  .right-imagebox .image {
    text-align: right;
  }
  .right-textbox .text,
  .left-imagebox .text {
    right: 0;
  }
  .left-textbox h3,
  .right-textbox h3 {
    font-size: 3rem;
    padding: 1em 0 0.5em;
  }
  .left-textbox p,
  .right-textbox p {
    padding-bottom: 1em;
  }
  .subpage-link {
    display: flex;
    justify-content: space-evenly;
    padding: 0 90px;
  }
  .subpage-link li {
    margin-bottom: 30px;
    padding: 50px 10px;
  }
}

@media only screen and (max-width: 739px) {
  .table_frame {
    margin-bottom: 2em;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table_frame::-webkit-scrollbar {
    height: 10px;
  }
  .table_frame::-webkit-scrollbar-thumb {
    background-color: #ffef00;
    border-radius: 5px;
  }
  .table_frame table {
    margin-bottom: 0 !important;
    width: auto;
  }
  .table_frame th,
  .table_frame td {
    white-space: nowrap;
  }
  .flex > .row.vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .flex > .row.vertical > [class^="col"] {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    min-height: 0%;
  }
  div.focus_text strong,
  div.attention_text strong {
    font-size: 1.125rem;
  }
  table.basic_table th:empty,
  table.basic_table td:empty {
    height: 2.79em;
  }
  table.vertical > thead > tr > th,
  table.vertical > thead > tr > td,
  table.vertical > tbody > tr > th,
  table.vertical > tbody > tr > td {
    display: block;
    white-space: normal !important;
    width: 100%;
  }
  table.vertical > thead > tr > th:empty,
  table.vertical > thead > tr > td:empty,
  table.vertical > tbody > tr > th:empty,
  table.vertical > tbody > tr > td:empty {
    display: none;
  }
  div.focus_text,
  div.attention_text {
    padding: 1em 1.5em;
  }
  ul[class^="col"].vertical > li,
  ol[class^="col"].vertical > li {
    width: 100%;
  }
  .basic_btn {
    min-width: 160px;
    font-size: 0.875rem;
  }
  .basic_btn[href$=".doc"],
  .basic_btn[href$=".docx"],
  .basic_btn[href$=".xls"],
  .basic_btn[href$=".xlsx"],
  .basic_btn[href$=".pdf"] {
    padding-right: 4em;
  }
  .pagination {
    margin-left: -20px;
    margin-right: -20px;
  }
  .subpage-link li {
    margin-bottom: 8px;
  }

  .left-textbox .text ul li,
  .right-textbox .text ul li,
  .left-imagebox .text ul li,
  .right-imagebox .text ul li {
    width: 100%;
    margin-bottom: 1rem;
  }
}

/* --------------------------------------------------
	 5. State
-------------------------------------------------- */
/* --------------------------------------------------
	 6. Theme
-------------------------------------------------- */
a[href^="tel:"] {
  color: #000;
  text-decoration: none;
  pointer-events: none;
}

a[target="_blank"]::after,
a[href$=".doc"]::after,
a[href$=".docx"]::after,
a[href$=".xls"]::after,
a[href$=".xlsx"]::after,
a[href$=".pdf"]::after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  background: transparent no-repeat center center;
  background-size: contain;
}

a[target="_blank"]::after {
  margin: -0.25em 0.5em 0;
  width: 10px;
  height: 10px;
  background-image: url(https://lightz-inc.com/images/icon_window.png);
}

a[href$=".doc"]::after,
a[href$=".docx"]::after,
a[href$=".xls"]::after,
a[href$=".xlsx"]::after,
a[href$=".pdf"]::after {
  margin: 0 0 0.25em 0.5em;
  width: 30px;
  height: 15px;
}

a[href$=".doc"]::after,
a[href$=".docx"]::after {
  background-image: url(https://lightz-inc.com/images/icon_word.png);
}

a[href$=".xls"]::after,
a[href$=".xlsx"]::after {
  background-image: url(https://lightz-inc.com/images/icon_excel.png);
}

a[href$=".pdf"]::after {
  background-image: url(https://lightz-inc.com/images/icon_pdf.png);
}

a.non_style::after {
  display: none;
}

a.pagelink {
  display: inline-block;
  padding: 0.5em 0;
  border-radius: 25px;
  color: #fff;
  text-align: center;
  background-color: #0d0d0d;
  text-decoration: none;
}

.inner > h3:first-child {
  padding-top: 0;
}

h3 + h4 {
  padding-top: 0;
}

h4 + h5 {
  padding-top: 0;
}

h5 + h6 {
  padding-top: 0;
}

hr + h3 {
  padding-top: 0;
}

h3 {
  padding: 1.25em 0;
  font-size: 2.5rem;
  font-weight: normal;
  text-align: center;
  text-decoration: underline;
  text-decoration-color: #ffef00;
  text-decoration-thickness: 0.2rem;
  text-underline-offset: 0.3rem;
}

h4 {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0 0.5em;
  font-size: 1.75rem;
  border-left: 4px solid #ffef00;
}

h5 {
  padding: 0.5em 0 0.75em;
  font-size: 1.25rem;
  text-decoration: underline;
  text-decoration-color: #ffef00;
  text-decoration-thickness: 0.2rem;
  text-underline-offset: 0.1rem;
}

h6 {
  padding: 1em 0 0.5em;
  font-size: 1.125rem;
  text-decoration: underline;
  text-decoration-color: #ffef00;
  text-decoration-thickness: 0.2rem;
  text-underline-offset: 0.1rem;
}

img {
  height: auto !important;
}

ul.feature li {
  border-radius: 10px;
  padding: 0.5em 0;
  line-height: normal;
  color: #fff;
  background-color: #0d0d0d;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 4.5em;
}

.page_title {
  padding: 3em 0 2em;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #ffef00;
}

.page_title h2 {
  margin-bottom: 0.5em;
  font-size: 2.5rem;
}

.attention_dl dd {
  margin: -1.8em 0 0 3em;
}

.page_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.page_nav.col2 a {
  width: 49%;
}

.page_nav.col3 a {
  width: 32%;
}

.page_nav a {
  display: block;
  padding: 1.5em 0.5em 1em;
  color: #fff;
  font-size: 0.875rem;
  text-decoration: none;
  text-align: center;
  background-color: #3f3f3f;
}

.page_nav a::after {
  display: inline-block;
  content: "";
  margin-left: 0.5em;
  margin-bottom: 0.1em;
  width: 0.5em;
  height: 0.5em;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.page_nav a img {
  display: block;
  margin: 0 auto 1em;
  width: 40px;
  height: 40px;
}

.banner_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.banner_list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1rem;
}

.card_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.card_list dl {
  border: 2px solid #ffef00;
}

.card_list dt {
  padding: 0.5em 0;
  color: #fff;
  text-align: center;
  font-weight: bold;
  background-color: #ffef00;
}

.card_list dd {
  margin-left: 0 !important;
  padding: 1em;
}

.card_list dd + dt {
  padding-top: 0 !important;
}

.publicity_paper_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
}

.publicity_paper_list a::after {
  display: none;
}

.faq_list dt {
  position: relative;
  margin-left: 2.25em;
  text-indent: -1em;
  color: #ffef00;
  font-weight: bold;
  font-size: 1.125rem;
}

.faq_list dt::before {
  display: inline-block;
  content: "Q.";
  margin-right: 0.5em;
  font-size: 1.5rem;
}

.faq_list dd {
  margin-left: 2.85em;
  text-indent: -1.25em;
}

.faq_list dd::before {
  display: inline-block;
  content: "A.";
  margin-right: 0.5em;
  color: #e33;
  font-weight: bold;
  font-size: 1.5rem;
}

.faq_list dd + dt {
  margin-top: 2em;
  padding-top: 2em;
}

.faq_list dd + dt::after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  margin-left: -2em;
  width: 100%;
  height: 1px;
  border-top: 1px dashed #999;
}

.acrobat_reader .inner {
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 4px;
}

.acrobat_reader .image a::after {
  display: none;
}

table.position_table {
  table-layout: fixed;
}

table.position_table th,
table.position_table td {
  padding: 1em 0.5em;
}

table.position_table td {
  text-align: center;
}

article > .inner em {
  font-style: italic;
}

article > .inner table:not(.basic_table) {
  margin-bottom: 2em;
  width: auto;
  font-size: 0.9375rem;
  background-color: #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}

article > .inner table:not(.basic_table) th,
article > .inner table:not(.basic_table) td {
  border-left: 1px solid #000;
  border-top: 1px solid #000;
}

article > .inner table:not(.basic_table) th {
  color: #000;
  text-align: center;
  white-space: nowrap;
  background-color: #d4f9f4;
}

article
  > .inner
  ul:not(.basic_ul):not(.list):not(.news-release-list):not(.pickup-list):not(.service-products-list):not(.contact-list),
article > .inner ol:not(.basic_ol) {
  margin-left: 1.5em;
}

article
  > .inner
  ul:not(.basic_ul):not(.list):not(.news-release-list):not(.pickup-list):not(.service-products-list):not(.contact-list),
article > .inner ol:not(.basic_ol) > li {
  padding: 0.5em 0 0.5em 0.25em;
}

article
  > .inner
  ul:not(.basic_ul):not(.list):not(.news-release-list):not(.pickup-list):not(.service-products-list):not(.contact-list)
  > li
  > ul,
article
  > .inner
  ul:not(.basic_ul):not(.list):not(.news-release-list):not(.pickup-list):not(.service-products-list):not(.contact-list)
  > li
  > ol,
article > .inner ol:not(.basic_ol) > li > ul,
article > .inner ol:not(.basic_ol) > li > ol {
  margin-left: 1.25em;
}

article
  > .inner
  ul:not(.basic_ul):not(.list):not(.news-release-list):not(.pickup-list):not(.service-products-list):not(.contact-list)
  > li {
  position: relative;
}

article
  > .inner
  ul:not(.basic_ul):not(.list):not(.news-release-list):not(.pickup-list):not(.service-products-list):not(.contact-list)
  > li::before {
  position: absolute;
  left: -1em;
  top: 1em;
  display: block;
  content: "";
  width: 0.75em;
  height: 0.75em;
  background-color: #ffef00;
  border: 2px solid #ffef00;
  border-radius: 50%;
}

article
  > .inner
  ul:not(.basic_ul):not(.list):not(.news-release-list):not(.pickup-list):not(.service-products-list):not(.contact-list)
  > li
  > ul
  > li::before {
  background-color: transparent;
}

article > .inner ol:not(.basic_ol) {
  list-style: decimal;
}

@media all and (min-width: 740px) {
  html.base_font_large .news-release-list .title {
    max-width: 34em;
  }

  a.pagelink {
    width: 150px;
  }

  ul.feature {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0 0 3rem;
  }
  ul.feature li {
    width: 180px;
  }

  .news-release-list li.new .title,
  .pickup-list li.new .title,
  .service-products-list li.new .title {
    position: relative;
    padding-right: 2em;
  }
  .news-release-list li.new .title::after,
  .pickup-list li.new .title::after,
  .service-products-list li.new .title::after {
    position: absolute;
    right: 0;
    top: 0.5em;
  }
  .news-release-list a,
  .pickup-list a,
  .service-products-list a {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .news-release-list a:hover,
  .pickup-list a:hover,
  .service-products-list a:hover {
    background-color: #f2f2f2;
  }
  .news-release-list .title,
  .pickup-list .title,
  .service-products-list .title {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
    word-wrap: normal;
    max-width: 40em;
    vertical-align: middle;
    margin-top: 1em;
  }
  .page_nav a {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .page_nav a:hover {
    background-color: #ffef00;
  }
  .page_nav a br {
    display: none;
  }
  .banner_list a {
    margin: 0 0 1% 1%;
    width: 32.66667%;
    min-width: 32.66667%;
  }
  .banner_list a:nth-child(3n + 1) {
    margin-left: 0;
  }
  .card_list dl {
    margin: 0 0 2% 2%;
    width: 32%;
  }
  .card_list dl:nth-child(3n + 1) {
    margin-left: 0;
  }
  .publicity_paper_list li {
    margin: 0 0 1% 1%;
    width: 24%;
  }
  .publicity_paper_list li:nth-child(4n + 1) {
    margin-left: 0;
  }
  .publicity_paper_list a img {
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
  .publicity_paper_list a:hover img {
    opacity: 0.8;
  }
  .acrobat_reader .inner {
    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;
    margin: 50px auto 100px !important;
    padding: 40px 90px !important;
    width: 1240px !important;
  }
  .acrobat_reader .image {
    width: 200px;
  }
  .acrobat_reader .text {
    width: 680px;
  }
  table {
    max-width: 1400px !important;
  }
  table.position_table.td_col1 {
    width: 50%;
  }
  table.position_table.td_col2 {
    width: 75%;
  }
  table.position_table.td_col3 {
    width: 100%;
  }
}

@media only screen and (max-width: 739px) {
  a[href^="tel:"] {
    color: #ffef00;
    text-decoration: underline;
    pointer-events: auto;
  }

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

  h3 {
    font-size: 2rem;
  }
  h4 {
    font-size: 1.5rem;
  }
  h5 {
    font-size: 1.25rem;
  }
  h6 {
    font-size: 1.125rem;
  }

  ul.feature li {
    width: 80%;
  }

  .page_title h2 {
    font-size: 1.5rem;
  }
  .page_nav a::after {
    margin: 0.25em auto 0;
    display: block;
  }
  .banner_list a {
    margin: 0 0 2%;
    width: 100%;
    min-width: 100%;
  }
  .card_list dl {
    margin-bottom: 1em;
    width: 100%;
  }
  .publicity_paper_list li {
    margin: 0 0 2% 2%;
    width: 48%;
  }
  .publicity_paper_list li:nth-child(2n + 1) {
    margin-left: 0;
  }
  .acrobat_reader .inner {
    margin: 30px 20px 60px !important;
    padding: 25px 30px 20px !important;
    width: auto !important;
  }
  .acrobat_reader .image {
    margin-bottom: 1em;
    text-align: center;
  }
  .scroll_table {
    margin-bottom: 2em;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .scroll_table::-webkit-scrollbar {
    height: 10px;
  }
  .scroll_table::-webkit-scrollbar-thumb {
    background-color: #ffef00;
    border-radius: 5px;
  }
  .scroll_table table {
    margin-bottom: 0 !important;
  }
  .scroll_table th,
  .scroll_table td {
    white-space: nowrap;
  }
  table {
    width: 100% !important;
  }
  table.position_table.td_col1 {
    width: 64%;
  }
  table.position_table.td_col2 {
    width: 96%;
  }
  table.position_table.td_col3 {
    width: 128%;
  }
}

/* --------------------------------------------------
	 7. Slick
-------------------------------------------------- */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track::before,
.slick-track::after {
  content: "";
  display: table;
}

.slick-track::after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-dotted.slick-slider {
  margin-bottom: 10px;
}

.slick-prev,
.slick-next {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  padding: 0;
  line-height: 0;
  border: none;
  outline: none;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  z-index: 1;
  opacity: 0.8;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev::before,
.slick-next::before {
  position: absolute;
  top: 20px;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  opacity: 0.75;
}

.slick-prev {
  left: 20px;
}

.slick-prev::before {
  left: 20px;
  border-top: 5px solid #000;
  border-left: 5px solid #000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.slick-next {
  right: 20px;
}

.slick-next::before {
  left: 15px;
  border-top: 5px solid #000;
  border-right: 5px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.slick-dots {
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 3px;
  width: 30px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  width: 10px;
  height: 10px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover::before,
.slick-dots li button:focus::before {
  background-color: #ffef00;
}

.slick-dots li button::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #c6c6c6;
  border-radius: 50%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button::before {
  background-color: #ffef00;
}

@media all and (max-width: 739px) {
  .slick-prev {
    left: 0;
    display: none !important;
  }
  .slick-next {
    right: 0;
    display: none !important;
  }
}

/* --------------------------------------------------
	 8. Header
-------------------------------------------------- */
#header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 10;
}

#header.scroll {
  -webkit-box-shadow: 0 0 15px 5px rgba(153, 153, 153, 0.5);
  box-shadow: 0 0 15px 5px rgba(153, 153, 153, 0.5);
}

#header h1 a {
  display: block;
  overflow: hidden;
  width: 140px;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  height: 38px;
}

#header h1 a::before {
  display: block;
  content: "";
  padding-top: 24.07407%;
  height: 37px;
  background: transparent url(https://lightz-inc.com/images/logo.png) no-repeat
    center center;
  background-size: cover;
}

#header a {
  text-decoration: none;
}

#header .nav_link a::after {
  margin: 0;
  background-image: none;
}

@media all and (min-width: 740px) {
  html.base_font_large #header #font_size .normal {
    color: #ffef00;
    background-color: #fff;
  }
  html.base_font_large #header #font_size .large {
    color: #fff;
    background-color: #ffef00;
  }
  html.base_font_large #header .nav {
    padding-top: 2.5em;
    padding-left: 340px;
  }
  html.base_font_large #header .link {
    left: 440px;
    top: -5.25em;
  }
  #header {
    height: 78px;
  }
  #header h1 {
    position: absolute;
    left: 20px;
    top: 20px;
  }
  #header a {
    color: #000;
  }
  #header .menu {
    display: none;
  }
  #header .nav_link {
    display: flex;
    justify-content: center;
  }
  #header .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    margin: auto auto;
    padding-right: 30px;
    width: 1400px;
    height: 78px;
  }
  #header .nav li.top {
    display: none;
  }
  #header .nav > li:hover > a::after {
    margin-left: -3.5em;
    width: 7em;
  }
  #header .nav > li:hover .sub .inner {
    height: 320px;
  }
  #header .nav > li.index {
    display: none;
  }
  #header .nav > li > a {
    position: relative;
    display: block;
    padding: 1.5em 0 0.5em;
    height: 78px;
    min-width: 7em;
    font-weight: bold;
    text-align: center;
  }
  #header .nav > li > a::after {
    position: absolute;
    left: 50%;
    bottom: 20px;
    display: block;
    content: "";
    margin-left: 0;
    width: 0;
    height: 4px;
    background-color: #ffef00;
    -webkit-transition: margin-left 0.2s, width 0.2s;
    transition: margin-left 0.2s, width 0.2s;
  }
  #header .nav > li > span {
    display: none;
  }
  #header .nav .sub {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    height: auto !important;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 3px 6px #00000029, 0px 3px 6px #00000029;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    z-index: 10;
  }
  #header .nav .sub .inner {
    height: 0;
    -webkit-transition: height 0.2s;
    transition: height 0.2s;
  }
  #header .nav .sub dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 320px;
  }
  #header .nav .sub dt {
    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;
    width: 700px;
    font-weight: bold;
    padding-left: 140px;
  }
  #header .nav .sub dt span {
    display: block;
    color: #fff;
    font-size: 3rem;
    line-height: 1.4;
    padding-left: 1em;
    border-left: solid 5px #fff;
  }
  #header .nav .sub dd {
    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;
    width: 500px;
    font-weight: bold;
  }
  #header .nav .sub dd ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-left: solid 1px #fff;
  }
  #header .nav .sub dd li {
    padding: 0.5em 0 0.5em 100px;
    width: 100%;
  }
  #header .nav .sub dd li:first-child {
    padding-top: 0;
  }
  #header .nav .sub dd li:last-child {
    padding-bottom: 0;
  }
  #header .nav .sub dd a {
    position: relative;
    display: block;
    padding: 0.25em 0.25em 0.25em 0;
    color: #fff;
    border-bottom: 1px solid #fff;
  }
  #header .nav .sub dd a::before {
    position: absolute;
    left: 0;
    bottom: -5px;
    display: block;
    content: "";
    width: 0;
    height: 4px;
    background-color: #ffef00;
    -webkit-transition: width 0.2s;
    transition: width 0.2s;
  }
  #header .nav .sub dd a:hover::before {
    width: 100%;
  }
}

@media all and (max-width: 739px) {
  body.menu_opened {
    overflow: hidden;
    position: fixed !important;
    width: 100%;
  }
  body.menu_opened #header .menu {
    border-color: #fff;
  }
  body.menu_opened #header .menu::before,
  body.menu_opened #header .menu::after {
    opacity: 0;
    background-color: #fff;
  }
  body.menu_opened #header .menu::before {
    top: 19px;
  }
  body.menu_opened #header .menu::after {
    bottom: 19px;
  }
  body.menu_opened #header .menu span::before,
  body.menu_opened #header .menu span::after {
    background-color: #fff;
  }
  body.menu_opened #header .menu span::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 20px;
  }
  body.menu_opened #header .menu span::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  body.menu_opened #header .nav_link {
    opacity: 1;
    pointer-events: auto;
  }
  #header h1 {
    padding: 20px 0 10px;
    height: 78px;
  }
  #header h1 a::before {
    background-size: cover;
  }
  #header #font_size {
    display: none;
  }
  #header .menu {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    -webkit-transition: background-color 0.4s, border-color 0.4s;
    transition: background-color 0.4s, border-color 0.4s;
    z-index: 30;
  }
  #header .menu::before,
  #header .menu::after {
    position: absolute;
    left: 9px;
    display: block;
    content: "";
    width: 30px;
    height: 2px;
    background-color: #0d0d0d;
  }
  #header .menu::before {
    top: 6px;
    -webkit-transition: top 0.4s, background-color 0.4s, opacity 0.4s;
    transition: top 0.4s, background-color 0.4s, opacity 0.4s;
  }
  #header .menu::after {
    bottom: 6px;
    content: "MENU";
    height: 1em;
    font-size: 0.5em;
    background: none;
    -webkit-transition: bottom 0.4s, background-color 0.4s, opacity 0.4s;
    transition: bottom 0.4s, background-color 0.4s, opacity 0.4s;
  }
  #header .menu span {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
  }
  #header .menu span::before,
  #header .menu span::after {
    position: absolute;
    left: 9px;
    display: block;
    content: "";
    width: 30px;
    height: 2px;
    background-color: #0d0d0d;
    transform-origin: center center;
    -webkit-transition: background-color 0.4s, -webkit-transform 0.4s;
    transition: background-color 0.4s, -webkit-transform 0.4s;
    transition: background-color 0.4s, transform 0.4s;
    transition: background-color 0.4s, transform 0.4s, -webkit-transform 0.4s;
  }
  #header .menu span::before {
    top: 13px;
  }
  #header .menu span::after {
    bottom: 18px;
  }
  #header .nav_link {
    position: fixed;
    left: 0;
    top: 0;
    padding: 78px 0 200px;
    width: 100%;
    height: 100vh;
    background: rgba(13, 13, 13, 0.9);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 20;
  }
  #header .nav_link a {
    color: #fff;
  }
  #header .nav > li {
    margin: 0 20px;
  }
  #header .nav > li:first-child {
    border-top: 1px solid #fff;
  }
  #header .nav > li > a,
  #header .nav > li > span {
    position: relative;
    display: block;
    padding: 10px;
    color: #fff;
    border-bottom: 1px solid #fff;
    cursor: pointer;
  }
  #header .nav > li.has-sub > a {
    display: none;
  }
  #header .nav > li.has-sub {
    position: relative;
  }
  #header .nav > li.has-sub > span::after {
    position: absolute;
    display: block;
    content: "";
    right: 20px;
    top: 1.5em;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: 2px solid #929292;
    border-right: 2px solid #929292;
    transition-duration: 0.2s;
  }
  #header .nav > li.has-sub.opened > span::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition-duration: 0.2s;
  }

  #header .nav .sub {
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0.2s;
    transition: height 0.2s;
    background-color: #000;
  }
  #header .nav .sub .inner {
    padding: 0;
  }
  #header .nav .sub dt {
    display: none;
  }
  #header .nav .sub li {
    border-bottom: 1px solid #fff;
    text-align: center;
    position: relative;
  }
  #header .nav .sub li a {
    display: block;
    padding: 10px 0;
    color: #fff;
  }
  #header .nav .sub li a::after {
    position: absolute;
    display: block;
    content: "";
    right: 20px;
    top: 1.5em;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: 2px solid #929292;
    border-right: 2px solid #929292;
  }
  #header .link {
    padding-top: 20px;
  }
  #header .link a {
    display: block;
    padding: 10px 0;
  }
}

/* --------------------------------------------------
	 9. Footer
-------------------------------------------------- */
#footer a {
  text-decoration: none;
}

#footer .footer_nav a::after,
#footer .footer_link a::after {
  display: none;
}

#footer .footer_nav {
  margin: 120px 0 0;
  background-color: #f5f5f5;
}

#footer .footer_nav .inner {
  background-image: url(https://lightz-inc.com/images/bg-footer.png);
  background-repeat: no-repeat;
  padding-top: 107px;
  top: -107px;
}

#footer .footer_nav .nav {
  display: -webkit-box;
  -webkit-box-pack: justify;
  padding-left: 600px;
  padding-top: 4em;
}
#footer .footer_nav .nav a {
  color: #000;
}
#footer .footer_nav .nav a:hover {
  text-decoration: underline;
}

#footer .footer_nav ul.nav ul li::before {
  content: "-";
  padding-right: 0.5em;
}

#footer .footer_link {
  border-top: solid 2px #fff;
  background-color: #f5f5f5;
  text-align: center;
}

@media all and (min-width: 740px) {
  html.base_font_large #footer .footer_link .copyright {
    font-size: 0.625rem;
  }
  #footer .footer_nav .nav {
    min-height: 240px;
  }
  #footer .footer_nav .nav > li {
    width: 25%;
  }
  #footer .footer_nav .nav li.full-no-disp {
    display: none;
  }
  #footer .footer_nav .nav li.full-no-sub ul {
    display: none;
  }

  #footer .footer_link {
    padding: 2em 0 1.5em;
    line-height: 1;
  }
}

@media all and (max-width: 739px) {
  #footer .footer_nav {
    margin-bottom: -29px;
  }
  #footer .footer_nav .inner {
    background-size: 260px 260px;
    padding: 29px 16px 0;
    top: -54px;
  }
  #footer .footer_nav .nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 0;
    margin-top: 134px;
    border-top: 1px solid #bdbebf;
  }
  #footer .footer_nav .nav li {
    line-height: 3.5em;
    text-indent: 1.5em;
    border-bottom: 1px solid #bdbebf;
  }
  #footer .footer_nav .nav > div > li:not(.has-sub) {
    display: flex;
    align-items: center;
    text-indent: 0;
    justify-content: center;
  }
  #footer .footer_nav .nav > div > li.has-sub > span > a {
    pointer-events: none;
  }
  #footer .footer_link {
    padding: 1em 0 0.5em;
    font-size: 0.9375rem;
    border: none;
  }
  #footer .footer_link .copyright {
    text-align: center;
    font-size: 0.8em;
  }

  #footer .nav > div > li.has-sub {
    position: relative;
  }
  #footer .nav > div > li.has-sub > span::after {
    position: absolute;
    display: block;
    content: "";
    right: 35px;
    top: 1.5em;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: 2px solid #929292;
    border-right: 2px solid #929292;
    transition-duration: 0.2s;
  }
  #footer .nav > div > li.has-sub.opened > span::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition-duration: 0.2s;
  }

  #footer .nav .sub {
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0.2s;
    transition: height 0.2s;
  }
  #footer .nav .sub li a {
    color: #0d0d0d;
    text-indent: 2em;
  }

  #footer .footer_nav .nav .has-sub {
    display: block;
  }

  #footer .footer_nav .nav li.opened .sub {
    -webkit-transition: height 0.2s;
    transition: height 0.2s;
    background-color: #fff;
  }
  #footer .nav .opened .sub li {
    display: list-item;
    text-align: -webkit-match-parent;
    align-items: normal;
    position: relative;
  }
  #footer .nav .opened .sub li a::after {
    position: absolute;
    display: block;
    content: "";
    right: 35px;
    top: 1.5em;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: 2px solid #929292;
    border-right: 2px solid #929292;
  }
  #footer .footer_nav ul.nav ul li::before {
    content: "";
    padding-right: 0;
  }
  #footer .nav .opened .sub {
    border-top: 1px solid #bdbebf;
  }
}

/* --------------------------------------------------
	10. Index
-------------------------------------------------- */
body.index #primary .inner {
  padding: 0;
}

body.index #main_slider .slick-slide {
  background: transparent no-repeat center center;
  background-size: cover;
}

body.index #content article > .inner {
  background-color: transparent;
}

body.index #footer .footer_nav li > div.index a {
  color: #ffef00;
}

article.index section h2 {
  font-size: 1.75rem;
  text-indent: 1em;
  border-left: solid 5px #ffef00;
  margin-bottom: 1em;
}

article.index section.news-release::after,
article.index section.pickup::after,
article.index section.about-lightz::after,
article.index section.service-products::after {
  content: "";
  display: inline-block;
  background-image: url(https://lightz-inc.com/images/hr.png);
  background-repeat: no-repeat;
  height: 50px;
}
article.index section.news-release .frame,
article.index section.pickup .frame,
article.index section.about-lightz .frame,
article.index section.service-products .frame {
  position: relative;
  background-color: #fff;
}

article.index section .more {
  margin: 1.5em 0;
}

article.index section .more a {
  color: #0d0d0d;
  text-decoration: none;
  text-align: center;
  padding: 0.5em 2em;
  border: solid 1px #eaeaea;
  border-radius: 25px;
  font-weight: bold;
  transition: background 1s;
}

article.index section .more a:hover {
  background-color: #eaeaea;
}

article.index ul.news-release-list a,
article.index ul.pickup-list a,
article.index ul.service-products-list a {
  display: block;
  padding: 8px 10px;
  color: #000;
  text-decoration: none;
}

article.index ul.news-release-list a[target="_blank"]::after,
article.index ul.pickup-list a[target="_blank"]::after,
article.index ul.service-products-list a[target="_blank"]::after {
  display: none;
}

article.index ul.news-release-list span,
article.index ul.pickup-list span,
article.index ul.service-products-list span {
  display: inline-block;
}

article.index ul.news-release-list li.new .title::before {
  display: inline-block;
  content: "NEW";
  margin-right: 1em;
  vertical-align: middle;
  color: #f00;
  font-size: 0.75rem;
  font-weight: bold;
}

article.index ul.news-release-list li a img,
article.index ul.pickup-list li a img {
  border-radius: 0px 15px;
  margin: 0 auto;
}

article.index ul.news-release-list .title,
article.index ul.pickup-list .title {
  padding-top: 0.25em;
}

article.index ul.news-release-list .date,
article.index ul.pickup-list .date {
  font-size: 0.875rem;
}

article.index ul.news-release-list .category,
article.index ul.pickup-list .category {
  margin: 0 1em;
  padding: 0.25em 0;
  width: 10em;
  font-size: 0.9375rem;
  font-weight: bold;
}

article.index section.about-lightz h2 {
  text-indent: 0;
  margin-bottom: 0.5em;
  border: none;
}

article.index section.about-lightz .image {
  background: transparent url(https://lightz-inc.com/images/5LIGHTz.png)
    no-repeat center center;
  background-size: contain;
}
article.index section.about-lightz .text {
  background-color: #e1e1e1;
}
article.index section.about-lightz .text > .about-lightz {
  position: relative;
}

article.index ul.service-products-list li {
  position: relative;
  margin: 0 4px;
  height: 530px;
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
  transition: background 0.8s;
  border-radius: 0px 15px;
}
article.index ul.service-products-list li:hover {
  background-size: auto 110%;
}
article.index ul.service-products-list li a {
  height: 100%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.21);
  border-radius: 0px 15px;
}

article.index ul.service-products-list li a .decoration {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  position: absolute;
}

article.index ul.service-products-list li a .title {
  position: absolute;
  width: 380px;
  margin: 400px 20px 0 60px;
  font-size: 140%;
  background-image: url(https://lightz-inc.com/images/hr.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
article.index ul.service-products-list li a .title:hover {
  color: #ffef00;
}

article.index ul.service-products-list li a .overview {
  position: absolute;
  width: 380px;
  margin: 450px 20px 0 60px;
}

article.index ul.service-products-list li.dx-professional {
  background-image: url(https://lightz-inc.com/images/dx-professional.png);
}
article.index ul.service-products-list li.consulting {
  background-image: url(https://lightz-inc.com/images/consulting.jpg);
}
article.index ul.service-products-list li.system-developments {
  background-image: url(https://lightz-inc.com/images/system-developments.jpg);
}
article.index ul.service-products-list li.products {
  background-image: url(https://lightz-inc.com/images/products.jpg);
}

article.index section.contact h2 {
  border: none;
  text-align: center;
  margin: 0 auto 0.5em;
  max-width: 8em;
  text-indent: 0;
  font-size: 3.5rem;
  text-decoration: underline;
  text-decoration-color: #ffef00;
  text-decoration-thickness: 0.2rem;
  text-underline-offset: 0.3rem;
}
article.index section.contact p {
  text-align: center;
}
article.index section.contact .contact-list {
  margin-top: 1.5em;
}
article.index section.contact .contact-list li {
  width: 30.6%;
  margin: 0 2%;
  padding: 1em 0.5em;
  float: left;
  border: solid 3px #ffef00;
  border-radius: 0px 15px;
  text-align: center;
  box-shadow: 0 10px 15px 0 #00000029;
}
article.index section.contact .contact-list li:first-child {
  margin-left: 0;
}
article.index section.contact .contact-list li:last-child {
  margin-right: 0;
}
article.index section.contact .contact-list li:hover {
  background-color: #ffef00;
}
article.index section.contact .contact-list li a {
  color: #0d0d0d;
  text-decoration: none;
}
article.index section.contact .contact-list li a span {
  font-size: 1.5rem;
  font-weight: bold;
}

@media all and (min-width: 740px) {
  body.index #main_slider {
    height: 528px;
  }
  body.index #main_slider img.middle {
    display: none;
  }
  body.index #main_slider .slick-slide {
    height: 528px;
  }

  article.index {
    margin-top: 40px;
  }
  article.index .frame {
    padding-left: 80px;
  }

  article.index ul.news-release-list li,
  article.index ul.pickup-list li,
  article.index ul.service-products-list li {
    width: 480px;
  }
  article.index ul.news-release-list li a img,
  article.index ul.pickup-list li a img {
    max-width: 460px;
    height: 270px !important;
  }

  article.index section.about-lightz h2 {
    font-weight: normal;
  }
  article.index section.about-lightz h2 span {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }
  article.index section.about-lightz .image {
    width: 905px;
    height: 530px;
    margin-left: 415px;
  }
  article.index section.about-lightz .text {
    position: absolute;
    top: 50px;
    margin-left: 40px;
    padding: 50px 40px;
    width: 460px;
    background-color: #e1e1e1;
  }
  article.index section.about-lightz .text .more a {
    background-color: #fff;
    border: none;
    font-weight: normal;
  }
  article.index section.about-lightz .text .more a:hover {
    background-color: #000;
    color: #fff;
  }
}

@media all and (max-width: 739px) {
  body.index #header .nav > .index > a {
    background-color: #ffef00;
  }

  body.index #main_slider img.full {
    display: none;
  }
  body.index #main_slider img.middle {
    margin: 0 auto;
    min-width: 380px;
  }
  body.index #main_slider .slick-slide {
    background-position: left 20% center;
  }
  body.index #main_slider .slick-dots {
    padding-top: 15px;
  }

  body.index #content article .inner {
    padding-left: 20px;
  }
  body.index #content article > .inner {
    margin: 0;
    padding: 0;
    min-width: 100%;
  }

  article.index section {
    padding: 30px 0 0;
  }
  article.index section h2 {
    font-size: 1.5rem;
  }
  article.index section.news-release::after,
  article.index section.pickup::after,
  article.index section.about-lightz::after,
  article.index section.service-products::after {
    display: none;
  }
  article.index ul.news-release-list li,
  article.index ul.pickup-list li {
    width: 150px;
  }
  article.index ul.news-release-list li a img,
  article.index ul.pickup-list li a img {
    max-width: 130px;
  }
  article.index ul.news-release-list .category,
  article.index ul.pickup-list .category {
    margin-left: 0;
  }
  article.index section.news-release {
    margin-top: 50px;
  }
  article.index section .more {
    margin: 2.5em;
    text-align: center;
    padding-right: 20px;
  }
  article.index section.news-release .title {
    padding-top: 0.25em;
  }

  body.index #content article .about-lightz .inner {
    padding-right: 20px;
  }
  article.index section.about-lightz h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
  article.index section.about-lightz h2 span {
    font-size: 3rem;
    line-height: 3rem;
  }
  article.index section.about-lightz .image {
    padding-top: 55.55556%;
    background-position: center 10%;
    background-size: cover;
  }
  article.index section.about-lightz .text {
    padding: 0 1rem 2rem;
  }
  article.index section.about-lightz .text > .about-lightz {
    padding: 40px 0 20px;
  }
  article.index section.about-lightz .more {
    margin: 0;
  }
  article.index section.about-lightz .more a {
    background-color: #fff;
  }
  article.index section.about-lightz p {
    font-size: 1.3rem;
  }

  article.index ul.service-products-list li {
    width: 164px;
    height: 218px;
    margin: 0 2px;
  }
  article.index ul.service-products-list li a {
    padding: 12px 5px;
  }
  article.index ul.service-products-list li a .decoration {
    font-size: 0.5em;
  }
  article.index ul.service-products-list li a .title {
    width: 200px;
  }

  article.index section.contact {
    margin-top: 60px;
  }
  body.index #content article section.contact div.inner {
    padding-left: 16px;
    padding-right: 17px;
  }
  article.index section.contact h2 {
    font-size: 1.5rem;
    text-decoration-thickness: 0.2rem;
    text-underline-offset: 0.3rem;
  }
  article.index section.contact ul.contact-list li {
    float: none;
    width: 100%;
    margin: 0 0 35px;
  }
  article.index section.contact ul.contact-list li:first-child {
    margin-top: 25px;
  }
}
/* --------------------------------------------------
	11. Common (ex. Index)
-------------------------------------------------- */
@media all and (min-width: 740px) {
  body:not(.index) #content h2.title {
    display: none;
  }
}

@media all and (max-width: 739px) {
  body:not(.index) #content .inner {
    padding: 0;
  }
  body:not(.index) #content img.headimage {
    display: none;
  }
  body:not(.index) #content h2.title {
    background-color: #f5f5f5;
    font-size: 2.5rem;
    margin-top: 0.5rem;
    text-align: center;
    border-bottom: 4px solid #fff000;
  }
}
/* --------------------------------------------------
	12. About LIGHTz
-------------------------------------------------- */
@media all and (min-width: 740px) {
  body.about-lightz div.mission.left-textbox {
    height: 700px;
  }
  body.about-lightz div.mission.left-textbox .text {
    top: 100px;
    left: 90px;
    width: 600px;
    height: 560px;
  }

  body.about-lightz div.about-us.right-textbox {
    height: 840px;
  }
  body.about-lightz div.about-us.right-textbox .text {
    top: 210px;
    right: 135px;
    width: 550px;
    height: 450px;
  }
  body.about-lightz div.about-us.right-textbox .image {
    padding-top: 130px;
    padding-left: 185px;
  }
}
/* --------------------------------------------------
	13. Overview
-------------------------------------------------- */
body.overview #content table.basic_table {
  background-image: url(https://lightz-inc.com/images/hr.png);
  background-repeat: no-repeat;
}

@media all and (min-width: 740px) {
  body.overview #content table.basic_table {
    background-size: 860px 2px;
    width: 1000px;
    margin-left: 270px;
  }
}

@media all and (max-width: 739px) {
  body.overview #content table.basic_table {
    background-size: 100% 2px;
  }
}
/* --------------------------------------------------
	14. Message
-------------------------------------------------- */
body.message h4 {
  text-decoration: none;
  font-size: 2.5rem;
  text-align: center;
}
body.message p {
  text-align: center;
  margin-bottom: 1em;
}

@media all and (min-width: 740px) {
  body.message div.top-message.left-textbox {
    width: 1310px;
    height: 650px;
    margin-left: 90px;
    background-color: #f5f5f5;
  }
  body.message div.top-message.left-textbox .text {
    top: 110px;
    left: 100px;
    width: 410px;
    background: none;
    padding: 0;
  }
  body.message div.top-message.left-textbox .text h4 {
    padding-top: 0;
    text-align: left;
  }
  body.message div.top-message.left-textbox .text p {
    text-align: left;
  }
  body.message div.top-message.left-textbox .image {
    padding-top: 50px;
    padding-right: 190px;
  }

  body.message div.future.right-imagebox {
    height: 840px;
    margin-left: 90px;
  }
  body.message div.future.right-imagebox .text {
    left: 90px;
    width: 960px;
    height: 825px;
    background-color: #f5f5f5;
    padding-left: 95px;
    padding-top: 70px;
  }
  body.message div.future.right-imagebox .text h4 {
    width: 470px;
    text-align: left;
  }
  body.message div.future.right-imagebox .text p {
    width: 470px;
    text-align: left;
  }
  body.message div.future.right-imagebox .image {
    padding-top: 155px;
    padding-right: 190px;
  }
}
/* --------------------------------------------------
	15. Members
-------------------------------------------------- */
body.members div.ceo.left-textbox .text h3 {
  text-decoration: none;
}
body.members div.ceo.left-textbox .text h3 span.title {
  display: block;
  font-weight: normal;
}
body.members div.ceo.left-textbox + h3 {
  padding-bottom: 0;
}
body.members div.management-members dl dt p.name {
  font-size: 2.2rem;
}
body.members div.management-members dl dt p.title {
  color: #929292;
}
body.members div.ceo.left-textbox .text p {
  text-align: left;
  font-size: 1.45rem;
}

@media all and (min-width: 740px) {
  body.members div.ceo.left-textbox {
    background-color: #e1e1e1;
  }
  body.members div.ceo.left-textbox .text {
    left: 90px;
    width: 660px;
    padding: 60px;
    background-color: transparent;
  }
  body.members div.ceo.left-textbox .text h3 {
    text-align: left;
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
    width: 100%;
  }
  body.members div.ceo.left-textbox .text h3:before {
    content: "";
    position: absolute;
    bottom: 0.5em;
    display: inline-block;
    width: 2.7em;
    height: 5px;
    background-color: #b1b1b1;
  }
  body.members div.ceo.left-textbox .text h3 span.title {
    font-size: 1.45rem;
  }

  body.members div.management-members {
    margin: 0 90px;
    padding-left: 175px;
    padding-right: 80px;
  }
  body.members div.management-members .inner {
    display: flex;
    flex-wrap: wrap;
  }
  body.members div.management-members dl {
    width: 50%;
    position: relative;
    height: 600px;
  }
  body.members div.management-members dl dt {
    position: absolute;
    top: 380px;
  }
}

@media all and (max-width: 739px) {
  body.members div.ceo .image img {
    width: 335px;
    height: 335px !important;
    object-fit: cover;
    object-position: right top;
  }
  body.members div.ceo.left-textbox .text h3 span.title {
    font-size: 1rem;
  }
  body.members div.management-members dl {
    margin-bottom: 3rem;
  }
}
/* --------------------------------------------------
	16. Consulting
-------------------------------------------------- */
body.consulting div.merit {
  background-color: #f5f5f5;
}

body.consulting div.flow dl dt {
  padding-left: 2rem;
}
body.consulting div.flow dl dt p.title {
  font-size: 1.2em;
  font-weight: bold;
}
body.consulting div.services h3 {
  border-left: 4px solid #ffef00;
  color: #bdbebf;
  padding: 0 0 0 0.5em;
  margin: 0 0 1rem 0;
  text-align: left;
  text-decoration: none;
  font-weight: bold;
}
body.consulting div.services .right-textbox .text h4 span {
  display: block;
  font-weight: normal;
  color: #3b4043;
}
body.consulting div.services .right-textbox .text ul li {
  background: linear-gradient(108deg, #c8218b, #2164c8);
}
body.consulting div.users-voice .case .link {
  margin-top: 2em;
}
body.consulting div.users-voice .case .link a {
  color: #929292;
}

@media all and (min-width: 740px) {
  body.consulting p {
    font-size: 1.1rem;
  }

  body.consulting div.intro {
    margin-bottom: 100px;
  }
  body.consulting div.intro p {
    padding-left: 320px;
    padding-right: 320px;
    text-align: center;
    margin-bottom: 1em;
  }

  body.consulting div.merit {
    margin-left: 80px;
    margin-right: 80px;
    padding-top: 40px;
    padding-bottom: 100px;
    text-align: center;
  }
  body.consulting div.merit p {
    margin-left: 240px;
    margin-right: 240px;
    margin-bottom: 80px;
  }

  body.consulting div.hanchika {
    margin-top: 8rem;
  }

  body.consulting div.flow {
    display: flex;
    justify-content: space-between;
    margin-left: 150px;
    margin-right: 150px;
    margin-bottom: 50px;
  }
  body.consulting div.flow dl {
    width: 32%;
    position: relative;
    height: 550px;
  }
  body.consulting div.flow dl dt {
    position: absolute;
    top: 440px;
  }

  body.consulting div.services {
    padding-left: 90px;
  }
  body.consulting div.services h3 {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
  body.consulting div.services > div {
    background-color: #f5f5f5;
    height: 985px;
  }
  body.consulting div.services .right-textbox {
    padding-top: 145px;
  }
  body.consulting div.services .right-textbox .image {
    width: 610px;
  }
  body.consulting div.services .right-textbox .text {
    background: none;
    top: 145px;
    left: 610px;
    padding: 0 85px 0 55px;
    text-align: left;
  }
  body.consulting div.services .right-textbox .text h4 {
    border: none;
    font-size: 2.5rem;
  }
  body.consulting div.services .right-textbox .text h4 span {
    font-size: 0.5em;
  }

  body.consulting div.users-voice .case {
    border-bottom: 2px solid #f5f5f5;
    padding-left: 90px;
    padding-right: 165px;
  }
  body.consulting div.users-voice .case:last-child {
    border: none;
  }
  body.consulting div.users-voice .case h4 {
    font-size: 2rem;
    line-height: 2rem;
  }
  body.consulting div.users-voice .case .right-textbox {
    height: 450px;
  }
  body.consulting div.users-voice .case .right-textbox .text {
    width: 560px;
    padding: 0;
  }
  body.consulting div.users-voice .case .right-textbox .text p {
    text-align: left;
    padding: 0;
    margin-bottom: 0.2rem;
  }
}

@media all and (max-width: 739px) {
  body.consulting h3 {
    font-size: 1.8rem;
  }

  body.consulting div.intro {
    margin-bottom: 2rem;
  }

  body.consulting div.merit {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  body.consulting div.merit p {
    margin-bottom: 1rem;
  }

  body.consulting div.flow dl {
    margin-bottom: 2rem;
  }

  body.consulting div.services h3 {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
  body.consulting div.services .right-textbox .text h4 span {
    font-size: 0.8em;
  }

  body.consulting div.users-voice .case .right-textbox .image,
  body.consulting div.users-voice .case .right-textbox .text {
    margin-bottom: 1rem;
  }
}
/* --------------------------------------------------
	17. DX Professional Service
-------------------------------------------------- */

@media all and (min-width: 740px) {
  body.dx-pro p {
    font-size: 1.1rem;
  }

  body.dx-pro div.intro {
    margin-bottom: 100px;
  }
  body.dx-pro div.intro p,
  body.dx-pro div.service p {
    padding-left: 320px;
    padding-right: 320px;
    text-align: center;
    margin-bottom: 1em;
  }
  body.dx-pro div.intro div.intro-images {
    background-color: #f5f5f5;
    margin-top: 3rem;
    margin-left: 80px;
    padding: 3rem 120px 3rem 40px;
  }
  body.dx-pro div.intro div.intro-images div.images {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 3rem;
  }
  body.dx-pro div.service,
  body.dx-pro div.flow {
    text-align: center;
    margin-bottom: 3rem;
  }
}
@media all and (max-width: 739px) {
}
/* --------------------------------------------------
	18. System developments
-------------------------------------------------- */
body.system-developments div.intro,
body.system-developments div.merit,
body.system-developments div.flow {
  margin-bottom: 3rem;
}
body.system-developments div.intro p,
body.system-developments div.merit p,
body.system-developments div.flow p,
body.system-developments div.solutions p {
  text-align: center;
  margin-bottom: 3rem;
  font-size: 1.2rem;
}
body.system-developments div.solutions h4 {
  text-align: left;
  border: none;
  padding: 0;
}
body.system-developments div.solutions h4 span {
  display: block;
  font-size: 1.2rem;
  color: #3b4043;
}

@media all and (min-width: 740px) {
  body.system-developments div.intro,
  body.system-developments div.merit,
  body.system-developments div.flow {
    padding: 0 90px;
  }
  body.system-developments div.flow {
    margin-bottom: 10rem;
  }

  body.system-developments div.solutions {
    padding-left: 90px;
  }
  body.system-developments div.solutions p {
    text-align: left;
  }
  body.system-developments div.solutions .right-textbox,
  body.system-developments div.solutions .left-textbox {
    height: 700px;
    margin-bottom: 235px;
  }
  body.system-developments div.solutions .left-textbox .image {
    padding-right: 85px;
  }
  body.system-developments div.solutions .left-textbox .text {
    width: 615px;
  }
  body.system-developments div.solutions .right-textbox .text {
    width: 700px;
  }
  body.system-developments div.solutions .right-textbox .text,
  body.system-developments div.solutions .left-textbox .text {
    padding-left: 85px;
    padding-top: 190px;
  }
}

@media all and (max-width: 739px) {
  body.system-developments div.solutions .right-textbox,
  body.system-developments div.solutions .left-textbox {
    margin-bottom: 5rem;
  }
}
/* --------------------------------------------------
	19. Search Engine
-------------------------------------------------- */
body.search-engine div.intro,
body.search-engine div.flow {
  margin-bottom: 3rem;
}
body.search-engine div.intro p,
body.search-engine div.flow p {
  text-align: center;
  margin-bottom: 3rem;
  font-size: 1.2rem;
}
@media all and (min-width: 740px) {
  body.search-engine div.intro p,
  body.search-engine div.flow p {
    padding: 0 90px;
  }
  body.search-engine div.intro p img,
  body.search-engine div.flow p img {
    width: 800px;
    margin: 0 auto;
  }
}
/* --------------------------------------------------
	20. ORGENIUS Figure
-------------------------------------------------- */
body.ORGENIUS-Figure div.intro,
body.ORGENIUS-Figure div.flow {
  margin-bottom: 3rem;
}
body.ORGENIUS-Figure div.intro p,
body.ORGENIUS-Figure div.flow p {
  text-align: center;
  margin-bottom: 3rem;
  font-size: 1.2rem;
}
body.ORGENIUS-Figure div.feature {
  background-color: #f5f5f5;
  text-align: center;
}
body.ORGENIUS-Figure div.feature h4 {
  border: 0;
}
body.ORGENIUS-Figure div.intro div.images dl {
  position: relative;
  height: 400px;
}
body.ORGENIUS-Figure div.intro div.images dl dt {
  position: absolute;
  top: 265px;
  text-align: center;
  width: 100%;
}
body.ORGENIUS-Figure div.intro div.images dl dd {
  text-align: center;
}
body.ORGENIUS-Figure div.intro div.images dl dd img {
  height: 250px !important;
}
@media all and (min-width: 740px) {
  body.ORGENIUS-Figure div.intro p,
  body.ORGENIUS-Figure div.flow p {
    padding: 0 90px;
  }
  body.ORGENIUS-Figure div.flow p img {
    width: 800px;
    margin: 0 auto;
  }
  body.ORGENIUS-Figure div.intro div.images {
    display: flex;
    justify-content: space-evenly;
    margin: 2rem 230px;
  }
  body.ORGENIUS-Figure div.intro div.images dl {
    width: 260px;
  }
  body.ORGENIUS-Figure div.feature {
    margin-left: 90px;
    padding: 2rem 215px 5rem 165px;
  }
}
@media all and (max-width: 739px) {
  body.ORGENIUS-Figure div.intro div.images dl {
    width: 100%;
  }
  body.ORGENIUS-Figure div.feature {
    padding: 1rem 0.5rem;
  }
}
/* --------------------------------------------------
	21. Products
-------------------------------------------------- */
body.products h4 {
  line-height: 1.75rem;
  color: #bdbebf;
}
body.products .pincypark .right-textbox,
body.products .indstpark .right-textbox {
  background-color: #f5f5f5;
  padding-top: 10px;
}

body.products .right-textbox .text {
  background: none;
}
body.products .right-textbox .text h5 {
  text-decoration: none;
  font-size: 4rem;
  padding-bottom: 0;
}
body.products .right-textbox .text h5 span {
  display: block;
  color: #3b4043;
  font-size: 1.2rem;
}
body.products div.pincypark ul.feature li {
  background-color: transparent;
  color: #3ab489;
  border: solid;
  border-color: #3ab489;
  font-weight: bold;
}
body.products div.gniuspark ul.feature li {
  background-color: transparent;
  color: #21438f;
  border: solid;
  border-color: #21438f;
  font-weight: bold;
}
body.products div.indstpark ul.feature li {
  background-color: transparent;
  color: #d5141e;
  border: solid;
  border-color: #d5141e;
  font-weight: bold;
}
body.products .monodukuriOS h4 {
  text-align: center;
  color: #0d0d0d;
  border: none;
  margin-top: 0;
  font-size: 2.25rem;
}
body.products .monodukuriOS p {
  text-align: center;
  margin: 0 auto 3rem;
}

@media all and (min-width: 740px) {
  body.products .pincypark,
  body.products .gniuspark,
  body.products .indstpark {
    margin-left: 90px;
    margin-bottom: 10rem;
  }
  body.products .pincypark .right-textbox,
  body.products .gniuspark .right-textbox,
  body.products .indstpark .right-textbox {
    height: 660px;
    padding-left: 10px;
    padding-top: 145px;
  }

  body.products .right-textbox .text {
    text-align: left;
    width: 690px;
    top: 0px;
    padding: 105px 30px 0 30px;
  }
  body.products .right-textbox .text ul.feature {
    width: 580px;
  }
  body.products .monodukuriOS p {
    width: 80%;
  }
}
@media all and (max-width: 739px) {
  body.products .pincypark,
  body.products .gniuspark,
  body.products .indstpark {
    margin-bottom: 3rem;
  }
}
/* --------------------------------------------------
	22. Pincy Park
  23. Gnius Park
  23. Indst Park
-------------------------------------------------- */
body.indst-park .product-contact {
  text-align: center;
}

body.pincy-park h4,
body.gnius-park h4,
body.indst-park h4 {
  border: 0;
  text-decoration: underline;
  text-decoration-color: #ffef00;
  text-decoration-thickness: 0.2rem;
  text-underline-offset: 0.2rem;
  text-align: center;
}
body.indst-park .product-contact h4 {
  border: none;
  font-weight: normal;
  text-align: center;
  text-decoration: underline;
  text-decoration-color: #ffef00;
}
body.indst-park .feature h5 {
  text-decoration: none;
  text-align: left;
}

body.pincy-park .feature p,
body.pincy-park .flow p,
body.pincy-park .feature-list p,
body.gnius-park .feature p,
body.gnius-park .flow p,
body.gnius-park .feature-list p,
body.indst-park .feature p,
body.indst-park .flow p,
body.indst-park .feature-list p,
body.indst-park .product-contact p {
  text-align: center;
  margin-bottom: 3rem;
}
body.pincy-park div.feature .left-textbox .text p,
body.gnius-park div.feature .left-textbox .text p,
body.indst-park div.feature .left-textbox .text p {
  text-align: left;
}

@media all and (min-width: 740px) {
  body.pincy-park .feature,
  body.pincy-park .flow,
  body.pincy-park .feature-list,
  body.gnius-park .feature,
  body.gnius-park .flow,
  body.gnius-park .feature-list,
  body.indst-park .feature,
  body.indst-park .merit,
  body.indst-park .flow,
  body.indst-park .feature-list,
  body.indst-park .product-contact {
    margin-bottom: 5rem;
  }
  body.pincy-park div.feature .left-textbox,
  body.gnius-park div.feature .left-textbox,
  body.indst-park div.feature .left-textbox {
    height: 700px;
    width: 905px;
    margin-left: 90px;
  }
  body.pincy-park div.feature .left-textbox .image,
  body.gnius-park div.feature .left-textbox .image,
  body.indst-park div.feature .left-textbox .image {
    position: absolute;
    background-color: #e1e1e1;
    width: 905px;
    height: 530px;
    left: 405px;
    top: 230px;
  }
  body.pincy-park div.feature .left-textbox .text,
  body.gnius-park div.feature .left-textbox .text,
  body.indst-park div.feature .left-textbox .text {
    width: 705px;
    height: 650px;
    padding: 80px 90px 0;
    font-size: 1.1rem;
  }

  body.pincy-park div.feature .right-textbox {
    background-color: #fff;
  }
  body.gnius-park div.feature .right-textbox {
    background-color: #fff;
  }
  body.indst-park div.feature .right-textbox {
    background-color: #fff;
  }
  body.pincy-park div.feature .right-textbox,
  body.gnius-park div.feature .right-textbox,
  body.indst-park div.feature .right-textbox {
    height: 500px;
    padding: 50px 80px;
  }
  body.pincy-park div.feature .right-textbox .image,
  body.gnius-park div.feature .right-textbox .image,
  body.indst-park div.feature .right-textbox .image {
    width: 700px;
  }
  body.pincy-park div.feature .right-textbox .text,
  body.gnius-park div.feature .right-textbox .text,
  body.indst-park div.feature .right-textbox .text {
    width: 440px;
    padding: 40px;
    padding-left: 0;
    top: 50px;
    right: 80px;
    background-color: transparent;
    font-size: 1.1rem;
  }
  body.pincy-park div.feature .right-textbox .text p,
  body.gnius-park div.feature .right-textbox .text p,
  body.indst-park div.feature .right-textbox .text p {
    text-align: left;
  }
  body.pincy-park div.product-contact a,
  body.gnius-park div.product-contact a,
  body.indst-park div.product-contact a {
    display: block;
    margin: 3rem auto;
    padding: 1rem 0.5rem;
    width: 395px;
    height: 115px;
    border: 3px solid #ffef00;
    border-radius: 0px 15px;
    text-align: center;
    box-shadow: 0 10px 15px 0 #00000029;
    text-decoration: none;
    color: #0d0d0d;
    font-size: 2rem;
  }
  body.pincy-park div.product-contact a:hover,
  body.gnius-park div.product-contact a:hover,
  body.indst-park div.product-contact a:hover {
    background-color: #ffef00;
  }
  body.pincy-park div.product-contact a span,
  body.gnius-park div.product-contact a span,
  body.indst-park div.product-contact a span {
    display: block;
    font-size: 1rem;
  }
}
@media all and (max-width: 739px) {
  body.pincy-park .feature,
  body.pincy-park .flow,
  body.pincy-park .feature-list,
  body.gnius-park .feature,
  body.gnius-park .flow,
  body.gnius-park .feature-list,
  body.indst-park .feature,
  body.indst-park .flow,
  body.indst-park .feature-list {
    margin-bottom: 3rem;
  }
  body.pincy-park .feature p,
  body.pincy-park .flow p,
  body.pincy-park .feature-list p,
  body.gnius-park .feature p,
  body.gnius-park .flow p,
  body.gnius-park .feature-list p,
  body.indst-park .feature p,
  body.indst-park .flow p,
  body.indst-park .feature-list p {
    font-size: 1.2rem;
  }

  body.pincy-park div.product-contact a,
  body.gnius-park div.product-contact a,
  body.indst-park div.product-contact a {
    display: block;
    margin: 3rem auto;
    padding: 1rem 0.5rem;
    width: 395px;
    height: 115px;
    border: 3px solid #ffef00;
    border-radius: 0px 15px;
    text-align: center;
    box-shadow: 0 10px 15px 0 #00000029;
    text-decoration: none;
    color: #0d0d0d;
    font-size: 2rem;
  }
  body.pincy-park div.product-contact a span,
  body.gnius-park div.product-contact a span,
  body.indst-park div.product-contact a span {
    display: block;
    font-size: 1rem;
  }
}
@media all and (max-width: 739px) {
}
/* --------------------------------------------------
  25. Recruits
  26. New Graduates
  27. Careers
-------------------------------------------------- */
body.recruits .intro p,
body.recruits .mission p,
body.new-graduates .intro p,
body.careers .intro p {
  text-align: left;
  font-size: 1.2rem;
}

body.recruits .mission h3 {
  text-decoration: none;
}
body.recruits .mission h4,
body.recruits .contact h4,
body.new-graduates .contact h4,
body.careers .contact h4 {
  border: none;
  font-weight: normal;
  text-align: center;
  text-decoration: underline;
  text-decoration-color: #ffef00;
}
body.recruits table.recruit-tbl,
body.new-graduates table.recruit-tbl,
body.careers table.recruit-tbl {
  width: 75%;
  margin: 0 auto 80px;
  font-size: 1.1rem;
}
body.recruits table.recruit-tbl th,
body.new-graduates table.recruit-tbl th,
body.careers table.recruit-tbl th {
  background-color: #ffef3f;
  color: #333;
  font-weight: bold;
  border: 2px solid #fff;
  position: relative;
}
body.recruits table.recruit-tbl th::after,
body.new-graduates table.recruit-tbl th::after,
body.careers table.recruit-tbl th::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: calc(50% - 10px);
  right: -10px;
  border-left: 10px solid #ffef3f;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
body.recruits table.recruit-tbl td,
body.new-graduates table.recruit-tbl td,
body.careers table.recruit-tbl td {
  background-color: #eee;
  border: 2px solid #fff;
}

body.recruits div.contact a,
body.new-graduates div.contact a,
body.careers div.contact a {
  display: block;
  margin: 0 auto;
  padding: 1rem 0.5rem;
  border: 3px solid #ffef00;
  border-radius: 0px 15px;
  text-align: center;
  box-shadow: 0 10px 15px 0 #00000029;
  text-decoration: none;
  color: #0d0d0d;
  font-size: 2rem;
}
body.recruits div.contact a:hover,
body.new-graduates div.contact a:hover,
body.careers div.contact a:hover {
  background-color: #ffef00;
}
body.recruits div.contact a span,
body.new-graduates div.contact a span,
body.careers div.contact a span {
  display: block;
  font-size: 1rem;
}

@media all and (min-width: 740px) {
  body.recruits .intro,
  body.recruits .mission,
  body.new-graduates .intro,
  body.careers .intro {
    margin-bottom: 10rem;
  }
  body.recruits div.intro .left-textbox {
    margin-left: 90px;
    height: 760px;
  }
  body.recruits div.intro .left-textbox .image {
    padding-top: 230px;
  }
  body.recruits div.intro .left-textbox .text {
    width: 705px;
    padding: 180px 90px;
    background-color: rgba(255, 255, 255, 0.95);
  }

  body.recruits div.mission .right-textbox {
    margin-left: 90px;
    margin-bottom: 60px;
    height: 850px;
  }
  body.recruits div.mission .right-textbox .text {
    width: 750px;
    top: 125px;
  }
  body.recruits div.mission .right-textbox .text p {
    padding: 0;
  }
  body.recruits div.mission > .image {
    margin: 5rem 0;
    padding: 0 auto;
    text-align: center;
  }
  body.recruits div.mission > .text {
    padding: 0 95px;
  }
  body.recruits div.mission > .text P {
    margin-bottom: 1rem;
  }

  body.recruits div.contact a,
  body.new-graduates div.contact a,
  body.careers div.contact a {
    width: 395px;
    height: 115px;
  }
}
@media all and (max-width: 739px) {
}
/* --------------------------------------------------
  28. News
-------------------------------------------------- */
body.news h3 {
  padding: 0 0 0 0.5em;
  font-size: 2rem;
  border-left: 4px solid #ffef00;
  text-decoration: none;
  text-align: left;
}
body.news .news-release-list li {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
body.news .news-release-list li a {
  text-decoration: none;
  color: #0d0d0d;
}
body.news .news-release-list li img {
  display: block;
  margin: 0 auto;
  border-radius: 0px 15px;
  background-color: #d4d4d4;
  object-fit: cover;
}
body.news .news-release-list li .title {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
body.news .news-release-list li .date,
body.news .news-release-list li .category {
  font-size: 0.8rem;
}

@media all and (min-width: 740px) {
  body.news h3 {
    margin: 0 90px 1rem;
  }
  body.news .news-release-list {
    margin: 0 90px !important;
    padding: 0 !important;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
  }
  body.news .news-release-list li {
    width: 32%;
    margin-right: 1%;
  }
  body.news .news-release-list li:nth-child(3) {
    margin-right: 0;
  }
  body.news .news-release-list li a {
    display: block;
    padding: 12px;
    height: 420px;
  }
  body.news .news-release-list li a:hover {
    background-color: #f2f2f2;
  }
  body.news .news-release-list li a * {
    background: transparent;
  }
  body.news .news-release-list li img {
    height: 220px !important;
  }
}
@media all and (max-width: 739px) {
  body.news .news-release-list li {
    background-color: #f2f2f2;
    padding: 1rem;
  }
  body.news .news-release-list li .title {
    margin-top: 0.5rem;
  }
}
/* --------------------------------------------------
  29. Entry
-------------------------------------------------- */
body.entry div.entry-header time {
  font-size: 1.5rem;
  color: #929292;
  margin-right: 1em;
}
body.entry div.entry-header .category {
  display: inline-block;
  color: #929292;
  border: 2px solid #929292;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  height: 1.8rem;
  font-size: 0.8rem;
  vertical-align: middle;
}
body.entry div.entry-header h3.title {
  font-size: 1.8rem;
  text-decoration: none;
  text-align: left;
  border-left: 4px solid #ffef00;
  padding: 0 0.5em;
  margin-bottom: 1rem;
}
body.entry div.entry-content a {
  color: #0d0d0d;
}
body.entry div.entry-content div.entry-thumb {
  margin: 1rem 0;
  text-align: center;
}
@media all and (min-width: 740px) {
  body.entry div.entry-header,
  body.entry div.entry-content {
    padding: 0 240px;
  }
  body.entry div.entry-content div.entry-thumb {
    padding: 0 10%;
  }
  body.entry div.entry-content div.entry-thumb img {
    max-width: 80%;
  }
}
@media all and (max-width: 739px) {
  body.entry #content h2.title {
    display: none;
  }
}

/* --------------------------------------------------
30. Contacs
-------------------------------------------------- */
body.contacts div.intro p {
  font-size: 1.2rem;
  text-align: center;
}
body.contacts div.intro p.error {
  color: #f02525;
  background: rgb(254, 224, 255);
  margin: 2rem auto 0;
  border-radius: 10px;
  padding: 0.8rem;
}
body.contacts div.form {
  margin: 5rem auto;
}
body.contacts div.form .error {
  background: rgb(254, 224, 255);
}
body.contacts div.form p.err-msg {
  padding-left: 1em;
  color: #f02525;
}
body.contacts div.form dl {
  margin: 0.2rem auto;
  border-radius: 10px;
}
body.contacts div.form dl dt {
  font-size: 1.2rem;
}
body.contacts div.form dl dt.require::after {
  content: "必須";
  font-size: 0.8rem;
  display: inline-block;
  padding: 0 0.5rem;
  margin-left: 1rem;
  border: 2px solid #929292;
  color: #929292;
  font-weight: bold;
}
body.contacts div.form dl dd {
  padding: 0.6rem 0;
}
body.contacts div.form dl dd input[type="text"],
body.contacts div.form dl dd select,
body.contacts div.form dl dd textarea {
  width: 95%;
  padding-left: 1em;
  border-color: #bdbebf;
}
body.contacts div.form dl dd input[type="text"],
body.contacts div.form dl dd select {
  height: 3em;
}
body.contacts div.form dl dd textarea {
  height: 10em;
}
body.contacts div.form dl dd input[type="checkbox"] {
  width: 2rem;
  height: 2rem;
  border-color: #bdbebf;
  margin-right: 1em;
}
body.contacts #form-privacy-policy,
body.contacts #mail-form-footer {
  margin-top: 2rem;
  font-size: 1.2rem;
}
body.contacts div.form #mail-form-footer input[type="submit"] {
  width: 50%;
  border-radius: 25px;
  background-color: #004bb1;
  color: #fff;
  font-size: 1.4rem;
  border: none;
  padding: 0.5rem 0;
  border: 2px solid #004bb1;
}
body.contacts div.form #mail-form-footer input[type="submit"]:hover {
  color: #004bb1;
  background-color: #fff;
}
@media all and (min-width: 740px) {
  body.contacts div.intro p.error {
    width: 65%;
  }
  body.contacts div.form {
    width: 65%;
  }
  body.contacts div.form dl {
    display: flex;
    flex-wrap: wrap;
  }
  body.contacts div.form dl dt {
    width: calc(100% / 3);
    padding-left: 2em;
    display: flex;
    align-items: center;
    font-size: 1.2rem;
  }
  body.contacts div.form dl dd {
    width: calc(100% / 3 * 2);
  }
}
@media all and (max-width: 739px) {
  body.contacts div.form dl {
    margin: 0.8rem auto 2rem;
  }
  body.contacts div.form dl dt {
    font-weight: bold;
  }
  body.contacts div.form dl dd {
    height: 3.5em;
  }
  body.contacts div.form #mail-form-footer input[type="submit"] {
    width: 100%;
  }
}
/* --------------------------------------------------
	99. Print
-------------------------------------------------- */
@media only print {
  #header {
    position: static;
  }
  #pagetop {
    display: none;
  }
}

/* --------------------------------------------------
	dev-sample
-------------------------------------------------- */
@media all and (min-width: 740px) {
}
@media all and (max-width: 739px) {
}