/*
 Template: field-server-jp
 Theme Name: ASIOT製品
 Theme URI: https://field-server.jp/
 Author: vegetalia.inc
 Author URI: https://field-server.jp/
 Version: 1.2
 */
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* @font-face {
  font-family: Noto Sans JP;
  src: url('../fonts/NotoSansJP-Medium.otf');
} */
@font-face {
  font-family: Roboto_Flex;
  src: url('../fonts/RobotoFlex-Regular.ttf');
}
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0;
  background-color: #efefef;
}

article, aside, footer, header, nav, section {
  display: block
}

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

figcaption, figure {
  display: block
}

figure {
  margin: 1em 40px
}

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

main {
  display: block
}

pre {
  font-size: 1em
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

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

b, strong {
  font-weight: inherit
}

b, strong {
  font-weight: bolder
}

code, kbd, samp {
  font-size: 1em
}

dfn {
  font-style: italic
}

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

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

audio, video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

img {
  border-style: none
}

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

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

button {
  overflow: visible
}

button, select {
  text-transform: none
}

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

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

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

input {
  overflow: visible
}

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

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

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

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

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

fieldset {
  padding: .35em .75em .625em
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  max-width: 100%;
  padding: 0;
  color: inherit;
  white-space: normal
}

progress {
  display: inline-block;
  vertical-align: baseline
}

textarea {
  overflow: auto
}

details {
  display: block
}

summary {
  display: list-item
}

menu {
  display: block
}

canvas {
  display: inline-block
}

template {
  display: none
}

[hidden] {
  display: none
}

html {
  font-size: 62.5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

html * {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

html :after, html :before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

body {
  color: #424242;
  font-family: Noto Sans JP;
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6
}

/* _:-ms-lang(x)::-ms-backdrop, body {
} */

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  word-break: break-all;
  word-wrap: break-word
}

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

ol li, ul li {
  list-style: none;
  word-break: break-all;
  word-wrap: break-word
}

dl {
  margin: 0
}

dl dd, dl dt {
  word-break: break-all;
  word-wrap: break-word
}

dl dd {
  margin-left: 0
}

a {
  color: #0288d1;
  text-decoration: none
}

a:hover {
  text-decoration: none;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

figure {
  margin: 0
}

.account_introduction {
  padding: 30px 0 60px;
  text-align: center;
}

.account_introduction h2 {
  font-size: 32px;
  margin-bottom: 1em;
  color: #14376e;
}

.account_introduction p {
  font-size: 18px;
  font-size: 1.6rem;
  line-height: 1.8;
  margin-bottom: 1em
}

.account_introduction p:last-child {
  margin-bottom: 0
}

.account_whatIsAnAccount {
  background-color: #f5f5f5;
  padding: 60px 0
}

.account_whatIsAnAccount h2 {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1;
  margin-bottom: 40px;
  text-align: center
}

.account_whatIsAnAccount .account_whatIsAnAccountInner {
  background-color: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .16);
  box-shadow: 0 3px 3px rgba(0, 0, 0, .16);
  padding: 48px
}

.account_whatIsAnAccount_description {
  margin-bottom: 8px
}

.account_whatIsAnAccount_description>li {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 600;
  line-height: 1.8;
  margin-left: 1em;
  text-indent: -1em
}

.account_whatIsAnAccount_description>li:before {
  content: "・"
}

.account_whatIsAnAccount_description>li strong {
  color: #14376e;
  font-weight: 600
}

.account_whatIsAnAccount_description>li>ul {
  margin: 1em 0 0 1em
}

.account_whatIsAnAccount_description>li>ul li {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2
}

.account_whatIsAnAccount_description>li>ul li:before {
  content: "-";
  margin: 0 8px
}

.account_whatIsAnAccount_description>li p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
  margin-top: 1em;
  text-indent: 0
}

.account_whatIsAnAccount_description>li span {
  display: block
}

.account_registration {
  padding: 64px 0 72px
}

.account_registration h2 {
  font-size: 32px;
  font-size: 3.2rem;
  margin-bottom: 54px;
  text-align: center
}

.account_registration .account_registrationOuter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.account_registration_aboutCard {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  padding: 36px 40px;
  min-height: 296px;
  position: relative
}

.account_registration_aboutCard:before {
  content: "";
  background-color: #000;
  width: 100%;
  height: 5px;
  position: absolute;
  top: -5px;
  left: 0
}

.account_registration_aboutCard h3 {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 16px;
  text-align: center
}

.account_registration_aboutCard .account_registration_aboutCard_detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px
}

.account_registration_aboutCard .account_registration_aboutCard_detail p {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2
}

.account_registration_aboutCard .account_registration_aboutCard_detail div {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-right: 36px
}

.account_registration_aboutCard.isNew h3 {
  color: #14376e
}

.account_registration_aboutCard.isNew:before {
  background-color: #14376e
}

.account_registration_aboutCard.isNew .roundButton {
  background-color: #14376e
}

.account_registration_aboutCard.isAdd h3 {
  color: #c9151e
}

.account_registration_aboutCard.isAdd:before {
  background-color: #c9151e
}

.account_registration_aboutCard.isAdd .roundButton {
  background-color: #c9151e
}

.account_registration_aboutCard+p {
  font-size: 14px;
  font-size: 1.4rem;
  margin-left: 1em;
  margin-top: 32px;
  text-indent: -1em
}

.account_sharedUse {
  border-top: 1px solid #ccc;
  padding: 54px 0 80px
}

.account_sharedUse h2 {
  font-size: 32px;
  font-size: 3.2rem;
  margin-bottom: 32px;
  text-align: center
}

.account_sharedUse h2+p {
  line-height: 2;
  margin: 0 auto 36px;
  text-align: center;
  width: 620px
}

.account_sharedUse_outer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.account_sharedUse_outer .account_sharedUse_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.account_sharedUse_outer .account_sharedUse_inner h3 {
  color: #fff;
  text-align: center;
  padding: 20px 16px;
  line-height: 1;
  position: relative
}

.account_sharedUse_outer .account_sharedUse_inner h3:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 10px 0 10px;
  position: absolute;
  bottom: -12px;
  left: calc(50% - (20px / 2))
}

.account_sharedUse_outer .account_sharedUse_inner.isNew h3 {
  background-color: #14376e
}

.account_sharedUse_outer .account_sharedUse_inner.isNew h3:after {
  border-color: #14376e transparent transparent transparent
}

.account_sharedUse_outer .account_sharedUse_inner.isNew .roundButton {
  background-color: #14376e
}

.account_sharedUse_outer .account_sharedUse_inner.isAdd h3 {
  background-color: #c9151e
}

.account_sharedUse_outer .account_sharedUse_inner.isAdd h3:after {
  border-color: #c9151e transparent transparent transparent
}

.account_sharedUse_outer .account_sharedUse_inner.isAdd .roundButton {
  background-color: #c9151e
}

.account_sharedUse_detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 40px 28px
}

.account_sharedUse_detail ul {
  margin-bottom: 1em
}

.account_sharedUse_detail ul li {
  line-height: 1.8;
  margin-left: 1em;
  text-indent: -1em
}

.account_sharedUse_detail ul li:before {
  content: "・"
}

.account_sharedUse_detail dl {
  margin-bottom: 1em
}

.account_sharedUse_detail dl dt {
  font-weight: 600;
  margin-bottom: 12px
}

.account_sharedUse_detail dl dt span {
  background-color: #eee;
  line-height: 1;
  padding: 8px 12px
}

.account_sharedUse_detail dl dd {
  line-height: 1.8;
  margin-bottom: 4px;
  margin-left: 1em;
  text-indent: -1em
}

.account_sharedUse_detail dl dd:before {
  content: "-";
  margin: 0 6px
}

.account_sharedUse_detail div {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 28px
}

.account_sharedUse_registration {
  background-color: #f5f5f5;
  padding: 32px 40px
}

.account_sharedUse_registration p {
  font-weight: 600;
  text-align: center;
  margin-bottom: 16px
}

.account_addtionalMethod {
  padding: 90px 0
}

.account_addtionalMethod h2 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 600;
  margin-bottom: 64px;
  text-align: center
}

.account_addtionalMethod ul li {
  counter-increment: number;
  border-bottom: 1px solid #ccc;
  margin-bottom: 32px;
  padding-bottom: 32px
}

.account_addtionalMethod ul li:last-child {
  border-bottom: none;
  padding-bottom: 0
}

.account_addtionalMethod ul li>div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.account_addtionalMethod ul li>div p {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8
}

.account_addtionalMethod ul li>div p:before {
  content: counter(number) ".";
  margin-right: 4px
}

.account_addtionalMethod ul li>div div {
  line-height: 0
}

.account_addtionalMethod ul li.isRow>div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.account_addtionalMethod ul li.isColumn>div {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.account_addtionalMethod ul li.isColumn>div p {
  margin-bottom: 32px
}

.account_agri-note {
  padding: 0 0 80px
}

.account_agri-note h2 {
  font-size: 28px;
  font-size: 2.8rem;
  margin-bottom: 32px;
  text-align: center
}

.account_agri-note h2+p {
  line-height: 2;
  margin: 0 auto 36px;
  text-align: center
}

.account_whatIsAnAccount_agriNote {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #eef5e4;
  border-radius: 8px;
  padding: 32px 64px
}

.account_whatIsAnAccount_agriNote_introduction {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2
}

.account_whatIsAnAccount_agriNote_introduction h3 {
  color: #7fbe26;
  margin-bottom: 8px
}

.account_whatIsAnAccount_agriNote_introduction p {
  line-height: 2
}

.account_whatIsAnAccount_agriNote_introduction a {
  color: #14376e;
  text-decoration: underline
}

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

.account_whatIsAnAccount_agriNote_image {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-right: 64px
}

.articleHeadTitle {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.articleHeadTitle h1 {
  color: #fff;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1;
  letter-spacing: .05em;
  padding: 80px 0;
  text-align: center
}

.articleHeadTitle h1:after {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: .1em;
  margin-top: 18px
}

.articleHeadTitle.isPagePricing {
  background-image: url(../images/account/article_head_bg.jpg)
}

.articleHeadTitle.isPagePricing h1:after {
  content: "RATES & TYPES OF SERVICE"
}

.articleHeadTitle.isPageAccount {
  background-image: url(../images/account/article_head_bg.jpg)
}

.articleHeadTitle.isPageAccount h1:after {
  content: "GUIDE TO CREATE AN ACCOUNT"
}

.articleHeadTitle.isPageContact2 {
  background-image: url(../images/contact/contact_bg.png)
}

.articleHeadTitle.isPageContact2 h1:after {
  content: "CONTACT"
}

.articleHeadTitle.isPageInstall {
  background-image: linear-gradient(25deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) ,url(../images/install/article_head_bg.jpg);
}

.articleHeadTitle.isPageInstall h1:after {
  content: "POINT TO INSTALL"
}

.articleHeadTitle.isPageInstallOption {
  background-image: url(../images/install/option/article_head_bg.jpg)
}

.articleHeadTitle.isPageInstallOption h1:after {
  content: "SENSOR OPTIONS"
}

.articleHeadTitle.isPageFlow {
  background-image: url(../images/flow/article_head_bg.jpg)
}

.articleHeadTitle.isPageFlow h1:after {
  content: "FLOW"
}

.articleHeadTitle.isPageSubscription {
  background-image: url(../images/flow/article_head_bg.jpg)
}

.articleHeadTitle.isPageSubscription h1:after {
  content: "APPLICATION"
}

.articleHeadTitle.isPageService {
  background-image: url(../images/service/article_head_bg.jpg)
}

.articleHeadTitle.isPageService h1:after {
  content: "SERVICE"
}

.articleHeadTitle.isPageDownload {
  background-image: url(../images/download/article_head_bg.jpg)
}

.articleHeadTitle.isPageDownload h1:after {
  content: "DOWNLOAD"
}

.articleHeadTitle.isPageContact {
  background-image: url(../images/download/article_head_bg.jpg)
}

.articleHeadTitle.isPageContact h1:after {
  content: "CONTACT"
}

.articleHeadTitle.isPageApplication {
  background-image: url(../images/download/article_head_bg.jpg)
}

.articleHeadTitle.isPageApplication h1:after {
  content: "APPLICATION"
}

.articleHeadTitle.isPageOCRCamera {
  background-image: linear-gradient(25deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) ,url(../images/install/article_head_bg.jpg);
}

.articleHeadTitle.isPageOCRCamera h1:after {
  content: "OCRCamera"
}

.articleHeadTitle.isPageWebapp {
  background-image: linear-gradient(25deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) ,url(../images/install/article_head_bg.jpg);
}

.articleHeadTitle.isPageWebapp h1:after {
  content: "WebApp"
}

.articleHeadTitle.isPageExample {
  background-image: linear-gradient(25deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) ,url(../images/install/article_head_bg.jpg);
}

.articleHeadTitle.isPageExample h1:after {
  content: "INTRODUTION EXAMPLE"
}

.articleHeadTitle.isPageFAQ {
  background-image: linear-gradient(25deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) ,url(../images/install/article_head_bg.jpg);
}

.articleHeadTitle.isPageFAQ h1:after {
  content: "FAQ"
}

.articleHeadTitle.isPageRelease {
  background-image: linear-gradient(25deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) ,url(../images/install/article_head_bg.jpg);
}

.articleHeadTitle.isPageRelease h1:after {
  content: "Release"
}

.breadcrumbs {
  padding: 12px 0
}

.breadcrumbs ul {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.breadcrumbs ul li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: 13px;
  font-size: 1.3rem
}

.breadcrumbs ul li:after {
  content: "\003e";
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 8px
}

.breadcrumbs ul li:last-child:after {
  content: "";
  margin: 0
}

.breadcrumbs a {
  color: #14376e;
  text-decoration: underline
}

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

.container {
  margin: 0 auto
}

.containerInner {
  width: 1000px;
  margin: 0 auto;
}

.content_OCRCamera {
  margin-top: 48px
}

.content_OCRCamera h4 {
  margin-bottom: 12px;
  text-align: center
}

.content_OCRCameraInner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.content_OCRCameraInner section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.content_OCRCameraInner section h5 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: 28px;
  text-align: center
}

.content_OCRCameraInner section h5 span {
  background-color: #f5f5f5;
  padding: 8px 12px
}

.content_OCRCameraInner section .isImage {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 16px;
  text-align: center
}

.content_OCRCameraInner section .isTarget {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px
}

.content_OCRCameraInner section .isTarget a {
  margin: 0 8px;
  display: block;
  line-height: 0;
  text-align: center
}

.content_OCRCameraInner section .isManual {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
  margin-top: auto
}

.content_OCRCameraInner section .isManual .roundButton {
  background-color: #14376e;
  padding: 12px 24px
}

.downloadOuter {
  margin-bottom: 56px
}

.downloadOuter h2 {
  border-bottom: 2px solid;
  color: #14376e;
  font-size: 21px;
  font-size: 2.1rem;
  margin-bottom: 28px;
  padding-bottom: 12px
}

.downloadOuter table {
  border-collapse: collapse;
  border: 1px solid #ccc;
  width: 100%
}

.downloadOuter table thead tr th {
  background-color: #14376e;
  border: 1px solid #ccc;
  color: #fff;
  padding: 16px;
  width: 224px
}

.downloadOuter table tbody tr td, .downloadOuter table tbody tr th {
  border: 1px solid #ccc;
  text-align: center;
  padding: 16px 12px
}

.downloadOuter table tbody tr th {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #f5f5f5;
  color: #14376e
}

.downloadOuter table tbody tr td {
  font-size: 13px;
  font-size: 1.3rem
}

.downloadOuter table tbody tr td a {
  color: #424242;
  display: block;
  margin: 8px 0
}

.downloadOuter table tbody tr td a[href$=".pdf"]:after {
  content: "[PDF]";
  display: block;
  font-size: 11px;
  font-size: 1.1rem
}

.downloadOuter table tbody tr :last-child td, .downloadOuter table tbody tr :last-child th {
  border-bottom: none
}

.downloadTableOuter {
  -webkit-overflow-scrolling: touch;
  overflow: auto
}

.downloadTrademarkRegistration {
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  margin-bottom: 48px;
  padding: 20px
}

.downloadTrademarkRegistration dd, .downloadTrademarkRegistration dt {
  font-size: 12px;
  font-size: 1.2rem
}

.downloadTrademarkRegistration dt {
  font-weight: 600;
  margin-bottom: 8px
}

.downloadTrademarkRegistration dt:before {
  content: "【"
}

.downloadTrademarkRegistration dt:after {
  content: "】"
}

.downloadTrademarkRegistration dd {
  line-height: 1.8
}

.flowOuter {
  border-bottom: 1px solid #ccc;
  margin-bottom: 32px;
  padding: 40px 0 88px
}

.flowOuter:last-child {
  border-bottom: none;
  margin-bottom: 0
}

.flowOuter h2 {
  font-size: 32px;
  font-size: 3.2rem;
  margin-bottom: 42px;
  text-align: center
}

.flowImage {
  margin-bottom: 40px;
  text-align: center;
}

.flowStep li {
  margin-bottom: 40px;
  position: relative
}

.flowStep li:after {
  content: "";
  width: 0;
  height: 0;
  border-color: #14376e transparent transparent transparent;
  border-style: solid;
  border-width: 24px 16px 0 16px;
  position: absolute;
  bottom: calc((24px + 8px) * -1);
  left: calc(50% - ((16px * 2)/ 2))
}

.flowStep li:last-child {
  margin-bottom: 0
}

.flowStep li:last-child:after {
  border: none
}

.flowStep+div {
  margin: 28px 0 72px
}

.flowStep+div p {
  margin-left: 1.5em;
  text-indent: -1.5em
}

.flowStep+div p:before {
  content: "※";
  margin-right: .5em
}

.flowStepOuter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f5f5f5;
  padding: 36px 32px 36px 48px
}

.flowStep_description {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 32px
}

.flowStep_description dt {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100px;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  color: #14376e;
  font-weight: 600;
  margin-right: 32px;
  text-align: center
}

.flowStep_description dt span:before {
  display: block;
  margin-bottom: 4px
}

.flowStep_description dt span.isComputer:before {
  content: url(../images/flow/isComputer.svg);
  margin-bottom: 8px
}

.flowStep_description dt span.isTruck:before {
  content: url(../images/flow/isTruck.svg)
}

.flowStep_description dt span.isCare:before {
  content: url(../images/flow/isCare.svg)
}

.flowStep_description dt span.isWiFi:before {
  content: url(../images/flow/isWiFi.svg)
}

.flowStep_description dt span.isMail:before {
  content: url(../images/flow/isMail.svg)
}

.flowStep_description dt span.isPhone:before {
  content: url(../images/flow/isPhone.png)
}

.flowStep_description dd {
  line-height: 2
}

.flowStep_description dd a {
  color: #14376e;
  text-decoration: underline
}

.flowStep_description dd a:hover {
  text-decoration: none
}

.flowStep_description dd p small {
  display: inline-block;
  line-height: 1.6;
  margin-top: 12px
}

.flowStep_button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 228px;
  -ms-flex: 0 0 228px;
  flex: 0 0 228px
}

.flowStep_button .roundButton {
  background-color: #14376e;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 12px;
  padding: 12px 28px 12px 20px
}

.flowStep_button .roundButton:last-child {
  margin-bottom: 0
}

.flowStep_button .roundButton i {
  right: 16px
}

.flowContact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.flowContact .roundButton {
  background-color: #14376e;
  width: 484px
}

.flowContact .roundButton.isRental {
  background-color: #c9151e
}

.primaryFooter {
  padding: 42px 0;
  background-color: #9db1c5;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.primaryFooter .primaryFooterOuter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: top;
  -webkit-align-items: top;
  -ms-flex-align: top;
  align-items: top;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.primaryFooter_inquiriesAboutSensors {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  color: #fff
}

.primaryFooter_inquiriesAboutSensors_title {
  margin-bottom: 16px;
  line-height: 1
}

.primaryFooter_inquiriesAboutSensors_telOuter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px
}

.primaryFooter_inquiriesAboutSensors_tel {
  margin-right: 1em
}

.primaryFooter_inquiriesAboutSensors_tel i svg {
  width: 28px;
  height: 28px
}

.primaryFooter_inquiriesAboutSensors_tel a {
  color: #fff
}

.primaryFooter_inquiriesAboutSensors_tel span {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 1
}

.primaryFooter_inquiriesAboutSensors_time {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border: 1px solid #fff;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 8px 12px
}

.primaryFooter_inquiriesAboutSensors_time dt {
  margin-right: 1em
}

.primaryFooter_inquiriesAboutSensors_notes p {
  line-height: 1.4
}

.primaryFooter_inquiriesAboutSensors_notes p small {
  font-size: 11px;
  font-size: 1.1rem
}

.primaryFooter_contact {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 260px;
  -ms-flex: 0 1 260px;
  flex: 0 1 260px;
  min-width: 260px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  background-color: #f27d28;
  border-radius: 4px;
  margin-left: 12px;
  text-align: center;
  width: 600px;
  height: 80px;
}

.primaryFooter_contact a {
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  display: block;
  position: relative;
  padding: 22px 40px
}

.primaryFooter_contact a:hover {
  cursor: pointer;
  opacity: .7;
  text-decoration: none;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.primaryFooter_contact a i svg {
  width: auto;
  height: 100%
}

.secondaryFooter {
  background-color: #455765;
  padding: 36px 0
}

.secondaryFooter_siteMap {
  margin-bottom: 24px
}

.secondaryFooter_siteMap>ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.secondaryFooter_siteMap>ul>li ul li {
  font-weight: 900;
  margin-bottom: 4px
}

.secondaryFooter_siteMap>ul>li dl dt {
  margin-bottom: 4px
}

.secondaryFooter_siteMap>ul>li dl dd {
  margin-bottom: 4px
}

.secondaryFooter_siteMap a, .secondaryFooter_siteMap span {
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem
}

.secondaryFooter_siteMap a:hover {
  text-decoration: underline
}

.secondaryFooter_asideNav nav {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  line-height: 1
}

.secondaryFooter_asideNav a {
  border-right: 1px solid #fff;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 0 20px
}

.secondaryFooter_asideNav a:last-child {
  border-right: none
}

.secondaryFooter_asideNav a:hover {
  text-decoration: underline
}

.tertiaryFooter {
  padding: 18px 0
}

.tertiaryFooter .tertiaryFooterInner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.tertiaryFooter_logo {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  line-height: 0
}

.tertiaryFooter_logo a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.tertiaryFooter_logo a:hover {
  cursor: pointer;
  opacity: .7;
  text-decoration: none;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.tertiaryFooter_logo a img {
  width: 50px
}

/* .tertiaryFooter_logo a:after {
  content: "ASIOT製品";
  color: #424242;
  font-weight: 600;
  font-size: 14px;
  font-size: 1.4rem;
  margin-left: 8px
}

.tertiaryFooter_logo.forRental a:after {
  content: "「エッジAI」技術により、あらゆるデバイス上でAIを動かす"
} */
.tertiaryFooter_logo .product-info{
  color: #424242;
  font-weight: 600;
  font-size: 14px;
  font-size: 1.4rem;
  margin-left: 8px
}
.tertiaryFooter_copyright {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}

.installForFrontPage {
  padding: 80px 0
}

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

.installForFrontPage_linkButton {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f5f5f5;
  border-radius: 8px;
  color: #424242;
  margin: 0 20px;
  padding: 4%;
  text-align: center
}

.installForFrontPage_linkButton:hover {
  cursor: pointer;
  opacity: .7;
  text-decoration: none;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.installForFrontPage_linkButton div {
  margin-bottom: 24px
}

.installForFrontPage_linkButton div img {
  max-width: 100%;
  height: auto;
  max-height: 156px
}

.installForFrontPage_linkButton p {
  font-size: 20px;
  font-size: 2rem
}

.installforOCRCamera {
  background-color: #f5f5f5
}

.installforOCRCamera_inner {
  padding-bottom: 80px
}

.installforOCRCamera_inner table {
  width: 100%;
  border-collapse: collapse
}

.installforOCRCamera_inner table td, .installforOCRCamera_inner table th {
  border-bottom: 1px solid #424242;
  text-align: left;
  padding: 16px 0
}

.installforOCRCamera_inner table th {
  font-weight: 400
}

.installforOCRCamera_inner table td tm {
  color: #D81F35;
  margin: 0px;
  padding: 10px 0;
  font-size: 13px;
}

.articleHeadTitle.isPageInstallOption.forFS-2300 h1:after {
  content: "SENSOR OPTIONS FOR FieldServer FS-2300"
}

.installOptionOuter {
  padding: 80px 0 120px
}

.installOptionBlock {
  margin-bottom: 100px
}

.installOptionBlock:last-child {
  margin-bottom: 0
}

.installOptionBlock h2 {
  font-size: 32px;
  font-size: 3.2rem;
  margin-bottom: 36px;
  text-align: center
}

.installOptionBlock h2+p {
  margin-bottom: 72px;
  text-align: center
}

.installOptionBlock table {
  border-collapse: collapse;
  border: 1px solid #ccc;
  width: 100%
}

.installOptionBlock table thead tr th {
  background-color: #14376e;
  border: 1px solid #ccc;
  color: #fff;
  padding: 16px;
  width: 224px
}

.installOptionBlock table tbody tr td, .installOptionBlock table tbody tr th {
  border: 1px solid #ccc;
  padding: 16px 12px
}

.installOptionBlock table tbody tr th {
  text-align: center
}

.installOptionBlock table tbody tr td {
  vertical-align: text-top
}

.installOptionBlock table tbody tr td:last-child {
  vertical-align: middle
}

.installOptionBlock table tbody tr :last-child td, .installOptionBlock table tbody tr :last-child th {
  border-bottom: none
}

.installOptionTableOuter {
  -webkit-overflow-scrolling: touch;
  overflow: auto
}

.installOption_table_button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 228px;
  -ms-flex: 0 0 228px;
  flex: 0 0 228px
}

.installOption_table_button .roundButton {
  background-color: #14376e;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 12px;
  padding: 12px 28px 12px 20px
}

.installOption_table_button .roundButton:last-child {
  margin-bottom: 0
}

.installOption_table_button .roundButton i {
  right: 16px
}

.installOption_combination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.installOption_combination div {
  margin: 0 10px
}

.installOption_combination div:nth-child(3n+1) {
  margin-left: 0
}

.installOption_combination div:nth-child(3n) {
  margin-right: 0
}

.installOption_combination div img {
  width: 100%;
  height: auto
}

.installOuter {
  padding: 80px 0 0
}

.installOuter h2 {
  font-size: 32px;
  font-size: 3.2rem;
  margin-bottom: 64px;
  text-align: center
}

.articleHeadTitle.isPageInstall.forOCRcamera h1:after {
  content: "POINT TO INSTALL For PaddyWatch"
}

.articleHeadTitle.isPageInstall.forFieldServer h1:after {
  content: "POINT TO INSTALL For FieldServer"
}

.articleHeadTitle.isPageInstall.forOCRCamera h1:after {
  content: "POINT TO INSTALL For FieldCam"
}

.installPrecautions {
  background-color: #fff;
  margin-bottom: 56px;
  padding: 24px
}

.installPrecautions h3 {
  border-left: 4px solid;
  color: #14376e;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 28px;
  padding-left: 16px
}

.installPrecautions h4 {
  border-left: 4px double;
  color: #121c35;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: 500;
  margin-bottom: 20px;
  padding-left: 16px
}

.installPrecautions>dl {
  margin-bottom: 32px
}

.installPrecautions>dl:last-child {
  margin-bottom: 0
}

.installPrecautions>dl>dt {
  font-weight: 600;
  margin-bottom: 16px
}

.installPrecautions>dl>dt:before {
  content: "■";
  margin-right: .5em
}

.installPrecautions>dl>dd {
  line-height: 1.8
}

.installPrecautions>dl>dd d {
  font-weight: bolder;
  color: #3c5db4;
}

.installPrecautions>dl>dd a {
  font-weight: bolder;
  color: #14376e;
  text-decoration: underline
}

.installPrecautions>dl>dd a:hover {
  text-decoration: none
}

.installPrecautions>dl>dd small {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 12px
}

.installPrecautions>dl>dd small:before {
  content: "※"
}

.installPrecautions>dl>dd>p:before {
  content: "・"
}

.installPrecautions>dl>dd .isSuportPole {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  margin: 12px 0 16px;
  padding: 32px
}

.installPrecautions>dl>dd .isSuportPole .isSupportPoleInfo {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2
}

.installPrecautions>dl>dd .isSuportPole .isSupportPoleInfo h4 {
  margin-bottom: 8px
}

.installPrecautions>dl>dd .isSuportPole .isSupportPoleInfo p {
  font-size: 13px;
  font-size: 1.3rem
}

.installPrecautions>dl>dd .isSuportPole .isSupportPoleInfo p:last-child {
  margin-top: 1em
}

.installPrecautions>dl>dd .isSuportPole .isSupportPoleImage {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-right: 32px
}

.installPrecautions>dl>dd .isSupplement {
  font-size: 13px;
  font-size: 1.3rem
}

.installPrecautions>dl>dd .isSupplement dl {
  border: 1px solid #424242;
  display: none;
  padding: 16px;
  margin: 16px auto
}

.installPrecautions>dl>dd .isSupplement dl dt {
  font-weight: 600
}

.installPrecautions>dl>dd .isSupplement dl dt:before {
  content: "●"
}

.installPrecautions>dl>dd .isSupplement #js-toggle {
  color: #14376e;
  text-decoration: underline
}

.installPrecautions>dl>dd .isSupplement #js-toggle:hover {
  cursor: pointer;
  text-decoration: none
}

.installPrecautions_stepContent {
  counter-increment: number;
  margin-bottom: 56px
}

.installPrecautions_stepContent:last-child {
  margin-bottom: 0
}

.installPrecautions_stepContent h3 {
  border-bottom: 2px solid;
  color: #14376e;
  font-size: 21px;
  font-size: 2.1rem;
  margin-bottom: 28px;
  padding-bottom: 12px;

}

.installPrecautions_stepContent hh {
  margin: 30px 20px;
  padding: 10px;
  border-left: medium solid #14376e;
  color: #14376e;
  font-size: 17px;
  font-size: 1.7rem;
  padding-top: 12px;
}


.installPrecautions_stepContent ee {
  color: #D81F35;
  margin: 0px;
  padding: 10px 0;
  font-size: 13px;
}

.installPrecautions_stepContent h3:before {
  font-size: 24px;
  font-size: 2.4rem
}

.installPrecautions_stepContent .installPrecautions_mobile {
  border-bottom: 1px solid #ccc;
  margin-bottom: 36px;
  padding-bottom: 8px
}

.installPrecautions_stepContent .installPrecautions_mobile small:before {
  content: "※"
}

.installPrecautions_stepContent .installPrecautions_setting {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 auto
}

.installPrecautions_stepContent .installPrecautions_setting li {
  margin: 0 18px 36px
}

.installPrecautions_stepContent .installPrecautions_setting li div {
  line-height: 1;
  margin-bottom: 32px;
  text-align: center
}

.installPrecautions_stepContent .installPrecautions_setting li p {
  text-align: center;
  margin-left: 1em;
  text-indent: -1em
}

.installPrecautions_stepContent .installPrecautions_setting.forOCRcamera_step02 li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 212px;
  -ms-flex: 0 0 212px;
  flex: 0 0 212px
}

.installPrecautions_stepContent .installPrecautions_setting.forOCRcamera_step02 li div img {
  width: auto;
  height: 184px
}

.installPrecautions_stepContent .installPrecautions_setting.forOCRcamera_step03 li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 212px;
  -ms-flex: 0 0 212px;
  flex: 0 0 212px
}

.installPrecautions_stepContent .installPrecautions_setting.forOCRcamera_step03 li div img {
  width: auto;
  height: 300px
}

.installPrecautions_stepContent .installPrecautions_setting.forFieldServer_step02 li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 192px;
  -ms-flex: 0 0 192px;
  flex: 0 0 192px
}

.installPrecautions_stepContent .installPrecautions_setting.forFieldServer_step02 li div img {
  width: auto;
  height: 184px
}

.installPrecautions_stepContent .installPrecautions_setting.forFieldServer_step03 li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 212px;
  -ms-flex: 0 0 212px;
  flex: 0 0 212px
}

.installPrecautions_stepContent .installPrecautions_setting.forFieldServer_step03 li div img {
  width: auto;
  height: 300px
}

.installPrecautions_stepContent .installPrecautions_setting.forOCRCamera_step02 li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 212px;
  -ms-flex: 0 0 212px;
  flex: 0 0 212px;
  margin-top: 20px;
}

.installPrecautions_stepContent .installPrecautions_setting.forOCRCamera_step02 li div img {
  width: auto;
  height: 184px
}

.installPrecautions_stepContent .installPrecautions_setting.forOCRCamera_step03 li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 212px;
  -ms-flex: 0 0 212px;
  flex: 0 0 212px
}

.installPrecautions_stepContent .installPrecautions_setting.forOCRCamera_step03 li div img {
  width: auto;
  height: 300px
}

.installPrecautions_stepContent .installPrecautions_setting.forOCRCamera_step04 li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 212px;
  -ms-flex: 0 0 212px;
  flex: 0 0 212px
}

.installPrecautions_stepContent .installPrecautions_setting.forOCRCamera_step04 li div img {
  width: auto;
  height: 90px
}

.installPrecautions_stepContent .installPrecautions_setting.forOCRCamera_step05 li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 212px;
  -ms-flex: 0 0 212px;
  flex: 0 0 212px
}

.installPrecautions_stepContent .installPrecautions_setting.forOCRCamera_step05 li div img {
  width: auto;
  height: 184px
}

.installPrecautions_stepContent .installPrecautions_setting.forOCRCamera_step06 li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 212px;
  -ms-flex: 0 0 212px;
  flex: 0 0 212px
}

.installPrecautions_stepContent .installPrecautions_setting.forOCRCamera_step06 li div img {
  width: auto;
  height: 184px
}

.installPrecautions_step01_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 28px
}

.installPrecautions_step01_left {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}

.installPrecautions_step01_left>dl {
  margin-bottom: 12px
}

.installPrecautions_step01_left>dl>dt {
  font-weight: 600;
  margin-bottom: 12px
}

.installPrecautions_step01_left>dl>dt:before {
  content: "■";
  margin-right: .5em
}

.installPrecautions_step01_left ul li {
  line-height: 1.8
}

.installPrecautions_step01_left ul li dd {
  margin-top: 5px;
  font-size: 14px;
}

.installPrecautions_step01_left ul li dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row
}

.installPrecautions_step01_left ul li dl dt {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 300px;
  -ms-flex: 0 0 300px;
  flex: 0 0 300px
}

.installPrecautions_step01_left ul li dl dd {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}

.installPrecautions_step01_right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.installPrecautions_step01_option {
  border: 1px solid #14376e;
  padding: 36px;
  position: relative
}

.installPrecautions_step01_option h4 {
  color: #14376e;
  position: absolute;
  top: -1em;
  left: calc(50% - ((12em + (1.5em * 2))/ 2))
}

.installPrecautions_step01_option h4 span {
  background-color: #fff;
  display: block;
  padding: 4px 1.5em
}

.installPrecautions_step01_option>div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.installPrecautions_step01_option>div div {
  padding: 0 12px
}

.installPrecautions_step01_option>div div:first-child {
  padding-left: 0
}

.installPrecautions_step01_option>div div:last-child {
  padding-right: 0
}

.installPrecautions_step01_option>div div img {
  /* max-width: 100%;
  height: auto */
  width: 100%;
  height: 180px;
}

.installPrecautions_step02 {
  margin-bottom: 20px
}

.installPrecautions_step03_OCRCamera {
  margin-bottom: 40px
}

.installPrecautions_step04 p {
  margin-bottom: 12px
}

.installPrecautions_step04 div {
  text-align: center
}

.installPrecautions_step05_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 28px
}

.installPrecautions_step05_inner p {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2
}

.installPrecautions_step05_inner div {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin: 0 64px
}

.installHowToUse {
  margin-bottom: 120px
}

.installHowToUse ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 840px;
  margin: 0 auto
}

.installHowToUse ul li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 144px;
  -ms-flex: 0 0 144px;
  flex: 0 0 144px
}

.installHowToUse ul li div {
  line-height: 1;
  margin-bottom: 32px
}

.installHowToUse ul li div img {
  width: 100%;
  height: auto
}

.installHowToUse ul li p {
  margin-left: 1em;
  text-indent: -1em
}

.pageNavigation {
  padding-top: 80px;
  padding-bottom: 64px;
}

.pageNavigation nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.pageNavigation a {
  color: #424242;
  border-bottom: 3px solid #14376e;
  margin: 0 20px;
  padding: 8px 16px 8px 0
}

.pageNavigation a:hover {
  cursor: pointer;
  opacity: .7;
  text-decoration: none;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.pageNavigation a span {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}

.pageNavigation a i {
  display: inline-block;
  line-height: 0;
  margin-left: 12px;
  width: 15px;
  height: 10px
}

.pageNavigation a i svg {
  width: auto;
  height: 100%
}

.productHeader {
  background-color: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 999999
}

.productHeader .productHeaderInner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: flex-end;
}

.productHeader_logo {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  line-height: 0
}

.productHeader_logo a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.productHeader_logo a:hover {
  cursor: pointer;
  opacity: .7;
  text-decoration: none;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.productHeader_nav {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}

.productHeader_nav.drawer-nav {
  position: relative;
  z-index: 100;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.productHeader_nav .productHeader_navInner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto
}

.productHeader_nav a {
  color: #333;
  display: block;
  line-height: 1;
  font-size: 14px;
  font-size: 1.4rem
}

.productHeader_nav a:hover {
  text-decoration: underline
}

.productHeader_nav a.productHeader_navContact {
  background-color: #333645;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem
}

.productHeader_nav a.productHeader_navContact:hover {
  cursor: pointer;
  opacity: .7;
  text-decoration: none;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.productHeader.forRental {
  background-color: #000
}

.forRental .productHeader_nav a {
  color: #0d1926;
}

.forRental .productHeader_nav a:hover {
  text-decoration: underline
}

.forRental .productHeader_nav a.productHeader_login {
  text-decoration: underline
}

.forRental .productHeader_nav a.productHeader_login:hover {
  color: #FFB3A7
}

.forRental .productHeader_nav a.productHeader_navContact {
  background-color: #c9151e
}

.forRental .productHeader_btn .drawer-hamburger-icon {
  background-color: #fff
}

.forRental .productHeader_btn .drawer-hamburger-icon:after, .forRental .productHeader_btn .drawer-hamburger-icon:before {
  background-color: #fff
}

.drawer-open .productHeader.forRental .productHeader_nav {
  background-color: #000
}

.drawer-open .productHeader.forRental .drawer-hamburger-icon {
  background-color: transparent
}

.productHero {
  overflow: hidden;
  text-align: center;
  line-height: 0
}

.productHero img {
  width: 100%;
  height: auto
}

.roundButton {
  border-radius: 9999px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  color: #fff;
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  padding: 22px 54px;
  text-align: center;
  width: 100%;
  position: relative
}

.roundButton:hover {
  cursor: pointer;
  opacity: .7;
  text-decoration: none;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.roundButton i {
  line-height: 0;
  width: 9px;
  height: 16px;
  position: absolute;
  top: calc(50% - (16px / 2));
  right: 24px
}

.roundButton i svg {
  width: auto;
  height: 100%
}

.serviceOuter {
  padding: 56px 0
}

.serviceOuter h2 {
  font-size: 32px;
  font-size: 3.2rem;
  margin-bottom: 42px;
  text-align: center
}

.serviceOuter h2+p {
  line-height: 2;
  margin-bottom: 56px;
  text-align: center
}

.serviceOuter table {
  border-collapse: collapse;
  width: 100%
}

.serviceOuter table thead tr th {
  background-color: #14376e;
  border: 1px solid #ccc;
  color: #fff;
  padding: 16px
}

.serviceOuter table tbody tr th {
  font-size: 18px;
  font-size: 1.8rem;
  background-color: #f5f5f5;
  color: #14376e
}

.serviceOuter table tbody tr th small {
  color: #424242;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400
}

.serviceOuter table tbody tr th span {
  display: block
}

.serviceOuter table tbody tr :last-child td, .serviceOuter table tbody tr :last-child th {
  border-bottom: none
}

.serviceOuter table.serviceInformation_table {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc
}

.serviceOuter table.serviceInformation_table tbody td, .serviceOuter table.serviceInformation_table tbody th {
  padding: 48px 36px;
  border-bottom: 1px solid #ccc
}

.serviceOuter table.serviceInformation_table tbody th {
  width: 212px;
  padding-left: 12px;
  padding-right: 12px
}

.serviceOuter table.serviceCompensation {
  border: 1px solid #ccc
}

.serviceOuter table.serviceCompensation tbody td, .serviceOuter table.serviceCompensation tbody th {
  border: 1px solid #ccc;
  padding: 16px 24px
}

.serviceOuter table.serviceCompensation tbody th {
  width: 140px
}

.serviceOuter table.serviceCompensation tbody td {
  vertical-align: text-top
}

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

.serviceUsageFee dl dt {
  line-height: 1.8
}

.serviceUsageFee dl dd {
  line-height: 1.4
}

.serviceUsageFee.isDefault dl dt {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 156px;
  -ms-flex: 0 0 156px;
  flex: 0 0 156px;
  padding-right: 28px
}

.serviceUsageFee.isDetail dl dd, .serviceUsageFee.isDetail dl dt {
  line-height: 1.8
}

.serviceUsageFee.isDetail dl dt {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}

.serviceUsageFee.isDetail dl dd span:before {
  content: "・"
}

.billingPeriod>p:last-child {
  margin-bottom: 0
}

.billingPeriod dl {
  margin-bottom: 8px
}

.billingPeriod dl dd, .billingPeriod dl dt {
  line-height: 1.8
}

.billingPeriod dl dt {
  font-weight: 600;
  margin-bottom: 8px
}

.billingPeriod dl dd {
  margin-left: 6em;
  text-indent: -6em
}

.billingPeriod dl+p {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  margin-bottom: 40px
}

.serviceTableOuter {
  -webkit-overflow-scrolling: touch;
  overflow: auto
}

.lineUp {
  background-color: #f5f5f5;
  padding: 80px 0
}

.lineUp h2 {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1;
  margin-bottom: 28px;
  text-align: center
}

.lineUp h2:after {
  content: "LINE UP";
  color: #14376e;
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  margin-top: 22px
}

.lineUp_table {
  border-collapse: collapse;
  margin-bottom: 24px;
  width: 100%
}

.lineUp_table th {
  background-color: #eee;
  min-width: 150px;
  max-width: 150px
}

.lineUp_table th span {
  display: block
}

.lineUp_table td {
  background-color: #fff;
  width: 33.3%;
  border-right: 1px solid #ccc
}

.lineUp_table td:last-child {
  border-right: none
}

.lineUp_table td p {
  line-height: 1.8
}

.lineUp_table td p:before {
  content: "・"
}

.lineUp_table td .isSupportPole {
  margin-top: 1em
}

.lineUp_table td .isSupportPole small {
  display: block;
  margin-left: 1em;
  text-indent: -1em
}

.lineUp_table td.colspan3 {
  text-align: center;
  vertical-align: middle
}

.lineUp_table tr td, .lineUp_table tr th {
  border-bottom: 1px solid #ccc;
  padding: 24px 18px;
  vertical-align: top
}

.lineUp_table tr:last-child td, .lineUp_table tr:last-child th {
  border-bottom: none
}

.lineUp_table.forOCRcamera td {
  width: 33.3%
}

.lineUp_table.forRental td {
  width: 40%
}

.lineUp_notes {
  font-size: 13px;
  font-size: 1.3rem
}

.lineUp_product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.lineUp_productInner {
  margin-bottom: 30px;
  text-align: center
}

.lineUp_productInner .lineUp_productImage {
  line-height: 0;
  margin-bottom: 28px
}

.lineUp_productInner .lineUp_productCaption {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1
}

.lineUp_buttonGroup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: auto
}

.lineUp_buttonGroup .lineUp_button {
  border-radius: 4px;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1;
  margin-bottom: 10px;
  padding: 12px
}

.lineUp_buttonGroup .lineUp_button:last-child {
  margin-bottom: 0
}

.lineUp_buttonGroup .lineUp_button.lineUp_buttonDetail {
  background-color: #3b4043;
  color: #fff
}

.lineUp_buttonGroup .lineUp_button.lineUp_buttonDetail:hover {
  cursor: pointer;
  opacity: .7;
  text-decoration: none;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.lineUp_buttonGroup .lineUp_button.lineUp_buttonBuy {
  background-color: #14376e;
  color: #fff
}

.lineUp_buttonGroup .lineUp_button.lineUp_buttonBuy:hover {
  cursor: pointer;
  opacity: .7;
  text-decoration: none;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.lineUp_buttonGroup .lineUp_button.lineUp_buttonRental {
  background-color: #c9151e;
  color: #fff
}

.lineUp_buttonGroup .lineUp_button.lineUp_buttonRental:hover {
  cursor: pointer;
  opacity: .7;
  text-decoration: none;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.lineUp_buttonGroup .lineUp_button.lineUp_buttonDisabled {
  background-color: #ccc;
  cursor: not-allowed
}

.top-prepatation {
  background-color: #fff;
  padding: 90px 0
}

.top-prepatation h2 {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1;
  margin-bottom: 48px;
  text-align: center
}

.top-prepatation h2:after {
  content: "PREPARATION";
  color: #14376e;
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  margin-top: 22px
}

.top-prepatation_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 70px
}

.top-prepatation_content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 320px;
  -ms-flex: 1 0 320px;
  flex: 1 0 320px;
  max-width: 320px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f5f5f5;
  color: #424242;
  border-radius: 8px;
  -webkit-box-shadow: 1px 3px 0 rgba(0, 0, 0, .16);
  box-shadow: 1px 3px 0 rgba(0, 0, 0, .16);
  padding: 40px 50px
}

.top-prepatation_content:hover {
  cursor: pointer;
  opacity: .7;
  text-decoration: none;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.top-prepatation_images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 112px;
  line-height: 0;
  margin-bottom: 28px
}

.top-prepatation_detail {
  width: 100%
}

.top-prepatation_detail dt {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 28px;
  text-align: center
}

.top-prepatation_detail dd {
  line-height: 1.8
}

.top-prepatation_buttonGroup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.top-prepatation_buttonGroup .roundButton {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 300px;
  -ms-flex: 0 1 300px;
  flex: 0 1 300px;
  width: 300px
}

.top-prepatation_buttonGroup .roundButton.isRentalButton {
  background-color: #14376e
}

.top-prepatation_buttonGroup .roundButton.isBuyButton {
  background-color: #c9151e;
  -webkit-flex-basis: 360px;
  -ms-flex-preferred-size: 360px;
  flex-basis: 360px
}

.pw-service {
  background-color: #14376e;
  color: #fff;
  padding: 72px 0
}

.pw-service h2 {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1;
  margin-bottom: 48px;
  text-align: center
}

.pw-service h2:after {
  content: "SERVICE";
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  margin-top: 22px
}

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

.pw-service_border {
  border-left: 1px dashed #fff;
  width: 1px
}

.pw-service_content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 50%;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
  max-width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  padding: 0 80px
}

.pw-service_content:hover {
  cursor: pointer;
  opacity: .7;
  text-decoration: none;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.pw-service_images {
  line-height: 0;
  margin-bottom: 28px
}

.pw-service_detail {
  width: 100%;
  max-width: 340px;
  margin: 0 auto
}

.pw-service_detail dt {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 24px;
  text-align: center
}

.pw-service_detail dd {
  line-height: 1.8
}

.pw-whatIs {
  text-align: center;
  padding: 80px 0
}

.pw-whatIs h2 {
  font-size: 40px;
  font-size: 4rem;
  line-height: 1;
  margin-bottom: 32px
}

.pw-whatIs p {
  line-height: 2
}

.pw-whatIs p span {
  display: block
}

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

.rentalHero+p {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2;
  padding: 24px 20px;
  text-align: center
}

.rentalHero+p span {
  margin: 0 1em
}

.rentalHeroProducts {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 540px
}

.rentalHeroProducts:hover {
  cursor: pointer;
  opacity: .7;
  text-decoration: none;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.rentalHeroProducts.forOCRcamera {
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(62deg, rgba(0, 61, 61, 0.78) 29%, rgba(254, 186, 18, 0) 86%), url(../images/top/rental_pw-bg.jpg)
}

@media all and (-ms-high-contrast:none) {
  .productHeader {
    position: fixed;
    width: 100%
  }
}

@media screen and (max-width:999px) and (min-width:768px) {
  .account_registration .account_registrationOuter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .account_registration .account_registrationInner {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    max-width: calc(50% - 20px);
    margin-bottom: 32px
  }

  .account_registration .account_registrationInner:last-child {
    margin-bottom: 0
  }

  .account_sharedUse_outer .account_sharedUse_inner {
    margin-bottom: 32px;
    max-width: 464px
  }

  .account_sharedUse_outer .account_sharedUse_inner:first-child {
    margin-right: 10px
  }

  .account_sharedUse_outer .account_sharedUse_inner:last-child {
    margin-left: 10px
  }

  .account_addtionalMethod {
    padding: 48px 20px
  }

  .account_addtionalMethod h2 {
    margin-bottom: 36px
  }

  .account_addtionalMethod ul li>div div {
    text-align: center
  }

  .account_addtionalMethod ul li>div div img {
    max-width: 100%;
    height: auto
  }

  .account_addtionalMethod ul li.isRow>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .account_addtionalMethod ul li.isRow>div p {
    margin-bottom: 32px
  }

  .container {
    padding: 0 20px;
    width: 100%
  }

  .containerInner {
    padding: 0 20px;
    width: 100%
  }

  .content_OCRCameraInner section {
    width: 360px
  }

  .downloadOuter {
    margin-bottom: 36px
  }

  .downloadTableOuter .pc_view_none {
    margin-bottom: 12px
  }

  .flowOuter {
    padding: 64px 20px;
    margin-bottom: 24px
  }

  .flowOuter h2 {
    margin-bottom: 32px
  }

  .flowImage img {
    width: 100%;
    height: auto;
  }

  .primaryFooter .primaryFooterOuter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .primaryFooter_contact {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    min-width: 100%
  }

  .primaryFooter_contact {
    margin-top: 16px;
    margin-left: 0;
    padding: 8px 20px;
  }

  .primaryFooter_contact a i {
    margin-left: .5em
  }

  .secondaryFooter {
    padding: 28px 0
  }

  .secondaryFooter_siteMap>ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .secondaryFooter_siteMap>ul>li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 160px;
    -ms-flex: 1 0 160px;
    flex: 1 0 160px;
    margin-bottom: 1em
  }

  .tertiaryFooter {
    padding: 14px 0
  }

  .installForFrontPage {
    padding: 64px 20px 40px
  }

  .installforOCRCamera_inner {
    padding-bottom: 56px
  }

  .installOptionOuter {
    padding: 64px 0 80px
  }

  .installOptionBlock {
    margin-bottom: 64px
  }

  .installOptionBlock h2 {
    margin-bottom: 28px
  }

  .installOptionBlock h2+p {
    margin-bottom: 48px
  }

  .installOptionBlock h2+p span {
    display: block
  }

  .installOptionTableOuter .pc_view_none {
    margin-bottom: 12px
  }

  .installOuter {
    padding: 64px 20px 0
  }

  .installOuter h2 {
    margin-bottom: 32px
  }

  .installPrecautions_stepContent .installPrecautions_mobileScroll .pc_view_none {
    margin-bottom: 12px
  }

  .installPrecautions_stepContent .installPrecautions_setting {
    padding-top: calc(2em + 12px);
    position: relative
  }

  .installPrecautions_stepContent .installPrecautions_setting:before {
    font-size: 13px;
    font-size: 1.3rem;
    content: "※下の図は水平にスワイプしてください。";
    display: block;
    margin-bottom: 12px;
    position: absolute;
    top: 0;
    left: 0
  }

  .installPrecautions_stepContent .installPrecautions_setting {
    width: 100%;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
  }

  .installPrecautions_step01_right {
    margin-left: 80px
  }

  .installPrecautions_step01_right img {
    width: auto;
    height: 100%
  }

  .installPrecautions_step04 div img {
    width: 100%;
    height: auto
  }

  .installTiming img {
    width: 100%;
    height: auto
  }

  .installHowToUse {
    margin-bottom: 80px
  }

  .installHowToUse .pc_view_none {
    margin-bottom: 12px
  }

  .installHowToUse ul {
    width: 100%
  }

  .pageNavigation {
    padding: 48px 20px
  }

  .productHeader .productHeaderInner {
    height: 60px
  }

  .productHeader_btn.drawer-hamburger {
    padding: 18px 20px 30px
  }

  .productHeader_nav.drawer-nav {
    position: fixed;
    z-index: 9999999
  }

  .productHeader_nav .productHeader_navInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
  }

  .productHeader_nav .productHeader_navInner li {
    width: 100%
  }

  .productHeader_nav a {
    padding: 18px 16px
  }

  .serviceOuter {
    padding: 36px 20px
  }

  .serviceOuter h2 {
    margin-bottom: 32px
  }

  .serviceOuter h2+p {
    margin-bottom: 36px;
    text-align: left
  }

  .serviceTableOuter .pc_view_none {
    margin-bottom: 12px
  }

  .lineUp {
    padding: 48px 0
  }

  .lineUp_table tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
  }

  .lineUp_table tr:before {
    content: attr(data-label);
    background-color: #eee;
    font-weight: 600;
    padding: 12px 0;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
  }

  .lineUp_table th {
    display: none
  }

  .lineUp_table td {
    padding: calc(24px + 50px) 18px 24px !important;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
  }

  .lineUp_table td.colspan2 {
    -webkit-box-flex: 2;
    -webkit-flex: 2 0 66.6%;
    -ms-flex: 2 0 66.6%;
    flex: 2 0 66.6%
  }

  .top-prepatation {
    padding: 48px 0
  }

  .top-prepatation h2 {
    margin-bottom: 24px
  }

  .top-prepatation_inner {
    margin-bottom: 36px
  }

  .top-prepatation_content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 30%;
    width: 30%
  }

  .top-prepatation_content {
    padding: 28px 36px
  }

  .pw-service {
    padding: 48px 0
  }

  .pw-service h2 {
    margin-bottom: 36px
  }

  .pw-whatIs {
    padding: 48px 0
  }

  .pw-whatIs p {
    text-align: left
  }

  .pw-whatIs p span {
    display: inline-block
  }

  .rentalHeroProducts {
    padding: 24px
  }

  .rentalHeroProducts img {
    width: 100%;
    height: auto
  }

  .tb_view_none {
    display: none
  }
}

@media screen and (max-width:1279px) and (min-width:1000px) {
  .account_introduction p span {
    display: block
  }

  .account_registration .account_registrationInner {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    max-width: calc(50% - 20px)
  }

  .account_registration .account_registrationInner:first-child {
    margin-right: 20px
  }

  .account_registration .account_registrationInner:last-child {
    margin-left: 20px
  }

  .account_sharedUse_outer .account_sharedUse_inner {
    max-width: 464px
  }

  .account_sharedUse_outer .account_sharedUse_inner:first-child {
    margin-right: 10px
  }

  .account_sharedUse_outer .account_sharedUse_inner:last-child {
    margin-left: 10px
  }

  .account_addtionalMethod ul li {
    padding-right: 28px
  }

  .account_addtionalMethod ul li>div p span {
    display: block
  }

  .account_addtionalMethod ul li.isRow>div p {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 400px;
    -ms-flex: 0 1 400px;
    flex: 0 1 400px;
    width: 400px
  }

  .primaryFooter_contact a i {
    line-height: 0;
    width: 9px;
    height: 16px;
    position: absolute;
    top: calc(50% - (16px / 2));
    right: 16px
  }

  .installOptionBlock h2+p span {
    display: block
  }

  _:-ms-lang(x)::-ms-backdrop, body {
    padding-top: 52px
  }

  .productHeader_btn {
    display: none !important
  }

  .productHeader_nav.drawer-nav {
    right: 0 !important
  }

  .productHeader_nav {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
  }

  .productHeader_nav .productHeader_navInner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .productHeader_nav a {
    padding: 18px 12px
  }

  .productHeader_nav a.productHeader_navContact {
    margin-left: 12px
  }

  .forRental .productHeader_nav {
    background-color: #000
  }

  .forRental .productHeader_nav a {
    padding: 18px 12px;
    font-size: 13px;
    font-size: 1.3rem
  }

  .forRental .productHeader_nav a.productHeader_navContact {
    margin-left: 12px
  }

  .pc_view_none {
    display: none
  }
}

@media screen and (min-width:1280px) {
  .account_introduction p span {
    display: block
  }

  .account_registration .account_registrationInner {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    max-width: calc(50% - 20px)
  }

  .account_registration .account_registrationInner:first-child {
    margin-right: 20px
  }

  .account_registration .account_registrationInner:last-child {
    margin-left: 20px
  }

  .account_sharedUse_outer .account_sharedUse_inner {
    max-width: 464px
  }

  .account_sharedUse_outer .account_sharedUse_inner:first-child {
    margin-right: 10px
  }

  .account_sharedUse_outer .account_sharedUse_inner:last-child {
    margin-left: 10px
  }

  .account_addtionalMethod ul li {
    padding-right: 28px
  }

  .account_addtionalMethod ul li>div p span {
    display: block
  }

  .account_addtionalMethod ul li.isRow>div p {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 400px;
    -ms-flex: 0 1 400px;
    flex: 0 1 400px;
    width: 400px
  }

  .breadcrumbs ul {
    margin-left: 32px
  }

  .container {
    width: 100%;
  }

  .primaryFooter_contact a i {
    line-height: 0;
    width: 9px;
    height: 16px;
    position: absolute;
    top: calc(50% - (16px / 2));
    right: 16px
  }

  .tertiaryFooter_logo a img {
    width: 50px
  }

  _:-ms-lang(x)::-ms-backdrop, body {
    padding-top: 60px
  }

  .productHeader_btn {
    display: none !important
  }

  .productHeader_nav.drawer-nav {
    right: 0 !important
  }

  .productHeader_nav {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
  }

  .productHeader_nav .productHeader_navInner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .productHeader_nav a {
    padding: 22px 24px
  }

  .productHeader_nav a.productHeader_navContact {
    margin-left: 28px
  }

  .forRental .productHeader_nav {
    background-color: #000
  }

  .forRental .productHeader_nav a {
    padding: 22px 24px
  }

  .forRental .productHeader_nav a.productHeader_navContact {
    margin-left: 18px
  }

  .pc_view_none {
    display: none
  }
}

@media screen and (max-width:767px) {
  .account_introduction {
    padding: 20px 20px 50px
  }

  .account_introduction p {
    text-align: left
  }

  .account_whatIsAnAccount .account_whatIsAnAccountInner {
    padding: 30px 20px
  }

  .account_registration h2 {
    font-size: 28px;
    font-size: 2.8rem
  }

  .account_registration .account_registrationOuter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .account_registration .account_registrationInner {
    margin-bottom: 32px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%
  }

  .account_registration .account_registrationInner:last-child {
    margin-bottom: 0
  }

  .account_registration_aboutCard {
    padding: 18px 20px
  }

  .account_registration_aboutCard .account_registration_aboutCard_detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .account_registration_aboutCard .account_registration_aboutCard_detail div {
    margin-right: 0;
    text-align: center
  }

  .account_sharedUse h2 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-top: 32px
  }

  .account_sharedUse h2+p {
    width: 100%
  }

  .account_sharedUse_outer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .account_sharedUse_outer .account_sharedUse_inner {
    width: 100%;
    margin-bottom: 32px
  }

  .account_sharedUse_outer .account_sharedUse_inner:last-child {
    margin-bottom: 0
  }

  .account_sharedUse_registration {
    padding: 16px 20px
  }

  .account_addtionalMethod {
    padding: 32px 20px
  }

  .account_addtionalMethod h2 {
    margin-bottom: 24px
  }

  .account_addtionalMethod ul li>div div {
    text-align: center
  }

  .account_addtionalMethod ul li>div div img {
    max-width: 100%;
    height: auto
  }

  .account_addtionalMethod ul li.isRow>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .account_addtionalMethod ul li.isRow>div p {
    margin-bottom: 32px
  }

  .account_agri-note {
    margin-bottom: 40px
  }

  .account_agri-note h2 {
    margin-top: 32px
  }

  .account_whatIsAnAccount_agriNote {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .account_whatIsAnAccount_agriNote {
    padding: 30px
  }

  .account_whatIsAnAccount_agriNote_image {
    margin-right: 0;
    margin-bottom: 24px
  }

  .articleHeadTitle h1 {
    font-size: 32px;
    font-size: 3.2rem
  }

  .container {
    width: 100%;
  }

  .containerInner {
    padding: 0 20px;
    width: 100%;
    display: block!important;
    text-align: center;
  }

  .content_OCRCamera h4 img {
    width: 100%;
    height: auto
  }

  .content_OCRCameraInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .content_OCRCameraInner section {
    margin-bottom: 24px;
    width: 100%
  }

  .content_OCRCameraInner section:last-child {
    margin-bottom: 0
  }

  .content_OCRCameraInner section h5 span {
    display: block
  }

  .content_OCRCameraInner section .isImage img {
    width: 100%;
    height: auto
  }

  .content_OCRCameraInner section .isTarget a {
    margin-bottom: 12px
  }

  .downloadOuter {
    margin-bottom: 28px
  }

  .downloadOuter table {
    width: 200%
  }

  .downloadTableOuter .pc_view_none {
    margin-bottom: 12px
  }

  .flowOuter {
    padding: 40px 20px;
    margin-bottom: 16px
  }

  .flowOuter h2 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 24px
  }

  .flowImage img {
    width: 100%;
    height: auto
  }

  .flowStep+div {
    margin: 16px 0 32px
  }

  .flowStepOuter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .flowStepOuter {
    padding: 28px 20px
  }

  .flowStep_description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 0
  }

  .flowStep_description dt {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
  }

  .flowStep_description dt {
    margin-right: 0;
    margin-bottom: 12px
  }

  .flowStep_button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    margin-top: 28px
  }

  .flowContact .roundButton {
    width: 100%
  }

  .primaryFooter .primaryFooterOuter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .primaryFooter_inquiriesAboutSensors_title {
    text-align: center
  }

  .primaryFooter_inquiriesAboutSensors_telOuter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .primaryFooter_inquiriesAboutSensors_tel {
    margin-right: 0;
    margin-bottom: 1em
  }

  .primaryFooter_inquiriesAboutSensors_tel i svg {
    width: 24px;
    height: 24px
  }

  .primaryFooter_inquiriesAboutSensors_tel span {
    font-size: 28px;
    font-size: 2.8rem
  }

  .primaryFooter_contact {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    min-width: 100%
  }

  .primaryFooter_contact {
    margin-top: 16px;
    margin-left: 0;
    padding: 8px 20px
  }

  .primaryFooter_contact a i {
    margin-left: .5em
  }

  .secondaryFooter {
    padding: 18px 0
  }

  .secondaryFooter_siteMap>ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .secondaryFooter_siteMap>ul>li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 160px;
    -ms-flex: 1 0 160px;
    flex: 1 0 160px;
    margin-bottom: 1em
  }

  .tertiaryFooter {
    padding: 12px 0
  }

  .installForFrontPage {
    padding: 40px 20px 20px
  }

  .installForFrontPage_linkList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .installForFrontPage_linkButton {
    margin-bottom: 20px
  }

  .installForFrontPage_linkButton:last-child {
    margin-bottom: 0
  }

  .installForFrontPage_linkButton {
    padding: 32px
  }

  .installForFrontPage_linkButton {
    padding: 20px
  }

  .installforOCRCamera_inner {
    padding-bottom: 40px
  }

  .installOptionOuter {
    padding: 40px 0 20px
  }

  .installOptionBlock {
    margin-bottom: 40px
  }

  .installOptionBlock h2 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 18px
  }

  .installOptionBlock h2+p {
    margin-bottom: 36px
  }

  .installOptionBlock h2+p span {
    display: inline-block
  }

  .installOptionBlock table {
    width: 200%
  }

  .installOptionBlock table tbody tr td:last-child {
    min-width: 240px
  }

  .installOptionTableOuter .pc_view_none {
    margin-bottom: 12px
  }

  .installOption_table_button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    margin-top: 28px
  }

  .installOption_combination {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .installOption_combination div {
    margin: 0 0 20px
  }

  .installOption_combination div :last-child {
    margin-bottom: 0
  }

  .installOuter h2 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 24px
  }

  .installPrecautions>dl>dd .isSuportPole {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .installPrecautions>dl>dd .isSuportPole .isSupportPoleImage {
    margin: 0 0 16px
  }

  .installPrecautions_stepContent .installPrecautions_mobileScroll .pc_view_none {
    margin-bottom: 12px
  }

  .installPrecautions_stepContent .installPrecautions_setting {
    padding-top: calc(2em + 12px);
    position: relative
  }

  .installPrecautions_stepContent .installPrecautions_setting:before {
    font-size: 13px;
    font-size: 1.3rem;
    content: "※下の図は水平にスワイプしてください。";
    display: block;
    margin-bottom: 12px;
    position: absolute;
    top: 0;
    left: 0
  }

  .installPrecautions_stepContent .installPrecautions_setting {
    width: 100%;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
  }

  .installPrecautions_stepContent .installPrecautions_setting li {
    margin-right: 32px
  }

  .installPrecautions_stepContent .installPrecautions_setting li div {
    margin-bottom: 12px
  }

  .installPrecautions_step01_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .installPrecautions_step01_left {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
  }

  .installPrecautions_step01_right {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin: 0 0 24px;
    text-align: center
  }

  .installPrecautions_step01_right img {
    width: 100%;
    height: auto
  }

  .installPrecautions_step01_option>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .installPrecautions_step01_option>div div {
    text-align: center;
    margin: 0 0 28px;
    padding: 0
  }

  .installPrecautions_step01_option>div div:last-child {
    margin-bottom: 0
  }

  .installPrecautions_step04 div img {
    width: 100%;
    height: auto
  }

  .installPrecautions_step05_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .installPrecautions_step05_inner div {
    margin: 0 0 16px;
    text-align: center
  }

  .installTiming img {
    width: 100%;
    height: auto
  }

  .installHowToUse {
    margin-bottom: 40px
  }

  .installHowToUse .pc_view_none {
    margin-bottom: 12px
  }

  .installHowToUse ul {
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
  }

  .installHowToUse ul li {
    margin-right: 32px
  }

  .installHowToUse ul li div {
    margin-bottom: 12px
  }

  .pageNavigation {
    padding: 32px 20px
  }

  .pageNavigation nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .pageNavigation a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: 0 0 12px;
    padding: 8px 12px
  }

  .pageNavigation a i {
    line-height: 1.6
  }

  .productHeader .productHeaderInner {
    height: 60px
  }

  .productHeader_btn.drawer-hamburger {
    padding: 18px 20px 30px
  }

  .productHeader_nav.drawer-nav {
    position: fixed;
    z-index: 9999999
  }

  .productHeader_nav .productHeader_navInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
  }

  .productHeader_nav .productHeader_navInner li {
    width: 100%
  }

  .productHeader_nav a {
    padding: 18px 16px
  }

  .roundButton {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 18px 28px 18px 18px
  }

  .roundButton i {
    right: 12px
  }

  .serviceOuter {
    padding: 28px 20px
  }

  .serviceOuter h2 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 24px
  }

  .serviceOuter h2+p {
    margin-bottom: 28px;
    text-align: left
  }

  .serviceOuter table.serviceInformation_table {
    border: 1px solid #ccc
  }

  .serviceOuter table.serviceInformation_table tbody td, .serviceOuter table.serviceInformation_table tbody th {
    display: block;
    padding: 16px 12px;
    width: 100%
  }

  .serviceOuter table.serviceCompensation {
    width: 200%
  }

  .serviceOuter table.serviceCompensation tbody th {
    text-align: center !important
  }

  .serviceOuter table.serviceCompensation tbody td {
    width: 60vw
  }

  .serviceUsageFee dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .serviceUsageFee.isDefault dl {
    margin-bottom: 1em
  }

  .serviceUsageFee.isDefault dl:last-child {
    margin-bottom: 0
  }

  .serviceUsageFee.isDefault dl dt {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }

  .billingPeriod dl dd {
    margin-bottom: 1em;
    margin-left: 0;
    text-indent: 0
  }

  .billingPeriod dl dd span {
    display: block
  }

  .serviceTableOuter .pc_view_none {
    margin-bottom: 12px
  }

  .lineUp {
    padding: 36px 0
  }

  .lineUp_table tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
  }

  .lineUp_table tr:before {
    content: attr(data-label);
    background-color: #eee;
    font-weight: 600;
    padding: 12px 0;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
  }

  .lineUp_table th {
    display: none
  }

  .lineUp_table td {
    padding: calc(24px + 50px) 18px 24px !important;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
  }

  .lineUp_table td.colspan2 {
    -webkit-box-flex: 2;
    -webkit-flex: 2 0 66.6%;
    -ms-flex: 2 0 66.6%;
    flex: 2 0 66.6%
  }

  .lineUp_product img {
    width: 100%;
    height: auto
  }

  .lineUp_productInner .lineUp_productCaption {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 8px
  }

  .lineUp_buttonGroup .lineUp_button {
    font-size: 14px;
    font-size: 1.4rem
  }

  .top-prepatation {
    padding: 36px 0
  }

  .top-prepatation h2 {
    margin-bottom: 0
  }

  .top-prepatation_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .top-prepatation_inner {
    margin-bottom: 18px
  }

  .top-prepatation_content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%;
    margin-bottom: 24px
  }

  .top-prepatation_content:last-child {
    margin-bottom: 0
  }

  .top-prepatation_content {
    padding: 20px 28px
  }

  .pw-service {
    padding: 36px 0
  }

  .pw-service h2 {
    margin-bottom: 0
  }

  .pw-service h2:after {
    margin-top: 16px
  }

  .pw-service_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .pw-service_border {
    border-top: 1px dashed #fff;
    border-left: none;
    width: 100%;
    height: 1px
  }

  .pw-service_content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%;
    max-width: 100%
  }

  .pw-service_content {
    padding: 40px
  }

  .pw-whatIs {
    padding: 36px 0
  }

  .pw-whatIs p {
    text-align: left
  }

  .pw-whatIs p span {
    display: inline-block
  }

  .rentalHero+p {
    padding: 8px 20px;
    line-height: 1.6
  }

  .rentalHero+p span {
    display: block;
    margin: 0
  }

  .rentalHeroProducts {
    min-height: 240px
  }

  .rentalHeroProducts img {
    width: 100%;
    height: auto
  }

  .sp_view_none {
    display: none
  }
}




/*extra case study pages*/
.single-case{
  background:#fff;
}
.single-case article{
  max-width:590px;
  margin:auto;
  padding: 70px 20px;
}
.single-case p{
  font-size:14px;
  letter-spacing: 0.1em;
  line-height: 2em;
  margin-bottom: 1.5em;
}
.single-case h1{
  font-size:24px;
  padding: 30px 0;
}
.single-case h2{
  font-size:20px;
}
.single-case h3{
  font-size:18px;
}
.single-case h4{
  font-size:18px;
}
.article-case .img{
  border:2px solid #14376e;
  padding: 30px;
  margin=-b: ;
}
.article-case img{
  max-width:100%;
  aspect-ratio: 3/1.8;
  object-fit:contain;
  display: block;
  height: auto;
}
.single-case h1.title{
  font-size:20px;
  font-weight:900;
}
.single-case h1.wp-block-heading{
  border-top:2px solid #14376e;
  border-bottom:2px solid #14376e;
  padding:5px 0;
  margin-bottom:20px;
}
.single-case h2.wp-block-heading{
  border-left:4px solid #14376e;
  padding-left:10px;
  margin-bottom:30px;
}
.single-case h3.wp-block-heading{
  position:relative;
  padding-left:18px;
  margin-bottom:25px;
}
.single-case h3.wp-block-heading:before{
  content:'';
  display:block;
  width:15px;
  height:15px;
  border-radius:50%;
  background-color:#14376e;
  position:absolute;
  left:0;
  top:8px;
}

.single-case h4.q,
.single-case p.a{
  position:relative;
  padding: 15px 0 15px 60px;
}


.single-case h4.q:before,
.single-case p.a:before{
  content:'Q';
  color:#fff;
  background-color:#14376e;
  width: 50px;
  height: 50px;
  display: block;
  border-radius:50%;
  font-size: 22px;
  padding: 5px 0 0 16px;
  position: absolute;
  left: 0;
  top: 5px;
  font-weight:bold;
}
.single-case p.a:before{
  content:'A';
  padding: 8px 0 0 19px;
  background-color:#ee7a27;
  top: 17px;
}


.cinfo{
  font-size:13px;
  font-weight:bold;
  line-height: 1.5;
  margin-bottom: 30px;
}
.cinfo>div{
  position:relative;
  margin-bottom:15px;
  padding-left: 55px;
}
.cinfo span{
  background-color:#ccc;
  color:#fff;
  font-weight:normal;
  padding: 1px 10px;
  border-radius:15px;
  display:inline-block;
  position: absolute;
  left: 0;
  top: 0px;
}
.cinfo .info1 span{
  background-color:#14376e;
  
}
.cinfo .info2 span{
  background-color:#f47d28;
  
}
.post-link{
  display:flex;
  justify-content: center;
  padding-top: 100px;
}
.post-link a{
  background-color:#14376e;
  color:#fff;
  font-size:13px;
  display:flex;
  padding: 10px 30px;
  margin: 0 20px;
  align-items: center;
}
.post-link a.disable{
  opacity:0.6;
  cursor:none;
  pointer-events:none;
}
.post-link .arr{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.57 9.8'%3E%3Cpolygon fill='%23ffffff' points='8.67 0 8.35 .33 12.69 4.67 0 4.67 0 5.13 12.69 5.13 8.35 9.47 8.67 9.8 13.57 4.9 8.67 0'/%3E%3C/svg%3E");
  background-size:contain;
  background-repeat:no-repeat;
  width: 17px;
  height: 15px;
  margin-top: 5px;
  margin-left: 15px;
}
.post-link .arr.prev{
  margin-left: 0;
  margin-right:15px;
  margin-top:0;
  transform:rotate(180deg);
}
.post-link a:hover{
  background-color:#e58539;
}

.case-study{
  background-color:#fff;
  padding: 50px 0;
}
.case-study .container{
  padding:0 20px;
  max-width: 870px;
  margin:auto;
}
.cs-grid{
    display:grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap:30px;
}

.cs-box,
.cs-box p{
  font-size:13px;
}
.cs-box .img{
  border:2px solid #13356a;
  display:block;
  padding: 20px;
  margin-bottom: 20px;
}

.cs-box .img img{
  width:100%;
  aspect-ratio: 10/5;
  height:auto;
  object-fit:contain;
}
.cs-box .title a{
  font-size:14px;
  font-weight:bold;
  color:#161719;
  display:block;
  margin-bottom:5px;
}
.cs-box .title a:hover{
  text-decoration:underline;
}
.cs-box .cinfo{
  font-size:12px;
}
.cs-box .excerpt{
  padding-bottom:15px;
  text-decoration:underline;
}

.pagination{display: flex;justify-content: center;}
.pagination polyline{
  fill:#fff;
}
.pagination svg{
  width:10px;
}

.pagination span.btn{
  background-color:#14376e;
  display: flex;
  width:40px;
  height:40px;
  align-items: center;
  justify-content: center;
}
.pagination .page-numbers{
  display:block;
  padding: 10px 10px;
  line-height: 40px;
}
.whitebg{
  background-color:#fff;
}
.grey-bar{
  height:50px;
  width:100%;
  background-color:#f1f1f1;
}
div.flex{
  display:flex;
}
.case-study a.more{
  margin-left:auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.57 9.8'%3E%3Cpolygon fill='%23ffffff' points='8.67 0 8.35 .33 12.69 4.67 0 4.67 0 5.13 12.69 5.13 8.35 9.47 8.67 9.8 13.57 4.9 8.67 0'/%3E%3C/svg%3E");
  background-size:contain;
  background-repeat:no-repeat;
  background-color:#1c366c;
  background-size: 18px;
  background-position: top 13px right 18px;
  padding: 10px 50px 10px 30px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
}
.case-study a.more:hover{
  background-color:#e58539;
}