@charset "UTF-8";
/* TOP CSS */
/* --------------------------------------

Base settings

---------------------------------------*/
body {
  height: auto;
  position: relative;
  width: 100%;
}

input[type=submit],
input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

input[type=submit]:-webkit-search-decoration,
input[type=button]:-webkit-search-decoration {
  display: none;
}

input[type=submit]:focus,
input[type=button]:focus {
  outline-offset: -2px;
}

select {
  border: none;
  outline: none;
}

input,
button,
input[type=submit] {
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
}

.pc-hyde {
  display: block !important;
}

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

.wrapper {
  padding: 0;
  max-width: calc(100% - 100px);
}

img {
  vertical-align: bottom;
}

.flexbox {
  display: block;
}
.flexbox .item {
  box-sizing: border-box;
  width: 100%;
}

.flexbox.col2 .item {
  margin-left: 0 !important;
}

table thead tr th,
table thead tr td,
table tbody tr th,
table tbody tr td {
  padding: 8px 16px;
}

.list ul li {
  font-size: 16px;
}

.conts-padding {
  padding: 40px 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.bottom64 {
  margin-bottom: 32px;
}

.bottom56 {
  margin-bottom: 32px;
}

.bottom48 {
  margin-bottom: 24px;
}

.bottom32 {
  margin-bottom: 24px;
}

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

/* --------------------------------------
slick dots
---------------------------------------*/
.slick-dots {
  text-align: center !important;
  left: 0 !important;
  bottom: 16px !important;
}

/* top title style */
.t-style {
  width: 480px;
  font-size: 40px;
  height: 60px;
  top: 240px !important;
  left: -224px !important;
  border: none;
}

/* --------------------------------------
btn
---------------------------------------*/
.btn-wrap {
  font-size: 16px;
}
.btn-wrap .btn {
  padding: 10px 24px;
}

/*--------------------------------------
keyvisual
---------------------------------------*/
.keyvisual .inner {
  padding: 50px 16px;
  text-align: left;
  margin: auto;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  max-width: 100%;
  left: auto;
}
.keyvisual .inner .heading {
  text-align: center;
  font-size: 30px;
  margin-bottom: 24px;
}

/*--------------------------------------
common
---------------------------------------*/
.news-box {
  font-size: 14px;
}
.news-box .flexbox {
  display: block;
  flex-wrap: wrap;
}
.news-box .flexbox .item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.news-box .flexbox .item:first-child {
  width: 100%;
  align-items: center;
}
.news-box .flexbox .item label {
  position: relative;
  padding: 8px 16px;
  max-width: 50%;
}
.news-box .flexbox .item label span {
  font-size: 13px;
}
.news-box .flexbox .item .data {
  padding: 0 0 0 24px;
}
.news-box .flexbox .item.title {
  padding: 16px 40px 16px 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  max-width: 100%;
  width: 100%;
}

.common-conv {
  background-position: top right;
}
.common-conv .conts-padding {
  padding-bottom: 30px;
  padding-top: 40px;
}
.common-conv .t-style {
  top: 240px !important;
  left: -224px !important;
}
.common-conv .heading {
  font-size: 26px !important;
  margin-bottom: 24px;
}
.common-conv .flexbox.col2 {
  margin-bottom: 16px;
}
.common-conv .flexbox.col2 .item {
  width: auto;
}
.common-conv .flexbox.col2 .item:first-child {
  margin-bottom: 16px;
}
.common-conv .flexbox.col2 .item .btn-wrap .btn {
  font-size: 20px;
  padding: 16px 24px;
}
.common-conv .flexbox.col2 .item .btn-wrap.detail .btn img {
  margin-right: 10px;
  width: 30px;
  height: 30px;
  vertical-align: bottom;
  display: inline-block;
}

.ps-links .conts-padding {
  padding: 40px 0;
}
.ps-links .conts-padding .flexbox {
  align-items: inherit;
}
.ps-links .conts-padding .flexbox .item {
  width: 100%;
  padding: 16px;
  margin-bottom: 16px;
}
.ps-links .conts-padding .flexbox .item:last-child {
  margin-bottom: 0;
}
.ps-links .conts-padding .flexbox .item .box .image {
  max-width: 500px;
}
.ps-links .conts-padding .flexbox .item .box .text {
  font-size: 13px;
}

.breadcrumb .wrapper {
  max-width: calc(100% - 32px) !important;
}

form {
  padding: 16px;
}
form .inner .box {
  margin-bottom: 24px;
}
form .inner .box .heading-bgBlack {
  margin-bottom: 16px;
}
form .inner .box section {
  display: block;
  padding: 16px;
}
form .inner .box section .mail-item {
  padding: 0;
  width: 100%;
  margin-bottom: 8px;
}
form .inner .box section .mail-content {
  width: 100%;
}
form .inner .box section .mail-content .bottom8.detail {
  width: 100%;
}
form .text.detail {
  margin-top: 24px;
  margin-bottom: 24px;
  text-align: center;
  font-size: 18px;
}
form .text.detail a {
  color: #111;
  font-weight: bold;
  text-decoration: underline;
}
form .attention {
  margin-top: 32px;
  padding: 16px;
  margin-bottom: 32px;
}
form .attention .heading-b-bottom {
  font-size: 22px;
  padding-bottom: 16px;
  margin-bottom: 24px;
}
form .attention .text {
  margin-bottom: 24px;
}
form .attention .agree span {
  font-size: 18px;
}

#sub .sub-common-pageHeading {
  padding: 32px 0;
}
#sub .sub-common-pageHeading .heading {
  font-size: 30px;
  line-height: 1;
}
#sub .sub-common-pageHeading .heading span {
  font-size: 15px;
}
#sub .anchor {
  padding: 24px 0 24px;
}
#sub .anchor .flexbox {
  align-items: inherit;
  display: flex;
}
#sub .anchor .flexbox .item {
  margin-bottom: 1%;
}
#sub .anchor .flexbox .item .btn-wrap {
  font-size: 15px;
}
#sub .anchor .flexbox .item .btn-wrap:hover {
  background: #111;
}
#sub .anchor .flexbox .item .btn-wrap:hover a {
  color: #fff;
}
#sub .anchor .flexbox.col5 .item {
  width: 49.5%;
}
#sub .article-template .article-box {
  margin-bottom: 24px;
  padding: 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
#sub .article-template .article-box h2 {
  font-size: 20px;
  margin-bottom: 16px;
}
#sub .article-template .article-box h3 {
  font-size: 18px;
  margin-bottom: 16px;
}
#sub .article-template .article-box h4 {
  font-size: 16px;
  margin-bottom: 16px;
}
#sub .article-template .article-box figure {
  margin-bottom: 24px;
}
#sub .article-template .article-box p,
#sub .article-template .article-box ul,
#sub .article-template .article-box ol,
#sub .article-template .article-box table {
  margin-bottom: 24px;
}
#sub .article-template .article-box .video-flex {
  display: block;
  align-items: inherit;
}
#sub .article-template .article-box .video-flex p {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  width: 100%;
  margin: 0.5%;
}
#sub .article-template .article-box .video-flex p iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#sub .article-template .article-box .video-flex p:first-child {
  margin-bottom: 10px;
}
#sub .case {
  margin-left: 0;
}
#sub .case .case-category {
  /*.cat-product-service {
      .flexbox {
          align-items: inherit;
          .item {
              width: 32.5%;
          }
          .box {
              box-sizing: border-box;
              -moz-box-sizing: border-box;
              -webkit-box-sizing: border-box;
              -o-box-sizing: border-box;
              -ms-box-sizing: border-box;
              box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
              background: #fff;
              padding: 40px;
              margin-bottom: 20px;
              .product-image {
                  max-width: 250px;
                  width: 100%;
                  margin: auto;
                  margin-bottom: 16px;
              }
          }
      }
  }*/
}
#sub .case .case-category .conts-padding {
  padding-bottom: 24px;
}
#sub .case .case-category .cat-genre .flexbox {
  display: flex;
}
#sub .case .case-category .cat-genre .flexbox .item {
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  position: relative;
}
#sub .case .case-category .cat-genre .flexbox .item:nth-child(6) {
  margin-right: 0;
}
#sub .case .case-category .cat-genre .flexbox .item .image {
  width: 130px;
  height: 130px;
}
#sub .case .case-category .cat-genre .flexbox .item .text-center {
  font-size: 18px;
  font-weight: bold;
}
#sub .case.case-artcile .case-inner .case-conts {
  margin-bottom: 26px;
}
#sub .case.case-artcile .case-inner .case-conts .flexbox .box {
  margin-bottom: 52px;
  margin-top: 0;
}
#sub .case-conts {
  margin-bottom: 58px;
}
#sub .case-conts .box {
  padding: 0;
  margin-bottom: 50px;
  margin-top: 0;
}
#sub .case-conts .box .inner .conts-right {
  padding: 16px;
}
#sub .case-conts .box .inner .client {
  text-align: left;
}
#sub .case-conts .box .text {
  padding: 0 16px 50px 16px;
}
#sub .case-conts .box .btn-wrap {
  font-size: 16px;
}
#sub .news .article-template .article-box {
  margin-bottom: 64px;
}
#sub .news .article-template .article-box h1 {
  font-size: 18px;
  margin-bottom: 24px;
}
#sub .news .article-template .article-box .data {
  font-size: 15px;
}
#sub .news .pager {
  margin-bottom: 64px;
}
#sub .news .pager .flexbox {
  display: flex;
}
#sub .news .pager .flexbox .item:first-child a {
  font-size: 13px;
  padding: 8px 16px;
}
#sub .news .pager .flexbox .item:first-child a:before {
  top: -24px;
  font-size: 13px;
}
#sub .news .pager .flexbox .item:first-child a::after {
  top: -19px;
}
#sub .news .pager .flexbox .item:last-child a {
  padding: 8px 16px;
  display: block;
  font-size: 13px;
}
#sub .news .pager .flexbox .item:last-child a:before {
  top: -24px;
  font-size: 13px;
}
#sub .news .pager .flexbox .item:last-child a::after {
  top: -19px;
}
#sub .recruit .introduction .conts-padding,
#sub .interview .introduction .conts-padding {
  padding-bottom: 26px;
}
#sub .recruit .introduction .catch .inner,
#sub .interview .introduction .catch .inner {
  font-size: 24px;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
#sub .recruit .introduction .catch .inner span,
#sub .interview .introduction .catch .inner span {
  font-size: 60px;
}
#sub .recruit .introduction .catch .text,
#sub .interview .introduction .catch .text {
  font-size: 22px;
}
#sub .recruit .introduction .recruit-kv,
#sub .interview .introduction .recruit-kv {
  margin-bottom: 32px;
}
#sub .recruit .introduction .recruit-kv .image .inner,
#sub .interview .introduction .recruit-kv .image .inner {
  width: 100%;
  max-width: 500px;
}
#sub .recruit .introduction .message,
#sub .interview .introduction .message {
  padding: 16px;
  margin-bottom: 10px;
}
#sub .recruit .introduction .bottom40,
#sub .interview .introduction .bottom40 {
  margin-bottom: 16px;
}
#sub .contact .flexbox .item:first-child {
  margin-bottom: 10px;
}
#sub .contact .text.detail {
  font-size: 15px;
}

/* --------------------------------------
heading
---------------------------------------*/
.heading-slash {
  font-size: 22px;
  margin-bottom: 24px;
}
.heading-slash:before, .heading-slash:after {
  width: 1px;
  height: 40px;
  margin: 0;
}
.heading-slash:before {
  margin-right: 24px;
}
.heading-slash:after {
  margin-left: 20px;
}

.heading-b-bottom {
  font-size: 20px;
  margin-bottom: 16px;
}

.heading-bgBlack {
  font-size: 20px;
  margin-bottom: 16px;
}

.heading-bgYellow {
  font-size: 20px;
}

.heading-side-line {
  font-size: 18px;
  margin-bottom: 16px;
}

.pickup {
  padding: 32px 0 22px;
}
.pickup .wrapper {
  max-width: calc(100% - 32px);
}

.bnr-slider {
  margin-bottom: 50px !important;
}
.bnr-slider .slick-dots {
  bottom: -24px !important;
}
.bnr-slider .box {
  margin: 10px 16px;
}

.company .detail {
  font-size: 18px;
  margin-bottom: 24px;
}
.company .vision-conts {
  max-width: 500px;
  width: 100%;
  margin: auto;
  margin-bottom: 32px;
}
.company .vision-conts .item {
  width: 100%;
}
.company .vision-conts .item:first-child {
  margin-right: 0;
}
.company .vision-conts .box {
  margin-bottom: 16px;
}
.company .philosophy .detail {
  font-size: 15px;
  margin-bottom: 24px;
  text-align: left;
}
.company .philosophy .philosophy-conts ul {
  margin: auto;
}
.company .philosophy .philosophy-conts ul li {
  font-size: 16px;
  padding: 0px 16px 8px 80px;
  border-bottom: #ffe600 4px solid;
  margin-bottom: 32px;
}
.company .philosophy .philosophy-conts ul li .number {
  left: 0;
  padding: 4px 10px;
}
.company .philosophy .philosophy-conts ul li .number span {
  font-size: 26px;
}
.company .philosophy .philosophy-conts ul li:last-child {
  margin-bottom: 0;
}

.product-and-service {
  position: relative;
}
.product-and-service .solution-image {
  max-width: 100%;
  width: 100%;
  padding: 0;
  z-index: 2;
  margin: auto;
  margin-bottom: 32px;
}

.case {
  margin-left: 16px;
}
.case .t-style {
  left: -175px;
}
.case .wrapper {
  margin-left: 24px;
}

.case-conts {
  margin-bottom: 58px;
}
.case-conts .box {
  padding: 90px 16px 42px;
  font-size: 15px;
  margin-top: 90px;
}
.case-conts .box:last-child {
  margin-top: 116px;
}
.case-conts .box .inner .conts-left {
  width: 130px;
  position: absolute;
  top: -160px;
  left: calc(50% - 65px);
  margin: auto;
}
.case-conts .box .inner .conts-left .image {
  width: 130px;
  height: 130px;
}
.case-conts .box .inner .conts-right {
  text-align: center;
  width: 100%;
}
.case-conts .box .inner .conts-right .heading {
  text-align: left;
  font-size: 22px;
  padding-top: 16px;
}
.case-conts .box .btn-wrap {
  position: absolute;
  bottom: -26px;
  right: 0;
  max-width: inherit;
  display: inline-block;
  width: auto;
  font-size: 18px;
}

.top-recruit {
  margin-bottom: 40px;
  margin-right: 16px;
}
.top-recruit .heading {
  font-size: 24px;
}
.top-recruit .detail {
  font-size: 20px;
  margin-bottom: 24px;
}
.top-recruit .btn-wrap {
  margin-bottom: 24px;
}
.top-recruit .item.bg-white {
  padding: 16px;
  margin-bottom: 24px;
}

#sub .wrapper {
  max-width: calc(100% - 32px);
  padding: 0;
}
#sub .common-conv .wrapper {
  max-width: calc(100% - 100px);
  padding: 0;
}
#sub .company {
  /* office */
}
#sub .company .message .flexbox {
  align-items: inherit;
}
#sub .company .message .flexbox .image {
  width: 100%;
  max-width: 400px;
  margin: auto;
  margin-bottom: 16px;
}
#sub .company .message .flexbox .text {
  width: 100%;
}
#sub .company .overview table th,
#sub .company .overview table td {
  display: block;
  width: 100%;
}
#sub .company .overview table th {
  text-align: center;
}
#sub .company .history .history-conts:before {
  content: "";
  left: 80px;
}
#sub .company .history .history-conts .box {
  display: flex;
  align-items: inherit;
  position: relative;
}
#sub .company .history .history-conts .box:before {
  left: 77px;
}
#sub .company .history .history-conts .box .year {
  padding-top: 8px;
  width: 80px;
  font-size: 24px;
}
#sub .company .history .history-conts .box .text {
  position: relative;
  width: calc(100% - 96px);
  padding: 16px 0;
  border-bottom: 1px solid #ccc;
}
#sub .company .company-links .conts-padding {
  padding: 40px 0 !important;
}
#sub .company .company-links .conts-padding .item {
  margin-bottom: 16px;
}
#sub .company .company-links .conts-padding .item:last-child {
  margin-bottom: 0;
}
#sub .company .office-list {
  background: #f6f6f6;
}
#sub .company .office-list .inner {
  margin-bottom: 32px;
}
#sub .company .office-list .inner .box {
  margin-bottom: 24px;
}
#sub .company .office-list .inner .box:first-child {
  margin-bottom: 0;
}
#sub .company .office-list .inner .box:last-child {
  margin-bottom: 0;
}
#sub .company .office-list .inner .box .inner-conts {
  display: block;
}
#sub .company .office-list .inner .box .inner-conts .inner-item:first-child {
  width: 100%;
}
#sub .company .office-list .inner .box .inner-conts .inner-item:last-child {
  width: 100%;
}
#sub .company .office-list .inner .box .inner-conts .inner-item:last-child iframe {
  height: 300px;
}
#sub .company .office-list .inner .box .inner-conts .bg-gray {
  padding: 16px;
  margin-bottom: 24px;
  background: #ffffff;
}
#sub .company .office-list .inner .box .inner-conts .bg-gray .box .bg-yellow {
  min-width: 180px;
}
#sub .company .office-list .inner .box .inner-conts .bg-gray .box:first-child {
  padding-bottom: 16px;
}
#sub .company .office-list .inner .box .inner-conts .bg-gray .box:last-child {
  padding-top: 16px;
}
#sub .company .office-list .inner .box .inner-conts .bg-gray .box .flexbox .bg-yellow {
  margin-bottom: 16px !important;
}
#sub .company .office-list .inner .box .inner-conts .bg-gray .box .flexbox ul {
  width: 100%;
}
#sub .company .office-list .inner .box .inner-conts .btn-area .flexbox .item {
  margin-bottom: 8px;
  width: 100%;
}
#sub .company .office-list .inner .box .inner-conts .btn-area .flexbox .item .btn-wrap {
  height: 100%;
  max-width: 100%;
}
#sub .company .office-list .inner .box .inner-conts .btn-area .flexbox .item .btn-wrap .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}
#sub .company .office-list .inner .box .inner-conts .btn-area .flexbox .item .btn-wrap .btn span {
  font-size: 16px;
}
#sub .company .office-list .inner .box .inner-conts .btn-area .flexbox .item .btn-wrap .btn span.detail {
  font-size: 14px;
}
#sub .company .office-list .inner .box .inner-conts .btn-area .flexbox .item .btn-wrap:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  right: 8px;
  top: calc(50% - 8px);
}
#sub .basicContract .contract-links .conts-padding {
  padding: 32px 0 22px !important;
}
#sub .basicContract .contract-links .conts-padding .flexbox {
  margin-bottom: 0 !important;
}
#sub .basicContract .contract-links .conts-padding .flexbox .item {
  width: 100% !important;
  margin-bottom: 10px;
}
#sub .product-and-service .introduction .heaidng {
  font-size: 40px;
  margin-bottom: 16px;
  line-height: 1.4;
}
#sub .product-and-service .introduction .sub-heading {
  margin-bottom: 24px;
  font-size: 24px;
}
#sub .product-and-service .introduction .detail {
  text-align: left;
}
#sub .product-and-service .solution .image,
#sub .product-and-service .use .image {
  max-width: 100%;
  width: 100%;
  margin: auto;
}
#sub .product-and-service .products .heading-slash {
  margin-bottom: 48px;
}
#sub .product-and-service .products .products-conts {
  padding: 16px 16px 40px;
  margin-bottom: 52px;
}
#sub .product-and-service .products .products-conts .heading {
  position: relative;
  top: auto;
  padding: 0;
  margin-bottom: 16px;
  font-size: 26px;
}
#sub .product-and-service .products .products-conts .flexbox {
  align-items: inherit;
}
#sub .product-and-service .products .products-conts .box {
  font-size: 20px;
  padding: 16px 16px 32px 16px;
  font-size: 18px;
  margin-bottom: 40px;
  margin-bottom: 46px;
}
#sub .product-and-service .products .products-conts .box .heading.detail {
  margin-bottom: 16px;
  font-size: 24px;
}
#sub .product-and-service .products .products-conts .box .product-logo {
  margin-bottom: 16px;
}
#sub .product-and-service .products .products-conts .box .product-image {
  margin-bottom: 16px;
}
#sub .product-and-service .products .products-conts .box .btn-wrap {
  position: absolute;
  bottom: -26px;
  right: 0;
  max-width: inherit;
  display: inline-block;
  width: auto;
  font-size: 18px;
}
#sub .product-and-service .products .products-conts .box:last-child {
  margin-bottom: 0;
}
#sub .product-and-service .products .products-conts:last-child {
  margin-bottom: 0;
}
#sub .product-and-service .products .products-conts:last-child .heading.detail {
  margin-bottom: 0;
}
#sub .product-and-service .products .products-conts:last-child .product-logo {
  margin: auto;
  margin-bottom: 0;
}
#sub .product-and-service .products.bg-gray .products-conts .heading {
  padding: 0;
}
#sub .basicContract .contract-common-style .box,
#sub .privacy .contract-common-style .box,
#sub .isms .contract-common-style .box {
  margin-bottom: 32px;
}
#sub .basicContract .contract-common-style .box.bottom64,
#sub .privacy .contract-common-style .box.bottom64,
#sub .isms .contract-common-style .box.bottom64 {
  margin-bottom: 32px;
}
#sub .basicContract .contract-common-style .bg-gray,
#sub .privacy .contract-common-style .bg-gray,
#sub .isms .contract-common-style .bg-gray {
  margin-bottom: 32px;
  padding: 16px;
}
#sub .isms .bottom40 {
  margin-bottom: 24px;
}
#sub .isms .iso .bg-white {
  padding: 16px;
}
#sub .isms .iso .bg-white .heading {
  font-size: 16px !important;
  margin-bottom: 16px;
}
#sub .isms .iso .bg-white .text {
  margin-bottom: 24px;
}
#sub .isms .iso .bg-white .image {
  width: 100%;
  max-width: 300px;
  margin: auto;
}
#sub .isms .bg-gray {
  margin-bottom: 16px !important;
}
#sub .isms .bg-gray .heading {
  font-size: 20px !important;
  margin-bottom: 10px !important;
}
#sub .isms .bg-gray .box {
  margin-bottom: 16px;
}
#sub .isms .bg-gray.iso {
  margin-bottom: 0 !important;
}
#sub .ps-underlayer .number {
  top: -20px;
  font-size: 60px;
}
#sub .ps-underlayer .underlayer-overview .flexbox {
  align-items: inherit;
}
#sub .ps-underlayer .underlayer-overview .flexbox .thumb-image {
  width: 100%;
  margin-bottom: 24px;
}
#sub .ps-underlayer .underlayer-overview .flexbox .box {
  width: 100%;
}
#sub .ps-underlayer .underlayer-overview .flexbox .box .detail {
  margin-bottom: 16px;
  font-size: 14px;
}
#sub .ps-underlayer .underlayer-overview .flexbox .box .heading {
  margin-bottom: 16px;
  font-size: 20px;
  line-height: 1.4;
}
#sub .ps-underlayer .strength .conts-padding {
  padding-bottom: 24px;
}
#sub .ps-underlayer .strength .flexbox.col4 .item {
  width: 100%;
}
#sub .ps-underlayer .strength .flexbox .item {
  margin-bottom: 16px;
  /* box type*/
  /* icon type */
}
#sub .ps-underlayer .strength .flexbox .item .box {
  padding: 16px;
  margin-bottom: 16px;
}
#sub .ps-underlayer .strength .flexbox .item .box .image {
  max-width: 100%;
  width: 100%;
  margin: auto;
}
#sub .ps-underlayer .strength .flexbox .item .icon {
  margin-bottom: 16px;
}
#sub .ps-underlayer .strength .flexbox .item .text .heading {
  margin-bottom: 10px;
  font-size: 18px;
}
#sub .ps-underlayer .series .conts-padding {
  padding-bottom: 24px;
}
#sub .ps-underlayer .series .flexbox .item {
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  margin-bottom: 16px;
}
#sub .ps-underlayer .series .flexbox .item .box {
  padding: 16px;
}
#sub .ps-underlayer .series .flexbox .item .box .heading {
  font-size: 15px;
}
#sub .ps-underlayer .series .flexbox .item .box .image {
  padding: 0;
}
#sub .ps-underlayer .ps-bnr-area .conts-padding {
  padding-bottom: 24px;
}
#sub .ps-underlayer .ps-bnr-area .flexbox .item {
  width: 100%;
  margin-bottom: 16px;
}
#sub .ps-underlayer.eeesecure .anchor .heading {
  font-size: 18px;
  margin-bottom: 16px;
}
#sub .ps-underlayer.eeesecure .anchor .flexbox .item .btn-wrap {
  font-size: 15px;
}
#sub .ps-underlayer.smartfactory .illust-box .box {
  padding: 16px;
}
#sub .ps-underlayer.smartfactory .cando .flexbox .item {
  background: #fff;
  margin-bottom: 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
#sub .ps-underlayer.smartfactory .cando .flexbox .item .image {
  margin-bottom: 16px;
}
#sub .ps-underlayer.smartfactory .cando .flexbox .item .text {
  font-size: 18px;
}
#sub .ps-underlayer.smartfactory .comparison table th,
#sub .ps-underlayer.smartfactory .comparison table td {
  width: 50%;
  padding-left: 16px;
  padding-right: 16px;
}
#sub .ps-underlayer.smartfactory .comparison table th {
  text-align: center;
  font-size: 15px;
}
#sub .ps-underlayer.smartfactory .comparison table th.bg-yellow {
  color: #111;
}
#sub .ps-underlayer.smartfactory .comparison table td {
  vertical-align: top;
  padding-top: 16px;
  padding-bottom: 16px;
}
#sub .ps-underlayer.smartfactory .comparison table td .bg-blue,
#sub .ps-underlayer.smartfactory .comparison table td .bg-red {
  font-size: 13px;
}
#sub .ps-underlayer.smartfactory .comparison table td span {
  font-size: 15px;
}
#sub .ps-underlayer.smartfactory .comparison table td ul li {
  padding-left: 16px;
  position: relative;
  font-size: 15px;
}
#sub .ps-underlayer.smartfactory .comparison table td ul li:before {
  top: 8px;
}
#sub .ps-underlayer.smartfactory .merit .flexbox .box {
  padding: 16px;
  margin-bottom: 16px;
}
#sub .ps-underlayer.smartfactory .merit .flexbox .box .heading {
  font-size: 18px;
  margin-bottom: 10px;
}
#sub .ps-underlayer.smartfactory .merit .flexbox .box .number {
  position: absolute;
  top: auto;
  bottom: -9px;
  right: 0;
  font-size: 60px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.1);
  line-height: 1;
}
#sub .ps-underlayer.smartfactory .merit .flexbox .box:last-child {
  margin-bottom: 0;
}
#sub .ps-underlayer.support .support-conts .box {
  padding: 16px;
  margin-bottom: 24px;
}
#sub .ps-underlayer.support .support-conts .box .logo-image {
  margin-bottom: 16px;
}
#sub .ps-underlayer.support .support-conts .box .text {
  margin-bottom: 16px;
}
#sub .ps-underlayer.support .support-conts .box#sdoc .flexbox .item {
  padding: 16px;
  margin-bottom: 16px;
}
#sub .ps-underlayer.support .support-conts .box#sdoc .flexbox .item:last-child {
  margin-bottom: 0;
}
#sub .ps-underlayer.support .support-conts .box#sdoc .flexbox .item .image {
  width: 150px;
  max-width: 150px;
}
#sub .ps-underlayer.support .support-conts .box#sdoc .flexbox .item .heading {
  font-size: 18px;
  margin-bottom: 8px;
}
#sub .ps-underlayer.support .support-conts .box#qmc .image {
  max-width: 900px;
  margin: auto;
}
#sub .ps-underlayer.support .maintenance .text {
  margin-bottom: 24px;
}
#sub .ps-underlayer.support .maintenance .inner {
  margin-bottom: 24px;
}
#sub .ps-underlayer.support .maintenance .inner table {
  margin-bottom: 16px;
}
#sub .ps-underlayer.support .maintenance .inner .detail {
  font-size: 14px;
}
#sub .ps-underlayer.support .maintenance .inner table th,
#sub .ps-underlayer.support .maintenance .inner table td {
  font-size: 16px;
}
#sub .ps-underlayer.support .maintenance .inner.m-overview table th,
#sub .ps-underlayer.support .maintenance .inner.m-overview table td {
  display: block;
  width: 100%;
}
#sub .ps-underlayer.support .maintenance .inner.m-service table tbody th,
#sub .ps-underlayer.support .maintenance .inner.m-service table tbody td {
  display: block;
  width: 100%;
}
#sub .ps-underlayer.support .maintenance .inner.m-service table tbody td:nth-child(2) {
  text-align: center;
  font-size: 15px;
  line-height: inherit;
  text-align: left;
}
#sub .ps-underlayer.support .maintenance .inner.m-plan .box {
  padding: 16px;
}
#sub .ps-underlayer.support .maintenance .inner.m-plan .box .heading {
  font-size: 18px;
  margin-bottom: 16px;
}
#sub .ps-underlayer.support .maintenance .inner.m-plan .box .text {
  margin-bottom: 16px;
}
#sub .ps-underlayer.support .maintenance .inner.m-plan .box section {
  margin-bottom: 16px;
}
#sub .ps-underlayer.support .maintenance .inner.m-plan .box section .bg-gray {
  margin-bottom: 12px;
  font-size: 16px;
}
#sub .ps-underlayer.support .maintenance .inner.m-plan .box section ul {
  padding-left: 16px;
}
#sub .ps-underlayer.agv .agv-conts .flexbox .item, #sub .ps-underlayer.agv-amr .agv-conts .flexbox .item {
  margin-bottom: 16px;
}
#sub .ps-underlayer.agv .agv-conts .flexbox .item:last-child, #sub .ps-underlayer.agv-amr .agv-conts .flexbox .item:last-child {
  margin-bottom: 0;
}
#sub .ps-underlayer.agv .agv-conts .flexbox .item .heading, #sub .ps-underlayer.agv-amr .agv-conts .flexbox .item .heading {
  font-size: 18px;
}
#sub .ps-underlayer.agv .agv-process .conts-padding, #sub .ps-underlayer.agv-amr .agv-process .conts-padding {
  padding-bottom: 16px;
}
#sub .ps-underlayer.agv .agv-process .text, #sub .ps-underlayer.agv-amr .agv-process .text {
  margin-bottom: 24px;
}
#sub .ps-underlayer.agv .agv-process .flexbox .box, #sub .ps-underlayer.agv-amr .agv-process .flexbox .box {
  margin-bottom: 24px;
}
#sub .ps-underlayer.agv .agv-process .flexbox .box .text, #sub .ps-underlayer.agv-amr .agv-process .flexbox .box .text {
  font-size: 18px;
}
#sub .ps-underlayer.agv .agv-process .flexbox .box .image, #sub .ps-underlayer.agv-amr .agv-process .flexbox .box .image {
  margin-bottom: 16px;
}
#sub .ps-underlayer.agv .agv-process .flexbox .box .number, #sub .ps-underlayer.agv-amr .agv-process .flexbox .box .number {
  top: auto;
  bottom: -10px;
  font-size: 60px;
}
#sub .ps-underlayer.agv .agv-installation .conts-padding, #sub .ps-underlayer.agv-amr .agv-installation .conts-padding {
  padding-bottom: 16px;
}
#sub .ps-underlayer.agv .agv-installation .text, #sub .ps-underlayer.agv-amr .agv-installation .text {
  margin-bottom: 24px;
}
#sub .ps-underlayer.agv .agv-installation .flexbox .box, #sub .ps-underlayer.agv-amr .agv-installation .flexbox .box {
  margin-bottom: 24px;
}
#sub .ps-underlayer.agv .agv-installation .flexbox .box .text-center, #sub .ps-underlayer.agv-amr .agv-installation .flexbox .box .text-center {
  font-size: 18px;
}
#sub .ps-underlayer.agv .agv-products .inner, #sub .ps-underlayer.agv-amr .agv-products .inner {
  margin-bottom: 32px;
}
#sub .ps-underlayer.agv .agv-products .inner:last-child, #sub .ps-underlayer.agv-amr .agv-products .inner:last-child {
  margin-bottom: 0;
}
#sub .ps-underlayer.agv .agv-products .inner .flexbox, #sub .ps-underlayer.agv-amr .agv-products .inner .flexbox {
  margin-bottom: 24px;
}
#sub .ps-underlayer.agv .agv-products .inner .flexbox .box, #sub .ps-underlayer.agv-amr .agv-products .inner .flexbox .box {
  padding: 16px;
  margin-bottom: 16px;
}
#sub .ps-underlayer.agv .agv-products .inner .flexbox .box .text, #sub .ps-underlayer.agv-amr .agv-products .inner .flexbox .box .text {
  font-size: 15px;
}
#sub .ps-underlayer.agv .agv-products .inner .flexbox .box:last-child, #sub .ps-underlayer.agv-amr .agv-products .inner .flexbox .box:last-child {
  margin-bottom: 0;
}
#sub .ps-underlayer.agv .agv-products .inner table, #sub .ps-underlayer.agv-amr .agv-products .inner table {
  font-size: 15px;
}
#sub .ps-underlayer.agv .agv-products .inner table th,
#sub .ps-underlayer.agv .agv-products .inner table td, #sub .ps-underlayer.agv-amr .agv-products .inner table th,
#sub .ps-underlayer.agv-amr .agv-products .inner table td {
  text-align: center;
}
#sub .ps-underlayer.agv .agv-products .inner table th.bg-gray, #sub .ps-underlayer.agv-amr .agv-products .inner table th.bg-gray {
  background: #ddd;
  font-weight: normal;
  color: #111;
}
#sub .ps-underlayer.agv-amr .other-conts .flexbox.detail {
  margin-bottom: 24px;
}
#sub .ps-underlayer.agv-amr .other-conts .flexbox.detail .item.photo {
  margin-bottom: 24px;
}
#sub .ps-underlayer.agv-amr .other-conts .flexbox.detail .item.text,
#sub .ps-underlayer.agv-amr .other-conts .flexbox.detail.flexboxMovie .item.text {
  width: 100%;
}
#sub .ps-underlayer.agv-amr .other-conts .flexbox.detail .item.photo iframe {
  max-height: 300px;
  height: 52vw;
  min-height: 200px;
}
#sub .ps-underlayer.agv-amr .other-conts .flexbox.col3 {
  margin-bottom: 32px;
}
#sub .ps-underlayer.agv-amr .other-conts .flexbox.col3 .item,
#sub .ps-underlayer.agv-amr .other-conts .bg-gray .flexbox.col3 .item {
  width: 100%;
}
#sub .ps-underlayer.agv-amr .other-conts .flexbox.col2.bottom56 {
  margin-bottom: 16px;
}
#sub .ps-underlayer.agv-amr .other-conts .flexbox.col2.price-box {
  margin-bottom: 24px;
}
#sub .ps-underlayer.agv-amr .other-conts .flexbox.col2.price-box .item {
  text-align: center;
  background: #fff;
  font-weight: bold;
}
#sub .ps-underlayer.agv-amr .other-conts .flexbox.col2.price-box .item .title {
  margin: 0;
  font-size: 18px;
  padding: 4px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#sub .ps-underlayer.agv-amr .other-conts .flexbox.col2.price-box .item .text {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 16px 4px;
}
#sub .ps-underlayer.agv-amr .other-conts .flexbox.col2.price-box .item .text .price {
  font-size: 18px;
}
#sub .ps-underlayer.agv-amr .other-conts .flexbox.col2.price-box .item .text .price span {
  font-size: 30px;
}
#sub .ps-underlayer.agv-amr .other-conts .flexbox.col2.price-box .item .text .detail {
  font-size: 14px;
}
#sub .ps-underlayer.agv-amr .other-conts .flexbox.col2.price-box .item .text .detail span {
  font-size: 20px;
}
#sub .ps-underlayer.agv-amr .other-conts .flexbox.col2.price-box .item:first-child {
  margin-bottom: 16px;
}
#sub .ps-underlayer.agv-amr .other-conts table {
  margin-bottom: 32px;
  table-layout: fixed;
}
#sub .ps-underlayer.agv-amr .other-conts .youtube__aspect-ratio {
  margin-bottom: 32px;
}
#sub .ps-underlayer.ipro .other-conts section.detail {
  margin-bottom: 32px;
}
#sub .ps-underlayer.ipro .other-conts section.detail .heading {
  font-size: 18px;
  margin-bottom: 16px;
}
#sub .ps-underlayer.ipro .other-conts section.detail .text {
  margin-bottom: 24px;
}
#sub .ps-underlayer.network .series .inner {
  margin-bottom: 24px;
}
@media screen and (min-width: 600px) and (max-width: 979px) {
  #sub .ps-underlayer.trusty .introduction-example .box,
  #sub .ps-underlayer.trusty .lineup .box {
    padding: 16px;
    margin-bottom: 16px;
  }
  #sub .ps-underlayer.trusty .introduction-example .conts-padding {
    padding-bottom: 24px;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .bg-gray {
    margin-bottom: 12px;
    font-size: 16px;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox {
    display: flex;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox .item {
    width: 48%;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .store {
    padding-top: 24px;
    margin-top: 24px;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox {
    display: flex;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox.col4 .item {
    width: 24%;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox.col4 .item .photo img {
    width: 100%;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox.col2.detail .item .photo img {
    width: 100%;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox.det .item:first-child {
    width: 24%;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox.det .item:first-child .photo {
    margin-bottom: 0;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox.det .item:first-child .photo img {
    width: 100%;
  }
  #sub .ps-underlayer.trusty .lineup .conts-padding {
    padding-bottom: 24px;
  }
  #sub .ps-underlayer.trusty .lineup .box .flexbox.col2 {
    display: flex;
  }
  #sub .ps-underlayer.trusty .lineup .box .flexbox.col2 .item {
    width: 49%;
  }
  #sub .ps-underlayer.trusty .lineup .flexbox.col5 {
    display: flex;
  }
  #sub .ps-underlayer.trusty .lineup .flexbox.col5 .item {
    width: 32%;
  }
}
@media screen and (max-width: 599px) {
  #sub .ps-underlayer.trusty .introduction-example .box,
  #sub .ps-underlayer.trusty .lineup .box {
    padding: 16px;
    margin-bottom: 16px;
  }
  #sub .ps-underlayer.trusty .introduction-example .conts-padding {
    padding-bottom: 24px;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .bg-gray {
    margin-bottom: 12px;
    font-size: 16px;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox {
    display: block;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox .item {
    margin-bottom: 16px;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox .item:last-child {
    margin-bottom: 0;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .store {
    padding-top: 24px;
    margin-top: 24px;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox {
    display: flex;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox.col4 .item {
    width: 48%;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox.col4 .item .photo img {
    width: 100%;
    height: auto;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox.col4 .item:last-child {
    margin-bottom: 0;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox.col2.detail {
    width: 100%;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox.col2.detail .item {
    width: 48%;
    margin-bottom: 0;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox.col2.detail .item .photo img {
    width: 100%;
    height: auto;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox.det {
    justify-content: space-between;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox.det .item {
    margin-bottom: 0;
    width: 48%;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox.det .item .photo img {
    width: 100%;
    height: auto;
  }
  #sub .ps-underlayer.trusty .introduction-example .box .flexbox.det .item:first-child {
    margin-right: 0;
  }
  #sub .ps-underlayer.trusty .lineup .conts-padding {
    padding-bottom: 24px;
  }
  #sub .ps-underlayer.trusty .lineup .box .heading {
    margin-bottom: 10px;
  }
  #sub .ps-underlayer.trusty .lineup .box .flexbox.col2 .item {
    width: 100%;
  }
  #sub .ps-underlayer.trusty .lineup .box .flexbox.col2 .photo {
    margin-bottom: 16px;
  }
  #sub .ps-underlayer.trusty .lineup .flexbox.col5:after {
    content: none;
  }
  #sub .ps-underlayer.trusty .lineup .flexbox.col5 .item {
    width: 100%;
  }
  #sub .ps-underlayer.trusty .lineup .flexbox.col5 .box {
    padding: 16px;
  }
  #sub .ps-underlayer.trusty .lineup .flexbox.col5 .photo {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
  }
  #sub .ps-underlayer.trusty .lineup .flexbox.col5 .photo img {
    width: auto;
    max-width: 100%;
  }
}
#sub .ps-underlayer.re-hikrobot .series .flexbox .item .box .heading {
  min-height: auto;
}
#sub .ps-underlayer.smartfarm .strength .text-center {
  text-align: left;
}
#sub .ps-underlayer.smartfarm .strength .bottom40 {
  margin-bottom: 20px;
}
#sub .ps-underlayer.smartfarm .moovie .bottom40 {
  margin-bottom: 20px;
}
#sub .ps-underlayer.smartfarm .moovie .text-center.bottom40 {
  text-align: left;
}
#sub .ps-underlayer.smartfarm .moovie .inner {
  max-width: 100%;
}
#sub .ps-underlayer.smartfarm .moovie .inner .heading.text-center span {
  font-size: 20px;
}
#sub .ps-underlayer.smartfarm .moovie .inner .flexbox {
  display: flex;
}
#sub .ps-underlayer.smartfarm .moovie .inner .flexbox .item:first-child {
  margin: 0 auto !important;
  order: 2;
  text-align: center;
}
#sub .ps-underlayer.smartfarm .moovie .inner .flexbox .item:last-child {
  order: 1;
  width: 100%;
  margin-bottom: 20px;
}
#sub .ps-underlayer.smartfarm .moovie .inner .flexbox .item:last-child .bg-gray {
  padding: 10px;
  font-size: 17px;
}
#sub .ps-underlayer.smartfarm .moovie .flexbox.col2 .box {
  padding: 16px;
}
#sub .ps-underlayer.smartfarm .moovie .flexbox.col2 .box:first-child {
  margin-bottom: 16px;
}
#sub .ps-underlayer.smartfarm .moovie .flexbox.col2 .box .text .heading {
  font-size: 18px;
}
#sub .download .download-conts .conts-padding {
  padding-bottom: 24px;
}
#sub .download .download-conts .inner {
  margin-bottom: 24px;
}
#sub .download .download-conts .inner .flexbox .item {
  color: #111;
  margin-bottom: 16px;
  width: 100%;
  margin-right: 0;
}
#sub .download .download-conts .inner .flexbox .box {
  padding: 16px;
  margin-bottom: 16px;
}
#sub .download .download-conts .inner .flexbox .box .image {
  margin-bottom: 16px;
}
#sub .download .download-conts .inner .flexbox .box .text {
  font-size: 16px;
}
#sub .download .download-conts.detail .conts-padding.top-48 {
  padding-top: 24px;
}
#sub .download .download-conts.detail .inner .flexbox .item {
  width: 100%;
  margin-right: 0;
}
#sub .download .download-conts.detail .inner .flexbox .item .btn-wrap {
  font-size: 18px;
}
#sub .case .wrapper {
  margin-left: auto;
}
#sub .case .title-area .conts-padding {
  padding-bottom: 40px;
}
#sub .case .title-area .heading {
  font-size: 20px;
  text-align: center;
  margin-bottom: 24px;
}
#sub .case .title-area .client-area .text {
  font-size: 18px;
}
#sub .case .case-overview .article-box .heading-b-bottom {
  font-size: 20px;
  margin-bottom: 16px;
  padding-bottom: 12px;
}
#sub .case .rec .conts-padding {
  padding-bottom: 16px;
}

form .btn-wrap {
  font-size: 16px;
}

/* 220711 add download */
.download .anchor .flexbox.col6 .item, .download .anchor .flexbox.col4 .item {
  width: 49.5% !important;
}
.download form .bg-gray {
  padding: 16px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 15px;
}
.download form .bg-gray .text.detail {
  margin: 0;
  text-align: left;
  font-size: 15px;
}
.download form .bg-gray .text.detail .heading {
  margin-bottom: 16px;
}

/* 220715 add interview */
#sub .interview-conts .case-conts .box {
  margin-bottom: 36px;
}
#sub .interview-conts .case-conts .box:last-child {
  margin-bottom: 20px;
}
#sub .interview-conts .case-conts .box .inner .conts-right {
  padding-bottom: 40px;
  padding-bottom: 38px;
}
#sub .interview-conts .case-conts .box .inner .conts-right .flexbox {
  margin-bottom: 8px;
  min-height: 60px;
}
#sub .interview-conts .case-conts .box .inner .conts-right .flexbox .number {
  font-size: 64px;
  left: -10px;
}
#sub .interview-conts .case-conts .box .inner .conts-right .flexbox .heading {
  padding-left: 80px;
  font-size: 20px;
}
#sub .interview-conts .case-conts .box .inner .conts-right .in-name {
  font-size: 22px;
  text-align: left;
}
#sub .interview-conts .case-conts .box .inner .conts-right .in-name span {
  font-size: 16px;
}
#sub .interview-conts .case-conts .box .inner .conts-right .detail {
  font-size: 16px;
  text-align: left;
}
#sub .interview-conts .case-conts .box .btn-wrap {
  bottom: -20px;
}
#sub .recruit .interview-conts .case-conts {
  margin-bottom: 44px;
}
#sub .recruit .interview-conts .case-conts .box {
  margin-bottom: 36px;
}
#sub .recruit .interview-conts .case-conts .box:last-child {
  margin-bottom: 0px;
}
#sub .recruit .interview-conts .case-conts .box .inner .conts-right {
  padding-bottom: 24px;
}
#sub .recruit .interview-conts .case-conts .box .btn-wrap .btn {
  padding: 5px 48px;
}
#sub .interview .introduction .conts-padding {
  padding-bottom: 40px;
}
#sub .interview .introduction .conts-padding .catch {
  margin-bottom: 0;
}
#sub .interview .interview-article-conts .box {
  padding-top: 30px;
}
#sub .interview .interview-article-conts .box .number {
  font-size: 64px;
  left: 0;
  top: 0;
  letter-spacing: -2px;
}
#sub .interview .interview-article-conts .box .in-image {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  width: 100%;
  max-height: 250px;
  margin-bottom: 24px;
}
#sub .interview .interview-article-conts .box .in-image::after {
  border-left: solid 60px #fff;
  border-bottom: solid 60px transparent;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
}
#sub .interview .interview-article-conts .box .in-faq {
  padding: 24px;
  width: 100%;
  margin-top: 0;
}
#sub .interview .interview-article-conts .box .in-faq .in-ttl-area .heading {
  font-size: 20px;
  margin-bottom: 10px;
}
#sub .interview .interview-article-conts .box .in-faq .in-ttl-area .detail {
  font-size: 16px;
}
#sub .interview .interview-article-conts .box .in-faq .in-ttl-area .detail span {
  font-size: 20px;
  font-family: Arial, "FP-ヒラギノ角ゴ ProN W6", sans-serif;
  font-weight: bold;
}
#sub .interview .interview-article-conts .box .in-faq .inner {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 40px;
}
#sub .interview .interview-article-conts .box .in-faq .inner .question {
  font-size: 18px;
  margin-bottom: 16px;
}
#sub .interview .interview-article-conts .box .in-faq .inner .question:before {
  font-size: 20px;
  width: 30px;
  height: 30px;
  left: -40px;
}
#sub .interview .interview-article-conts .box .in-faq .inner .answer:before {
  font-size: 20px;
  width: 30px;
  height: 30px;
  left: -40px;
}
#sub .interview .interview-article-conts .box .in-faq::after {
  border-bottom: solid 60px #fff;
  border-left: solid 60px transparent;
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
}
#sub .interview .interview-article-conts#interview02 .box .number {
  font-size: 64px;
  left: 0;
  top: 0;
  letter-spacing: -2px;
}
#sub .interview .interview-article-conts#interview02 .box .in-image {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  width: 100%;
}
#sub .interview .interview-article-conts#interview02 .box .in-image::after {
  border-left: solid 60px #f6f6f6;
  border-bottom: solid 60px transparent;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
}
#sub .interview .interview-article-conts#interview02 .box .in-faq {
  margin-right: 0;
  margin-left: auto;
}
#sub .interview .interview-article-conts#interview02 .box .in-faq::after {
  border-bottom: solid 60px #f6f6f6;
  border-left: solid 60px transparent;
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
}

/*popup*/
.popup-area .popup-inner {
  padding: 60px 20px;
}

#sub .product-and-service .products .products-conts#accseccontrol {
  width: 100%;
}
#sub .product-and-service .products .products-conts#shoplifting-tag {
  width: 100%;
  margin-bottom: 16px !important;
}
#sub .product-and-service .products .products-conts#shoplifting-tag .box {
  min-height: auto;
}
#sub .product-and-service .products .products-conts#shoplifting-tag .box .product-logo {
  margin-bottom: 16px;
}
#sub .product-category-page .product-and-service .products .conts-padding {
  padding-bottom: 40px;
}
#sub .product-category-page .product-and-service .products .products-kind.machine-vision {
  width: 100%;
  margin: auto;
}
#sub .product-category-page .product-and-service .products .products-kind.machine-vision .flexbox {
  display: block;
}
#sub .product-category-page .product-and-service .products .products-kind.machine-vision .item {
  width: 100%;
}

/* 20240214 add*/
#sub .product-category-page.monitoring-cameras-kind .product-and-service .products .products-kind:last-child .box {
  padding: 24px 16px 44px 16px;
}
#sub .product-category-page.monitoring-cameras-kind .product-and-service .products .products-kind:last-child .product-logo {
  margin: auto auto 32px;
}
#sub .ps-underlayer.tp-link .bottom40 {
  margin-bottom: 24px;
}
#sub .ps-underlayer.tp-link .strength .text-center {
  text-align: left;
}
#sub .ps-underlayer.tp-link .strength .box {
  padding: 16px;
}
#sub .ps-underlayer.tp-link .strength .box .flexbox .item {
  text-align: center;
  width: 100%;
}
#sub .ps-underlayer.tp-link .strength .box .flexbox .item img {
  width: auto;
  max-width: 100%;
}
#sub .ps-underlayer.tp-link .strength .box .flexbox .item:first-child {
  width: 100%;
  padding: 0;
  margin-bottom: 32px;
}
#sub .ps-underlayer.tp-link .strength .box .flexbox .item:last-child {
  text-align: left;
}
#sub .ps-underlayer.tp-link .strength .box .flexbox .item:last-child .bottom24 {
  text-align: center;
}
#sub .ps-underlayer.tp-link .strength .flexbox.col3 .item .text {
  text-align: center;
}
#sub .ps-underlayer.tp-link .tp-products .flexbox .item .box {
  padding: 16px;
  margin-bottom: 16px;
}
#sub .ps-underlayer.tp-link .tp-products .flexbox .item:first-child {
  margin-bottom: 24px;
}
#sub .ps-underlayer.tp-link .security-camera .text-center,
#sub .ps-underlayer.tp-link .network-products .text-center {
  text-align: left;
}
#sub .ps-underlayer.tp-link .security-camera .box,
#sub .ps-underlayer.tp-link .network-products .box {
  padding: 16px;
}
#sub .ps-underlayer.tp-link .security-camera .box .heading.bg-yellow,
#sub .ps-underlayer.tp-link .network-products .box .heading.bg-yellow {
  margin-bottom: 16px;
  text-align: center;
}
#sub .ps-underlayer.tp-link .security-camera .box .flexbox .item .bg-gray:last-child,
#sub .ps-underlayer.tp-link .network-products .box .flexbox .item .bg-gray:last-child {
  margin-bottom: 8px;
}
#sub .ps-underlayer.tp-link .security-camera .box .flexbox .item .bg-gray .photo,
#sub .ps-underlayer.tp-link .network-products .box .flexbox .item .bg-gray .photo {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 16px;
  max-width: -moz-max-content;
  max-width: max-content;
  width: auto;
}
#sub .ps-underlayer.tp-link .security-camera .box .flexbox .item .bg-gray .detail .heading,
#sub .ps-underlayer.tp-link .network-products .box .flexbox .item .bg-gray .detail .heading {
  text-align: center;
  margin-bottom: 10px;
}
#sub .ps-underlayer.tp-link .security-camera .box.networkcamera .flexbox,
#sub .ps-underlayer.tp-link .network-products .box.networkcamera .flexbox {
  display: flex;
}
#sub .ps-underlayer.tp-link .security-camera .box.networkcamera .flexbox .item,
#sub .ps-underlayer.tp-link .network-products .box.networkcamera .flexbox .item {
  width: 100%;
}
#sub .ps-underlayer.tp-link .security-camera .box.networkcamera .flexbox .item:first-child,
#sub .ps-underlayer.tp-link .network-products .box.networkcamera .flexbox .item:first-child {
  order: 2;
}
#sub .ps-underlayer.tp-link .security-camera .box.networkcamera .flexbox .item:nth-child(2),
#sub .ps-underlayer.tp-link .network-products .box.networkcamera .flexbox .item:nth-child(2) {
  order: 1;
  margin-bottom: 32px;
  text-align: center;
}
#sub .ps-underlayer.tp-link .security-camera .box.networkcamera .flexbox .item:nth-child(2) img,
#sub .ps-underlayer.tp-link .network-products .box.networkcamera .flexbox .item:nth-child(2) img {
  width: auto;
  height: auto;
}
#sub .ps-underlayer.tp-link .security-camera .box.networkcamera .flexbox .item:last-child,
#sub .ps-underlayer.tp-link .network-products .box.networkcamera .flexbox .item:last-child {
  order: 3;
}
#sub .ps-underlayer.tp-link .security-camera .box.management-system .flexbox,
#sub .ps-underlayer.tp-link .network-products .box.management-system .flexbox {
  display: block;
}
#sub .ps-underlayer.tp-link .security-camera .box.management-system .flexbox .item,
#sub .ps-underlayer.tp-link .network-products .box.management-system .flexbox .item {
  width: 100%;
}
#sub .ps-underlayer.tp-link .security-camera .box.recommend .flexbox,
#sub .ps-underlayer.tp-link .network-products .box.recommend .flexbox {
  display: flex;
  max-width: 600px;
}
#sub .ps-underlayer.tp-link .security-camera .box.recommend .flexbox .photo,
#sub .ps-underlayer.tp-link .network-products .box.recommend .flexbox .photo {
  max-width: calc((100% - 10px) / 2);
}
#sub .ps-underlayer.tp-link .security-camera .box.recommend-network .flexbox .photo,
#sub .ps-underlayer.tp-link .network-products .box.recommend-network .flexbox .photo {
  width: 100%;
  text-align: center;
}
#sub .ps-underlayer.tp-link .security-camera .box.recommend-network .flexbox .photo img,
#sub .ps-underlayer.tp-link .network-products .box.recommend-network .flexbox .photo img {
  width: auto;
  max-width: 100%;
}
#sub .ps-underlayer.tp-link .security-camera .box.recommend-network .flexbox .photo:first-child,
#sub .ps-underlayer.tp-link .network-products .box.recommend-network .flexbox .photo:first-child {
  margin-bottom: 24px;
}
#sub .ps-underlayer.tp-link .ps-bnr-area .conts-padding {
  padding-top: 0;
}/*# sourceMappingURL=sp-layout.css.map */