@charset "UTF-8";
/* font family
================================== */
/* ブレイクポイント
================================== */
/* メディアクエリ
================================== */
/* コンテンツ最大幅
================================== */
/* colors 色管理
================================== */
/* 初期設定
================================== */
* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  scroll-behavior: auto;
}

body {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-size: 1.6em;
  color: #000;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  body {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
body.m_top {
  padding-top: 181.4px;
}
@media (max-width: 768px) {
  body.m_top {
    padding-top: 85px;
  }
}

a {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #666;
  text-decoration: none;
  opacity: 0.6;
}
a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}

img {
  max-width: 100%;
}
@media (max-width: 768px) {
  img {
    height: auto;
  }
}

table {
  border: 1px #e3e3e3 solid;
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  padding: 5px;
  border: #e3e3e3 solid;
  border-width: 0 0 1px 1px;
  background: #F5F5F5;
}

td {
  padding: 5px;
  border: 1px #e3e3e3 solid;
  border-width: 0 0 1px 1px;
}

input {
  max-width: 100%;
}

/* 表示/非表示
================================== */
.pc {
  display: block;
}
@media (max-width: 768px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media (max-width: 768px) {
  .sp {
    display: block;
  }
}

/* 余白
================================== */
/* margin
--------------------------------- */
.m0 {
  margin: 0;
}

.m0t {
  margin-top: 0;
}

.m5t {
  margin-top: 5px;
}

.m10t {
  margin-top: 10px;
}

.m20t {
  margin-top: 20px;
}

.m30t {
  margin-top: 30px;
}

.m40t {
  margin-top: 40px;
}

.m50t {
  margin-top: 50px;
}

.m0r {
  margin-right: 0;
}

.m5r {
  margin-right: 5px;
}

.m10r {
  margin-right: 10px;
}

.m20r {
  margin-right: 20px;
}

.m30r {
  margin-right: 30px;
}

.m40r {
  margin-right: 40px;
}

.m50r {
  margin-right: 50px;
}

.m0b {
  margin-bottom: 0;
}

.m5b {
  margin-bottom: 5px;
}

.m10b {
  margin-bottom: 10px;
}

.m20b {
  margin-bottom: 20px;
}

.m30b {
  margin-bottom: 30px;
}

.m40b {
  margin-bottom: 40px;
}

.m50b {
  margin-bottom: 50px;
}

.m0l {
  margin-left: 0;
}

.m5l {
  margin-left: 5px;
}

.m10l {
  margin-left: 10px;
}

.m20l {
  margin-left: 20px;
}

.m30l {
  margin-left: 30px;
}

.m40l {
  margin-left: 40px;
}

.m50l {
  margin-left: 50px;
}

/* padding
--------------------------------- */
.p0 {
  padding: 0;
}

.p0t {
  padding-top: 0;
}

.p5t {
  padding-top: 5px;
}

.p10t {
  padding-top: 10px;
}

.p20t {
  padding-top: 20px;
}

.p30t {
  padding-top: 30px;
}

.p40t {
  padding-top: 40px;
}

.p50t {
  padding-top: 50px;
}

.p0r {
  padding-right: 0;
}

.p5r {
  padding-right: 5px;
}

.p10r {
  padding-right: 10px;
}

.p20r {
  padding-right: 20px;
}

.p30r {
  padding-right: 30px;
}

.p40r {
  padding-right: 40px;
}

.p50r {
  padding-right: 50px;
}

.p0b {
  padding-bottom: 0;
}

.p5b {
  padding-bottom: 5px;
}

.p10b {
  padding-bottom: 10px;
}

.p20b {
  padding-bottom: 20px;
}

.p30b {
  padding-bottom: 30px;
}

.p40b {
  padding-bottom: 40px;
}

.p50b {
  padding-bottom: 50px;
}

.p0l {
  padding-left: 0;
}

.p5l {
  padding-left: 5px;
}

.p10l {
  padding-left: 10px;
}

.p20l {
  padding-left: 20px;
}

.p30l {
  padding-left: 40px;
}

.p50l {
  padding-left: 50px;
}

/* ブロック
================================== */
.flex {
  display: flex;
  gap: 2rem;
}
.flex.rev {
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .flex.pc_flex {
    display: block;
  }
}

/* 画像 img
================================== */
.i_center {
  display: block;
  margin-inline: auto;
}

/* テキスト
================================== */
/* 表示
--------------------------------- */
.sp_br {
  display: none;
}

@media (max-width: 768px) {
  .sp_left {
    text-align: left;
  }
  .pc_br {
    display: none;
  }
  .sp_br {
    display: block;
  }
}
/* align 位置
--------------------------------- */
.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.a_left {
  text-align: left;
}

.a_right {
  text-align: right;
}

.a_center {
  text-align: center;
}

.center_t {
  text-align: center;
}

/* size 大きさ
--------------------------------- */
.f8 {
  font-size: 8px;
}

.f10 {
  font-size: 10px;
}

.f11 {
  font-size: 11px;
}

.f12 {
  font-size: 12px;
}

.f13 {
  font-size: 13px;
}

.f14 {
  font-size: 14px;
}

.f16 {
  font-size: 16px;
}

.f18 {
  font-size: 18px;
}

.f20 {
  font-size: 20px;
}

.f22 {
  font-size: 22px;
}

.f24 {
  font-size: 24px;
}
@media (max-width: 768px) {
  .f24 {
    font-size: 2rem;
  }
}

.fbold {
  font-weight: bold;
}

.f150 {
  font-size: 1.5;
}

.f140 {
  font-size: 1.4;
}

.f130 {
  font-size: 1.3;
}

.f120 {
  font-size: 1.2;
}

.f90 {
  font-size: 0.9;
}

.f80 {
  font-size: 0.8;
}

.f70 {
  font-size: 0.7;
}

.f60 {
  font-size: 0.6;
}

/* line-height 高さ
--------------------------------- */
.lh150 {
  line-height: 150%;
}

.lh160 {
  line-height: 160%;
}

.lh170 {
  line-height: 170%;
}

.lh180 {
  line-height: 180%;
}

.lh190 {
  line-height: 190%;
}

.lh200 {
  line-height: 200%;
}

/* デザイン
--------------------------------- */
.under_title {
  position: relative;
  display: block;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  background: #006289;
}
.under_title h2 {
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.2pt;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  padding: 24px 10px;
}
@media (max-width: 768px) {
  .under_title h2 {
    font-size: 2.4rem;
    padding: 18px 10px;
  }
}

.new_midashi {
  padding: 12px 0;
  margin: 0 auto;
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
  background: #006289;
}
@media (max-width: 768px) {
  .new_midashi {
    padding: 1rem 2rem;
    font-size: 1.6rem;
  }
}
.new_midashi .pick {
  color: #ffff66;
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .new_midashi .pick {
    font-size: 2rem;
  }
}

/* 背景
================================== */
.bg_white {
  background-color: #fff;
}

.bg_white2 {
  background: #f8f8f8;
}

.bg_blue {
  background-color: #006289;
}

/* 色
================================== */
.red {
  color: #ff0000;
}

.orange {
  color: #ff6600;
}

.white {
  color: #fff;
}

.wine_red {
  color: #990000;
}

.gray {
  color: #999999;
}

.off-white {
  color: #faf6ef;
}

.black {
  color: #000;
}

.beige {
  color: #f2c2b2;
}

/* ボタン
================================== */
.btn_main {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  text-align: center;
  vertical-align: middle;
  border-radius: 99.9rem;
  z-index: 1;
}
.btn_main.center {
  margin-inline: auto;
}
.btn_main:not(:has(a)) {
  padding: 1.7rem 2.5rem;
}
.btn_main::before, .btn_main::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 99.9rem;
  transition: 0.3s ease;
}
.btn_main::before {
  background: linear-gradient(90deg, rgb(243, 164, 0) 0%, rgb(255, 119, 0) 100%);
  z-index: -1;
}
.btn_main::after {
  background-color: #FB8700;
  background: linear-gradient(90deg, rgb(255, 119, 0) 0%, rgb(243, 164, 0) 100%);
  z-index: -2;
}
.btn_main:hover {
  opacity: 1;
}
.btn_main:hover span {
  color: #fff;
}
.btn_main:hover::before {
  opacity: 0;
}
@media (max-width: 768px) {
  .btn_main {
    width: 30rem;
  }
}
.btn_main a {
  transition: all 0.3s;
  padding: 1.7rem 2.5rem;
}
.btn_main a:hover {
  opacity: 0.6 !important;
}
.btn_main a img {
  width: 1.6rem;
  height: 1.6rem;
}
.btn_main span {
  line-height: 1;
  margin-right: 1.5rem;
}
.btn_main.small {
  max-width: 27rem;
}

.btn_navy {
  background-color: #1E1C40;
  border: none;
  color: #fff;
  font-weight: 600;
  padding: 1em 2em;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.4em;
  text-indent: 0.4em;
  margin: auto;
}
.btn_navy:hover {
  opacity: 0.75;
}

.ebook_btn {
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.2pt;
  text-align: center;
  text-decoration: none;
  display: table;
  padding: 16px 66px 16px 42px;
  margin: 40px auto;
  background: url(../images/common/ebook_yazi.png) center right 24px/30px no-repeat, #e00;
  box-shadow: 1px 2px 1px #a80000;
  border-radius: 6px;
  transition: 0.2s;
  border: none;
}
@media (max-width: 480px) {
  .ebook_btn {
    font-size: 1.6rem;
    padding-left: 22px;
  }
}
.ebook_btn:hover {
  color: #fff;
}

/* セクションやブロック間の隙間
================================== */
#contents {
  max-width: 1100px;
  margin-inline: auto;
}
@media (max-width: 1130px) {
  #contents {
    padding-inline: 2rem;
  }
}

.sec_inner {
  max-width: 1100px;
  margin-inline: auto;
  padding: 4.8rem 0;
}
@media (max-width: 1130px) {
  .sec_inner {
    margin-inline: 2rem;
  }
}

/* javascript
================================== */
/* js-toggle
--------------------------------- */
.js-toggle {
  cursor: pointer;
  position: relative;
}
.js-toggle.arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translateY(-15%) rotate(45deg);
  transform-origin: center;
  transition: transform 0.3s ease;
  width: 8px;
  height: 8px;
  border-right: 2px solid #006289;
  border-bottom: 2px solid #006289;
}

@media (max-width: 768px) {
  .toggle_item.toggle_sp {
    display: grid;
    grid-template-rows: 0fr;
    transition: 250ms grid-template-rows ease;
  }
}
@media (max-width: 768px) {
  .toggle_item.toggle_sp > div {
    overflow: hidden;
  }
}
.toggle_item:not(.toggle_sp) {
  display: grid;
  grid-template-rows: 0fr;
  transition: 250ms grid-template-rows ease;
}
.toggle_item:not(.toggle_sp) > div {
  overflow: hidden;
}

.open .js-toggle.arrow::after {
  transform: translateY(-50%) rotate(-135deg);
}
@media (max-width: 768px) {
  .open .toggle_item.toggle_sp {
    grid-template-rows: 1fr;
  }
}
.open .toggle_item:not(.toggle_sp) {
  grid-template-rows: 1fr;
}

/* parts
================================== */
/* cta-section
--------------------------------- */
.cta_inner {
  max-width: 750px;
  padding: 4.8rem 0;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .cta_inner {
    margin: 0 2rem;
  }
}
.cta_inner .cta_content_wrap {
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin-block: 4rem;
}
@media (max-width: 768px) {
  .cta_inner .cta_content_wrap {
    display: block;
  }
}
.cta_inner .cta_content {
  width: calc(50% - 55px);
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  list-style: none;
}
@media (max-width: 1024px) {
  .cta_inner .cta_content {
    width: calc(50% - 30px);
  }
}
@media (max-width: 768px) {
  .cta_inner .cta_content {
    width: 100%;
    margin-bottom: 4rem;
  }
}
@media (max-width: 768px) {
  .cta_inner .cta_content:last-child {
    margin-bottom: 0;
  }
}
.cta_inner .cta_content a {
  display: block;
  padding: 4rem 2rem;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .cta_inner .cta_content a {
    padding: 4rem 1rem;
  }
}
@media (max-width: 768px) {
  .cta_inner .cta_content a {
    padding: 2.4rem 4rem;
  }
}
@media (max-width: 480px) {
  .cta_inner .cta_content a {
    padding: 2.4rem 1rem;
  }
}
.cta_inner .cta_content .icon {
  width: 10.8rem;
  height: 10.8rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .cta_inner .cta_content .icon {
    width: 8.2rem;
    height: 8.2rem;
  }
}
.cta_inner .cta_content p {
  font-size: 1.6rem;
  font-weight: 400;
  padding: 1rem 0;
  text-align: center;
}
@media (max-width: 768px) {
  .cta_inner .cta_content p {
    padding: 1rem 0;
  }
}
.cta_inner p.cta_content_title {
  font-size: 2.4rem;
  font-weight: 600;
  padding-top: 2.4rem;
  color: #323232;
  text-align: center;
  margin: 0;
}
@media (max-width: 1024px) {
  .cta_inner p.cta_content_title {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .cta_inner p.cta_content_title {
    font-size: 1.8rem;
    padding-top: 1.6rem;
  }
}
.cta_inner .cta_sec_btn img {
  width: 1.6rem;
  height: 1.6rem;
}
.cta_inner .obj-fit img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* cta-single
--------------------------------- */
.cta .cta_wrap .cta_text {
  font-size: 2.4rem;
  line-height: 1.6;
  margin: 0;
}
@media (max-width: 768px) {
  .cta .cta_wrap .cta_text {
    font-size: 1.8rem;
    padding-top: 0;
  }
}
.cta .btn_main span {
  letter-spacing: 0.05em;
}

.cta_single {
  padding-block: 0 4.8rem;
}
.cta_single .cta .cta_wrap .cta_text {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .cta_single .cta .cta_wrap .cta_text {
    font-size: 1.4rem;
  }
}

/* .tel_sec
--------------------------------- */
.tel_sec {
  padding: 3.2rem 0;
  text-align: center;
  margin: 0;
  color: #323232;
}
.tel_sec .tel_number {
  font-size: 2.8rem;
  line-height: 1;
  color: #323232;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.05em;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .tel_sec .tel_number {
    font-size: 2.2rem;
  }
}
.tel_sec .open {
  font-size: 1.2rem;
  font-weight: 400;
  margin-top: 1.6rem;
  margin-bottom: 0;
}
.tel_sec .tel {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.6rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .tel_sec .tel {
    margin-bottom: 1.2rem;
  }
}
.tel_sec .tel .text {
  margin-block: 0;
  font-size: 2rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .tel_sec .tel .text {
    font-size: 1.8rem;
  }
}
.tel_sec .tel_icon {
  width: 3.1rem;
  height: 3.1rem;
  margin-right: 0.5rem;
}

/* form
--------------------------------- */
@media (max-width: 768px) {
  .wpcf7-form,
  table,
  tbody,
  tr {
    display: block;
    width: 100%;
  }
}

.formBox {
  margin: 20px auto;
}

/* .header
================================== */
.header {
  width: 100%;
  background-color: #fff;
  z-index: 999;
}
.header.set {
  position: fixed;
  top: 0;
  left: 0;
}
.header header {
  max-width: 1100px;
  padding: 1rem 1.4rem 0;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .header header {
    height: 85px;
    padding: 0;
  }
}
.header h1 {
  font-size: 1.1rem;
  margin: 0;
}
@media (max-width: 768px) {
  .header h1 {
    padding: 12px 65px 0px 5px;
  }
}
@media (max-width: 599px) {
  .header h1 {
    font-size: 1rem;
    padding-top: 10px;
  }
}
@media (max-width: 480px) {
  .header h1 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 280px;
    letter-spacing: 0;
  }
}
.header .inner {
  display: flex;
  justify-content: space-between;
}
.header .logo {
  font-size: 0.9em;
  background-image: url(../images/header/bg_charctor.png);
  background-repeat: no-repeat;
  background-position: 100% 0;
  padding-right: 70px;
  background-position-y: 10px;
}
@media (max-width: 768px) {
  .header .logo {
    padding: 0;
    margin: 10px 0 0 5px;
    background-image: none;
  }
}
.header .logo a {
  width: 253px;
  height: 66px;
  display: block;
  margin: 15px 0;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .header .logo a {
    width: 160px;
    height: auto;
    margin: 0;
    text-align: center;
  }
}
.header .btn {
  width: 290px;
  padding-top: 10px;
}
.header .btn a {
  display: block;
  font-size: 1.8rem;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  margin: 0 auto;
  padding: 12px 40px 12px 20px;
  background: url(../images/common/download_icon.png) center right 16px/22px no-repeat, #f3a400;
  box-shadow: 0 3px 0 #9a6904;
  border-radius: 4px;
  transform: translateY(0);
  transition: 0.3s ease;
}
.header .btn a:hover {
  box-shadow: 0 1px 0 #9a6904;
  transform: translateY(3px);
  opacity: 0.9;
}

/* #nav
================================== */
#nav {
  width: 100%;
  height: 60px;
  background-color: #006289;
}
#nav .menu {
  max-width: 1100px;
  padding: 0;
  margin: 0 auto;
}
#nav .menu li {
  position: relative;
  float: left;
  width: 20%;
  max-width: 220px;
  height: 60px;
  text-align: center;
  line-height: 40px;
  list-style: none;
  background-color: #0076a9;
}
#nav .menu li:hover .child li {
  display: block;
  visibility: visible;
  overflow: visible;
}
#nav .menu li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-inline: 1rem;
  color: #666;
  background: none;
}
#nav .menu li a:hover {
  background: #006289;
  opacity: 0.6;
}
#nav .menu .min_lb {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.3;
}
#nav .menu .child {
  position: absolute;
  top: 60px;
  left: 0px;
  width: 220px;
  padding: 0;
  margin: 0;
  z-index: 100;
}
#nav .menu .child li {
  width: fit-content;
  height: 50px;
  padding: 0;
  display: none;
  visibility: hidden;
  overflow: hidden;
}
#nav .menu .child li:hover {
  background: #006289;
}
#nav .menu .child li a {
  width: 20vw;
  max-width: 220px;
  padding: 0 6px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
  color: #fff;
  background: #0076a9;
  border: 1px solid #006289;
  box-sizing: border-box;
}

/* nav(sp)
================================== */
header.mean-container .mean-bar {
  position: relative;
  min-height: 0;
  padding: 0;
  margin: 0;
  background: none;
  z-index: 9998;
}
header.mean-container .meanmenu-reveal {
  top: 17.5px;
  right: 10px;
  width: 50px;
  height: 50px;
  font-weight: 300;
  color: #fff;
  background: url(../images/header/sp_menu.png) center/48px no-repeat, #006289;
  box-sizing: border-box;
}
header.mean-container .meanmenu-reveal.meanclose {
  background: url(../images/header/sp_menu_close.png) center/48px no-repeat, #006289;
}
header.mean-container .meanmenu-reveal span {
  display: none;
}
header.mean-container .mean-nav {
  top: 0;
  float: none;
  margin: 0 auto;
  padding: 0;
}
header.mean-container .menu {
  position: fixed;
  inset: 0;
  top: 85px;
  padding: 0 0 100px;
  background: #0076a9;
  margin: 0 auto;
  z-index: 8888;
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
header.mean-container .menu li {
  display: block;
  margin: 0;
  background: #0076a9;
  border-top: 1px solid #006289;
}
header.mean-container .menu li a {
  position: relative;
  width: 100%;
  height: auto;
  max-height: 50px;
  padding: 0 10px;
  font-size: 1.4rem;
  line-height: 50px;
  background: none;
  border-top: none;
  box-sizing: border-box;
}
header.mean-container .menu li a:hover {
  background: #0076a9;
  opacity: 0.6;
}
header.mean-container .menu li a.mean-expand {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 49px;
  padding: 0 15px 0 0 !important;
  margin: 1px 0 0;
  text-align: right;
  font-weight: 600;
  line-height: 49px;
  border: none !important;
  background: #006289;
  box-sizing: border-box;
}
header.mean-container .menu li a.mean-expand:hover {
  background: #006289;
  opacity: 0.6;
}
header.mean-container .menu li a .min_lb {
  margin: 0;
  font-size: 1.8rem;
}
header.mean-container .menu li .child li {
  background: #f7f7f7;
  border: none;
}
header.mean-container .menu li .child li a {
  width: 100%;
  padding: 12px 10px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #444;
  border-top: none;
  border-bottom: 1px solid #ccc;
  opacity: 1;
  box-sizing: border-box;
}
header.mean-container .menu li .child li a:hover {
  background: initial;
  opacity: 0.6;
}
header.mean-container .mean-last {
  padding: 20px 0;
}
header.mean-container .mean-last .btn {
  display: block;
  max-width: 260px;
  padding: 16px 40px 16px 16px;
  margin: 0 auto;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  color: #fff;
  background: url(../images/common/download_icon.png) center right 16px/22px no-repeat, #f3a400;
  box-shadow: 0 3px 0 #9a6904;
  border-radius: 4px;
  transform: translateY(0);
  transition: 0.3s ease;
  float: none;
}
header.mean-container .mean-last .btn:hover {
  background: url(../images/common/download_icon.png) center right 16px/22px no-repeat, #f3a400;
}
@media (max-width: 480px) {
  header.mean-container .mean-last .btn {
    max-width: 240px;
    font-size: 1.4rem;
  }
}

/* .page-top
---------------------------------- */
.page-top p {
  position: fixed;
  right: 20px;
  bottom: 80px;
  margin: 0;
  z-index: 9999;
}
.page-top .move-page-top {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background: #D36015;
  border-radius: 45px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: 0.3s;
}

/* パンクズ(breadcrumbs)
---------------------------------- */
.breadcrumbs {
  max-width: 1100px;
  padding: 10px;
  margin: 0 auto;
  color: #fff;
  font-size: 14px;
}
.breadcrumbs a {
  color: #fff;
  text-decoration: underline;
}

/* contactus
================================== */
.contactus {
  max-width: 1140px;
  padding-inline: 2rem;
  margin: 6rem auto 0;
}
.contactus h2 {
  font-size: 3.2rem;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 768px) {
  .contactus h2 {
    font-size: 2.4rem;
  }
}
.contactus h2 span {
  font-size: 1.6rem;
  color: #000;
  margin-left: 2rem;
}
@media (max-width: 768px) {
  .contactus h2 span {
    display: block;
    font-size: 1.4rem;
    margin-left: 0;
  }
}
.contactus h2 span::after {
  content: "・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・";
  color: #666;
}
@media (max-width: 768px) {
  .contactus h2 span::after {
    display: none;
  }
}
.contactus .cta_inner {
  padding-block: 0;
}
@media (max-width: 768px) {
  .contactus .cta_inner {
    margin: 0;
  }
}
.contactus .tel_sec {
  padding-top: 0;
}

/* service-menu_sec
================================== */
.service-menu_sec {
  background-color: #fff;
}
@media (max-width: 768px) {
  .service-menu_sec {
    padding: 6rem 0;
  }
}
.service-menu_sec .inner {
  max-width: 1100px;
  margin-inline: auto;
}
@media (max-width: 1130px) {
  .service-menu_sec .inner {
    margin: 0 2rem;
  }
}
.service-menu_sec h2, .service-menu_sec h3, .service-menu_sec ul {
  margin: 0;
}
.service-menu_sec ul {
  padding: 0;
}
.service-menu_sec .s-menu_wrap .s-menu_list_wrap {
  list-style: none;
}
.service-menu_sec .s-menu_wrap .s-menu_list_wrap ul {
  list-style: none;
  padding: 0;
}
.service-menu_sec .s-menu_wrap .s-menu_list_wrap .text-square {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .service-menu_sec .s-menu_wrap .s-menu_list_wrap .text-square {
    font-size: 1.4rem;
  }
}

/* #footer
================================== */
.footer .wrapper {
  text-align: center;
  background-color: #006289;
}
@media (max-width: 768px) {
  .footer .wrapper {
    padding-bottom: 60px;
  }
}
.footer .wrapper .inner {
  max-width: 1100px;
  padding: 2rem 0;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .footer .wrapper .inner {
    padding: 1.5rem 2rem;
  }
}
.footer .list {
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .footer .list {
    padding: 0;
  }
}
.footer .list li {
  list-style: none;
}
.footer .list li a {
  color: #fff;
}
.footer .list li a:hover {
  color: #fff;
}
.footer .copy {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1;
  color: #fff;
}
@media (max-width: 768px) {
  .footer .copy {
    font-size: 1rem;
  }
}

/* 固定btn(pc)
================================== */
.fixd_btn_wrap_pc {
  position: fixed;
  top: 70%;
  right: 0;
  z-index: 998;
}
.fixd_btn_wrap_pc .fixd_btn {
  justify-content: flex-start;
  max-width: 20rem;
  height: 5rem;
  padding: 0;
  border-radius: 3rem 0 0 3rem;
}
.fixd_btn_wrap_pc .fixd_download {
  background-color: #FB8700;
}

/* 固定btn(sp)
================================== */
.fixd_btn_wrap_sp .fixd_btn_inner {
  padding: 0;
  margin: 0;
  list-style: none;
}
.fixd_btn_wrap_sp .fixd_btn_inner .fixd_download_sp::after {
  z-index: 100;
}

/* top(共通)
================================== */
.top {
  /* フォント
  --------------------------------- */
  /* 矢印
  --------------------------------- */
  /* 詳細はこちら
  --------------------------------- */
  /* .mv
  --------------------------------- */
  /* #about
  --------------------------------- */
  /* functions
  --------------------------------- */
  /* features
  --------------------------------- */
  /* support
  --------------------------------- */
  /* 導入事例
  --------------------------------- */
  /* .tel_sec
  --------------------------------- */
}
.top .title_en {
  color: #006289;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 0.5em;
  text-align: center;
}
@media (max-width: 768px) {
  .top .title_en {
    font-size: 1.4rem;
  }
}
.top .title_en + .title_jp {
  margin-top: 0;
}
.top .title_jp {
  font-size: 4.4rem;
  text-align: center;
}
@media (max-width: 768px) {
  .top .title_jp {
    font-size: 3rem;
  }
}
.top h3 {
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .top h3 {
    font-size: 1.8rem;
  }
}
.top .title_line {
  position: relative;
  padding-bottom: 0.5em;
}
.top .title_line::before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  margin-inline: auto;
  background: #0091d7;
  height: 4px;
  width: 64px;
}
.top .title_box {
  background-color: #006289;
  color: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  max-width: 100%;
  padding: 1rem 8rem;
  margin-top: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px) {
  .top .title_box {
    padding: 1rem 7rem;
  }
}
.top .arrow_right {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 26px;
  vertical-align: middle;
  color: #0076a9;
  line-height: 1;
  background: currentColor;
  border-radius: 50%;
}
.top .arrow_right::after {
  content: "";
  position: absolute;
  inset: 0;
  color: #fff;
  width: 0;
  height: 0;
  margin: auto;
  border: 3px solid transparent;
  border-left: 5px solid currentColor;
  border-right: 0;
  transform: translateX(15%);
}
.top .detail {
  padding-top: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
}
.top .detail a {
  font-size: 1.6rem;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}
@media (max-width: 768px) {
  .top .detail a {
    font-size: 1.4rem;
  }
}
.top .mv {
  position: relative;
  width: 100%;
  height: 768px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .top .mv {
    height: 850px;
  }
}
.top .mv::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(../images/home/mv.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(1.2) translateY(8%);
  height: auto;
  opacity: 0.14;
  z-index: -1;
}
@media (max-width: 768px) {
  .top .mv::before {
    transform: scale(1.45) translate(5%, 13%);
  }
}
.top .mv .mv_inner {
  text-align: center;
  height: 100%;
  max-width: 1100px;
  margin: auto;
  padding-block: 6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
@media (max-width: 1130px) {
  .top .mv .mv_inner {
    padding-inline: 2rem;
  }
}
@media (max-width: 768px) {
  .top .mv .mv_inner {
    padding-block: 3rem;
  }
}
.top .mv .logo {
  width: 400px;
}
@media (max-width: 768px) {
  .top .mv .logo {
    display: block;
    width: 300px;
    margin: auto;
  }
}
.top .mv h2 {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .top .mv h2 {
    font-size: 2rem;
    margin-block: 4rem;
  }
}
.top .mv .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block: 3rem;
}
.top .mv .text {
  width: 62%;
  font-size: clamp(3.2rem, 0.823rem + 3.14vw, 4.6rem);
  text-align: left;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2em;
}
@media (max-width: 768px) {
  .top .mv .text {
    width: 100%;
    text-align: center;
    font-size: clamp(2.6rem, 1.482rem + 3vw, 3.6rem);
    letter-spacing: 0.01em;
    line-height: 1.5;
  }
}
.top .mv .text span {
  color: #0076a9;
}
.top .mv .device {
  width: 38%;
}
@media (max-width: 768px) {
  .top .mv .device {
    width: 380px;
    max-width: 100%;
    margin-top: 3rem;
  }
}
.top .mv .btn_main {
  font-weight: 700;
  font-size: 2.4rem;
  max-width: 100%;
}
@media (max-width: 768px) {
  .top .mv .btn_main {
    margin-top: auto;
    margin-bottom: 0;
    font-size: 1.8rem;
    width: 32rem;
  }
}
.top .mv .btn_main span {
  color: #fff;
  margin: 0;
}
.top .mv .btn_main:hover span {
  opacity: 0.6;
}
@media (max-width: 768px) {
  .top .new_midashi {
    font-size: 2rem;
  }
}
.top .attention {
  margin: 0;
  padding-top: 3.2rem;
}
.top #loopSlide .swiper-wrapper {
  padding: 10px 0 15px;
  margin: 0 auto;
  transition-timing-function: linear;
}
.top #loopSlide .swiper-slide {
  width: 1115px;
  height: auto;
  padding: 0;
  margin: 0;
  list-style: none;
}
.top #about {
  text-align: center;
}
.top #about h2 span {
  color: #006289;
}
.top #about .text {
  font-weight: 500;
}
.top #functions {
  text-align: center;
}
.top .lowcode {
  padding-bottom: 4.8rem;
}
@media (max-width: 768px) {
  .top .lowcode {
    padding-bottom: 2.4rem;
  }
}
.top .lowcode_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
  gap: 4rem;
  padding-top: 2.4rem;
}
@media (max-width: 768px) {
  .top .lowcode_list {
    display: block;
  }
}
.top .lowcode_list .item {
  background-color: #fff;
  filter: drop-shadow(1rem 1rem 2rem rgba(15, 50, 31, 0.1));
  padding: 1em;
}
@media (max-width: 768px) {
  .top .lowcode_list .item {
    margin-bottom: 1em;
  }
}
@media (max-width: 768px) {
  .top .lowcode_list .item.open .toggle_item > div {
    padding-bottom: 1em;
  }
}
.top .lowcode_list .title {
  font-size: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding-block: 1em;
  cursor: auto;
}
@media (max-width: 768px) {
  .top .lowcode_list .title {
    font-size: 1.8rem;
    justify-content: flex-start;
    cursor: pointer;
  }
}
.top .lowcode_list .title span {
  color: #006289;
  font-size: 3.2rem;
  margin-right: 0.5em;
}
@media (max-width: 768px) {
  .top .lowcode_list .title span {
    font-size: 2.4rem;
  }
}
.top .lowcode_list .js-toggle.arrow::after {
  display: none;
}
@media (max-width: 768px) {
  .top .lowcode_list .js-toggle.arrow::after {
    display: inline;
  }
}
.top .lowcode_list img {
  max-width: 380px;
  aspect-ratio: 3/2;
  object-fit: contain;
}
@media (max-width: 768px) {
  .top .lowcode_list img {
    max-width: 100%;
  }
}
.top .function_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2.4rem 3.6rem;
  padding-top: 2.4rem;
}
@media (max-width: 768px) {
  .top .function_list {
    grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
    gap: 2.4rem 1.2rem;
  }
}
@media (max-width: 599px) {
  .top .function_list {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
}
.top .function_list .item {
  padding: 2.6rem 1rem;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
.top .function_list .item img {
  height: 100px;
}
.top .function_list .item .title {
  font-size: 2rem;
  margin-block: 1em;
  color: #006289;
  font-weight: 600;
}
@media (max-width: 768px) {
  .top .function_list .item .title {
    font-size: 1.6rem;
  }
}
.top .function_list .item p {
  margin: 0;
}
.top #features {
  text-align: center;
}
.top #features .logistics {
  padding-bottom: 4.8rem;
}
.top #features .logistics_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 10rem 3.6rem;
  padding-top: 10rem;
}
@media (max-width: 768px) {
  .top #features .logistics_list {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    padding-top: 7rem;
    gap: 8rem 3.6rem;
  }
}
.top #features .logistics_list .item {
  position: relative;
  padding: 2.6rem 2rem;
  text-align: left;
  background-color: #fff;
  filter: drop-shadow(1rem 1rem 2rem rgba(15, 50, 31, 0.1));
  box-sizing: border-box;
}
.top #features .logistics_list .item p:last-of-type {
  margin-bottom: 0;
}
.top #features .logistics_list .title {
  font-size: 2rem;
  margin-block: 0 1em;
  color: #006289;
  font-weight: 600;
  z-index: 10;
}
@media (max-width: 768px) {
  .top #features .logistics_list .title {
    font-size: 1.6rem;
  }
}
.top #features .logistics_list .sub_title {
  color: #0091d7;
  font-weight: 600;
  z-index: 10;
}
.top #features .logistics_list img {
  position: absolute;
  top: 0%;
  right: 2rem;
  height: 150px;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .top #features .logistics_list img {
    max-width: 30%;
    object-fit: contain;
  }
}
.top #features .comparison_table {
  display: table;
  margin-top: 2.4rem;
  margin-inline: auto;
  width: 100%;
  max-width: 1100px;
  border: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  table-layout: fixed;
}
.top #features .comparison_table thead th {
  background: #0067CD;
  width: 50%;
  height: 42px;
  color: white;
  font-size: 1.6rem;
  padding: 1rem;
  border: none;
}
@media (max-width: 768px) {
  .top #features .comparison_table thead th {
    font-size: 1.4rem;
  }
}
.top #features .comparison_table tr {
  display: table-row;
}
.top #features .comparison_table tbody {
  display: table-row-group;
}
.top #features .comparison_table tbody td {
  display: table-cell;
}
.top #features .comparison_table th:first-child,
.top #features .comparison_table td:first-child {
  width: 50%;
}
.top #features .comparison_table th:not(:first-child),
.top #features .comparison_table td:not(:first-child) {
  width: 25%;
}
.top #features .comparison_table tbody th,
.top #features .comparison_table tbody td {
  padding: 1em;
  height: 42px;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .top #features .comparison_table tbody th,
  .top #features .comparison_table tbody td {
    font-size: 1.4rem;
  }
}
.top #features .comparison_table tbody tr:nth-child(odd) th,
.top #features .comparison_table tbody tr:nth-child(odd) td {
  background-color: #F6F6F6;
}
.top #features .comparison_table tbody tr:nth-child(even) th,
.top #features .comparison_table tbody tr:nth-child(even) td {
  background-color: #F2F2F2;
}
.top #features .comparison_table tbody td {
  border-width: 0 0 1px 0;
}
.top #features .comparison_table .check {
  position: relative;
  display: inline-block;
  line-height: 1;
}
.top #features .comparison_table .check::before {
  content: "";
  position: absolute;
  inset: 0;
  top: -16px;
  width: 8px;
  height: 16px;
  border-right: 2px solid #57BE3C;
  border-bottom: 2px solid #57BE3C;
  transform: rotate(45deg);
}
.top #features .comparison_table .cross {
  position: relative;
  display: inline-block;
  line-height: 1;
}
.top #features .comparison_table .cross::before, .top #features .comparison_table .cross::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 18px;
  background: #c00000;
  inset: 0;
  top: -14px;
  transform-origin: center;
}
.top #features .comparison_table .cross::before {
  transform: rotate(45deg);
}
.top #features .comparison_table .cross::after {
  transform: rotate(-45deg);
}
.top #support h3 {
  text-align: center;
}
.top #support .intro_content_wrap {
  margin: 0;
  padding: 0;
  padding-top: 4.8rem;
}
.top #support .intro_content {
  text-align: center;
  list-style: none;
  filter: drop-shadow(1rem 1rem 2rem rgba(15, 50, 31, 0.1));
}
.top #support .heading {
  font-size: 2.4rem;
  font-weight: 500;
  margin: 0;
  line-height: 1;
}
.top #support .sub_heading {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1;
}
.top #support .intro_text {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .top #support .intro_text {
    font-size: 1.4rem;
  }
}
.top #support .intro_explanation {
  margin-bottom: 0;
  font-size: 1.6rem;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .top #support .intro_explanation {
    font-size: 1.4rem;
  }
}
.top #support .intro_explanation span {
  position: initial;
}
.top .case-study_sec {
  margin: 0;
  background-color: #fff;
  padding-block: 4.8rem;
}
.top .case-study_text {
  padding: 0;
  margin: 1.6em auto 3.6rem;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .top .case-study_text {
    padding: 0 2rem;
    text-align: center;
  }
}
.top .text_wrap .title {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .top .text_wrap .title {
    font-size: 1.6rem;
  }
}
.top .case_content_text {
  margin: 0;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.top .company {
  margin: 0;
  line-height: 1;
}
.top .industry {
  margin: 0;
  font-size: 1.1rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
.top .employee {
  font-size: 1.1rem;
  margin: 0;
  margin-left: 1.2em;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .top .employee {
    margin-left: 0;
    padding-top: 0.5em;
  }
}
.top .btn02 {
  width: 31rem;
  height: auto;
  margin-top: 4rem;
}
.top .btn02 a {
  line-height: 1;
}
.top .btn02 a span {
  margin-right: 1em;
}
.top .tel_sec {
  background-color: #F6F6F6;
}

/* consultation お問い合わせ
================================== */
.sp_20 {
  display: flex;
  justify-content: space-between;
  max-width: 1140px;
  padding: 2rem 2rem 4rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .sp_20 {
    display: block;
    padding: 2rem;
  }
}
@media (max-width: 768px) {
  .sp_20 > div:last-child {
    margin-top: 4rem;
  }
}

.point {
  position: relative;
  margin: 0 auto 40px;
  padding: 15px;
  max-width: 690px;
  background: #f9f9f9;
  border: 1px dashed #ccc;
}
.point li {
  position: relative;
  list-style: none;
  margin: 0;
  font-size: 1.6rem;
  padding: 0 0 0 1em;
}
@media (max-width: 768px) {
  .point li {
    font-size: 1.4rem;
  }
}
.point li + li {
  margin-top: 0.5em;
}
.point li::before {
  position: absolute;
  content: "●";
  display: inline-block;
  top: 50%;
  left: 0;
  font-size: 0.7rem;
  transform: translateY(-50%);
  line-height: 1;
  color: #006289;
}

.consultation_content {
  display: flex;
  gap: 4rem;
}
@media (max-width: 768px) {
  .consultation_content {
    display: block;
  }
}
.consultation_content .text {
  width: 43%;
}
@media (max-width: 768px) {
  .consultation_content .text {
    width: 100%;
  }
}
.consultation_content .form {
  width: calc(57% - 4rem);
}
@media (max-width: 768px) {
  .consultation_content .form {
    width: 100%;
  }
}

.consultation_form_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  max-width: 660px;
  padding: 2rem;
  margin: 0 auto;
  background: #D4E8F0;
}
@media (max-width: 768px) {
  .consultation_form_box {
    padding: 1.5rem;
  }
}
.consultation_form_box p {
  margin: 0;
}
.consultation_form_box > div {
  display: flex;
  justify-content: space-between;
  gap: 1em;
  flex: 100%;
}
@media (max-width: 768px) {
  .consultation_form_box > div {
    display: block;
  }
}
.consultation_form_box > div + div {
  margin-top: 20px;
}
.consultation_form_box .m {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #323232;
  width: 40%;
}
@media (max-width: 768px) {
  .consultation_form_box .m {
    width: 100%;
    padding-bottom: 0.5em;
  }
}
.consultation_form_box .m + p,
.consultation_form_box .m + div {
  width: 60%;
}
@media (max-width: 768px) {
  .consultation_form_box .m + p,
  .consultation_form_box .m + div {
    width: 100%;
  }
}
.consultation_form_box .required {
  position: relative;
  top: -1px;
  display: inline-block;
  margin: 0 0 0 0.5em;
  padding: 3px 5px;
  color: #fff;
  background: #cc0000;
  font-size: 12px;
  line-height: 1;
  border-radius: 6px;
  white-space: nowrap;
}
.consultation_form_box textarea,
.consultation_form_box select,
.consultation_form_box input[type=text],
.consultation_form_box input[type=email],
.consultation_form_box input[type=tel] {
  font-size: 1.6rem;
  appearance: none;
  border-radius: 0;
  padding: 4px 8px;
  margin-bottom: 5px;
  line-height: 30px;
  width: 100%;
  max-width: 100%;
  vertical-align: middle;
  border: none;
  border: 1px solid #ccc;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
  color: inherit;
  box-sizing: border-box;
}
.consultation_form_box textarea {
  height: 120px;
}
.consultation_form_box .box {
  position: relative;
}
.consultation_form_box .box::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 15px;
  width: 7px;
  height: 7px;
  margin-top: -8px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transform: rotate(135deg);
}
@media (max-width: 768px) {
  .consultation_form_box .box::after {
    right: calc(15px + 4%);
  }
}

.acceptance-box {
  display: flex;
  gap: 1em;
  width: 715px;
  max-width: 100%;
  text-align: center;
  background: #fff;
  border: 1px solid #e0e0e0;
  padding: 30px 15px;
  margin: 15px auto;
}
.acceptance-box.block {
  display: block;
}
.acceptance-box p {
  font-size: 1.4rem;
  line-height: 1.4;
  display: inline-block;
  margin: 0;
}
.acceptance-box .txt_link {
  color: #003399;
  text-decoration: underline;
}

.acceptance-text {
  display: inline-block;
  font-size: 16px;
  margin-top: 1em;
}
.acceptance-text p {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .acceptance-text p {
    font-size: 1.4rem;
  }
}
.acceptance-text .wpcf7-list-item {
  margin: 0;
}

/* seminar/request セミナーお申し込み
================================== */
.wpcf7-form {
  max-width: 1024px;
  margin-inline: auto;
}

.request_wrap {
  color: #5b6770;
  background: #fff;
}
.request_wrap .inner {
  max-width: 1140px;
  padding: 10rem 2rem;
  margin-inline: auto;
}
.request_wrap h2.page_title {
  position: relative;
  color: #046c93;
  font-size: 3.8rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  padding: 0;
  margin: 0 auto;
}
.request_wrap h2.page_title span {
  display: block;
  position: relative;
  padding: 0 0 30px;
}
.request_wrap h2.page_title span::before, .request_wrap h2.page_title span::after {
  position: absolute;
  content: "";
  display: inline-block;
  bottom: 0;
  left: calc(50% - 22px);
  width: 4px;
  height: 4px;
  background: #046c93;
  transform: translateX(-50%);
  border-radius: 2px;
}
.request_wrap h2.page_title span::after {
  left: calc(50% + 22px);
}
.request_wrap h2.page_title::before {
  position: absolute;
  content: "";
  display: inline-block;
  bottom: 0;
  left: 50%;
  width: 30px;
  height: 4px;
  background: #046c93;
  transform: translateX(-50%);
  border-radius: 2px;
}
.request_wrap h2.page_title + p {
  text-align: center;
  margin: 3rem auto;
}

div.request_wrap h3.caption {
  position: relative;
  color: #046c93;
  font-size: 2em;
  line-height: 1;
  text-align: center;
  padding: 0;
  margin: 100px auto 0;
}

div.request_wrap div.flex_document {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 60px auto 0;
  padding: 0;
}

div.request_wrap div.flex_document + h3.caption {
  margin-top: 80px;
  padding-top: 80px;
  border-top: 1px solid #e9e9e9;
}

div.request_wrap div.flex_document > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc((100% - 160px) / 3);
  margin-right: 80px;
}

div.request_wrap div.flex_document > div:nth-child(3n) {
  margin-right: 0;
}

div.request_wrap div.flex_document > div:nth-child(n+4) {
  margin-top: 80px;
}

div.request_wrap div.flex_document.first > div {
  justify-content: flex-end;
}

div.request_wrap div.flex_document > div h4 {
  color: #046c93;
  font-size: 1.6rem;
  line-height: 1.2;
  text-align: center;
  margin: 0 auto 20px;
  padding: 0;
}

div.request_wrap div.flex_document > div img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
}

div.request_wrap div.flex_document > div img.height {
  width: 176px;
}

div.request_wrap div.flex_document > div p {
  font-size: 1em;
  line-height: 1.5;
  letter-spacing: 0.25pt;
  text-align: center;
  font-weight: 600;
  margin: 20px auto 0;
  padding: 0;
}

div.request_wrap div.flex_document > div a.btn {
  position: relative;
  display: block;
  width: 150px;
  color: #fff;
  text-decoration: none;
  font-size: 1em;
  line-height: 1;
  font-weight: 600;
  text-align: center;
  background: #008cd5;
  border-radius: 32px;
  padding: 12px 1em 11px;
  margin: 15px auto 0;
  box-shadow: 0 4px 0 #046c93;
  transform: translateY(0);
  transition: 0.2s ease;
  cursor: pointer;
}

div.request_wrap div.flex_document > div a.btn:hover {
  box-shadow: 0 1px 0 #046c93;
  transform: translateY(3px);
  opacity: 1;
}

@media screen and (max-width: 1100px) {
  div.request_wrap div.flex_document > div {
    width: calc((100% - 80px) / 3);
    margin-right: 40px;
  }
  div.request_wrap div.flex_document > div:nth-child(n+4) {
    margin-top: 60px;
  }
  div.request_wrap div.flex_document > div a.btn {
    width: 160px;
  }
}
@media screen and (max-width: 991px) {
  div.request_wrap div.flex_document > div {
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
  }
  div.request_wrap div.flex_document > div:nth-child(n+4) {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  div.request_wrap div.flex_document > div {
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
  }
  div.request_wrap div.flex_document > div:nth-child(3n) {
    margin-right: 40px;
  }
  div.request_wrap div.flex_document > div:nth-child(2n) {
    margin-right: 0;
  }
  div.request_wrap div.flex_document > div:nth-child(n+3) {
    margin-top: 60px;
  }
  div.request_wrap div.flex_document > div p {
    margin-top: 10px;
  }
  div.request_wrap div.inner {
    padding: 60px 20px;
  }
  div.request_wrap h2.page_title {
    font-size: 2.8rem;
  }
  div.request_wrap h2.page_title + p {
    text-align: left;
  }
  div.request_wrap h3.caption {
    font-size: 1.6em;
    margin-top: 60px;
  }
  div.request_wrap div.flex_document {
    margin-top: 30px;
  }
  div.request_wrap div.flex_document + h3.caption {
    margin-top: 90px;
  }
  div.request_wrap div.flex_document > div {
    width: 100%;
    margin-right: 0;
  }
  div.request_wrap div.flex_document > div:nth-child(3n) {
    margin-right: 0;
  }
  div.request_wrap div.flex_document > div:nth-child(n+2) {
    margin-top: 40px;
  }
  div.request_wrap div.flex_document > div img.height {
    width: 66%;
  }
  br.pc {
    display: none;
  }
}
div.seminar_wrap {
  margin-top: 50px;
}

div.seminar_box {
  position: relative;
  padding: 40px;
  background: #fff;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
}

div.seminar_box + div.seminar_box {
  margin-top: 30px;
}

div.seminar_box.end::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

div.seminar_box.end::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  content: "終了";
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  padding: 10px 15px;
  background: #111;
  z-index: 2;
}

div.seminar_box span.date {
  display: inline-block;
  font-size: 2rem;
  line-height: 1;
  padding: 10px 12px 8px;
  font-weight: 600;
  color: #fff;
  background: #046c93;
  border-radius: 0 16px 0 0;
}

div.seminar_box span.date span {
  display: inline-block;
  color: #ff0;
  margin-left: 10px;
}

div.seminar_box h3 {
  color: #046c93;
  font-size: 3rem;
  line-height: 1.5;
  margin: 5px 0 0;
  padding: 0;
}

div.seminar_box h3 + p {
  margin-top: 20px;
}

div.seminar_box h3 span {
  display: block;
  font-size: 0.7em;
  margin-top: 15px;
}

div.seminar_box h4.semi-h4 {
  color: #fff;
  font-size: clamp(16px, 1.95vw, 20px);
  line-height: 1;
  letter-spacing: 0.25pt;
  margin: 30px auto 0;
  padding: 12px 15px 10px;
  border-radius: 6px;
  background: #046c93;
}

div.seminar_box p.semi-heading {
  font-size: 1.6rem;
  margin: 0 auto;
  padding: 0;
}

div.seminar_box div.semi-history {
  margin: 0 auto;
  padding: 0;
}

div.seminar_box div.semi-history p {
  color: #111;
  font-size: 1.6rem;
  line-height: 1.6;
  margin: 0 auto;
  padding: 0;
}

div.seminar_box div.semi-history p.semi-heading {
  font-weight: 600;
}

div.seminar_box div.semi-history p + p {
  margin-top: 0.5em;
  padding-top: 0.5em;
  border-top: 1px dashed #ccc;
}

div.seminar_box div.semi-history p.heading + p {
  margin-top: 0.25em;
}

div.seminar_box h4.semi-h4 + ul,
div.seminar_box h4.semi-h4 + div {
  margin-top: 25px;
}

div.seminar_box img.img-thum {
  display: block;
  max-width: 100%;
}

div.seminar_box div.txt {
  margin-top: 30px;
  padding: 20px 30px 30px;
  border: 1px solid #046c93;
}

div.seminar_box div.txt p {
  font-size: 2rem;
  color: #222;
  line-height: 1.8;
  margin: 0;
  padding: 0;
}

div.seminar_box div.txt p + p {
  margin-top: 1em;
}

div.seminar_box div.txt p.heading {
  position: relative;
  top: -20px;
  left: -30px;
  display: table;
  line-height: 1;
  font-weight: 600;
  color: #fff;
  padding: 12px 1em 11px;
  background: #046c93;
}

div.seminar_box div.txt p.heading + p {
  margin-top: 0;
}

div.seminar_box div.column_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 30px auto 0;
}

div.seminar_box div.column_list div {
  width: calc((100% - 60px) / 2);
}

div.seminar_box div.column_list.w100 div {
  width: 100%;
}

div.seminar_box div.column_list.w100 div + div {
  margin-top: 30px;
}

div.seminar_box p.osusume {
  color: #046c93;
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1.1;
  margin: 30px auto 0;
  padding: 0 0 0 10px;
  border-left: 5px solid #046c93;
}

div.seminar_box p.semi_heading {
  color: #222;
  font-size: 1.4em;
  font-weight: 600;
  line-height: 1.1;
  margin: 30px auto 0;
}

div.seminar_box p.osusume.iknow {
  padding-left: 0;
  border-left: none;
}

div.seminar_box ul.osusume_li,
div.seminar_box ul.num_li {
  display: table;
  list-style: none;
  margin: 0;
  padding: 0;
}

div.seminar_box ul.num_li {
  counter-reset: number 0;
  padding-left: 5px;
}

div.seminar_box p + ul.osusume_li,
div.seminar_box p + ul.num_li {
  margin-top: 30px;
}

div.seminar_box ul.osusume_li li,
div.seminar_box ul.num_li li {
  position: relative;
  color: #222;
  font-size: 2rem;
  line-height: 1.3;
  padding: 0 0 0 1.5em;
  list-style: none;
}

div.seminar_box ul.osusume_li li::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #dd5373;
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

div.seminar_box ul.num_li li::before {
  counter-increment: number 1;
  content: counter(number) ".";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #dd5373;
  font-weight: 900;
}

div.seminar_box ul.osusume_li li + li,
div.seminar_box ul.num_li li + li {
  margin-top: 15px;
}

div.seminar_box ul.osusume_li li span,
div.seminar_box ul.num_li li span {
  display: inline-block;
  padding-bottom: 4px;
  border-bottom: 2px solid #5b6770;
}

div.seminar_box ul.osusume_li.line-non li span {
  border: none;
  padding-bottom: 0;
}

div.seminar_box ul.osusume_li.st_non li {
  padding-left: 0;
}

div.seminar_box ul.osusume_li.st_non li::before {
  display: none;
}

div.seminar_box div.info {
  margin-top: 40px;
  padding: 30px;
  background: #f7f7f7;
  font-size: 2rem;
}

div.seminar_box div.info div {
  display: flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}

div.seminar_box div.info div + div {
  margin-top: 10px;
}

div.seminar_box div.info div > span,
div.seminar_box div.info div > p {
  color: #222;
  display: inline-block;
  width: 100px;
  margin: 0;
  padding: 0;
}

div.seminar_box div.info div > p {
  width: calc(100% - 120px);
}

div.seminar_box div.info.w150 div > span,
div.seminar_box div.info.w150 div > p {
  width: 150px;
}

div.seminar_box div.info.w150 div > p {
  width: calc(100% - 180px);
}

div.seminar_box div.info div > p span {
  font-weight: 600;
}

div.seminar_box div.info div .line {
  border-bottom: 2px solid #ccc;
}

div.seminar_box div.info div .red {
  color: #c00;
}

div.seminar_box div.info div .yel_bk {
  background: #ff0;
}

div.seminar_box a.btn {
  display: block;
  max-width: 240px;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  padding: 12px 20px;
  margin: 30px auto 0;
  background: #f3a400;
  border-radius: 24px;
  transition: 0.2s ease;
  box-shadow: 0 3px 0 #906306;
  transform: translateY(0);
}

div.seminar_box a.btn:hover {
  transform: translateY(2px);
  box-shadow: 0 1px 0 #906306;
}

br.br480 {
  display: none;
}

@media screen and (max-width: 768px) {
  div.seminar_box {
    padding: 20px 20px 30px;
  }
  div.seminar_box span.date {
    font-size: 1.6rem;
  }
  div.seminar_box h3 {
    font-size: 2.4rem;
  }
  div.seminar_box div.txt {
    margin-top: 20px;
    padding: 15px;
  }
  div.seminar_box div.txt p {
    font-size: 1.6rem;
  }
  div.seminar_box div.txt p.heading {
    top: -15px;
    left: -15px;
  }
  div.seminar_box div.column_list div {
    width: 100%;
  }
  div.seminar_box div.column_list div + div {
    margin-top: 30px;
  }
  div.seminar_box p.osusume {
    font-size: 1.6rem;
  }
  div.seminar_box p.semi_heading {
    font-size: 1.6rem;
  }
  div.seminar_box ul.osusume_li li,
  div.seminar_box ul.num_li li {
    font-size: 1.6rem;
  }
  div.seminar_box div.info {
    margin-top: 25px;
    padding: 15px;
    font-size: 1.6rem;
  }
  div.seminar_box div.info div > span,
  div.seminar_box div.info div > p {
    width: 80px;
  }
  div.seminar_box div.info div > p {
    width: calc(100% - 100px);
  }
  div.seminar_box a.btn {
    max-width: 200px;
  }
}
@media screen and (max-width: 599px) {
  div.seminar_wrap {
    margin-top: 60px;
  }
  div.seminar_box h3 {
    font-size: 1.4em;
    margin-top: 5px;
  }
  div.seminar_box div.txt {
    border: none;
    margin-top: 20px;
    padding: 0;
  }
  div.seminar_box div.txt p.heading {
    font-size: 1.1em;
    padding: 8px 10px 6px;
    top: 0;
    left: 0;
  }
  div.seminar_box div.txt p.heading + p {
    margin-top: 0.5em;
  }
  div.seminar_box div.info {
    margin-top: 25px;
    padding: 15px;
    font-size: 1.6rem;
  }
  div.seminar_box div.info div + div {
    margin-top: 15px;
  }
  div.seminar_box div.info div > span,
  div.seminar_box div.info div > p {
    width: 80px;
  }
  div.seminar_box div.info div > p {
    width: calc(100% - 100px);
  }
  div.seminar_box div.info div.sp_block {
    display: block;
  }
  div.seminar_box div.info div.sp_block > span,
  div.seminar_box div.info div.sp_block > p {
    display: block;
    width: 100%;
  }
  div.seminar_box div.info div.sp_wid > span,
  div.seminar_box div.info div.sp_wid > p {
    width: 80px;
  }
  div.seminar_box div.info div.sp_wid > p {
    width: calc(100% - 100px);
  }
  div.seminar_box div.info div.sp_block > p {
    margin-top: 5px;
  }
  div.seminar_box a.btn {
    max-width: 180px;
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 480px) {
  br.br480 {
    display: inline;
  }
}
div.center_box {
  margin: 40px auto 0;
}

div.center_box table {
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  div.center_box table tr th {
    display: block;
    width: 100%;
    border: none;
    box-sizing: border-box;
  }
}
/* concept インターストックの特徴
================================== */
.concept__request_btn {
  font-size: 2.4rem;
  width: 61rem;
  max-width: 100%;
  margin-top: 6rem;
  font-weight: 600;
}
@media (max-width: 768px) {
  .concept__request_btn {
    font-size: 2rem;
    width: 34rem;
    margin-top: 4rem;
  }
}
.concept__request_btn span {
  line-height: 1.3;
}

/* function/ barcode, nyusyutsu, lot, location 機能一覧 > 機能
================================== */
#tsunoriyu p.sub_title {
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.2pt;
  line-height: 1.5;
  text-align: center;
  margin: 60px auto 0;
}

#tsunoriyu h3.caption {
  color: #006289;
  font-size: 3.8rem;
  font-weight: 600;
  letter-spacing: 0.2pt;
  line-height: 1.1;
  text-align: center;
  margin: 20px auto 60px;
  padding: 0;
}

#tsunoriyu div.check_list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 40px 15px;
  background: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
}

#tsunoriyu div.check_list div {
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 40px;
  padding-left: 50px;
  box-sizing: border-box;
}

#tsunoriyu div.check_list div::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../images/common/check.svg) center left/contain no-repeat;
}

#tsunoriyu div.check_list div:nth-child(2n) {
  margin-right: 0;
}

#tsunoriyu div.check_list div:nth-child(n+3) {
  margin-top: 40px;
}

#tsunoriyu div.check_list div p {
  display: inline-block;
  color: #333;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  padding: 0;
}

#tsunoriyu div.check_list div p span {
  display: block;
  color: #006289;
  font-size: 2.4rem;
}

#tsunoriyu div.check_list div p span.inline-b {
  display: inline-block;
}

#tsunoriyu p.mid_title {
  color: #006289;
  font-size: 3rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.5;
  margin: 60px auto;
}

#tsunoriyu p.mid_title span.yel {
  color: #0091d7;
}

#tsunoriyu div.left_space {
  display: flex;
  justify-content: space-between;
  margin: 0 5px 0 calc(25% + 5px);
}

#tsunoriyu div.left_space > div,
#tsunoriyu div.left_space.hold > div {
  width: calc((100% - 40px) / 3);
}

#tsunoriyu div.left_space > div p.heading {
  position: relative;
  line-height: 1;
  color: #5b6770;
  font-weight: 600;
  letter-spacing: 0.4pt;
  font-feature-settings: "plat";
  padding: 0 0 0 18px;
  margin: 0;
}

#tsunoriyu div.left_space > div p.heading::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 8px;
  background: #5b6770;
}

#tsunoriyu div.left_space > div div {
  padding: 15px;
  border: 2px solid #5b6770;
  border-radius: 6px;
  margin: 15px auto 0;
}

#tsunoriyu div.left_space > div div p {
  margin: 0;
  padding: 0;
}

#tsunoriyu div.left_space > div div p.title {
  color: #5b6770;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 2px solid #5b6770;
}

#tsunoriyu div.left_space > div div img {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
  margin: 0 auto;
}

#tsunoriyu div.left_space > div div ul.dot {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}

#tsunoriyu div.left_space > div div ul.dot li {
  color: #5b6770;
  position: relative;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  padding: 0 0 0 1em;
}

#tsunoriyu div.left_space > div div ul.dot li::before {
  position: absolute;
  content: "・";
  top: 0;
  left: 0;
}

#tsunoriyu div.left_space > div p.catch {
  color: #5b6770;
  text-align: center;
  font-weight: 600;
  border: 2px solid #5b6770;
  border-radius: 6px;
  margin: 15px auto 0;
  padding: 10px;
}

#tsunoriyu div.left_space > div.interstock div,
#tsunoriyu div.left_space > div.interstock p.catch {
  background: #e7f2a5;
}

#tsunoriyu table.table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #5b6770;
  margin: 15px auto 30px;
  padding: 0;
  box-sizing: border-box;
}

#tsunoriyu table.table tr th,
#tsunoriyu table.table tr td {
  color: #333;
  padding: 10px 0;
  width: 25%;
}

#tsunoriyu table.table tr th {
  color: #fff;
  background: #5b6770;
}

#tsunoriyu table.table tr:nth-of-type(n + 2) th {
  border-top: 1px solid #ccc;
}

#tsunoriyu table.table tr td {
  border: 1px solid #5b6770;
}

#tsunoriyu table.table tr td:nth-child(3) {
  background: #e7f2a5;
}

#tsunoriyu table.table tr td span {
  display: block;
  font-size: 2.4rem;
}

#tsunoriyu table.table tr td span.col01 {
  color: #c00;
}

#tsunoriyu table.table tr td span.col02 {
  color: #375;
}

#tsunoriyu table.table tr td span.col03 {
  color: #369;
}

#tsunoriyu .locationSection .thumbnail {
  text-align: center;
}

#tsunoriyu span.semi_icon {
  display: none;
}

.concept-price table th, .concept-price table td, .lower-common table th, .lower-common table td {
  text-align: center;
}

div.concept-price div.shadow {
  background: url("../images/common/bg_shadow-head.png") center top no-repeat;
  margin-top: 80px;
  padding-top: 80px;
}

div.concept-price div.shadow h3.caption:first-child {
  margin-top: 0;
}

div.concept-price h4.caption {
  color: #333;
  font-size: 2.4rem;
  margin: 60px auto 20px;
  padding: 0;
}

div.concept-price h4.caption span {
  position: relative;
  top: -3px;
  display: inline-block;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  padding: 8px 8px 6px;
  background: #f3a400;
  border-radius: 4px;
  margin-right: 10px;
}

@media screen and (max-width: 768px) {
  #tsunoriyu table.table tr td span {
    font-size: 1.8rem;
  }
  #tsunoriyu p.sub_title {
    font-size: 1.8rem;
  }
  #tsunoriyu h3.caption {
    font-size: 2.8rem;
    margin-bottom: 30px;
  }
  #tsunoriyu div.check_list {
    display: block;
    padding: 30px 15px;
  }
  #tsunoriyu div.check_list div {
    margin-right: 0;
  }
  #tsunoriyu div.check_list div:nth-child(n+2) {
    margin-top: 40px;
  }
  #tsunoriyu div.check_list div p {
    letter-spacing: -0.2pt;
  }
  #tsunoriyu p.mid_title {
    font-size: 2.4rem;
    margin: 30px auto;
  }
  #tsunoriyu div.check_list div p span {
    font-size: 1.8rem;
  }
  #tsunoriyu div.left_space {
    margin: 0 auto;
  }
  #tsunoriyu div.left_space > div {
    width: calc((100% - 20px) / 3);
  }
  #tsunoriyu div.left_space > div div p.title {
    font-size: 1.8vw;
  }
  #tsunoriyu div.left_space > div div ul.dot li {
    font-size: 1.8vw;
  }
  #tsunoriyu div.left_space > div p.catch {
    font-size: 1.8vw;
    margin-top: 10px;
  }
  #tsunoriyu div.left_space.hold > div p.heading {
    font-size: 14px;
    letter-spacing: 0.25pt;
    padding: 0 0 0 18px;
  }
  #tsunoriyu div.left_space.hold > div p.heading::before {
    width: 14px;
    height: 14px;
    border-radius: 7px;
  }
  #tsunoriyu table.table tr {
    display: flex;
    flex-wrap: wrap;
  }
  #tsunoriyu table.table tr th,
  #tsunoriyu table.table tr td {
    width: 33.3333333333%;
    box-sizing: border-box;
  }
  #tsunoriyu table.table tr th {
    width: 100%;
    font-size: 14px;
    padding: 5px;
  }
  #tsunoriyu table.table tr th {
    color: #fff;
    background: #5b6770;
  }
  #tsunoriyu table.table tr:nth-of-type(n + 2) th,
  #tsunoriyu table.table tr td {
    border: none;
  }
  #tsunoriyu table.table tr td:nth-child(3) {
    background: #e7f2a5;
  }
}
@media screen and (max-width: 599px) {
  #tsunoriyu div.left_space {
    flex-wrap: wrap;
  }
  #tsunoriyu div.left_space > div {
    width: 100%;
  }
  #tsunoriyu div.left_space > div + div {
    margin-top: 30px;
  }
  #tsunoriyu div.left_space > div div img {
    display: block;
    max-width: 220px;
  }
  #tsunoriyu div.left_space > div div p.title {
    font-size: 16px;
  }
  #tsunoriyu div.left_space > div div ul.dot li {
    font-size: 16px;
  }
  #tsunoriyu div.left_space > div p.catch {
    font-size: 16px;
  }
  #tsunoriyu div.left_space.hold > div + div {
    margin-top: 0;
  }
  #tsunoriyu div.left_space.hold > div p.heading {
    font-size: 12px;
    letter-spacing: -0.25pt;
    padding: 0 0 0 15px;
  }
  #tsunoriyu div.left_space.hold > div p.heading::before {
    width: 12px;
    height: 12px;
    border-radius: 6px;
  }
  #tsunoriyu span.semi_icon {
    display: inline-block;
    position: relative;
    color: #5b6770;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    padding: 0 0 0 26px;
    margin: 20px auto 0;
  }
  #tsunoriyu span.semi_icon::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: #e7f2a5;
    border: 1px solid #5b6770;
  }
  #tsunoriyu table.table tr td {
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: -0.25pt;
    padding: 15px 5px;
  }
}
@media screen and (max-width: 399px) {
  #tsunoriyu div.left_space.hold > div p.heading {
    font-size: 11px;
    padding-left: 12px;
  }
  #tsunoriyu div.left_space.hold > div p.heading::before {
    width: 11px;
    height: 11px;
    border-radius: 5.5px;
  }
  div.concept-price div.over_x {
    overflow-x: scroll;
  }
  div.concept-price div.concept_table_st {
    width: 767px;
    max-width: 767px;
  }
}
div.concept-price div.shadow > p.read {
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
}

div.concept-price div.shadow > p.read.txt_left {
  text-align: left;
}

div.concept-price div.concept_table_st {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

div.concept-price div.concept_table_st > div {
  display: flex;
  align-items: center;
  width: calc((100% - 30px) / 4);
  padding: 15px;
  color: #5b6770;
  background: #f7f7f7;
  box-sizing: border-box;
  border-radius: 6px;
}

div.concept-price div.concept_table_st > div:nth-child(1),
div.concept-price div.concept_table_st > div:nth-child(5),
div.concept-price div.concept_table_st > div:nth-child(9),
div.concept-price div.concept_table_st > div:nth-child(13) {
  color: #fff;
  background: #006289;
}

div.concept-price div.concept_table_st > div:nth-child(-n+4) {
  color: #fff;
  justify-content: center;
  background: #5b6770;
}

div.concept-price div.concept_table_st > div:nth-child(n+5) {
  margin-top: 10px;
}

div.concept-price div.concept_table_st > div p {
  font-weight: 600;
  margin: 0;
  padding: 0;
}

div.concept-price div.flex_posimap {
  display: flex;
  justify-content: space-between;
}

div.concept-price div.flex_posimap > div {
  width: calc((100% - 20px) / 2);
  padding: 30px 15px 15px;
  border: 2px solid #efefef;
  border-radius: 12px;
  box-sizing: border-box;
}

div.concept-price div.flex_posimap > div img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

div.concept-price div.flex_posimap > div p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  padding: 0;
}

div.concept-price div.flex_posimap > div p.heading {
  font-size: 2rem;
  font-feature-settings: "palt";
  font-weight: 600;
  margin: 20px auto 0;
}

div.concept-price ul.check {
  list-style: none;
  margin: 20px auto 0;
  padding: 0;
}

div.concept-price ul.check li {
  position: relative;
  color: #5b6770;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 15px 15px 15px 60px;
  border: 1px solid #efefef;
  background: #f7f7f7;
  border-radius: 6px;
}

div.concept-price ul.check li + li {
  margin-top: 10px;
}

div.concept-price ul.check li::before {
  position: absolute;
  content: "";
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../images/concept/check_icon.png) center/contain no-repeat;
}

div.concept-price > img {
  max-width: 100%;
  margin: 0 auto;
}

div.concept-price > * + img {
  margin-top: 40px;
}

div.basic_area {
  padding: 30px;
  border-radius: 12px;
  background: #e7f2a5;
  border: 1px solid #5b6770;
}

div.basic_area > div {
  display: flex;
  justify-content: space-between;
}

div.basic_area > div + div {
  margin-top: 30px;
}

div.basic_area > div div.box {
  display: flex;
  justify-content: space-between;
  width: calc((100% - 40px) / 2);
}

div.basic_area > div div.box div {
  width: 30%;
}

div.basic_area > div div.box div:last-child {
  width: 65%;
}

div.basic_area > div div.box div p {
  font-weight: 600;
  text-align: center;
  padding: 0 0 10px;
  border: 1px solid #5b6770;
  background: #fff;
  margin: 0;
}

div.basic_area > div div.box div p span {
  display: block;
  color: #fff;
  background: #327e1e;
  padding: 10px;
  margin-bottom: 10px;
}

div.basic_area > div div.box div ul.dot {
  list-style: none;
  margin: 0;
  padding: 0;
}

div.basic_area > div div.box div ul.dot li {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  font-feature-settings: "palt";
  padding-left: 1em;
}

div.basic_area > div div.box div ul.dot li + li {
  margin-top: 5px;
}

div.basic_area > div div.box div ul.dot li::before {
  position: absolute;
  content: "・";
  top: 0;
  left: 0;
  display: inline-block;
}

div.concept_step {
  max-width: 800px;
  margin: 40px auto 0;
  padding: 0;
}

div.concept_step > div {
  display: flex;
}

div.concept_step > div div.step_number {
  position: relative;
  width: 200px;
  padding: 20px 0;
}

div.concept_step > div div.step_number p {
  position: relative;
  display: inline-block;
  color: #fff;
  line-height: 1;
  font-weight: 600;
  background: #006289;
  margin: 0;
  padding: 8px;
}

div.concept_step > div div.step_number p::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -10px;
  display: inline-block;
  content: "";
  border: 5px solid transparent;
  border-left: 5px solid #327e1e;
}

div.concept_step > div div.step_number::before {
  position: absolute;
  content: "";
  top: 0;
  right: 45px;
  display: inline-block;
  width: 30px;
  height: 100%;
  background: #efefef;
}

div.concept_step > div div.step_number::after {
  position: absolute;
  content: "";
  right: 52px;
  top: 28px;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #006289;
}

div.concept_step > div div.step_content {
  width: calc(100% - 240px);
  padding: 20px 0;
}

div.concept_step > div div.step_content p {
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}

div.concept_step > div div.step_content p.heading {
  display: table;
  color: #006289;
  font-size: 2rem;
  padding-bottom: 5px;
  border-bottom: 1px dashed #006289;
}

div.concept_step > div div.step_content p.heading + p {
  margin-top: 10px;
}

div.concept_step > div div.step_content p.heading span {
  position: relative;
  top: -2px;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  background: #e7f2a5;
  padding: 6px;
  margin: 0 0 0 10px;
  white-space: nowrap;
}

div.concept_step > div div.step_content p.heading span::after {
  display: inline-block;
  width: 1px;
}

@media screen and (max-width: 767px) {
  div.concept-price div.mb100 {
    margin-bottom: 100px;
  }
  div.concept-price div.shadow {
    background: url("../images/common/bg_shadow-head.png") center top/100% no-repeat;
    margin-top: 40px;
    padding-top: 40px;
  }
  #tsunoriyu * + h3.caption {
    margin: 60px auto 15px;
  }
  #tsunoriyu p.sub_title + h3.caption {
    margin-top: 20px;
  }
  div.concept-price h4.caption {
    font-size: 18px;
    margin: 30px auto 10px;
  }
  div.concept-price h4.caption span {
    top: -2px;
    font-size: 14px;
    padding: 6px 6px 5px;
  }
  div.concept-price div.shadow > p.read {
    font-size: 1.6rem;
    line-height: 1.6;
    font-weight: 500;
    text-align: left;
  }
  div.concept-price > * + img {
    margin-top: 10px;
  }
  .concept__request_btn.mt40 {
    margin-top: 20px;
  }
  div.concept-price div.concept_table_st > div {
    width: calc((100% - 15px) / 4);
    padding: 10px;
    border-radius: 4px;
  }
  div.concept-price div.concept_table_st > div:nth-child(n+5) {
    margin-top: 5px;
  }
  div.concept-price div.concept_table_st > div p {
    font-size: 14px;
  }
  div.concept-price div.flex_posimap {
    flex-wrap: wrap;
  }
  div.concept-price div.flex_posimap > div {
    width: 100%;
    padding: 15px;
  }
  div.concept-price div.flex_posimap > div + div {
    margin-top: 15px;
  }
  div.concept-price div.flex_posimap > div p {
    font-size: 14px;
  }
  div.concept-price div.flex_posimap > div p.heading {
    font-size: 1.6rem;
    margin-top: 10px;
  }
  div.concept-price ul.check li {
    font-size: 1.4rem;
  }
  div.basic_area {
    padding: 30px;
  }
  div.basic_area > div {
    flex-wrap: wrap;
  }
  div.basic_area > div + div {
    margin-top: 30px;
  }
  div.basic_area > div div.box {
    width: 100%;
  }
  div.basic_area > div div.box + div.box {
    margin-top: 30px;
  }
  div.basic_area > div div.box div {
    width: 100px;
  }
  div.basic_area > div div.box div:last-child {
    width: calc(100% - 120px);
  }
  div.basic_area > div div.box div ul.dot li {
    font-size: 14px;
  }
}
@media screen and (max-width: 599px) {
  div.concept-price h4.caption span {
    display: table;
    top: 0;
    margin-bottom: 5px;
  }
  div.basic_area {
    padding: 20px;
  }
  div.concept-price div.over_x {
    overflow-x: scroll;
  }
  div.concept-price div.concept_table_st {
    width: 767px;
    max-width: 767px;
  }
  div.concept_step > div div.step_number {
    width: 120px;
    padding: 20px 0;
  }
  div.concept_step > div div.step_number::before {
    right: 20px;
    width: 20px;
  }
  div.concept_step > div div.step_number::after {
    right: 24px;
    width: 12px;
    height: 12px;
    border-radius: 6px;
  }
  div.concept_step > div div.step_content {
    width: calc(100% - 120px);
    padding: 24px 0;
  }
  div.concept_step > div div.step_content p.heading {
    font-size: 1.6rem;
  }
  div.concept_step > div div.step_content p.heading span {
    padding: 4px 6px;
    margin: 0;
    top: 0;
  }
}
/* request 資料ダウンロード
================================== */
#contents.request {
  margin-top: 75px;
}

#contents.request h2.request {
  font-size: 3.8rem;
  text-align: center;
  font-weight: 600;
  letter-spacing: -0.2pt;
  color: #006289;
  margin: 0 auto 20px;
  padding: 0;
}

#contents.request p.center {
  font-size: 2rem;
  margin: 0 auto 40px;
  padding: 0;
}

#contents.request div.flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 40px;
  padding: 0;
}

#contents.request div.flex_box > div {
  flex: 35%;
  max-width: 35%;
}

#contents.request div.flex_box > div:first-child {
  padding: 20px 15px 15px;
  background: #f7f7f7;
  border-radius: 8px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

#contents.request div.flex_box > div:last-child {
  flex: 64%;
  max-width: 64%;
}

#contents.request div.flex_box > div h3 {
  display: block;
  font-size: 2rem;
  text-align: center;
  font-weight: 600;
  color: #006289;
  margin: 0 0 20px;
  padding: 0;
}

#contents.request div.flex_box > div ul.list_dot {
  width: 100%;
  margin: 0;
  padding: 0;
}

#contents.request div.flex_box > div ul.list_dot li {
  list-style: none;
  margin: 0 0 10px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.4em;
  color: #444;
  padding: 0 0 10px;
  border-bottom: 1px dashed #ccc;
}

#contents.request div.flex_box > div ul.list_dot li:last-child {
  margin-bottom: 0;
}

#contents.request div.flex_box > div:last-child img {
  width: 682px;
  max-width: 100%;
}

#contents.request a.pdf_btn {
  display: table;
  width: 420px;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  background: #f00;
  border-radius: 12px;
  padding: 0;
  margin: 20px auto 0;
}

#contents.request a.pdf_btn span {
  display: table;
  padding: 30px 20px 30px 50px;
  margin: 0 auto;
  background: url(../images/common/pdf_icon.png) left center/30px no-repeat;
}

br.br {
  display: inline;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  #contents.request {
    margin-top: 3rem;
  }
  #contents.request h2.request {
    font-size: 2.8rem;
  }
  #contents.request p.center {
    font-size: 1.6rem;
    margin: 0 auto 25px;
  }
  #contents.request div.flex_box {
    display: block;
    margin: 0 auto 25px;
  }
  #contents.request div.flex_box > div,
  #contents.request div.flex_box > div:last-child {
    width: 100%;
    max-width: 100%;
  }
  #contents.request div.flex_box > div h3 {
    font-size: 1.6rem;
  }
  #contents.request div.flex_box > div ul.list_dot li {
    font-size: 1.4rem;
  }
  #contents.request a.pdf_btn {
    width: 100%;
    font-size: 16px;
  }
  #contents.request a.pdf_btn span {
    padding: 24px 20px 24px 40px;
  }
}
h2.form_m {
  display: inline-block;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  color: #555;
  padding: 6px 8px;
  background: #efefef;
  margin: 0 auto;
}

.lower-common .formBox, .lower-common .formBox2 {
  width: 70%;
}
@media (max-width: 768px) {
  .lower-common .formBox, .lower-common .formBox2 {
    width: 100%;
    padding-inline: 2rem;
  }
}

.lower-common .formBox td, .lower-common .formBox2 td {
  padding: 10px;
  text-align: left;
  background: #fff;
}

.lower-common .formBox td input:not([type=radio]), .lower-common .formBox td textarea {
  width: 90%;
  padding: 5px;
}
@media (max-width: 768px) {
  .lower-common .formBox td input:not([type=radio]), .lower-common .formBox td textarea {
    width: 96%;
  }
}

@media (max-width: 768px) {
  .lower-common .formBox th, .lower-common .formBox3 th, .lower-common .formBox2 th {
    display: block;
    width: 100%;
  }
  .companyBox tbody th, tbody td {
    display: list-item;
    list-style: none;
  }
  .form_wap {
    padding-inline: 2rem;
  }
}
/*経営者のための物流DX 20211027*/
div.dx-index_list {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  margin: 20px auto 0;
  padding: 0;
}

div.dx-index_list > ul {
  width: 48.5%;
  margin: 0;
  padding: 0;
}

div.dx-index_list > ul li {
  list-style: none;
  position: relative;
  color: #1d4b81;
  font-size: 1.8rem;
  font-weight: 500;
  font-feature-settings: "palt";
  line-height: 1.3;
  margin: 0;
  padding: 15px 10px 15px 1.25em;
  background: #f7f7f7;
  border-radius: 6px;
}
@media (max-width: 768px) {
  div.dx-index_list > ul li {
    font-size: 1.6rem;
  }
}

div.dx-index_list > ul li::before {
  position: absolute;
  display: inline-block;
  content: "";
  top: 22px;
  left: 0;
  width: 16px;
  height: 8px;
  background: #1d4b81;
}

div.dx-index_list > ul li + li {
  margin-top: 30px;
}

div.dx-index_list > ul li ul {
  margin-top: 20px;
  padding: 0;
}

div.dx-index_list > ul li ul li {
  color: #212121;
  font-size: 1.6rem;
  padding: 0 0 0 1.5em;
  text-indent: -1.5em;
}
@media (max-width: 768px) {
  div.dx-index_list > ul li ul li {
    font-size: 1.4rem;
  }
}

div.dx-index_list > ul li ul li + li {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #ccc;
}

div.dx-index_list > ul li ul li::before {
  display: none;
}

@media (max-width: 768px) {
  /*経営者のための物流DX */
  div.dx-index_list {
    display: block;
  }
  div.dx-index_list > ul {
    width: auto;
  }
  div.dx-index_list > ul li ul li {
    line-height: 1.4;
  }
  div.dx-index_list > ul li + li {
    margin-top: 15px;
  }
  div.dx-index_list > ul + ul {
    margin-top: 15px;
  }
}
/* saitaku 当社がIT導入支援事業者として採択されました
================================== */
.bk_w {
  padding-top: 80px;
}
@media (max-width: 768px) {
  .bk_w {
    padding-top: 40px;
  }
}

h2.bk_g {
  color: #fff;
  background: #006289;
  font-size: 3rem;
  text-align: center;
  padding: 8px 0;
  margin: 0 auto 10px;
}
@media (max-width: 768px) {
  h2.bk_g {
    font-size: 2.4rem;
  }
}

.saitaku_ul, .saitaku_ul li dl {
  padding: 0;
}

.saitaku_ul {
  margin: 0 auto 60px;
}

ul.saitaku_ul li {
  width: 48%;
  margin: 0 4% 0 0;
  padding: 0;
  background: #fff;
  border-radius: 8px;
  border: 2px solid #006289;
  list-style: none;
}
@media (max-width: 768px) {
  ul.saitaku_ul li {
    width: 100%;
  }
}

ul.saitaku_ul li:last-child {
  margin-right: 0;
}

ul.saitaku_ul li dl dt {
  color: #fff;
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  background: #006289;
  padding: 6px 0;
}
@media (max-width: 768px) {
  ul.saitaku_ul li dl dt {
    font-size: 1.6rem;
  }
}

ul.saitaku_ul li dl dd {
  margin: 0 auto;
  padding: 5% 0;
}

ul.saitaku_ul li dl dd img {
  display: block;
  max-width: 96%;
  margin: 0 auto;
}

dl.saitaku_dl {
  width: 100%;
  margin: 0 auto 20px;
  padding: 0 0 20px;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}

dl.saitaku_dl dt {
  font-size: 2rem;
  font-weight: 600;
  color: #006289;
  margin: 0 auto 10px;
  padding: 0;
}
@media (max-width: 768px) {
  dl.saitaku_dl dt {
    font-size: 1.6rem;
  }
}

dl.saitaku_dl dd {
  margin: 0 auto;
  padding: 0;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  dl.saitaku_dl dd {
    font-size: 1.4rem;
  }
}

/* company 会社案内
================================== */
dl.noabiifdhnellhcb_dl {
  display: table;
  width: 96%;
  margin: 40px auto;
  padding: 0;
}

dl.noabiifdhnellhcb_dl dt,
dl.noabiifdhnellhcb_dl dd {
  display: table-cell;
  padding: 0;
  vertical-align: middle;
}

dl.noabiifdhnellhcb_dl dt {
  width: 18%;
  padding-right: 2%;
}

dl.noabiifdhnellhcb_dl dt img {
  width: 100%;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  dl.noabiifdhnellhcb_dl {
    width: 100%;
  }
  dl.noabiifdhnellhcb_dl dt {
    width: 23%;
  }
}
div.company table.com_table {
  width: 96%;
}

div.company table.com_table ul.dot_list {
  margin: 0;
  padding: 0;
}

div.company table.com_table ul.dot_list li {
  list-style: none;
  position: relative;
  padding: 0 0 0 1em;
  margin: 0;
}

div.company table.com_table ul.dot_list li + li {
  margin-top: 0.5em;
}

div.company table.com_table ul.dot_list li::before {
  position: absolute;
  display: inline-block;
  content: "・";
  left: 0;
  top: 0;
}

div.company table.com_table ul.dot_list li a {
  color: #0091d7;
}

div.company table.com_table ul.dot_list li a:hover {
  text-decoration: underline;
}

.lower-common .companyBox th {
  padding: 10px;
  border: #e3e3e3 solid;
  border-width: 0 0 1px 1px;
  background: #0076a9;
  color: #FFF;
}

.lower-common .companyBox td {
  padding: 10px;
  border: 1px #e3e3e3 solid;
  border-width: 0 0 1px 1px;
  text-align: left;
}

.lower-common .companyBox td a.map {
  background: #f39700;
  color: #FFF;
  padding: 3px 5px;
}

table.com_table div.links_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 30px 0;
}

table.com_table div.links_flex span {
  margin-right: 30px;
}

table.com_table div.links_flex a {
  position: relative;
  display: inline-block;
  color: #fff;
  font-weight: 600;
  background: #0091d7;
  line-height: 1;
  padding: 10px 30px 10px 20px;
  border-radius: 32px;
  transition: 0.3s ease;
}

table.com_table div.links_flex a + a {
  margin-left: 10px;
}

table.com_table div.links_flex a:hover {
  opacity: 0.7;
}

table.com_table div.links_flex a::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  right: 15px;
  width: 6px;
  height: 6px;
  display: inline-block;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

@media screen and (max-width: 768px) {
  table.com_table div.links_flex {
    padding: 15px 0;
    flex-direction: column;
  }
  table.com_table div.links_flex span {
    margin: 0 0 25px 0;
  }
  table.com_table div.links_flex a {
    letter-spacing: 0.2pt;
  }
  table.com_table div.links_flex a + a {
    margin: 10px 0 0 0;
  }
}
/* request/requestXX 資料請求の各ページ
================================== */
.ec_lp {
  background-color: #DBE8F1;
  padding-bottom: 80px;
}
@media (max-width: 768px) {
  .ec_lp {
    padding-bottom: 40px;
  }
}

.ec_box {
  width: 90%;
  padding: 5%;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  margin: 0 auto 40px;
}
@media (max-width: 768px) {
  .ec_box {
    width: 100%;
  }
}

.ec_box h3 {
  color: #232323;
  font-size: 3rem;
  text-align: center;
  font-weight: 600;
  padding: 0 0 20px;
  margin: 0 auto 20px;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}

.ec_box h3.grn {
  color: #327E1E;
}

.ec_box h3.h3-type01 {
  font-size: 2.4rem;
  text-align: left;
}

.ec_box p img.req-thum {
  display: block;
  width: 180px;
  float: right;
  margin: 0 0 0 15px;
}

@media screen and (max-width: 768px) {
  .ec_box h3 {
    font-size: 2.4rem;
  }
  .ec_box p img.req-thum {
    width: 150px;
    float: none;
    margin: 15px auto;
  }
}
@media screen and (max-width: 480px) {
  .ec_box h3 {
    text-align: left;
  }
  .ec_box h3.h3-type01 {
    font-size: 1.8rem;
    text-align: left;
  }
}
.ec_box h3 span.min {
  display: block;
  font-size: 24px;
}

.ec_box h4 {
  color: #0068b7;
  font-size: 2rem;
  line-height: 1;
  font-weight: 600;
  padding: 0 0 0 20px;
  margin: 0 auto 20px;
  border-left: 5px solid #0068b7;
  overflow: hidden;
}
@media (max-width: 768px) {
  .ec_box h4 {
    font-size: 1.8rem;
  }
}

.ec_box p + h3,
.ec_box p + h4 {
  margin-top: 40px;
}

.ec_box dl, .ec_box dl dd ul {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}

.ec_box dl dd {
  float: left;
  width: 48%;
  margin: 0 4% 0 0;
}
@media (max-width: 768px) {
  .ec_box dl dd {
    float: none;
    width: 100%;
  }
}

.ec_box dl dd:nth-child(2n) {
  margin-right: 0;
}

.ec_box dl dd img {
  max-width: 100%;
}

.ec_box dl dd p {
  font-size: 16px;
  line-height: 1.8em;
  color: #232323;
}

.ec_box dl dd ul li {
  position: relative;
  list-style: none;
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 600;
  color: #232323;
  margin: 0 auto;
  padding: 0;
}

.ec_box dl dd ul li ul li {
  padding: 12px 0;
}

.ec_box dl dd ul li + li {
  margin-top: 10px;
}

.ec_box dl dd ul li span.num {
  position: relative;
  color: #fff;
  font-size: 12px;
  background: #327E1E;
  padding: 4px 5px;
  letter-spacing: -0.2pt;
  border-radius: 32px;
  margin: 0 8px 0 0;
}

.ec_box dl dd ul.impro_ul li span {
  font-size: 20px;
  color: #f93;
  font-weight: 600;
  margin: 0 auto 12px;
  padding: 0;
}

.ec_box dl dd ul.impro_ul li ul {
  min-height: 300px;
}
@media (max-width: 768px) {
  .ec_box dl dd ul.impro_ul li ul {
    min-height: auto;
  }
}

.ec_box dl dd ul.impro_ul li ul li {
  font-size: 16px;
  letter-spacing: 0.2pt;
  padding-left: 40px;
}

.ec_box dl dd ul.impro_ul li ul li::before {
  position: absolute;
  display: inline-block;
  content: "01";
  left: 0;
  top: 50%;
  margin-top: -16px;
  color: #fff;
  background: #f93;
  padding: 6px;
  border-radius: 32px;
}

.ec_box dl, .ec_box dl dd ul.impro_ul li ul.nth01 li:nth-child(2)::before {
  content: "02";
}

.ec_box dl, .ec_box dl dd ul.impro_ul li ul.nth01 li:nth-child(3)::before {
  content: "03";
}

.ec_box dl, .ec_box dl dd ul.impro_ul li ul.nth01 li:nth-child(4)::before {
  content: "04";
}

.ec_box dl, .ec_box dl dd ul.impro_ul li ul.nth01 li:nth-child(5)::before {
  content: "05";
}

.ec_box dl, .ec_box dl dd ul.impro_ul li ul.nth02 li:nth-child(1)::before {
  content: "06";
}

.ec_box dl, .ec_box dl dd ul.impro_ul li ul.nth02 li:nth-child(2)::before {
  content: "07";
}

.ec_box dl, .ec_box dl dd ul.impro_ul li ul.nth02 li:nth-child(3)::before {
  content: "08";
}

.ec_box dl, .ec_box dl dd ul.impro_ul li ul.nth02 li:nth-child(4)::before {
  content: "09";
}

.ec_box dl, .ec_box dl dd ul.impro_ul li ul.nth02 li:nth-child(5)::before {
  content: "10";
}

.ec_box dl, .ec_box dl dd ul.impro_ul li ul.nth03 li:nth-child(1)::before {
  content: "11";
}

.ec_box dl, .ec_box dl dd ul.impro_ul li ul.nth03 li:nth-child(2)::before {
  content: "12";
}

.ec_box dl, .ec_box dl dd ul.impro_ul li ul.nth03 li:nth-child(3)::before {
  content: "13";
}

.ec_box dl, .ec_box dl dd ul.impro_ul li ul.nth03 li:nth-child(4)::before {
  content: "14";
}

.ec_box dl, .ec_box dl dd ul.impro_ul li ul.nth03 li:nth-child(5)::before {
  content: "15";
}

.ec_box dl, .ec_box dl dd ul.impro_ul li ul.nth04 li:nth-child(1)::before {
  content: "16";
}

.ec_box dl, .ec_box dl dd ul.impro_ul li ul.nth04 li:nth-child(2)::before {
  content: "17";
}

.ec_box dl, .ec_box dl dd ul.impro_ul li ul.nth04 li:nth-child(3)::before {
  content: "18";
}

.ec_box dl, .ec_box dl dd ul.impro_ul li ul.nth04 li:nth-child(4)::before {
  content: "19";
}

.ec_box dl, .ec_box dl dd ul.impro_ul li ul.nth04 li:nth-child(5)::before {
  content: "20";
}

/*DX時代に求められる経営レベルのSCM実践書*/
.ec_box dl dd ul.impro_ul.supply li ul li::before {
  background: #0068b7;
}

.ec_box dl, .ec_box dl dd ul.impro_ul.supply li ul.nth01 li:nth-child(6)::before {
  content: "06";
}

.ec_box dl, .ec_box dl dd ul.impro_ul.supply li ul.nth02 li:nth-child(1)::before {
  content: "07";
}

.ec_box dl, .ec_box dl dd ul.impro_ul.supply li ul.nth02 li:nth-child(2)::before {
  content: "08";
}

.ec_box dl, .ec_box dl dd ul.impro_ul.supply li ul.nth02 li:nth-child(3)::before {
  content: "09";
}

.ec_box dl, .ec_box dl dd ul.impro_ul.supply li ul.nth02 li:nth-child(4)::before {
  content: "10";
}

.ec_box dl, .ec_box dl dd ul.impro_ul.supply li ul.nth02 li:nth-child(5)::before {
  content: "11";
}

/*物流品質改善の基本と原則を学べる１冊*/
.ec_box dl dd ul.impro_ul.b-h li ul li::before {
  background: #436da5;
}

.ec_box dl, .ec_box dl dd ul.impro_ul.b-h li ul.nth02 li:nth-child(1)::before {
  content: "06";
}

.ec_box dl, .ec_box dl dd ul.impro_ul.b-h li ul.nth02 li:nth-child(2)::before {
  content: "07";
}

.ec_box dl, .ec_box dl dd ul.impro_ul.b-h li ul.nth02 li:nth-child(3)::before {
  content: "08";
}

.ec_box dl, .ec_box dl dd ul.impro_ul.b-h li ul.nth02 li:nth-child(4)::before {
  content: "09";
}

/*製造業のための在庫最適化を学べる１冊*/
#seizo_zaiko .ec_box dl dd ul.impro_ul li ul {
  min-height: 100%;
}

#seizo_zaiko ul.impro_ul li ul li::before {
  background: #bb533a;
}

#seizo_zaiko ul.impro_ul li ul.nth02.n5_8 li:nth-child(1)::before {
  content: "05";
}

#seizo_zaiko ul.impro_ul li ul.nth02.n5_8 li:nth-child(2)::before {
  content: "06";
}

#seizo_zaiko ul.impro_ul li ul.nth02.n5_8 li:nth-child(3)::before {
  content: "07";
}

#seizo_zaiko ul.impro_ul li ul.nth02.n5_8 li:nth-child(4)::before {
  content: "08";
}

#seizo_zaiko #form .font_pick {
  background: #bb533a;
}

/*経営者のための物流DX実践ガイド*/
#dx_guide .ec_box p.read {
  font-size: 20px;
  font-weight: 500;
}

#dx_guide h3.navy {
  color: #1d4b81;
}

#dx_guide h3.navy {
  color: #1d4b81;
}

@media screen and (max-width: 768px) {
  #seizo_zaiko .ec_box p.read {
    font-size: 16px;
  }
}
/*WMS導入のためのRFP作成方法*/
#wms_ftp dl.en_tex dd {
  width: 100%;
  float: none;
  margin: 0;
}

#wms_ftp .ec_box dl dd ul.impro_ul li ul {
  min-height: 100%;
}

#wms_ftp ul.impro_ul li ul li::before {
  background: #3c9e3c;
}

#wms_ftp ul.impro_ul li ul.nth02.n4_5 li:nth-child(1)::before {
  content: "04";
}

#wms_ftp ul.impro_ul li ul.nth02.n4_5 li:nth-child(2)::before {
  content: "05";
}

#wms_ftp #form .font_pick {
  background: #3c9e3c;
}

.ec_box .font_pick {
  position: relative;
  color: #232323;
  display: block;
  font-size: 24px;
  line-height: 1.4em;
  font-weight: 600;
  text-align: center;
  padding: 2%;
  border-radius: 12px;
  border: 3px solid #ff0000;
  margin: 20px auto 0;
}

.ec_box .font_pick span {
  color: #ff0000;
  font-size: 32px;
}

#form .font_pick {
  width: 100%;
  color: #fff;
  background: #12345f;
  position: relative;
  display: block;
  font-size: 2.4rem;
  line-height: 1.4em;
  font-weight: 600;
  text-align: center;
  padding: 2% 0;
  margin: 20px auto 0;
}
@media (max-width: 768px) {
  #form .font_pick {
    font-size: 2rem;
    margin: 20px auto 60px;
  }
}

#form .font_pick.supply {
  background: #00477d;
}

#form .font_pick.b-h {
  background: #436da5;
}

.ec_box div.flex {
  max-width: 768px;
  display: flex;
  justify-content: space-between;
  margin: 20px auto;
  padding: 0;
}

.ec_box div.flex > div {
  flex: 48%;
  max-width: 48%;
}

.ec_box div.flex > div img {
  max-width: 100%;
}

.ec_box div.flex > div span {
  display: table;
  font-size: 16px;
  color: #fff;
  line-height: 1;
  background: #333;
  border-radius: 4px;
  padding: 6px 12px;
  margin: 0 auto 10px;
}

#form .font_pick span {
  color: #f8ff00;
  font-size: 32px;
}

#form .font_pick.yazi::before,
#form .font_pick.yazi::after {
  position: absolute;
  top: 50%;
  left: 10%;
  margin: auto;
  content: "";
  margin-top: -16px;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border: 42px solid transparent;
  border-top: 32px solid #fff;
  box-sizing: border-box;
}

#form .font_pick.yazi::after {
  left: auto;
  right: 10%;
}

@media (max-width: 768px) {
  #form .font_pick.yazi:before,
  #form .font_pick.yazi:after {
    top: auto;
    bottom: -100px;
    left: 50%;
    margin: 0 0 0 -32px;
    border-top: 32px solid #e00;
  }
  #form .font_pick.yazi:after {
    display: none;
  }
}
.ec_box a.ec_pdf {
  display: block;
  width: 800px;
  margin: 0 auto;
  padding: 0;
}

.ec_box a.ec_pdf:hover {
  display: block;
  width: 800px;
  background: url(../images/ec-lp/pdf_bnr_on.jpg) no-repeat;
}

.ec_box a.ec_pdf.impr {
  transition: 0.2s;
}

.ec_box a.ec_pdf.impr:hover {
  background: url(/wp/wp-content/uploads/2019/01/pdf_bnr0123.png) top/100% no-repeat;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.ec_box a.ec_pdf:hover img {
  visibility: hidden;
}

.down_sub {
  display: block;
  border: none;
  color: #fff;
  background: #212121;
  font-size: 2rem;
  line-height: 1em;
  text-align: center;
  padding: 18px 0;
  margin: 0 auto;
  width: 100%;
  max-width: 320px;
  text-decoration: none;
  position: relative;
  border-radius: 6px;
  transition: all 0.3s ease;
  box-sizing: border-box;
}
.down_sub:hover {
  opacity: 0.6;
}
@media (max-width: 768px) {
  .down_sub {
    font-size: 1.6rem;
  }
}

/* growth お客様と共に成長するシステム
================================== */
.redGradBox {
  background: linear-gradient(#ff150f, #89100a);
  width: 80%;
  padding: 10px;
  color: #FFF;
  font-size: 2.2em;
  text-align: center;
  border: solid #60120c;
  border-width: 1px 1px 5px 1px;
  font-weight: bold;
  margin: 0px auto 80px;
  border-radius: 8px;
  display: block;
}
@media (max-width: 768px) {
  .redGradBox {
    margin-bottom: 40px;
  }
}

.lower-common h2.redGradBox {
  font-weight: bold;
  font-size: 3rem;
}
@media (max-width: 768px) {
  .lower-common h2.redGradBox {
    font-size: 2.4rem;
  }
}

.concept-price > div .inner, .lower-common > div .inner {
  padding-block: 50px;
}

.big-font {
  font-size: 4.4rem;
}
@media (max-width: 768px) {
  .big-font {
    font-size: 3rem;
  }
}

.midium-font {
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .midium-font {
    font-size: 2rem;
  }
}

.small-font {
  font-size: 3rem;
}
@media (max-width: 768px) {
  .small-font {
    font-size: 2.4rem;
  }
}

.system .firstBox p.midium-font {
  margin-top: -70px;
}

.shadowHead {
  background: url(../images/common/bg_shadow-head.png) no-repeat 50% 100%;
}
@media (max-width: 768px) {
  .shadowHead {
    background: none;
  }
}

.shadowBottom {
  background: url(../images/common/bg_shadow-bottom.png) no-repeat 50% 100%;
}

.concept-price > div, .lower-common > div {
  color: #3E3A39;
}

.crayonLine {
  background: url(../images/common/bg_crayon-line.png) repeat;
  line-height: 50px;
}

.system .crayonLine {
  width: 50%;
  font-size: 2rem;
  font-weight: bold;
}
@media (max-width: 768px) {
  .system .crayonLine {
    font-size: 1.6rem;
    width: 100%;
  }
}

.system .flex {
  align-items: flex-start;
}

.not-cope-list {
  clear: both;
  padding-top: 30px;
  list-style-type: none;
  display: flex;
  width: 100%;
  text-align: center;
}

.not-cope-list li {
  width: 33%;
  background: url(../images/system/bg_arrow-frame.png) no-repeat 50% 0;
}

.not-cope-list h3 {
  height: 6em;
  vertical-align: top;
  display: table-cell;
  width: 33%;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.2;
  padding-top: 14px;
}

.not-cope-list img {
  display: block;
  width: 170px;
  margin: 80px auto 10px;
}

.not-cope-list li:first-child h3 {
  padding-top: 30px;
}

@media (max-width: 768px) {
  .not-cope-list h3 {
    font-size: 2rem;
  }
}
.chartBox {
  text-align: center;
}

.chartBox ul {
  list-style-type: none;
  text-align: left;
}

.gradeupSteps {
  list-style-type: none;
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  width: 100%;
  margin: 40px auto;
}

@media screen and (max-width: 768px) {
  .system .firstBox p.midium-font {
    margin-top: 10px;
  }
}
.gradeupSteps li {
  text-align: center;
}

@media (max-width: 768px) {
  .concept-price > div .inner, .lower-common > div .inner {
    padding-block: 20px;
  }
  .not-cope-list {
    display: block;
    padding: 0;
  }
  .not-cope-list li {
    width: 100%;
  }
  .not-cope-list li p {
    margin-block: 50px;
  }
  .not-cope-list h3 {
    padding-top: 20px;
  }
  .not-cope-list li:first-child h3 {
    padding-top: 35px;
  }
  .gradeupSteps {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0;
  }
  .gradeupSteps li {
    display: block;
    width: 49%;
    margin-bottom: 20px;
  }
  .growth .crayonLine {
    background: none;
  }
  .growth .flex.pc_flex {
    display: block;
  }
}
/* function/nyusyutsu 入庫管理・出庫管理で誤出荷防止
================================== */
#tsunoriyu .img1 {
  width: 700px;
}
@media (max-width: 768px) {
  #tsunoriyu .img1 {
    width: 500px;
  }
}
#tsunoriyu .img2 {
  width: 800px;
}
@media (max-width: 768px) {
  #tsunoriyu .img2 {
    width: 600px;
  }
}

.blueTtl, .greenTtl {
  padding: 10px 20px;
  font-size: 3rem;
  font-weight: bold;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  margin-top: 30px;
  color: #FFF;
  display: block;
}

.blueTtl {
  background: #2EA7E0;
}

.greenTtl {
  background: #6AAF48;
}

@media (max-width: 768px) {
  .blueTtl, .greenTtl {
    font-size: 2.4rem;
  }
}
.locationSection {
  padding-block: 60px;
  border-bottom: 1px dotted #ccc;
}
@media (max-width: 768px) {
  .locationSection {
    padding-block: 30px;
  }
}

/* case-study 事例
================================== */
div.case-study-wrap h2,
div.case-study-wrap h3,
div.case-study-wrap h4,
div.case-study-wrap p,
div.case-study-wrap span,
div.case-study-wrap li {
  color: #273343;
  font-weight: 500;
  letter-spacing: 1.25pt;
  margin: 0;
  padding: 0;
}

div.case-study-wrap p {
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 480px) {
  div.case-study-wrap p {
    font-size: 14px;
  }
}
div.case-study-wrap img {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
}

/* メインビジュアル */
div.case-study-main-wrap {
  position: relative;
  background: #F1F4F9;
}

div.case-study-main {
  display: flex;
  justify-content: space-between;
  width: 1920px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

div.case-study-main div.img {
  width: 60.4vw;
}

div.case-study-main div.txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 39.6vw;
}

div.case-study-main div.txt span.company-name {
  display: block;
  font-size: min(1.33vw, 20px);
  font-weight: 600;
  letter-spacing: 0.25pt;
  line-height: 1;
  text-align: left;
}

div.case-study-main div.txt h2.title {
  font-size: min(1.666vw, 32px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.5pt;
  text-align: left;
  margin-top: 10px;
}

/* 能美 */
div.case-study-wrap.nohmi span.company-name {
  color: #198A3B;
}

div.case-study-wrap.nohmi div.case-study-main {
  background: url(../images/case-study/nohmi/mv-bk.png) center/cover no-repeat;
}

/* ZEON */
div.case-study-wrap.zeon span.company-name {
  color: #00B0A2;
}

div.case-study-wrap.zeon div.case-study-main {
  background: url(../images/case-study/zeon/mv-bk.png) center/cover no-repeat;
}

/* 守山乳業株式会社 */
div.case-study-wrap.moriyama span.company-name {
  color: #008751;
}

div.case-study-wrap.moriyama div.case-study-main {
  background: url(../images/case-study/moriyama/mv-bk.png) center/cover no-repeat;
}

.sp-nostyle {
  position: absolute;
  content: "";
  height: auto;
  bottom: -30px;
}

div.case-study-main-wrap .sp-nostyle.img01 {
  right: calc(14.583vw + 30px);
}

div.case-study-main-wrap .sp-nostyle.img02 {
  right: 15px;
}

div.case-study-main-wrap .sp-nostyle img {
  width: 14.583vw;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
}

@media screen and (max-width: 768px) {
  div.case-study-main {
    height: 95.7vw;
    flex-direction: column;
  }
  div.case-study-main div.img {
    width: 100%;
  }
  div.case-study-main div.txt {
    align-items: center;
    width: 100%;
    height: 45.6vw;
    padding-top: 10px;
    box-sizing: border-box;
  }
  div.case-study-main div.txt span.company-name {
    font-size: min(4.16vw, 20px);
  }
  div.case-study-main div.txt h2.title {
    font-size: min(5vw, 32px);
    letter-spacing: 0;
    margin-top: 5px;
  }
  /* 能美 */
  div.case-study-wrap.nohmi div.case-study-main {
    background: url(../images/case-study/nohmi/mv-bk-sp.png) center/cover no-repeat;
  }
  /* ZEON */
  div.case-study-wrap.zeon div.case-study-main {
    background: url(../images/case-study/zeon/mv-bk-sp.png) center/cover no-repeat;
  }
  /* 守山乳業株式会社 */
  div.case-study-wrap.moriyama div.case-study-main {
    background: url(../images/case-study/moriyama/mv-bk-sp.png) center/cover no-repeat;
  }
  div.case-study-main-wrap .sp-nostyle {
    bottom: -45px;
  }
  div.case-study-main-wrap .sp-nostyle img {
    width: 36.458vw;
    border-radius: 2.604vw;
  }
  div.case-study-main-wrap .sp-nostyle.img01 {
    right: calc(36.458vw + 20px);
  }
  div.case-study-main-wrap .sp-nostyle.img02 {
    right: 10px;
  }
}
/* 共通コンテンツパーツ */
div.case-study-area {
  width: 1920px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

div.case-study-area.col {
  background: #F8F7F4;
}

div.case-study-area.col2 {
  background: #F9F9F9;
}

div.case-study-area.gara {
  padding-bottom: 160px;
}

div.case-study-area div.content {
  width: 1100px;
  max-width: 100%;
  margin: 0 auto;
  padding: 80px 15px;
  box-sizing: border-box;
}

div.case-study-area h3 {
  font-size: 24px;
  font-weight: 600;
}

div.case-study-area h4 {
  font-size: 20px;
  font-weight: 600;
}

/* 能美 */
div.case-study-wrap.nohmi div.case-study-area.gara {
  background: url(../images/case-study/nohmi/txt-bk.png) top center/100% no-repeat, url(../images/case-study/endline.png) center bottom no-repeat;
}

/* ZEON */
div.case-study-wrap.zeon div.case-study-area.gara {
  background: url(../images/case-study/zeon/txt-bk.png) top center/100% no-repeat, url(../images/case-study/endline.png) center bottom no-repeat;
}

/* 守山乳業株式会社 */
div.case-study-wrap.moriyama div.case-study-area.gara {
  background: url(../images/case-study/moriyama/txt-bk.svg) top center/100% no-repeat, url(../images/case-study/endline.png) center bottom no-repeat;
}

@media screen and (max-width: 768px) {
  div.case-study-area h3 {
    font-size: 22px;
  }
  div.case-study-area h4 {
    font-size: 18px;
    font-feature-settings: "palt";
  }
  div.case-study-area div.content {
    padding: 60px 15px;
  }
  div.case-study-area.gara {
    padding-bottom: 60px;
  }
  /* 能美 */
  div.case-study-wrap.nohmi div.case-study-area.gara {
    background: url(../images/case-study/nohmi/txt-bk.png) top center/100% no-repeat, url(../images/case-study/endline.png) center bottom/768px no-repeat;
  }
  /* ZEON */
  div.case-study-wrap.zeon div.case-study-area.gara {
    background: url(../images/case-study/zeon/txt-bk.png) top center/100% no-repeat, url(../images/case-study/endline.png) center bottom/768px no-repeat;
  }
  /* 守山乳業株式会社 */
  div.case-study-wrap.moriyama div.case-study-area.gara {
    background: url(../images/case-study/moriyama/txt-bk.svg) top center/100% no-repeat, url(../images/case-study/endline.png) center bottom/768px no-repeat;
  }
}
/* 会社概要 */
div.case-study-area p.eg {
  display: block;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  margin: 0;
  padding: 0;
}

div.case-study-area p.eg + h3 {
  margin-top: 5px;
}

div.com-profile {
  display: flex;
  justify-content: space-between;
}

div.com-profile > div {
  width: calc((100% - 50px) / 2);
}

div.com-profile ul.list {
  list-style: none;
  margin: 15px 0 0;
  padding: 0;
}

div.com-profile ul.list li {
  display: flex;
  justify-content: space-between;
  color: #273343;
  margin: 10px 0 0;
  padding: 10px 0 0;
}

div.com-profile ul.list li + li {
  border-top: 1px solid #e0e0e0;
}

div.com-profile ul.list li span {
  display: inline-block;
  width: 6em;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
}

div.com-profile ul.list li p {
  width: calc(100% - 8em);
  line-height: 1.6;
}

div.com-profile ul.list li a {
  color: #2F66AF;
  letter-spacing: 0;
}

div.com-profile ul.list li a:hover {
  text-decoration: underline;
}

div.thum-box {
  display: flex;
  align-items: center;
  background: #F8F7F4;
  border-radius: 10px;
  overflow: hidden;
}

div.thum-box + div.thum-box {
  margin-top: 15px;
}

div.thum-box div.img {
  width: 280px;
}

div.thum-box div.txt {
  width: calc(100% - 280px);
}

div.thum-box div.txt p {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0;
  padding-left: 1em;
}

/* 能美 */
div.case-study-wrap.nohmi div.case-study-area p.eg {
  color: #198A3B;
}

/* 能美 */
div.case-study-wrap.zeon div.case-study-area p.eg {
  color: #00B0A2;
}

/* 守山乳業株式会社 */
div.case-study-wrap.moriyama div.case-study-area p.eg {
  color: #008751;
}

div.thum-box.half {
  justify-content: space-between;
  background: none;
  overflow: auto;
  border-radius: 0;
}

div.thum-box.half div.inbox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc((100% - 15px) / 2);
  background: #f9f9f9;
  border-radius: 4px;
  overflow: hidden;
}

div.thum-box.half div.img,
div.thum-box.half div.txt {
  width: 100%;
}

div.thum-box.half div.txt {
  padding: 15px 10px;
  box-sizing: border-box;
}

div.thum-box.half div.txt p {
  padding: 0;
  margin: 0;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  div.thum-box div.img {
    width: 200px;
  }
  div.thum-box div.txt {
    width: calc(100% - 200px);
  }
}
@media screen and (max-width: 768px) {
  div.com-profile {
    flex-direction: column;
  }
  div.com-profile > div {
    width: 100%;
  }
  div.com-profile > div + div {
    margin-top: 30px;
  }
  br.br768-non {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  div.com-profile ul.list li span,
  div.com-profile ul.list li p {
    font-size: 14px;
  }
  div.com-profile ul.list li p {
    width: calc(100% - 7em);
  }
  div.thum-box div.img {
    width: 150px;
  }
  div.thum-box div.txt {
    width: calc(100% - 180px);
  }
  div.thum-box div.txt p {
    font-size: 12px;
    padding-left: 10px;
  }
  br.br480-non {
    display: none;
  }
}
/* 各種防災システムで社会の安全に貢献 */
div.case-study-area h3 + p,
div.case-study-area h4 + p,
div.case-study-area p + p {
  margin-top: 10px;
}

div.case-study-area * + h3 {
  margin-top: 50px;
}

div.txt-column {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

div.txt-column.reverse {
  flex-direction: row-reverse;
}

div.txt-column div.img {
  width: 400px;
}

div.txt-column div.txt {
  width: calc(100% - 450px);
}

/* ZEON */
div.column2-flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 30px auto 0;
}

div.column2-flex div {
  width: calc((100% - 50px) / 2);
}

div.column2-flex div p {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  padding-top: 5px;
}

/* 守山乳業株式会社 */
div.case-wrap {
  position: relative;
  padding: 50px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  margin-top: 15px;
}

div.case-wrap.arrow::before {
  position: absolute;
  content: "";
  top: -75px;
  left: 50%;
  transform: translateX(-50%);
  border: 30px solid transparent;
  border-top: 15px solid #008751;
}

ul.pick-num {
  padding: 0;
  margin: 0;
  list-style: none;
  counter-reset: number 0;
}

ul.pick-num li {
  position: relative;
  color: #273343;
  font-size: 20px;
  font-weight: 600;
  padding-left: 45px;
}

ul.pick-num li + li {
  margin-top: 35px;
}

ul.pick-num li::before {
  position: absolute;
  counter-increment: number 1;
  content: counter(number);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 100%;
  min-height: 45px;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  background: #008751;
  border-radius: 4px;
}

ul.pick-num.new li::before {
  background: #FF8706;
}

@media screen and (max-width: 1024px) {
  div.txt-column div.img {
    width: 300px;
  }
  div.txt-column div.txt {
    width: calc(100% - 350px);
  }
  /* ZEON */
  div.column2-flex div {
    width: calc((100% - 30px) / 2);
  }
  div.column2-flex div p {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  div.txt-column,
  div.txt-column.reverse {
    flex-direction: column;
  }
  div.txt-column div.img {
    margin: 0 auto;
  }
  div.txt-column div.txt {
    margin: 30px auto 0;
    width: auto;
  }
  /* ZEON */
  div.column2-flex {
    width: 400px;
  }
  div.column2-flex div {
    width: auto;
  }
  div.column2-flex div + div {
    margin-top: 15px;
  }
  div.column2-flex div p {
    font-size: 14px;
  }
  /* 守山乳業株式会社 */
  div.case-wrap {
    padding: 30px 15px;
  }
  ul.pick-num li {
    font-size: 16px;
    padding-left: 35px;
  }
  ul.pick-num li + li {
    margin-top: 30px;
  }
  ul.pick-num li::before {
    width: 25px;
    font-size: 16px;
    border-radius: 2px;
  }
}
/* 移転新築に伴う作業効率化・改善 */
div.case-study-area p.interviewer {
  position: relative;
  color: #273343;
  margin-top: 30px;
  padding-left: 3em;
}

div.case-study-area p.interviewer::before {
  position: absolute;
  content: "";
  left: 0;
  top: 1em;
  display: inline-block;
  width: 2em;
  height: 1px;
  background: #273343;
}

div.case-study-area p.guest {
  position: relative;
  padding-left: 3em;
}

div.case-study-area p.guest::before {
  position: absolute;
  content: "";
  left: 0;
  display: inline-block;
}

div.case-study-area p.guest.yoshida::before {
  content: "吉田";
}

div.case-study-area p.guest.furuta::before {
  content: "古田";
}

div.case-study-area p.guest.oota::before {
  content: "太田";
}

div.case-study-area p.guest.hara::before {
  content: "原";
}

div.case-study-area p.guest.oohashi::before {
  content: "大橋";
}

div.case-study-area p.guest.kitamura::before {
  content: "北村";
}

div.case-study-area p.guest.yamaguchi::before {
  content: "山口";
}

div.case-study-area p.guest.kobayashi::before {
  content: "小林";
}

div.interview-column {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

div.interview-column div.txt {
  width: calc(100% - 450px);
}

div.interview-column div.img {
  width: 400px;
  max-width: 100%;
  margin-top: 8px;
}

div.interview-column div.img img {
  border-radius: 10px;
}

div.interview-column div.img span {
  display: block;
  font-size: 12px;
  text-align: center;
  margin-top: 10px;
}

/* 能美 */
div.case-study-wrap.nohmi div.case-study-area p.interviewer {
  color: #198A3B;
}

div.case-study-wrap.nohmi div.case-study-area p.interviewer::before {
  background: #198A3B;
}

/* ZEON */
div.case-study-wrap.zeon div.case-study-area p.interviewer {
  color: #00B0A2;
}

div.case-study-wrap.zeon div.case-study-area p.interviewer::before {
  background: #00B0A2;
}

/* 守山乳業株式会社 */
div.case-study-wrap.moriyama div.case-study-area p.interviewer {
  color: #008751;
}

div.case-study-wrap.moriyama div.case-study-area p.interviewer::before {
  background: #008751;
}

@media screen and (max-width: 768px) {
  div.interview-column {
    flex-direction: column;
  }
  div.interview-column div.txt {
    width: auto;
  }
  div.interview-column div.img {
    width: 400px;
    margin: 30px auto 0;
  }
}
/* cost 費用
================================== */
div.new_wrap {
  color: #333;
  font-size: 16px;
  background: #fff;
  padding: 0;
  margin: 0;
}

div.new_wrap p {
  margin: 0;
  padding: 0;
}

div.new_wrap div.inner {
  max-width: 1100px;
  padding: 60px 20px;
  margin: 0 auto;
}

div.new_wrap p.response_read {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

div.new_wrap a.btn {
  display: block;
  max-width: 320px;
  border-radius: 32px;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  padding: 20px 5px;
  text-align: center;
  background: #f3a400;
  margin: 30px auto 0;
  transition: 0.3s ease;
}

div.new_wrap a.btn:hover {
  opacity: 0.45;
}

div.new_wrap h3.caption {
  color: #006289;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.2pt;
  line-height: 1.1;
  text-align: center;
  margin: auto;
  margin: 80px auto 40px;
  padding: 0;
}

div.new_wrap h4.min_title {
  position: relative;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.2pt;
  line-height: 1;
  margin: auto;
  margin: 40px auto 20px;
  padding: 0 0 0 23px;
}

div.new_wrap h4.min_title::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #333;
  border-radius: 9px;
}

table.table.cost {
  border: 1px solid #5b6770;
}

table.table.cost tr th {
  color: #fff;
  background: #5b6770;
}

table.table.cost tr th,
table.table.cost tr td {
  padding: 15px 10px;
  border: 1px solid #5b6770;
}

table.table.cost tr th:nth-child(1) {
  width: 240px;
  border-left: none;
}

table.table.cost tr th:nth-child(2) {
  width: 100px;
}

table.table.cost tr th:nth-child(3),
table.table.cost tr td:nth-child(3) {
  width: calc(100% - 340px);
}

table.table.cost tr td:nth-child(1) {
  width: 240px;
  background: #f7f7f7;
  border-left: none;
}

table.table.cost tr td:nth-child(2) {
  width: 100px;
  text-align: center;
}

table.table.cost tr:last-child td {
  border-bottom: none;
}

div.logos {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 30px auto 0;
  padding: 0;
}

div.logos > div {
  width: calc((100% - 40px) / 3);
}

div.logos div a {
  display: block;
  max-width: 100%;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: #5b6770;
  text-decoration: none;
  transition: 0.3s ease;
}

div.logos div a div {
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  margin: 0 auto 15px;
}

div.logos div a img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

div.logos div a:hover {
  opacity: 0.45;
  text-decoration: underline;
}

div.logos div a span {
  position: relative;
  display: inline-block;
  padding-right: 21px;
}

div.logos div a span::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  background: url(../images/cost/blank_icon.svg) center left/contain no-repeat;
}

@media screen and (max-width: 768px) {
  div.new_wrap h3.caption {
    font-size: 24px;
  }
  table.table.cost tr {
    display: flex;
    width: 100%;
    border: none;
  }
  table.table.cost tr th,
  table.table.cost tr td {
    display: flex;
    align-items: center;
    border: none;
  }
  table.table.cost tr th:nth-child(2),
  table.table.cost tr td:nth-child(2) {
    justify-content: center;
    border-left: 1px solid #5b6770;
    border-right: 1px solid #5b6770;
  }
  table.table.cost tr + tr {
    border-top: 1px solid #5b6770;
  }
  div.logos {
    justify-content: flex-start;
  }
  div.logos > div:nth-child(2n) {
    margin-left: 20px;
  }
  div.logos > div {
    width: calc((100% - 20px) / 2);
  }
  div.logos > div:nth-child(n+3) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 599px) {
  div.over_x {
    overflow-x: scroll;
  }
  table.table.cost {
    width: 768px;
    max-width: initial;
  }
  div.logos {
    display: block;
  }
  div.logos > div:nth-child(2n) {
    margin-left: 0;
  }
  div.logos > div {
    width: 100%;
  }
  div.logos > div:nth-child(n+2) {
    margin-top: 20px;
  }
}
/* reason 選ばれる6つの理由
================================== */
#reason {
  width: 100%;
  margin: 0 auto 40px;
  padding: 80px 0;
  background: #fff;
}

#reason .wap p {
  letter-spacing: 0.1em;
}

#reason .wap p.center {
  display: block;
}

#reason .wap {
  width: 1140px;
  max-width: 100%;
  margin: 0 auto;
  padding-inline: 2rem;
}

/* index */
#reason .wap dl.index_dl {
  display: table;
  width: 100%;
  margin: 40px auto 60px;
  padding: 0;
}

#reason .wap dl.index_dl dd {
  display: table-cell;
  vertical-align: top;
  width: 65%;
  margin: 0;
  padding: 0 2% 0 0;
}

#reason .wap dl.index_dl dt {
  display: table-cell;
  vertical-align: top;
  width: 33%;
  margin: 0;
  padding: 0;
}

#reason .wap dl.index_dl dt img {
  max-width: 100%;
}

#reason .wap dl.index_dl dd p {
  margin: 0 auto 10px;
  padding: 0;
}

#reason .wap dl.index_dl dd p span.pink {
  color: #e56092;
}

#reason .wap dl.index_dl dd ul li {
  font-size: 18px;
}

#reason .wap .index_wap {
  width: 100%;
  margin: 0 auto;
  padding: 80px 0;
  background: url("../images/reason/bkline_top.png") top center no-repeat, url("../images/reason/bkline_bottom.png") bottom center no-repeat;
}

#reason .wap .index_wap h2 {
  display: table;
  font-size: 3.8rem;
  line-height: 1.2em;
  font-weight: 600;
  color: #212121;
  letter-spacing: 1.2pt;
  margin: 0 auto 30px;
  padding: 0;
}

#reason .wap .index_wap h2 span.grn {
  font-size: 3.8rem;
  line-height: 1.2em;
  letter-spacing: 1.2pt;
  font-weight: 600;
  color: #4eba31;
}

#reason .wap .index_wap ul.index_box {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

#reason .wap .index_wap ul.index_box li {
  list-style: none;
  width: 31%;
  margin: 0 3.5% 40px 0;
  padding: 10px;
  border: 6px solid #4eba31;
  border-radius: 8px;
  box-sizing: border-box;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

#reason .wap .index_wap ul.index_box li:nth-child(3n) {
  margin-right: 0;
}

#reason .wap .index_wap ul.index_box li a {
  display: block;
  width: 100%;
  transition: 0.3s;
}

#reason .wap .index_wap ul.index_box li a:hover {
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
}

#reason .wap .index_wap ul.index_box li a img {
  display: block;
  width: 100%;
  margin: 0 auto 5px;
}

#reason .wap .index_wap ul.index_box li p.in_t {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4em;
  padding: 0 0 0 1.2em;
  text-indent: -1.2em;
  margin: 0 auto 10px;
}

#reason .wap .index_wap ul.index_box li a.link_btn {
  display: table;
  width: auto;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 600;
  line-height: 1em;
  color: #fff;
  background: #4eba31;
  border-radius: 24px;
  padding: 12px 18px;
}

#reason .wap .f_img {
  max-width: 100%;
  margin: 0 auto 20px;
  padding: 0;
}

ul.pagenation_ul {
  display: table;
  width: auto;
  margin: 40px 0 0 auto;
  padding: 0;
}

ul.pagenation_ul li {
  list-style: none;
  display: inline-block;
  margin: 0 0 0 4px;
  padding: 0;
}

ul.pagenation_ul li:first-child {
  color: #e56092;
  font-weight: 600;
}

ul.pagenation_ul li a {
  display: block;
  color: #e56092;
  border: 2px solid #e56092;
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1em;
  text-align: center;
}

ul.pagenation_ul li a:hover,
ul.pagenation_ul li.visit a {
  color: #fff;
  background: #e56092;
}

/* 01 */
h3.m_bk {
  display: table;
  color: #fff;
  font-size: 2rem;
  background: url("../images/reason/m_bk.png") center center/cover no-repeat;
  padding: 6px 16px;
  margin: 0 0 10px;
}

p + h3.m_bk {
  margin-top: 50px;
}

ul.reason_point_ul {
  width: 100%;
  margin: 0 auto 40px;
  padding: 0;
  overflow: hidden;
}

ul.reason_point_ul.flex {
  flex-wrap: wrap;
  gap: 0;
}

ul.reason_point_ul li {
  float: left;
  display: table;
  list-style: none;
  width: 49%;
  margin: 0 2% 10px 0;
  border-radius: 6px;
  color: #2ca6e0;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  padding: 12px 0;
  border: 3px solid #2ca6e0;
  box-sizing: border-box;
}

ul.reason_point_ul li:nth-child(2n) {
  margin-right: 0;
}

ul.reason_point_ul li span {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

#reason .wap p.read {
  color: #212121;
  font-size: 2rem;
  line-height: 1.6em;
  font-weight: 600;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 768px) {
  #reason .wap p.read {
    font-size: 1.6rem;
  }
}

#reason .wap p.read span.pink {
  color: #e56092;
}

/* 02 */
ul.osusume_ul {
  width: 100%;
  margin: 0 auto 40px;
  padding: 0;
}

ul.osusume_ul li {
  list-style: none;
  font-size: 2rem;
  font-weight: 600;
  padding: 0 0 0 4em;
  text-indent: -4em;
  margin: 0 auto 10px;
}
@media (max-width: 768px) {
  ul.osusume_ul li {
    font-size: 1.6rem;
  }
}

ul.osusume_ul li span.pink {
  color: #e56092;
}

ul.osusume_ul.en li {
  position: relative;
  padding: 0 0 0 1em;
  text-indent: 0;
}

ul.osusume_ul.en li:before {
  position: absolute;
  display: inline-block;
  content: "●";
  color: #e56092;
  left: 0;
  top: 1.1rem;
  line-height: 1;
  font-size: 1rem;
}
@media (max-width: 768px) {
  ul.osusume_ul.en li:before {
    top: 0.7rem;
  }
}

ul.osusume_ul.en li span.block.min {
  display: block;
  font-size: 13px;
  font-weight: 400;
}

ul.reason_flow {
  display: table;
  width: 100%;
  margin: 0 auto 40px;
  padding: 0;
}

ul.reason_flow li {
  position: relative;
  list-style: none;
  display: table-cell;
  min-width: 180px;
  vertical-align: middle;
  padding-right: 30px;
}

ul.reason_flow li::after {
  position: absolute;
  display: inline-block;
  content: "";
  right: 6px;
  top: 50%;
  margin-top: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 12px;
  border-color: transparent transparent transparent #2ca6e0;
}

ul.reason_flow li:last-child {
  padding-right: 0;
}

ul.reason_flow li:last-child::after {
  display: none;
}

ul.reason_flow li div {
  display: table;
  width: 100%;
  height: 90px;
  border-radius: 6px;
  border: 3px solid #2ca6e0;
  box-sizing: border-box;
}

ul.reason_flow li span.bline {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  color: #2ca6e0;
  text-align: center;
  font-weight: 600;
  font-size: 1.4rem;
}

ul.reason_flow li span.bline span {
  font-size: 12px;
  letter-spacing: 0.4pt;
}

dl.flow_point {
  width: 100%;
  display: table;
  margin: 40px auto 0;
  padding: 0;
}

dl.flow_point dt {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4em;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: #2ca6e0;
}

dl.flow_point dt::after {
  position: absolute;
  display: inline-block;
  content: "";
  right: -40px;
  top: 50%;
  margin-top: -20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #2ca6e0;
}

dl.flow_point dd {
  display: table-cell;
  vertical-align: middle;
  width: 860px;
  padding: 0 0 0 60px;
  margin: 0;
}

dl.flow_point dd div {
  padding: 10px 20px;
  border-radius: 6px;
  border: 3px solid #e56092;
  box-sizing: border-box;
}

dl.flow_point dd div h4 {
  color: #e56092;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6em;
  margin: 0;
  padding: 0;
}

dl.flow_point dd div p {
  font-size: 16px;
  line-height: 1.6em;
  margin: 0 auto;
  padding: 0;
}

/* 03 */
ul.osusume_ul.num li {
  padding: 0 0 0 1em;
  text-indent: -1em;
}

/* 06 */
dl.reason_dl06 {
  display: table;
  width: 100%;
  margin: 0 auto 40px;
  padding: 0;
}

dl.reason_dl06 dd {
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.5pt;
  display: table-cell;
  vertical-align: top;
  width: 65%;
  margin: 0;
  padding: 0 3% 0 0;
}

dl.reason_dl06 dd p {
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.5pt;
  margin: 0 auto;
  padding: 0;
}

dl.reason_dl06 dd p strong {
  font-weight: 600;
}

dl.reason_dl06 dd p.f20 {
  font-size: 20px;
}

dl.reason_dl06 dt {
  display: table-cell;
  vertical-align: top;
  width: 32%;
  margin: 0;
  padding: 0;
}

dl.reason_dl06 dt img {
  display: block;
  width: 100%;
}

dl.reason_dl06.right dd {
  float: right;
  padding: 0 0 0 3%;
}

dl.reason_dl06.right dt {
  float: left;
}

dl.reason_dl06.right dd p {
  text-align: left;
}

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

.mb_20 {
  margin-bottom: 20px !important;
}

.mb_40 {
  margin-bottom: 40px !important;
}

br.pc {
  display: inline;
}

.pc_only {
  display: block;
}

.sp_only {
  display: none;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  #reason {
    padding: 60px 0;
  }
  ul.pagenation_ul {
    width: auto;
    margin: 20px auto 0;
  }
  ul.pagenation_ul li {
    list-style: none;
    display: inline-block;
    margin: 0 2px 10px;
    padding: 0;
  }
  ul.pagenation_ul li:first-child {
    display: block;
    font-size: 14px;
    letter-spacing: 0.4pt;
  }
  /* index */
  #reason .wap dl.index_dl {
    display: block;
    margin: 15px auto 30px;
  }
  #reason .wap dl.index_dl dd {
    display: block;
    width: 100%;
    margin: 0 auto 10px;
    padding: 0;
  }
  #reason .wap dl.index_dl dt {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  #reason .wap dl.index_dl dd p {
    margin: 0 auto 10px;
    padding: 0;
  }
  #reason .wap dl.index_dl dd ul li {
    font-size: 16px;
  }
  #reason .wap .index_wap {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    background: url("../images/reason/bkline_top.png") top center/100% no-repeat, url("../images/reason/bkline_bottom.png") bottom center/100% no-repeat;
  }
  #reason .wap .index_wap h2 {
    text-align: center;
    font-size: 2.8rem;
    margin: 0 auto 20px;
  }
  #reason .wap .index_wap h2 span.grn {
    font-size: 24px;
  }
  #reason .wap .index_wap ul.index_box li {
    float: none;
    width: 100%;
    margin: 0 auto 20px;
  }
  #reason .wap .index_wap ul.index_box li:nth-child(3n) {
    margin-right: 0;
  }
  #reason .wap .index_wap ul.index_box li p.in_t {
    font-size: 14px;
  }
  /* 01 */
  h3.m_bk {
    font-size: 1.6rem;
    margin: 0 auto 10px;
    background: url("../images/reason/m_bk.png") center center/100% no-repeat, #4eba31;
  }
  ul.reason_point_ul {
    margin: 0 auto 20px;
  }
  ul.reason_point_ul li {
    float: none;
    width: 100%;
    margin: 0 auto 10px;
  }
  ul.reason_point_ul li span {
    display: table;
  }
  p.read {
    font-size: 18px;
  }
  /* 02 */
  dl.reason_dl06.right dd {
    float: none;
    padding: 0;
  }
  dl.reason_dl06.right dt {
    float: none;
  }
  ul.osusume_ul {
    margin: 0 auto 30px;
  }
  ul.osusume_ul li {
    padding: 0 0 0 4.5em;
    text-indent: -4.4em;
  }
  ul.osusume_ul.en li {
    padding: 0 0 0 1em;
    text-indent: 0;
  }
  ul.osusume_ul.en li:before {
    position: absolute;
  }
  ul.reason_flow {
    display: block;
    margin: 0 auto 30px;
  }
  ul.reason_flow li {
    display: block;
    width: 100%;
    min-width: 100%;
    padding: 0 0 30px 0;
  }
  ul.reason_flow li::after {
    right: 50%;
    top: auto;
    bottom: 8px;
    margin: 0 -12px 0 0;
    border-width: 12px 12px 0 12px;
    border-color: #2ca6e0 transparent transparent transparent;
  }
  ul.reason_flow li div {
    display: block;
    width: 100%;
    height: auto;
  }
  ul.reason_flow li span.bline {
    display: block;
    padding: 18px 6px;
    box-sizing: border-box;
  }
  dl.flow_point {
    display: block;
    margin: 30px auto 0;
  }
  dl.flow_point dt {
    display: block;
    width: 160px;
    height: 100px;
    padding: 14px 20px 30px;
    margin: 0 auto 40px;
    font-size: 1.4rem;
  }
  dl.flow_point.short dt {
    padding-top: 23px;
  }
  dl.flow_point.last dt {
    padding: 30px 20px 15px;
  }
  dl.flow_point dt::after {
    right: 50%;
    top: 105%;
    margin: 0 -20px 0 0;
    border-width: 20px 20px 0 20px;
    border-color: #2ca6e0 transparent transparent transparent;
  }
  dl.flow_point dd {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 auto;
  }
  dl.flow_point dd div {
    padding: 10px 20px;
  }
  dl.flow_point dd div h4 {
    font-size: 16px;
  }
  dl.flow_point dd div p {
    font-size: 14px;
  }
  /* 06 */
  dl.reason_dl06 {
    display: block;
    margin: 0 auto 20px;
  }
  dl.reason_dl06 dd {
    display: block;
    width: 100%;
    margin: 0 auto 10px;
    padding: 0;
  }
  dl.reason_dl06 dt {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  dl.reason_dl06 dt img {
    max-width: 420px;
    margin: 0 auto;
  }
  br.pc {
    display: none;
  }
  .pc_only {
    display: none;
  }
  .sp_only {
    display: block;
  }
}
p.catch {
  font-size: 30px;
  letter-spacing: -0.8pt;
  font-weight: 800;
  margin: 20px auto 40px;
}

p.catch span.pink {
  color: #e56092;
}

p.catch span.big {
  font-size: 1.5em;
}

div.flex_top,
div.flex_bottom {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 20px;
}

div.flex_bottom {
  margin-bottom: 80px;
}

div.flex_top > div,
div.flex_bottom > div {
  position: relative;
  flex: 18.4%;
  max-width: 18.4%;
  box-sizign: border-box;
  margin-right: 2%;
}

div.flex_top > div:last-child,
div.flex_bottom > div:last-child {
  margin-right: 0;
}

div.flex_top > div {
  padding-bottom: 215px;
  background: url("../images/reason/01/yazi_tate.png") center bottom no-repeat;
}

div.flex_top > div {
  position: relative;
}

div.flex_top > div span::after {
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  margin-top: -14px;
  right: -110px;
  width: 91px;
  height: 28px;
  background: url("../images/reason/01/yazi_yoko.png") right center no-repeat;
}

div.flex_top > div:last-child span::after {
  display: none;
}

div.flex_top > div p {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  display: table;
  width: 90px;
  height: 90px;
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 1em;
  border-radius: 45px;
  margin: 0 auto 0 -45px;
  background: #2ca6e0;
}

div.flex_top > div p span {
  display: table-cell;
  width: 100%;
  line-height: 1em;
  vertical-align: middle;
}

.point_rela {
  position: relative;
}

#reason span.point {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  background: #2ca6e0;
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 8px 0;
}

div.flex_bottom > div {
  border-radius: 6px;
  padding-top: 80px;
  border: 3px solid #2ca6e0;
  box-sizing: border-box;
}

div.flex_bottom > div:first-child {
  background: url("../images/reason/01/icon_b01.png") center top 20px/60px no-repeat;
}

div.flex_bottom > div:nth-child(2) {
  background: url("../images/reason/01/icon_b02.png") center top 20px/50px no-repeat;
}

div.flex_bottom > div:nth-child(3) {
  background: url("../images/reason/01/icon_b03.png") center top 20px/70px no-repeat;
}

div.flex_bottom > div:nth-child(4) {
  background: url("../images/reason/01/icon_b04.png") center top 20px/70px no-repeat;
}

div.flex_bottom > div:last-child {
  background: url("../images/reason/01/icon_b05.png") center top 20px/60px no-repeat;
}

div.flex_bottom > div p.number {
  position: relative;
  display: block;
  width: 94%;
  margin: 0 auto 20px;
  padding: 100px 10px 10px;
  color: #fff;
  font-size: 18px;
  letter-spacing: 0;
  text-align: center;
  background: #2ca6e0;
  box-sizing: border-box;
}

div.flex_bottom > div p.number.matchHeight {
  height: 180px;
}

div.flex_bottom > div:nth-child(2) p.number {
  padding-top: 90px;
}

div.flex_bottom > div p.number::before {
  position: absolute;
  content: "1";
  left: 0;
  right: 0;
  top: 10px;
  font-weight: 800;
  font-size: 74px;
  line-height: 1em;
}

div.flex_bottom > div:nth-child(2) p.number::before {
  content: "2";
}

div.flex_bottom > div:nth-child(3) p.number::before {
  content: "3";
}

div.flex_bottom > div:nth-child(4) p.number::before {
  content: "4";
}

div.flex_bottom > div:last-child p.number::before {
  content: "5";
}

div.flex_bottom > div p.icon {
  display: block;
  width: 94%;
  margin: 0 auto;
  font-weight: 600;
  line-height: 30px;
  padding-left: 30px;
  box-sizing: border-box;
  font-size: 22px;
  min-height: auto;
}

div.flex_bottom > div p.icon.pink {
  color: #e56092;
  background: url("../images/reason/01/icon01.png") left center/24px no-repeat;
}

div.flex_bottom > div p.icon.blue {
  color: #2ca6e0;
  background: url("../images/reason/01/icon02.png") left center/24px no-repeat;
}

div.flex_bottom > div p {
  display: block;
  width: 94%;
  margin: 5px auto 10px;
  padding: 0 0 0 30px;
  font-size: 16px;
  line-height: 1.4em;
  letter-spacing: 0.4pt;
  min-height: 70px;
  box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
  p.catch {
    display: table;
    font-size: 24px;
  }
  div.flex_top > div span::after {
    right: -80px;
    width: 60px;
    background: url("../images/reason/01/yazi_yoko.png") right center/60px no-repeat;
  }
  #reason span.point {
    font-size: 20px;
  }
  div.flex_bottom > div p.number {
    font-size: 16px;
  }
  div.flex_bottom > div p.icon {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  div.flex_top > div {
    padding-bottom: 115px;
  }
  div.flex_top > div span::after {
    right: -20px;
    z-index: -1;
  }
  div.flex_top > div p {
    width: 80px;
    height: 80px;
    font-size: 16px;
    z-index: 10;
    margin-left: -40px;
  }
  #reason span.point {
    bottom: 45px;
    font-size: 18px;
    padding: 6px 0;
  }
}
@media screen and (max-width: 640px) {
  div.flex_bottom > div p.number.matchHeight {
    height: auto;
  }
  div.flex_top {
    display: none;
  }
  p.catch {
    font-size: 18px;
    margin-bottom: 20px;
  }
  #reason span.point {
    position: relative;
    bottom: auto;
  }
  div.flex_bottom {
    margin-bottom: 40px;
  }
  div.flex_bottom > div {
    flex: 100%;
    max-width: 100%;
    margin: 20px auto;
    padding-bottom: 20px;
  }
  div.flex_bottom > div::after {
    position: absolute;
    content: "";
    bottom: -30px;
    left: 50%;
    display: inline-block;
    border-style: solid;
    border-color: #2ca6e0 transparent transparent transparent;
    border-width: 10px 20px 0 20px;
    margin-left: -20px;
  }
  div.flex_bottom > div:last-child::after {
    display: none;
  }
  div.flex_bottom > div p.number {
    padding: 90px 10px 10px;
    font-size: 20px;
  }
  div.flex_bottom > div p {
    min-height: auto;
  }
}
div.flex.add0112 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px auto 0;
  padding: 0;
}

div.flex.add0112 div p {
  font-size: 16px;
  margin: 0;
  padding: 0;
}

div.flex.add0112 div:first-child {
  width: 380px;
  margin-right: 20px;
}

div.flex.add0112 div ul.check_li {
  margin: 20px auto 0;
  padding: 0;
}

div.flex.add0112 div ul.check_li li {
  position: relative;
  list-style: none;
  padding: 0 0 0 35px;
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}

div.flex.add0112 div ul.check_li li + li {
  margin-top: 15px;
}

div.flex.add0112 div ul.check_li li::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  background: url(../images/reason/06/check.png) center/25px no-repeat;
}

div.flex.inspection {
  display: flex;
  flex-wrap: wrap;
  margin: 20px auto 0;
  padding: 0;
  gap: 0;
}

div.flex.inspection div {
  width: 49%;
  padding: 20px;
  margin: 0 2% 0 0;
  border: 5px solid #efefef;
  box-sizing: border-box;
}

div.flex.inspection div:nth-child(2n) {
  margin-right: 0;
}

div.flex.inspection div:nth-child(n+3) {
  margin-top: 20px;
}

div.flex.inspection div p.heading {
  position: relative;
  font-size: 2rem;
  line-height: 1;
  font-weight: 600;
  margin: 0;
  padding: 0 0 0 1.25em;
}
@media (max-width: 768px) {
  div.flex.inspection div p.heading {
    font-size: 1.6rem;
  }
}

div.flex.inspection div p.heading::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: #327E1E;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

div.flex.inspection div ul {
  margin: 10px auto 0;
  padding: 0;
}

div.flex.inspection div ul li {
  position: relative;
  list-style: none;
  font-size: 2rem;
  line-height: 1.3;
  margin: 0;
  padding: 0 0 0 1em;
}
@media (max-width: 768px) {
  div.flex.inspection div ul li {
    font-size: 1.6rem;
  }
}

div.flex.inspection div ul li + li {
  margin-top: 5px;
}

div.flex.inspection div ul li::before {
  position: absolute;
  content: "・";
  top: 0;
  left: 0;
  line-height: 1.3;
  color: #327E1E;
}

div.reason_flow {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 20px auto 0;
  padding: 0;
}

div.reason_flow > div {
  position: relative;
  border-radius: 6px;
  padding: 20px 10px;
  border: 3px solid #2ca6e0;
  width: calc(25% - 30px);
  box-sizing: border-box;
}

div.reason_flow > div::after {
  position: absolute;
  display: inline-block;
  content: "";
  right: -30px;
  top: 50%;
  margin-top: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 12px;
  border-color: transparent transparent transparent #2ca6e0;
}

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

div.reason_flow > div:last-child::after {
  display: none;
}

div.reason_flow div div {
  display: table;
  width: 100%;
}

div.reason_flow div span.bline {
  display: inline-block;
  width: 100%;
  font-size: 20px;
  line-height: 1;
  color: #2ca6e0;
  text-align: center;
  font-weight: 600;
}

div.reason_flow div ul {
  list-style: none;
  margin: 10px auto 0;
  padding: 0;
}

div.reason_flow div ul li {
  position: relative;
  font-size: 16px;
  line-height: 1.3;
  padding: 0 0 0 1em;
  margin: 0;
}

div.reason_flow div ul li + li {
  margin-top: 5px;
}

div.reason_flow div ul li::before {
  position: absolute;
  content: "・";
  top: 0;
  left: 0;
  line-height: 1.3;
  color: #2ca6e0;
}

@media screen and (max-width: 768px) {
  div.flex.add0112 {
    display: block;
  }
  div.flex.add0112 div:first-child {
    width: auto;
    margin: 0 auto 20px;
  }
  div.reason_flow {
    display: block;
  }
  div.reason_flow > div {
    width: auto;
  }
  div.reason_flow > div + div {
    margin-top: 30px;
  }
  div.reason_flow > div::after {
    display: inline-block;
    right: auto;
    top: auto;
    margin-top: 0;
    bottom: -25px;
    left: 50%;
    margin-left: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0 12px;
    border-color: #2ca6e0 transparent transparent transparent;
  }
  div.reason_flow div div {
    display: table;
    width: 100%;
  }
  div.reason_flow div span.bline {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    line-height: 1;
    color: #2ca6e0;
    text-align: center;
    font-weight: 600;
  }
  div.reason_flow div ul {
    list-style: none;
    margin: 10px auto 0;
    padding: 0;
  }
  div.reason_flow div ul li {
    position: relative;
    font-size: 16px;
    line-height: 1.3;
    padding: 0 0 0 1em;
    margin: 0;
  }
  div.reason_flow div ul li + li {
    margin-top: 5px;
  }
  div.reason_flow div ul li::before {
    position: absolute;
    content: "・";
    top: 0;
    left: 0;
    line-height: 1.3;
    color: #2ca6e0;
  }
}
@media screen and (max-width: 599px) {
  div.flex.inspection {
    display: block;
  }
  div.flex.inspection div {
    width: auto;
    margin: 0 auto;
  }
  div.flex.inspection div:nth-child(2n) {
    margin: 15px auto 0;
  }
  div.flex.inspection div:nth-child(n+3) {
    margin-top: 15px;
  }
  div.flex.inspection div p.heading::before {
    width: 18px;
    height: 18px;
  }
}
/* our-mission 私たちの信念
================================== */
div.new_low-wrap {
  position: relative;
  background: #fff;
  z-index: 0;
  margin-top: -1px;
  margin-inline: auto;
  max-width: 100%;
}

div.new_low-wrap * {
  margin: 0;
}

div.new_low-wrap span.low-grn {
  color: #006289;
}

div.new_low-wrap div.our-mission-main {
  position: relative;
  padding: 0 15px;
  z-index: 0;
}

div.new_low-wrap div.our-mission-main::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: -1px;
  left: 0;
  width: 100%;
  height: 50%;
  background: #006289;
  z-index: -1;
}

div.new_low-wrap div.our-mission-main div.inner {
  max-width: 1100px;
  padding: 50px 2rem;
  margin: 0 auto;
  background: #fff;
  border-radius: min(2.604vw, 20px);
}

div.new_low-wrap div.our-mission-main div.inner p.eg-title {
  color: #006289;
  font-size: clamp(2rem, 2.929vw, 2.4rem);
  font-weight: 500;
  text-align: center;
  line-height: 1;
}

div.new_low-wrap div.our-mission-main div.inner p.title {
  font-size: clamp(28px, 4.6875vw, 38px);
  letter-spacing: 0.5pt;
  font-weight: 600;
  text-align: center;
  padding-top: 10px;
}

div.new_low-wrap div.our-mission-main div.inner p.read {
  font-size: clamp(20px, 2.929vw, 30px);
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
  padding-top: 30px;
}

div.new_low-wrap p.message {
  font-size: clamp(1.8rem, 2.343vw, 2.4rem);
  line-height: 1.6;
  font-weight: 600;
  text-align: center;
  margin: 0;
  padding: 0 15px;
}

div.new_low-wrap p.message + p.message {
  padding-top: clamp(15px, 3.906vw, 30px);
}

div.new_low-wrap div.low-box {
  margin-top: 100px;
  padding: 100px 15px 200px;
  background: #F8F7F4;
}

div.new_low-wrap div.low-box div.inner {
  max-width: 1100px;
  margin: 0 auto;
}

div.new_low-wrap div.low-box p.heading {
  font-size: clamp(2.4rem, 3.51vw, 3rem);
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
}

div.new_low-wrap div.low-box p.band {
  display: table;
  color: #fff;
  font-size: clamp(2rem, 2.34vw, 2.4rem);
  font-weight: 600;
  text-align: center;
  margin: 15px auto 0;
  padding: 15px 5px 15px 10px;
  background: #006289;
  border-radius: 8px;
}

div.new_low-wrap div.mission-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 50px;
  padding: 0;
}

div.new_low-wrap div.mission-list div {
  position: relative;
  width: calc((100% - clamp(50px, 5.208vw, 100px)) / 3);
  padding: clamp(30px, 3.33vw, 50px) clamp(15px, 2vw, 30px);
  background: #fff;
  height: clamp(500px, 40vw, 600px);
  border-radius: min(2.604vw, 20px);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

div.new_low-wrap div.mission-list div:nth-child(n+4) {
  margin-top: clamp(30px, 3.33vw, 50px);
}

div.new_low-wrap div.mission-list div:nth-child(3n+2) {
  top: clamp(30px, 3.33vw, 50px);
}

div.new_low-wrap div.mission-list div:nth-child(3n+3) {
  top: clamp(50px, 5.208vw, 100px);
}

div.new_low-wrap div.mission-list div p.num {
  position: relative;
  display: inline-block;
  color: #006289;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 900;
  padding: 0 0 9px;
}
@media (max-width: 768px) {
  div.new_low-wrap div.mission-list div p.num {
    font-size: 2rem;
  }
}

div.new_low-wrap div.mission-list div p.num::before {
  position: absolute;
  content: "";
  display: inline-block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #006289;
}

div.new_low-wrap div.mission-list div h3 {
  font-size: clamp(2rem, 2.4vw, 2.6rem);
  letter-spacing: 0;
  padding-top: 15px;
}

div.new_low-wrap div.mission-list div h3::first-letter {
  color: #006289;
}

div.new_low-wrap div.mission-list div p {
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 0.5pt;
  font-weight: 600;
  padding-top: clamp(15px, 3.906vw, 30px);
}
@media (max-width: 768px) {
  div.new_low-wrap div.mission-list div p {
    font-size: 1.4rem;
  }
}

br.br480 {
  display: none;
}

br.br768 {
  display: none;
}

div.low-mov-box {
  position: relative;
  max-width: 1100px;
  height: 660px;
  margin: 50px auto 0;
}
@media (max-width: 1130px) {
  div.low-mov-box {
    width: calc(100% - 2rem);
    height: 0;
    padding-inline: 2rem;
    padding-top: 58.5%;
  }
}

div.low-mov-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div.new_low-wrap div.mission-list div.inquiry {
  background: #0076a9;
}

div.new_low-wrap div.mission-list div.inquiry p.num {
  width: 30px;
  height: 40px;
  background: url(../images/our/memo_i.svg) top center/30px no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

div.new_low-wrap div.mission-list div.inquiry p.num::before {
  bottom: 0;
  background: #F3A400;
}

div.new_low-wrap div.mission-list div.inquiry h3,
div.new_low-wrap div.mission-list div.inquiry p {
  color: #fff;
}

div.new_low-wrap div.mission-list div.inquiry h3::first-letter {
  color: #F3A400;
}

div.new_low-wrap div.mission-list div a.btn {
  color: #fff;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  div.new_low-wrap div.mission-list div {
    height: auto;
    width: calc((100% - 15px) / 2);
  }
  div.new_low-wrap div.mission-list div:nth-child(3n+2),
  div.new_low-wrap div.mission-list div:nth-child(3n+3) {
    top: 0;
  }
  div.new_low-wrap div.mission-list div:nth-child(n+4) {
    margin-top: auto;
  }
  div.new_low-wrap div.mission-list div:nth-child(n+3) {
    margin-top: 15px;
  }
  div.low-mov-box {
    width: calc(100% - 30px);
    height: 0;
    padding-top: 58.5%;
  }
}
@media screen and (max-width: 768px) {
  div.new_low-wrap div.low-box {
    padding: 50px 15px;
    margin-top: 50px;
  }
  br.br {
    display: none;
  }
  br.br768 {
    display: inline;
  }
  br.br768-non {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  div.new_low-wrap p.message {
    text-align: left;
  }
  div.new_low-wrap div.mission-list div {
    width: 100%;
  }
  div.new_low-wrap div.mission-list div:nth-child(n+2) {
    margin-top: 15px;
  }
  div.new_low-wrap div.mission-list div a.btn {
    margin-top: 75px;
  }
  br.br480 {
    display: inline-block;
  }
  br.br480-non {
    display: none;
  }
}
/* our-policy ソース完全公開のこだわり
================================== */
div.new_low-wrap div.our-policy-main div.inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: clamp(50px, 6.66vw, 100px) 0 clamp(25px, 3.33vw, 50px);
}

div.new_low-wrap div.our-policy-main div.inner p.eg-title {
  color: #006289;
  font-size: clamp(2rem, 2.929vw, 2.4rem);
  font-weight: 500;
  text-align: center;
  line-height: 1;
}

div.new_low-wrap div.our-policy-main div.inner p.title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(2.8rem, 4.6875vw, 4.4rem);
  letter-spacing: 0.5pt;
  font-weight: 600;
  text-align: center;
  padding-top: 10px;
}

div.new_low-wrap div.our-policy-main div.inner p.title::before,
div.new_low-wrap div.our-policy-main div.inner p.title::after {
  content: "";
  flex-grow: 1;
  height: 2px;
  background: #111;
}

div.new_low-wrap div.our-policy-main div.inner p.title::before {
  margin-right: 1em;
}

div.new_low-wrap div.our-policy-main div.inner p.title::after {
  margin-left: 1em;
}

div.new_low-wrap div.our-policy-main div.inner p.read {
  font-size: clamp(16px, 1.953vw, 20px);
  font-weight: 600;
  line-height: 2;
  text-align: center;
}

div.new_low-wrap div.low-box.txt {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}

div.new_low-wrap div.low-box.txt::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: min(-9vw, -42px);
  left: 50%;
  transform: translateX(-50%);
  width: clamp(375px, 78.125vw, 1100px);
  max-width: 100%;
  height: clamp(44.66px, 9.3vw, 178.63px);
  background: url(../images/our/txt-interstock.svg) center/contain no-repeat;
  z-index: -1;
}

div.new_low-wrap div.policy-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

div.new_low-wrap div.policy-list div {
  position: relative;
  width: calc((100% - min(6.66vw, 100px)) / 2);
  padding: 6rem 3rem;
  background: #fff;
  border-radius: min(2.604vw, 20px);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  div.new_low-wrap div.policy-list div {
    padding: 3rem 2rem;
  }
}

div.new_low-wrap div.policy-list div h3 {
  font-size: clamp(2.4rem, 2.4vw, 3rem);
  letter-spacing: 0;
  padding-top: 15px;
}

div.new_low-wrap div.policy-list div p {
  font-size: clamp(16px, 1.8vw, 20px);
  line-height: 2;
  letter-spacing: 0.5pt;
  font-weight: 600;
  padding-top: clamp(15px, 3.906vw, 30px);
}

@media screen and (max-width: 1024px) {
  div.new_low-wrap div.policy-list div {
    width: 100%;
  }
  div.new_low-wrap div.policy-list div + div {
    margin-top: 15px;
  }
}
@media screen and (max-width: 480px) {
  div.new_low-wrap div.our-policy-main div.inner p.title::before,
  div.new_low-wrap div.our-policy-main div.inner p.title::after {
    display: none;
  }
}
/* column 物流・倉庫改革の夜明け
================================== */
.full {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  line-height: 1.4;
}

/*共通*/
.w320 {
  width: 320px;
  max-width: 100%;
  padding-inline: 2rem;
}

.w480 {
  width: 480px;
  max-width: 100%;
  padding-inline: 2rem;
}

.w560 {
  width: 560px;
  max-width: 100%;
  padding-inline: 2rem;
}

.w995 {
  width: 995px;
  max-width: 100%;
  padding-inline: 2rem;
}

.w1030 {
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-inline: 2rem;
}

.w1000 {
  width: 1000px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-inline: 2rem;
}

.w1035 {
  width: 1065px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-inline: 2rem;
}

.w1055 {
  width: 1055px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-inline: 2rem;
}

.w1065 {
  width: 1065px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-inline: 2rem;
}

.w1075 {
  width: 1075px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-inline: 2rem;
}

.w1100 {
  width: 1100px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-inline: 2rem;
}

.w1065.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0;
}

.w1065.flex > div.mail_main {
  flex: 65%;
  max-width: 65%;
  margin-right: 2%;
  padding-right: 2%;
  border-right: 1px solid #333;
  box-sizing: border-box;
}

.w1065.flex > div.mail_side {
  flex: 33%;
  max-width: 33%;
}

.w1065.flex > div.mail_side h3 {
  font-size: 2.4rem;
  display: block;
  text-align: center;
  line-height: 1;
  color: #333;
  padding: 0 0 10px;
  margin: 40px auto 10px;
  border-bottom: 1px solid #333;
}
@media (max-width: 768px) {
  .w1065.flex > div.mail_side h3 {
    font-size: 2rem;
  }
}

.column {
  /*2020.04.16 追加*/
  /*2020.06.17 追加*/
}
.column div.under_title h2 span.min {
  display: block;
  font-size: 18px;
  line-height: 1.2;
  margin: 10px auto;
}
.column div.under_title h2 span.min.yel {
  color: #ff0;
}
.column div.mail_wap {
  width: 100%;
  margin: 0 auto;
  padding: 40px 0;
}
.column h2.news_title {
  line-height: 80px;
  background: url(../images/news/news_title.png) left center/80px no-repeat;
  padding: 0 0 0 90px;
  margin: 0 auto 10px;
}
.column div.flex_box, .column a.news_list {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 20px auto 40px;
  padding: 0;
}
.column a.news_list {
  width: 1024px;
  max-width: 100%;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  margin: 20px auto 0;
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
}
.column div.flex_box > div:first-child {
  flex: 40%;
  max-width: 40%;
}
.column div.flex_box > div:last-child {
  flex: 58%;
  max-width: 58%;
}
.column div.flex_box > div img,
.column a.news_list > div img {
  max-width: 100%;
}
.column div.flex_box > div h3 {
  margin: 0 0 20px;
  padding: 0;
}
.column div.flex_box > div h3 > a {
  color: #327e00;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
.column div.flex_box > div h3 > a:hover {
  text-decoration: underline;
}
.column div.flex_box > div p {
  font-size: 16px;
  line-height: 1.8em;
  margin: 0 auto 20px;
  padding: 0;
}
.column div.flex_box > div p span {
  display: table;
  line-height: 1;
  font-size: 12px;
  color: #fff;
  background: #327e00;
  padding: 6px 8px;
  margin: 10px 0 0;
}
.column div.flex_box > div a.more {
  position: relative;
  display: table;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  padding: 8px 24px 8px 8px;
  margin: 0 0 0 auto;
  background: #343434;
  border-radius: 6px;
  transition: 0.3s ease;
}
.column div.flex_box > div a.more::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 4px;
  height: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  margin-top: -3px;
  transform: translateX(-50%) rotate(45deg);
}
.column div.flex_box > div a.more:hover {
  opacity: 0.35;
  -ms-filter: "alpha(opacity=35)";
}
.column a.news_list > div:first-child {
  flex: 150px;
  max-width: 150px;
  height: auto;
  margin-right: 15px;
}
.column a.news_list > div span {
  display: table;
  margin: 0 0 10px;
  padding: 0;
  line-height: 1;
  font-size: 16px;
}
.column a.news_list > div h3 {
  display: table;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.2pt;
  margin: 0;
  padding: 0;
}
.column div.flex_3col {
  display: flex;
  justify-content: space-between;
  width: 660px;
  margin: 20px auto 0;
  padding: 20px;
  border: 1px solid #ccc;
  background: #fff;
  overflow: hidden;
}
.column div.flex_3col > div {
  flex: 32%;
  max-width: 32%;
}
.column div.flex_3col > div p {
  margin: 0;
  padding: 0;
}
.column div.flex_3col > div p span.spe {
  display: block;
  color: #fff;
  background: #343434;
  line-height: 1;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  padding: 8px 12px;
  margin: 0 auto 5px;
}
.column div.flex_3col > div p span.red {
  display: block;
  color: #903;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
}
.column div.flex_3col > div p {
  font-size: 14px;
}
.column div.page_nation {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 240px;
  max-width: 420px;
  margin: 40px auto;
  padding: 0;
}
.column div.page_nation > a,
.column div.page_nation > span {
  display: block;
  color: #fff;
  background: #343434;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0;
  padding: 6px 8px;
  transition: 0.3s ease;
  margin: 0 2px;
}
.column div.page_nation > span.current {
  background: #999;
}
.column div.page_nation > a:hover,
.column div.page_nation > span:hover {
  opacity: 0.35;
  -ms-filter: "alpha(opacity=35)";
}
.column ul.new_list, .column ul.popularity_list {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
.column ul.new_list li, .column ul.popularity_list li {
  list-style: none;
  margin: 0;
  padding: 0 0 5px;
  border-bottom: 1px dotted #ccc;
}
.column ul.new_list li + li,
.column ul.popularity_list li + li {
  margin-top: 10px;
}
.column ul.new_list li a {
  width: 100%;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  color: #222;
  font-size: 14px;
  line-height: 1.4em;
}
.column ul.new_list li a span.day {
  display: table;
  font-weight: 500;
}
.column ul.new_list li a:hover {
  text-decoration: underline;
}
.column ul.new_list li a > div img {
  width: 100%;
  height: auto;
}
.column ul.new_list li a > div:first-child {
  flex: 25%;
  max-width: 25%;
}
.column ul.new_list li a > div:last-child {
  flex: 73%;
  max-width: 73%;
}
.column ul.popularity_list li a {
  position: relative;
  display: block;
  text-align: center;
  margin: 0 auto;
  padding: 15px 0 0;
  transition: 0.3s ease;
}
.column ul.popularity_list li a::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: 0;
  left: 0;
  width: 61px;
  height: 51px;
  background: url(../images/news/num_icon01.png) center no-repeat;
  z-index: 1;
}
.column ul.popularity_list li:nth-child(2) a::before {
  background: url(../images/news/num_icon02.png) center no-repeat;
}
.column ul.popularity_list li:nth-child(3) a::before {
  background: url(../images/news/num_icon03.png) center no-repeat;
}
.column ul.popularity_list li a img {
  display: block;
  width: 90%;
  margin: 0 auto;
}
.column ul.popularity_list li a span.genre {
  display: block;
  max-width: 90%;
  margin: 10px auto;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  padding: 4px 6px;
  background: #006289;
  box-sizing: border-box;
}
.column ul.popularity_list li a p.count {
  max-width: 90%;
  text-align: right;
  margin: 5px auto 8px;
  padding: 0;
  font-size: 12px;
  line-height: 1;
}
.column ul.popularity_list li a:hover {
  opacity: 0.35;
  -ms-filter: "alpha(opacity=35)";
}
.column a.archive_li {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 0.3s ease;
}
.column a.archive_li:hover {
  text-decoration: underline;
}
.column a.archive_li + a.archive_li {
  margin-top: 40px;
}
.column a.archive_li > div {
  flex: 35%;
  max-width: 35%;
}
.column a.archive_li > div:last-child {
  position: relative;
  flex: 63%;
  max-width: 63%;
}
.column a.archive_li > div img {
  display: block;
  width: 100%;
  height: auto;
}
.column a.archive_li > div h3 {
  color: #006289;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 600;
  margin: 0 auto 10px;
  padding: 0;
}
.column a.archive_li > div p {
  color: #333;
  line-height: 1.4;
  margin: 0 auto 20px;
  padding: 0;
}
.column a.archive_li ul {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
.column a.archive_li ul li {
  font-size: 14px;
  line-height: 1.1;
  list-style: none;
  padding: 4px 6px;
}
.column a.archive_li ul li:first-child {
  color: #fff;
  background: #006289;
}
.column a.archive_li > div span.more {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #f60;
  text-decoration: none;
  padding-left: 15px;
  font-weight: 600;
}
.column a.archive_li > div span.more::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin-top: -4.5px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.column .pagination {
  clear: both;
  padding: 20px 0;
  position: relative;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
}
.column .pagination-box {
  display: inline-block;
}
.column .pagination span, .column .pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: #f60;
}
.column .pagination a:hover {
  color: #fff;
  background: #f90;
}
.column .pagination .current {
  color: #fff;
  background: #f30;
}
.column #search select,
.column #search input[type=text] {
  position: relative;
  display: inline-block;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 4px 8px;
  margin: 0;
  vertical-align: middle;
  border: none;
  border: 1px solid #ccc;
  color: inherit;
  background: #fff;
  font-size: 16px;
  width: 100%;
  max-width: 100%;
  height: 50px;
  border-radius: 0;
  transition: all 0.3s ease;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.column #search input[type=text] {
  margin-bottom: 10px;
}
.column #search input::placeholder {
  color: #000;
}
.column #search input:-ms-input-placeholder {
  color: #000;
}
.column #search input::-ms-input-placeholder {
  color: #000;
}
.column #search div.box + div.box {
  margin-top: 10px;
}
.column #search div.box {
  position: relative;
}
.column #search div.box::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 15px;
  width: 7px;
  height: 7px;
  margin-top: -6px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.column #search input[type=submit] {
  display: block;
  border: none;
  color: #fff;
  background: #006289;
  font-size: 16px;
  line-height: 1em;
  text-align: center;
  padding: 14px 0;
  margin: 0 auto;
  width: 100%;
  max-width: 240px;
  margin: 20px auto 0;
  text-decoration: none;
  position: relative;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.column #search input[type=submit]:hover {
  opacity: 0.35;
  -ms-filter: "alpha(opacity=35)";
}
.column nav.page-nav {
  display: flex;
  justify-content: space-between;
  margin: 40px auto 60px;
  padding: 0;
}
.column nav.page-nav a {
  display: block;
  max-width: 48%;
  color: #fff;
  border-radius: 6px;
  line-height: 1;
  padding: 6px 8px;
  background: #327e1e;
  transition: 0.3s ease;
}
.column nav.page-nav a:hover {
  opacity: 0.35;
  -ms-filter: "alpha(opacity=35)";
}
.column div.tag_box {
  max-width: 1100px;
  margin: 40px auto 120px;
  padding: 0 20px;
}
.column div.tag_box h3 {
  color: #006289;
  position: relative;
  font-size: 2.4rem;
  line-height: 1.4;
  margin: 0 auto;
  padding: 16px 0 0;
}
.column div.tag_box h3::before,
.column div.tag_box h3::after {
  position: absolute;
  content: "";
  display: inline-block;
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
  background: #fff;
}
.column div.tag_box h3::after {
  background: #006289;
  width: 4.4em;
}
.column div.tag_box ul.other_list {
  margin: 40px auto 0;
  padding: 0;
  max-width: 100%;
}
.column div.tag_box ul.other_list li {
  display: inline-block;
  position: relative;
  font-size: 16px;
  line-height: 1;
  margin: 0 40px 15px 0;
  padding: 0 0 0 20px;
}
.column div.tag_box ul.other_list li a {
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  text-decoration: underline;
}
.column div.tag_box ul.other_list li a:hover {
  text-decoration: none;
  opacity: 1;
}
.column div.tag_box ul.other_list li::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 8px;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 8px;
  border-left: 10px solid #006289;
  left: 0;
  top: 50%;
  margin-top: -8px;
  transition: 0.3s ease;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .column {
    /*2020.04.15 追加*/
    /*2020.04.16 追加*/
    /*2020.06.17 追加*/
  }
  .column div.under_title h2 span.min.yel {
    font-size: 1.4rem;
    margin: 0 auto 2px;
  }
  .column div.mail_wap {
    width: 100%;
    padding: 20px 0;
  }
  .column h2.news_title {
    line-height: 60px;
    background: url(../images/news/news_title.png) left center/60px no-repeat;
    padding: 0 0 0 70px;
  }
  .column div.flex_box {
    display: block;
    margin: 20px auto 40px;
  }
  .column div.flex_box > div:first-child,
  .column div.flex_box > div:last-child {
    max-width: 100%;
  }
  .column div.flex_box > div h3 {
    margin: 0 auto 10px;
  }
  .column div.flex_box > div h3 > a {
    font-size: 20px;
  }
  .column div.flex_box > div p {
    font-size: 14px;
  }
  .column a.news_list > div:first-child {
    flex: 150px;
    max-width: 150px;
    margin-right: 10px;
  }
  .column a.news_list > div:first-child img {
    width: 150px;
  }
  .column a.news_list > div span {
    font-size: 14px;
  }
  .column a.news_list > div h3 {
    font-size: 16px;
    line-height: 1.4;
  }
  .column div.flex_3col {
    display: block;
    max-width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }
  .column div.flex_3col > div {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
  .column div.flex_3col > div:last-child {
    margin-bottom: 0;
  }
  .column div.flex_3col > div p span.spe {
    font-size: 16px;
  }
  .column div.flex_3col > div p span.red {
    display: inline-block;
  }
  .column div.page_nation {
    width: 280px;
    max-width: 100%;
    margin: 20px auto;
  }
  .column div.page_nation > a,
  .column div.page_nation > span {
    font-size: 12px;
  }
  .column div.tag_box h3 {
    font-size: 2rem;
  }
  .column div.tag_box ul.other_list {
    margin: 30px auto 0;
  }
  .column div.tag_box ul.other_list li {
    font-size: 14px;
    margin: 0 20px 10px 0;
  }
  .column div.tag_box ul.other_list li + li {
    margin: 0 20px 10px 0;
  }
  .column div.tag_box ul.other_list li a {
    font-size: 14px;
  }
  .column .w1065.flex {
    display: block;
    padding-top: 20px;
  }
  .column .w1065.flex > div.mail_main {
    max-width: 100%;
    margin: 0 auto 20px;
    padding: 0;
    border-right: none;
  }
  .column .w1065.flex > div.mail_side {
    max-width: 100%;
  }
  .column a.archive_li {
    max-width: 100%;
  }
  .column a.archive_li > div {
    flex: 35%;
    max-width: 35%;
  }
  .column a.archive_li > div:last-child {
    flex: 63%;
    max-width: 63%;
  }
  .column a.archive_li > div h3 {
    font-size: 1.6rem;
  }
  .column a.archive_li > div p {
    display: block;
    padding-bottom: 20px;
    margin-bottom: 0;
  }
  .column a.archive_li > div span.more {
    position: absolute;
  }
  .column a.archive_li > div span.more::before {
    width: 4px;
    height: 4px;
    margin-top: -3px;
  }
  .column .pagination {
    clear: both;
    padding: 20px 0;
    position: relative;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
  }
  .column .pagination-box {
    display: inline-block;
  }
  .column .pagination span,
  .column .pagination a {
    float: left;
  }
  .column #search select {
    max-width: 100%;
  }
  .column #search input[type=submit] {
    max-width: 240px;
  }
  .column ul.new_list li a > div:first-child {
    max-width: 25%;
  }
  .column ul.new_list li a > div:last-child {
    max-width: 73%;
  }
}
@media screen and (min-width: 1px) and (max-width: 480px) {
  .column a.archive_li {
    display: block;
  }
  .column a.archive_li > div,
  .column a.archive_li > div:last-child {
    max-width: 100%;
  }
  .column a.archive_li > div:last-child {
    margin-top: 10px;
  }
}

/* column/xxx/  物流・倉庫改革の夜明け 個別記事
================================== */
.single {
  padding-inline: 2rem;
}

.single p {
  font-size: 14px;
}

.single .w1065 {
  padding-inline: 0;
}

.single .clear {
  clear: both;
}

.single > div:not(.full):nth-child(1) {
  display: none;
}

.single .full > div:not(.w1065):nth-child(1),
.single .full > div:not(.w1065):nth-child(2) {
  display: none;
}

nav.page-nav {
  display: flex;
  justify-content: space-between;
  margin: 40px auto 60px;
  padding: 0;
}

nav.page-nav a {
  display: block;
  max-width: 48%;
  color: #fff;
  border-radius: 6px;
  line-height: 1;
  padding: 6px 8px;
  background: #006289;
  transition: 0.3s ease;
}

nav.page-nav a:hover {
  opacity: 0.35;
  -ms-filter: "alpha(opacity=35)";
}

/* function/handy/ 充実したハンディ機能
================================== */
#handyBox {
  background: url(../images/handy/bg_handy.png) no-repeat 0 0;
}

#handyBox .inner {
  min-height: 295px;
  padding: 100px 0 0 300px;
}

.handyBox .big-font {
  font-size: 3rem;
}
@media (max-width: 768px) {
  .handyBox .big-font {
    font-size: 2.4rem;
  }
}

.handyBox .flex {
  justify-content: space-around;
  gap: 5px;
}

#howto ul {
  padding: 0;
  margin: 0;
}

#howto h2 {
  margin-top: -10px;
}

#howto .wrapper {
  list-style-type: none;
  margin: 40px auto 50px;
  padding: 0;
  width: 95%;
}

#howto li {
  list-style: none;
  margin-right: 10px;
  margin-bottom: 50px;
}

#howto li p, .font16 {
  font-size: 16px;
}

#howto li p {
  margin: 6px 0;
}

#barcode {
  margin-bottom: 50px;
}

#barcode .floatRight {
  margin-right: 180px;
}

#howto .flex01 {
  justify-content: flex-start;
  gap: 0;
}
#howto .flex01 .img01 {
  order: 1;
  margin-right: 0.4rem;
}
#howto .flex01 .img02 {
  order: 3;
}
#howto .flex01 .text {
  order: 2;
  width: 33%;
  margin-right: 10px;
}

#howto .flex02 {
  align-items: flex-start;
  width: 50%;
}

div.handy_flow {
  margin: 80px auto;
  overflow: visible;
}

div.handy_flow h3.hf_h3 {
  position: relative;
  font-size: 3rem;
  font-weight: 600;
  text-align: center;
  margin: 0 auto;
  padding: 0 0 40px;
}

div.handy_flow h3.hf_h3::before {
  position: absolute;
  content: "・・・";
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  line-height: 1;
}

.lower-common div.handy_flow h3 + p {
  font-size: 2.4rem;
  font-weight: 500;
  text-align: center;
  line-height: 2;
  margin: 10px auto 0;
  padding: 0;
}
@media (max-width: 768px) {
  .lower-common div.handy_flow h3 + p {
    font-size: 2rem;
  }
}

div.handy_flow h4.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 360px;
  height: 40px;
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
  margin: 60px auto 0;
  padding: 0;
  border-radius: 20px;
  background: #333;
}

div.handy_flow_flex {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 40px auto 0;
  padding: 0;
}

div.handy_flow_flex div {
  position: relative;
  width: calc((100% - 120px) / 4);
  box-sizing: border-box;
}

div.handy_flow_flex div + div {
  margin-left: 40px;
}

div.handy_flow_flex div.zoom::after {
  position: absolute;
  content: "";
  top: 30px;
  left: 49%;
  display: inline-block;
  width: 13vw;
  max-width: 167px;
  height: auto;
  padding-top: 68%;
  background: url(../images/handy/handy_flow/image06_b.png) center/contain no-repeat;
}

div.handy_flow_flex div + div::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: 38%;
  left: -20px;
  border: 10px solid transparent;
  border-left: 10px solid #046c93;
}

div.handy_flow_flex div img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

div.handy_flow_flex div p {
  display: table;
  margin: 20px auto 0;
  padding: 0;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  div.handy_flow_flex {
    justify-content: space-between;
    width: 480px;
  }
  div.handy_flow_flex div {
    width: calc((100% - 40px) / 2);
  }
  div.handy_flow_flex div + div {
    margin-left: 0;
  }
  div.handy_flow_flex div:nth-child(n+3) {
    margin-top: 60px;
  }
  div.handy_flow_flex div.zoom::after {
    top: 10px;
    right: -80px;
    width: 180px;
    height: 180px;
  }
  div.handy_flow_flex div + div::before {
    position: absolute;
    content: "";
    display: inline-block;
    top: 38%;
    left: -20px;
    border: 10px solid transparent;
    border-left: 10px solid #046c93;
  }
  div.handy_flow_flex div p {
    font-size: 14px;
  }
  div.handy_flow h3.hf_h3 {
    font-size: 2.4rem;
    padding: 0 0 30px;
  }
  div.handy_flow h4.icon {
    width: 300px;
    height: 40px;
    font-size: 1.6rem;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 599px) {
  div.handy_flow_flex {
    margin-top: 20px;
  }
  div.handy_flow h3 + p {
    font-size: 14px;
    line-height: 1.8;
    margin: 7px auto 0;
  }
  div.handy_flow_flex {
    width: 350px;
  }
  div.handy_flow_flex div {
    width: 100%;
  }
  div.handy_flow_flex div:nth-child(n+2) {
    margin-top: 60px;
  }
  div.handy_flow_flex div.zoom::after {
    top: 0;
    right: -60px;
    width: 220px;
    height: 220px;
  }
  div.handy_flow_flex div img {
    width: 250px;
  }
  div.handy_flow_flex div + div::before {
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    border: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #046c93;
  }
}
@media screen and (max-width: 480px) {
  div.handy_flow_flex div.zoom::after {
    top: 50px;
    right: 0;
    width: 160px;
    height: 160px;
  }
}
@media (max-width: 768px) {
  #handyBox .inner {
    min-height: 0;
    padding: 420px 0 0 0;
  }
  #howto li img {
    width: 100%;
    max-width: 400px;
    margin-inline: auto;
    display: block;
  }
  #howto .flex01 .img01 {
    margin-inline: auto;
  }
  #howto .flex01 .text {
    width: 100%;
  }
  #howto .flex02 {
    width: 100%;
  }
  div.handy_flow_flex div.zoom::after {
    padding-top: 0;
  }
}
.concept-price > div h3, .lower-common > div h3 {
  font-weight: normal;
  margin-bottom: 0;
}

/* system 専用システムならではの機能
================================== */
#contents.system {
  margin: 0 auto;
  padding: 0 0 60px;
  width: 100%;
  overflow: hidden;
}

.system .line_bottom {
  width: 100%;
  padding-bottom: 80px;
  margin: 0 auto 60px;
  background: url("../images/common/line_bottom.png") bottom center no-repeat;
}

.system .w1100 {
  max-width: 1100px;
}

.system .w1100 img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.system p {
  color: #333;
  font-size: 16px;
  line-height: 1.8;
}

.system .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px auto;
  padding: 0;
  gap: 0;
}

.system .flex.ank_list {
  justify-content: center;
}

.system .flex.ank_list > div {
  flex: 18.5%;
  max-width: 18.5%;
  transition: 0.3s ease;
}

.system .flex.ank_list a {
  display: block;
  color: #212121;
  text-align: center;
  margin: 0 auto;
  font-size: 12px;
  line-height: 1.2;
  transition: 0.3s ease;
}

.system .flex.ank_list a strong {
  display: block;
  font-size: 16px;
  line-height: 1.6;
}

.system .flex.ank_list a > div {
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 75px;
  background: rgba(0, 136, 210, 0.2);
  margin: 15px auto 0;
  padding: 0;
  transition: 0.3s ease;
}

.system .flex.ank_list a > div::after {
  position: absolute;
  content: "";
  bottom: 15px;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-left: -3px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.system .flex.ank_list a > div img {
  display: block;
  width: 100%;
  transition: 0.3s ease;
}

.system .flex.ank_list a:hover > div {
  transform: translateY(10px);
  box-shadow: 0 0 6px rgba(150, 150, 150, 0.2);
}

.system .flex > div p {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  margin: 0;
}

.system h3 {
  position: relative;
  font-size: 32px;
  line-height: 1.4;
  color: #212121;
  letter-spacing: 0.2pt;
  font-weight: 600;
  text-align: center;
  margin: 0 auto 20px;
  padding: 0;
}

.system p {
  font-size: 16px;
  line-height: 1.8;
  margin: 1em auto 0;
  padding: 0;
}

.system p.read {
  display: block;
  font-size: 24px;
  text-align: center;
  font-weight: 600;
  margin: 40px auto 0;
  line-height: 1.2;
}

.system .w1100 a.btn {
  display: block;
  width: 200px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  line-height: 1;
  text-align: center;
  padding: 8px 12px;
  margin: 1em auto 0;
  border-radius: 16px;
  color: #fff;
  background: #4eba31;
  box-shadow: 0 0 4px rgba(150, 150, 150, 0.2);
}

.system .w1100 a.btn:hover {
  opacity: 0.35;
  -ms-filter: "alpha(opacity=35)";
}

.system .w1100 ul.more_link {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
}

.system .w1100 ul.more_link li {
  list-style: none;
  margin: 0 1em;
}

.fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 1000ms;
}

.fadein_l {
  opacity: 0;
  transform: translate(-250px, 0);
  transition: all 1500ms;
}

.fadein_r {
  opacity: 0;
  transform: translate(250px, 0);
  transition: all 1800ms;
}

.fadein.scrollin,
.fadein_l.scrollin,
.fadein_r.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

/*モーダル*/
.modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 9999;
}

.modal__bg {
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}

.modal__content {
  overflow-y: scroll;
  background: #fff;
  left: 50%;
  padding: 20px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1000px;
  max-height: 710px;
  max-width: 96%;
  z-index: 9999;
  box-sizing: border-box;
}

.modal__content a {
  display: table;
  color: #fff;
  background: #444;
  line-height: 1;
  padding: 6px 12px;
  margin: 0 0 0 auto;
}

@media screen and (max-width: 768px) {
  #contents.system {
    padding: 40px 0;
    width: 100%;
  }
  .system .line_bottom {
    padding-bottom: 60px;
    margin: 0 auto 40px;
    background: url("../images/common/line_bottom.png") bottom center/96% no-repeat;
  }
  .system .flex.ank_list {
    flex-wrap: wrap;
    margin: 0 auto;
  }
  .system .flex.ank_list > div {
    flex: 49%;
    max-width: 49%;
    margin-bottom: 20px;
  }
  .system .flex.ank_list a {
    font-size: 10px;
    letter-spacing: 0pt;
  }
  .system .flex.ank_list a:hover > div {
    transform: translateY(0);
  }
  .system .flex.ank_list a strong {
    font-size: 14px;
    line-height: 1.4;
  }
  .system h3 {
    font-size: 28px;
  }
  .system h3 strong.blue {
    font-size: 36px;
  }
  .system p {
    font-size: 14px;
    line-height: 1.6;
  }
  .system p.read {
    font-size: 20px;
    margin: 20px auto 0;
  }
  .system .w1100 ul.more_link {
    display: block;
  }
  .system .w1100 ul.more_link li {
    margin: 0 auto;
  }
  .system .w1100 ul.more_link li + li {
    margin-top: 0.5em;
  }
  .fadein_l, .fadein_r {
    transform: translate(0, 50px);
  }
  .modal__content {
    padding: 10px;
  }
}
/* (visit) example 導入事例
================================== */
.example div.mv {
  margin: 80px auto 0;
  padding: 0;
}
.example div.mv img {
  display: block;
  max-width: 100%;
}
.example figcaption {
  font-size: 12px;
  margin: 5px 0 0;
  text-align: right;
}
.example div.flex {
  display: flex;
  justify-content: space-between;
}
.example p.title {
  margin: 40px 0 10px;
  padding: 0;
  font-size: 24px;
  color: #d77681;
  font-weight: 600;
}
.example div.flex.com_info > div {
  flex: 48%;
  max-width: 48%;
}
.example div.flex.com_info > div img {
  display: block;
  max-width: 100%;
}
.example div.flex.com_info > div table {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  border-collapse: collapse;
  border: 1px solid #ccc;
  background: #fff;
  box-sizing: border-box;
}
.example div.flex.com_info > div table tr th,
.example div.flex.com_info > div table tr td {
  padding: 7.5px 12px 6.5px;
  border: 1px solid #ccc;
}
.example div.flex.com_info > div table tr th {
  color: #fff;
  font-weight: 400;
  width: 20%;
  background: #d77681;
}
.example div.flex.com_info > div table tr td {
  text-align: left;
  width: 80%;
}
.example div.line_wap {
  position: relative;
  padding: 0;
  margin: 15px auto;
  max-width: 100%;
  overflow: visible;
  border-radius: 16px;
}
.example div.line_wap.pink {
  background: url("../images/example/yoneya/waku.png") top center/100% repeat-y, #fff;
}
.example div.line_wap.pink::before,
.example div.line_wap.pink::after {
  position: absolute;
  content: "";
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.example div.line_wap.pink::before {
  top: -5px;
  background: url("../images/example/yoneya/waku_top.png") top center/100% no-repeat;
}
.example div.line_wap.pink::after {
  bottom: -5px;
  background: url("../images/example/yoneya/waku_bottom.png") bottom center/100% no-repeat;
}
.example div.line_wap div.box {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  padding: 60px;
}
.example div.line_wap div.box p {
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.5pt;
  margin: 0;
  padding: 0;
}
.example div.line_wap div.box p + p {
  margin-top: 2em;
}
.example div.line_wap div#ank08.box {
  margin: 0 auto;
  padding: 0;
}
.example div.line_wap div.box::after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 100%;
  left: 0;
  bottom: 0;
  height: 6px;
  background: url("../images/example/yoneya/line02.png") center bottom repeat-x;
}
.example div.line_wap div#ank08.aishin_box::after {
  display: none;
}
.example div.line_wap div.box h3 {
  font-size: 2.8rem;
  letter-spacing: 0;
  font-weight: 600;
  color: #111;
  margin: 0 auto 20px;
  padding: 0 0 20px;
  background: url("../images/example/yoneya/line01.png") left bottom repeat-x;
}
.example div.line_wap div.box > div.flex {
  max-width: 100%;
  margin: 40px auto 0;
  padding: 0;
}
.example div.line_wap div.box > div.flex > div {
  flex: 49%;
  max-width: 49%;
}
.example div.line_wap div.box > div.flex > div p {
  margin: 10px 0 0;
}
.example div.line_wap div.box > div.flex > div p.name {
  font-size: 20px;
  font-weight: 600;
  color: #d77681;
  margin: 0;
  padding: 0;
}
.example div.line_wap div.box > div.flex.talk > div {
  flex: 263px;
  max-width: 263px;
}
.example div.line_wap div.box > div.flex.talk > div:first-child {
  flex: calc(100% - 293px);
  max-width: calc(100% - 293px);
}
.example div.line_wap div.box > div.flex.talk div p.q_red {
  color: #d77681;
}
.example div.line_wap div.box > div.flex.talk div p.q_red + p {
  margin-top: 0.5em;
}
.example div.line_wap div.box > div.flex.talk div p + p.q_red {
  margin-top: 2em;
}
.example div.line_wap div.box > div.flex.talk div p + figure {
  margin-top: 2em;
}
.example div.line_wap div.box > div.flex.talk div p.q_red,
.example div.line_wap div.box > div.flex.talk div p.a_blk {
  position: relative;
  padding-left: 3em;
  margin: 0 auto;
}
.example div.line_wap div.box > div.flex.talk div p.q_red::before,
.example div.line_wap div.box > div.flex.talk div p.a_blk::before {
  position: absolute;
  display: inline-block;
  content: "ーー";
  left: 0;
}
.example div.line_wap div.box > div.flex.talk div p.a_blk.arita::before {
  font-weight: 600;
  content: "有田";
}
.example div.line_wap div.box > div.flex.talk div p.a_blk.kobayashi::before {
  font-weight: 600;
  content: "小林";
}
.example div.line_wap div.box > div.flex.talk div figcaption {
  text-align: left;
}
.example div.line_wap div.box > div.flex.talk div figure + figure {
  margin-top: 4em;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .example div.mv {
    margin-top: 20px;
  }
  .example div.flex {
    display: block;
  }
  .example p.title {
    margin: 20px 0 5px;
    font-size: 16px;
  }
  .example div.flex.com_info > div {
    width: 100%;
    max-width: 100%;
  }
  .example div.flex.com_info > div + div {
    margin-top: 10px;
  }
  .example div.flex.com_info > div table {
    border: none;
  }
  .example div.flex.com_info > div table tr th,
  .example div.flex.com_info > div table tr td {
    font-size: 14px;
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .example div.flex.com_info > div figure {
    display: table;
    margin: 0 auto;
  }
  .example div.line_wap div.box {
    padding: 15px 15px 30px;
  }
  .example div.line_wap div.box::after {
    height: 3px;
    background: url("../images/example/yoneya/line02.png") center bottom/143.5px repeat-x;
  }
  .example div.line_wap div.box p {
    font-size: 14px;
  }
  .example div.line_wap div.box h3 {
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .example div.line_wap div.box > div.flex {
    margin: 20px auto 0;
  }
  .example div.line_wap div.box > div.flex > div {
    width: 100%;
    max-width: 100%;
  }
  .example div.line_wap div.box > div.flex > div + div {
    margin-top: 20px;
  }
  .example div.line_wap div.box > div.flex > div p.name {
    font-size: 16px;
  }
  .example div.line_wap div.box > div.flex.talk {
    display: block;
  }
  .example div.line_wap div.box > div.flex.talk > div,
  .example div.line_wap div.box > div.flex.talk > div:first-child {
    width: 100%;
    max-width: 100%;
  }
  .example div.line_wap div.box > div.flex.talk div figure {
    display: table;
    margin: 0 auto;
  }
  .example div.line_wap div.box > div.flex.talk div figure + figure {
    margin-top: 1em;
  }
}

a.top_bnr {
  position: absolute;
  top: 10px;
  right: 10px;
  margin: 0;
  padding: 0;
  transition: 0.3s ease;
  z-index: 1;
}
@media (max-width: 768px) {
  a.top_bnr {
    display: none;
  }
}

.bnr_flex_set01 {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 15px;
  width: 100%;
  gap: 10px;
}
@media (max-width: 768px) {
  .bnr_flex_set01 a + a {
    margin-top: 10px;
  }
}
.bnr_flex_set01 > a {
  display: block;
  width: 320px;
  transition: 0.3s ease;
}
@media (max-width: 768px) {
  .bnr_flex_set01 > a {
    margin-inline: auto;
  }
}

/* aishindo */
img.midashi_st01 {
  width: 94px;
}

img.midashi_st02 {
  width: 285px;
}

img.midashi_st03 {
  width: 214px;
}

img.midashi_st04 {
  width: 45px;
}

img.txt01 {
  width: 138px;
}

img.txt02 {
  width: 82px;
}

img.txt03 {
  width: 124px;
}

img.txt04 {
  width: 227px;
}

img.flow_img {
  width: 100%;
  max-width: 703px;
}

figcaption {
  font-size: 1.2rem;
  margin-bottom: 20px;
}

ul.com_list {
  width: 100%;
  margin: 0 auto 40px;
  padding: 0;
  overflow: hidden;
}

ul.com_list li {
  list-style: none;
  float: left;
  width: 48%;
  margin: 0 4% 0 0;
  padding: 0;
}

ul.com_list li:last-child {
  margin-right: 0;
}

ul.com_list li table {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  border-collapse: collapse;
  border: 1px solid #ccc;
  background: #fff;
  box-sizing: border-box;
}

ul.com_list li table tr th,
ul.com_list li table tr td {
  padding: 6px 12px;
  border: 1px solid #ccc;
}

ul.com_list li table tr th {
  color: #fff;
  font-weight: 400;
  width: 25%;
  background: #c30e23;
}

ul.com_list li table tr td {
  text-align: left;
  width: 75%;
}

ul.com_list li:last-child dl {
  display: table;
  width: 100%;
  margin: 0 auto 40px;
  padding: 0;
}

ul.com_list li:last-child dl dt {
  display: table-cell;
  width: 40%;
  margin: 0;
  padding: 0 5% 0 0;
  vertical-align: top;
}

ul.com_list li:last-child dl dd {
  display: table-cell;
  width: 55%;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

ul.com_list li:last-child dl dt img,
ul.com_list li:last-child ul li img {
  display: block;
  width: 100%;
}

ul.com_list li:last-child dl dd p {
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #333;
  line-height: 1.8em;
}

ul.com_list li:last-child dl dd p.right {
  text-align: right;
  font-size: 24px;
  font-weight: 500;
  margin: 30px auto 0;
}

ul.com_list li:last-child dl dd p.right span.min {
  display: block;
  text-align: right;
  font-size: 14px;
  line-height: 1em;
  margin: 0;
  padding: 0;
}

div.point_bk {
  width: 92%;
  padding: 4%;
  margin: 0 auto 40px;
  background: #c30e23;
}

div.kadomaru {
  width: 94%;
  padding: 2% 3%;
  margin: 0 auto 20px;
  background: #fff;
  border-radius: 8px;
}

div.flex_check {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0;
}

div.flex_check > div {
  flex: 48%;
  max-width: 48%;
  margin: 0;
  padding: 0;
}

div.flex_check > div ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto 40px;
  padding: 0;
  width: 100%;
}

div.flex_check > div ul li {
  list-style: none;
  flex: 32%;
  max-width: 32%;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  letter-spacing: 0;
  font-weight: 600;
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 6px;
}

div.flex_check > div ul li span {
  display: table-cell;
  vertical-align: middle;
  width: 100vw;
  height: 80px;
}

div.flex_check > div:first-child ul li {
  background: #f29600;
}

div.flex_check > div:nth-child(2) ul li {
  background: #a50b5e;
}

div.kadomaru > img {
  width: 100%;
}

div.kadomaru > dl {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
}

div.kadomaru > dl dt {
  background: #c30e23;
  flex: 30%;
  max-width: 30%;
  margin: 0 0 10px;
  padding: 10px;
  box-sizing: border-box;
}

div.kadomaru > dl dd {
  flex: 68%;
  max-width: 68%;
  margin: 0;
  padding: 0 0 0 2%;
}

div.flex_index {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto 40px;
  padding: 0;
  max-width: 100%;
}

div.flex_index > ul {
  flex: 48%;
  max-width: 48%;
  margin: 0;
  padding: 0;
}

div.flex_index > ul li {
  list-style: none;
  margin: 0 auto 10px;
  padding: 0 0 10px 1em;
  border-bottom: 1px dashed #111;
  text-indent: -1em;
}

div.flex_index > ul li a {
  color: #111;
  font-size: 1.4rem;
  line-height: 1.2;
  letter-spacing: 0;
  font-weight: 600;
}

div.aishindo_wap {
  position: relative;
  padding: 40px 4%;
  max-width: 100%;
  background: url("../images/example/aishindo/wap.png") top center/100% repeat-y, #fff;
  overflow: visible;
  border-radius: 16px;
  margin: 0 auto 40px;
  z-index: 0;
}

div.aishindo_wap::before,
div.aishindo_wap::after {
  position: absolute;
  content: "";
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100px;
}

div.aishindo_wap::before {
  top: -5px;
  background: url("../images/example/aishindo/wap_top.png") top center/100% no-repeat;
}

div.aishindo_wap::after {
  bottom: -5px;
  background: url("../images/example/aishindo/wap_bottom.png") bottom center/100% no-repeat;
}

div.aishin_box {
  position: relative;
  width: 100%;
  margin: 0 auto 30px;
  padding: 0 0 60px;
}

div#ank08.aishin_box {
  margin: 0 auto;
  padding: 0;
}

div.aishin_box::after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 108%;
  left: -4%;
  bottom: 0;
  height: 30px;
  background: url("../images/example/aishindo/line_bottom.png") center bottom/100% no-repeat;
}

div#ank08.aishin_box::after {
  display: none;
}

div.aishin_box h3 {
  font-size: 2.8rem;
  letter-spacing: 0;
  font-weight: 600;
  color: #111;
  margin: 0 auto 20px;
  padding: 0 0 30px;
  background: url("../images/example/aishindo/line.png") left bottom no-repeat;
}

div.aishin_box > div.flex {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

div.aishin_box > div.flex div {
  margin: 0;
  padding: 0;
}

div.aishin_box > div.flex div:first-child {
  margin-right: 40px;
}

div.aishin_box > div.flex div:last-child {
  max-width: auto;
}

div.aishin_box > div div p {
  font-size: 1.6rem;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

div.aishin_box > div div p span.align_r {
  display: block;
  text-align: right;
}

div.aishin_box > div.flex div p {
  position: relative;
}

div.aishin_box > div.flex div p.q_red {
  color: #c30e23;
}

div.aishin_box > div.flex div p.q_red,
div.aishin_box > div.flex div p.a_blk {
  padding-left: 3em;
  margin: 0 auto 15px;
}

div.aishin_box > div.flex div p.a_blk {
  margin-bottom: 30px;
}

div.aishin_box > div.flex div p.q_red::before,
div.aishin_box > div.flex div p.a_blk::before {
  position: absolute;
  display: inline-block;
  content: "ーー";
  left: 0;
}

div.aishin_box > div.flex div p.a_blk.shimazaki::before {
  content: "島崎";
}

div.aishin_box > div.flex div p.a_blk.takahashi::before {
  content: "高橋";
}

div.aishin_box > div div p.aishin_midashi {
  display: block;
  font-size: 2.2rem;
  font-weight: 600;
  color: #c30e23;
}

div.aishin_box > div div div.mov_box {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.5%;
}

div.aishin_box > div div div.mov_box > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div.aishin_box > div div.flex_appeal {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto 20px;
  padding: 0;
}

div.aishin_box > div div.flex_appeal > div {
  flex: 30%;
  max-width: 30%;
  margin: 0;
  padding: 0;
}

div.aishin_box > div div.flex_appeal > div h4 {
  color: #c30e23;
  font-size: 1.8rem;
  margin: 0 auto 10px;
  padding: 0;
}

div.aishin_box > div div.flex_appeal > div img {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

div.aishin_box > div div.flex_appeal > div p {
  font-size: 1.3rem;
}

div.aishin_box > div div.flex_appeal + div.flex_appeal {
  margin-bottom: 0;
}

div.aishin_box > div div.flex_appeal > div.yazi {
  position: relative;
}

div.aishin_box > div div.flex_appeal > div.yazi::after {
  display: inline-block;
  content: "";
  position: absolute;
  right: -35px;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -30px;
  border-style: solid;
  border-width: 20px 0 20px 15px;
  border-color: transparent transparent transparent #c30e23;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  ul.com_list {
    margin: 0 auto 20px;
  }
  ul.com_list li {
    float: none;
    width: 100%;
    margin: 0 auto 20px;
  }
  ul.com_list li:last-child {
    margin-bottom: 0;
  }
  ul.com_list li table {
    display: block;
  }
  ul.com_list li table tr th,
  ul.com_list li table tr td {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    border: none;
  }
  ul.com_list li:last-child dl {
    margin: 0 auto 20px;
  }
  ul.com_list li:last-child dl dd p {
    font-size: 14px;
    line-height: 1.4em;
  }
  ul.com_list li:last-child dl dd p.right {
    font-size: 16px;
    margin: 10px auto 0;
  }
  ul.com_list li:last-child dl dd p.right span.min {
    font-size: 12px;
  }
  ul.com_list li:last-child ul li {
    float: none;
    width: 100%;
    margin: 0 auto 20px;
  }
  ul.com_list li:last-child ul li:last-child {
    margin-bottom: 0;
  }
  ul.com_list li:last-child ul li img {
    max-width: 420px;
    margin: 0 auto;
  }
  div.flex_check {
    display: block;
  }
  div.flex_check > div {
    max-width: 100%;
  }
  div.flex_check > div ul {
    display: block;
    margin: 0 auto 20px;
  }
  div.flex_check > div ul li {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto 10px;
  }
  div.flex_check > div ul li span {
    display: block;
    height: auto;
    padding: 12px 0;
  }
  div.kadomaru > dl {
    display: block;
  }
  div.kadomaru > dl dt {
    max-width: 100%;
    margin: 0 0 10px;
    padding: 10px 10px 8px;
  }
  div.kadomaru > dl dd {
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
  div.kadomaru > dl dd + dt {
    margin-top: 20px;
  }
  div.flex_index {
    display: block;
    margin: 0 auto 20px;
    max-width: 100%;
  }
  div.flex_index > ul {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
  div.flex_index > ul li {
    margin: 0 auto 15px;
    padding: 0 0 15px 1em;
  }
  div.aishindo_wap {
    padding: 20px 4%;
  }
  div.aishin_box {
    margin: 0 auto 30px;
    padding: 0 0 30px;
  }
  div.aishin_box h3 {
    font-size: 2rem;
    margin: 0 auto 20px;
    padding: 0 0 20px 2em;
    background: url("../images/example/aishindo/line.png") left bottom/100% no-repeat;
    text-indent: -2em;
  }
  div.aishin_box > div.flex {
    display: block;
  }
  div.aishin_box > div.flex div:first-child {
    margin: 0 auto 20px;
  }
  div.aishin_box > div.flex div:last-child figure,
  div.aishin_box > div.flex div:last-child figure img {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  div.aishin_box > div div p.aishin_midashi {
    font-size: 1.8rem;
  }
  div.aishin_box > div div.flex_appeal {
    display: block;
    max-width: 100%;
    margin: 0 auto 20px;
    padding: 0;
  }
  div.aishin_box > div div.flex_appeal > div {
    max-width: 100%;
    margin: 0 auto 20px;
  }
  div.aishin_box > div div.flex_appeal:last-child > div:last-child {
    margin-bottom: 0;
  }
  div.aishin_box > div div.flex_appeal > div img {
    display: table;
    width: 100%;
    margin: 0 auto 10px;
    padding: 0;
  }
  div.aishin_box > div div.flex_appeal > div.yazi::after {
    right: 50%;
    top: 104%;
    width: 0;
    height: 0;
    margin-top: 0;
    margin-right: -20px;
    border-style: solid;
    border-width: 15px 20px 0 20px;
    border-color: #c30e23 transparent transparent transparent;
  }
  div.aishin_box > div div.flex_appeal:last-child > div:nth-child(2) {
    margin-bottom: 40px;
  }
  div.aishin_box > div div.flex_appeal:last-child > div:nth-child(2),
  div.aishin_box > div div.flex_appeal:last-child > div:nth-child(3) {
    text-align: center;
  }
  div.aishin_box > div div.flex_appeal:last-child > div:nth-child(2) img,
  div.aishin_box > div div.flex_appeal:last-child > div:nth-child(3) img {
    margin-bottom: 0;
  }
}
/* オートシステム */
.auto_system ul.com_list {
  width: 100%;
  margin: 0 auto 40px;
  padding: 0;
  overflow: hidden;
}
.auto_system ul.com_list li {
  list-style: none;
  float: left;
  width: 48%;
  margin: 0 4% 0 0;
  padding: 0;
}
.auto_system ul.com_list li:last-child {
  margin-right: 0;
}
.auto_system ul.com_list li table {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  border-collapse: collapse;
  border: 1px solid #ccc;
  background: #fff;
}
.auto_system ul.com_list li table tr th,
.auto_system ul.com_list li table tr td {
  padding: 6px 12px;
  border: 1px solid #ccc;
}
.auto_system ul.com_list li table tr th {
  color: #fff;
  font-weight: 400;
  width: 25%;
  background: #6aaf48;
}
.auto_system ul.com_list li table tr td {
  text-align: left;
  width: 75%;
}
.auto_system ul.com_list li:last-child dl {
  display: table;
  width: 100%;
  margin: 0 auto 40px;
  padding: 0;
}
.auto_system ul.com_list li:last-child dl dt {
  display: table-cell;
  width: 40%;
  margin: 0;
  padding: 0 5% 0 0;
  vertical-align: top;
}
.auto_system ul.com_list li:last-child dl dd {
  display: table-cell;
  width: 55%;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.auto_system ul.com_list li:last-child dl dt img,
.auto_system ul.com_list li:last-child ul li img {
  display: block;
  width: 100%;
}
.auto_system ul.com_list li:last-child dl dd p {
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #333;
  line-height: 1.8em;
}
.auto_system ul.com_list li:last-child dl dd p.right {
  text-align: right;
  font-size: 24px;
  font-weight: 500;
  margin: 30px auto 0;
}
.auto_system ul.com_list li:last-child dl dd p.right span.min {
  display: block;
  text-align: right;
  font-size: 14px;
  line-height: 1em;
  margin: 0;
  padding: 0;
}
.auto_system ul.com_list li:last-child ul {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.auto_system ul.com_list li:last-child ul li {
  float: left;
  width: 32%;
  margin: 0 2% 0 0;
}
.auto_system ul.com_list li:last-child ul li:last-child {
  margin-right: 0;
}
.auto_system div.point {
  width: 92%;
  padding: 4%;
  margin: 0 auto 40px;
  background: #6aaf48;
  max-width: none;
}
.auto_system .point li::before {
  display: none;
}
.auto_system div.point img.f_img {
  display: block;
  width: 100%;
  margin: 0 auto 20px;
}
.auto_system ul.check_li {
  overflow: hidden;
  margin: 0 auto 20px;
  padding: 0;
}
.auto_system ul.check_li li {
  list-style: none;
  float: left;
  margin: 0 40px 0 0;
  padding: 0;
}
.auto_system ul.check_li li span {
  display: block;
  font-size: 13px;
  color: #fff;
  letter-spacing: 0.4pt;
  padding: 0 0 0 1em;
  text-indent: -1em;
}
.auto_system div.kadomaru {
  width: 94%;
  padding: 2% 3%;
  margin: 0 auto;
  background: #fff;
  border-radius: 8px;
}
.auto_system div.kadomaru ul {
  width: 100%;
  margin: 10px auto 20px;
  padding: 0;
}
.auto_system div.kadomaru ul li {
  list-style: none;
  margin: 0 0 10px;
  padding: 0 0 0 1em;
  text-indent: -1em;
}
.auto_system .g_line_bk {
  display: block;
  width: 100%;
  height: auto;
  background: url("../images/example/auto_system/g_line_bk.png") top center no-repeat;
  background-size: 100% 100%;
  padding: 10px;
  margin: 0 auto 40px;
}
.auto_system .btm_line_green {
  background: url(../images/example/auto_system/m_line02.png) bottom 20px left repeat-x;
  padding: 0 0 40px;
  margin: 0px;
}
.auto_system .g_line_bk h3 {
  width: 92%;
  font-size: 2.8rem;
  font-weight: 600;
  margin: 30px auto;
  padding: 0 0 20px;
  background: url("../images/example/auto_system/m_line01.png") bottom left repeat-x;
}
.auto_system .g_line_bk dl {
  display: table;
  width: 92%;
  margin: 0 auto;
  padding: 0;
}
.auto_system .g_line_bk dl dt {
  display: table-cell;
  width: 68%;
  margin: 0;
  padding: 0 2% 0 0;
  vertical-align: top;
}
.auto_system .g_line_bk dl dt p,
.auto_system .wap92 p {
  font-size: 1.6rem;
  line-height: 1.8em;
  margin: 0 auto 20px;
  padding: 0;
}
@media (max-width: 768px) {
  .auto_system .g_line_bk dl dt p,
  .auto_system .wap92 p {
    font-size: 1.4rem;
  }
}
.auto_system .g_line_bk p span.grn {
  font-size: 14px;
  font-weight: 500;
  color: #6aaf48;
}
.auto_system .g_line_bk dl dd {
  display: table-cell;
  width: 30%;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.auto_system .g_line_bk dl dd img {
  display: block;
  width: 100%;
  margin: 0 auto 10px;
  padding: 0;
}
.auto_system .g_line_bk dl dd span.min {
  display: block;
  font-size: 12px;
}
.auto_system .g_line_bk dl dd span.right {
  display: table;
  margin: 0 0 0 auto;
}
.auto_system .wap92 {
  width: 92%;
  margin: 0 auto 12px;
  padding: 0;
  overflow: hidden;
}
.auto_system .wap92 .mb_20 {
  margin-bottom: 20px;
}
.auto_system .g_line_bk .mb_30 {
  margin-bottom: 30px;
}
.auto_system ul.double_li,
.auto_system ul.triple_li {
  width: 92%;
  margin: 0 auto 20px;
  padding: 0;
  overflow: hidden;
}
.auto_system ul.double_li li {
  list-style: none;
  float: left;
  font-size: 12px;
  width: 48%;
  margin: 0 4% 0 0;
}
.auto_system ul.double_li li:last-child {
  margin-right: 0;
}
.auto_system ul.double_li li img {
  display: block;
  width: 100%;
  margin: 0 auto 5px;
}
.auto_system ul.triple_li li {
  position: relative;
  list-style: none;
  float: left;
  width: 30%;
  margin: 0 5% 0 0;
}
.auto_system ul.triple_li li:last-child {
  margin-right: 0;
}
.auto_system ul.triple_li li img {
  display: block;
  width: 100%;
  margin: 0 auto 5px;
}
.auto_system ul.triple_li li::after {
  position: absolute;
  right: -36px;
  top: 50%;
  margin-top: -32px;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 0 18px 18px;
  border-color: transparent transparent transparent #6aaf48;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .auto_system ul.com_list {
    margin: 0 auto 20px;
  }
  .auto_system ul.com_list li {
    float: none;
    width: 100%;
    margin: 0 auto 20px;
  }
  .auto_system ul.com_list li:last-child {
    margin-bottom: 0;
  }
  .auto_system ul.com_list li table {
    display: block;
  }
  .auto_system ul.com_list li table tr th,
  .auto_system ul.com_list li table tr td {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    border: none;
  }
  .auto_system ul.com_list li:last-child dl {
    margin: 0 auto 20px;
  }
  .auto_system ul.com_list li:last-child dl dd p {
    font-size: 14px;
    line-height: 1.4em;
  }
  .auto_system ul.com_list li:last-child dl dd p.right {
    font-size: 16px;
    margin: 10px auto 0;
  }
  .auto_system ul.com_list li:last-child dl dd p.right span.min {
    font-size: 12px;
  }
  .auto_system ul.com_list li:last-child ul li {
    float: none;
    width: 100%;
    margin: 0 auto 20px;
  }
  .auto_system ul.com_list li:last-child ul li:last-child {
    margin-bottom: 0;
  }
  .auto_system ul.com_list li:last-child ul li img {
    max-width: 420px;
    margin: 0 auto;
  }
  .auto_system div.point {
    width: 96%;
    padding: 2%;
    margin: 0 auto 20px;
  }
  .auto_system ul.check_li li {
    float: none;
    margin: 0;
  }
  .auto_system div.kadomaru {
    width: 96%;
    padding: 2%;
  }
  .auto_system .g_line_bk {
    width: 100%;
    height: auto;
    background: none;
    padding: 0;
    margin: 0 auto 20px;
  }
  .auto_system .btm_line_green {
    padding: 0 0 40px;
  }
  .auto_system .g_line_bk h3 {
    width: 100%;
    font-size: 2rem;
    line-height: 1.4em;
    margin: 0 auto 20px;
  }
  .auto_system .g_line_bk dl {
    display: block;
    width: 100%;
  }
  .auto_system .g_line_bk dl dt {
    display: block;
    width: 100%;
    margin: 0 auto 20px;
    padding: 0;
  }
  .auto_system .g_line_bk dl dd {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .auto_system .g_line_bk dl dd img {
    max-width: 420px;
  }
  .auto_system .wap92 {
    width: 100%;
  }
  .auto_system .wap92 .mb_20,
  .auto_system .g_line_bk .mb_30 {
    margin-bottom: 15px;
  }
  .auto_system ul.double_li,
  .auto_system ul.triple_li {
    width: 100%;
  }
  .auto_system ul.double_li li {
    float: none;
    width: 100%;
    margin: 0 auto 10px;
  }
  .auto_system ul.double_li li:last-child {
    margin-bottom: 0;
  }
  .auto_system ul.double_li li img {
    max-width: 480px;
  }
  .auto_system ul.triple_li li {
    float: none;
    width: 100%;
    margin: 0 auto 40px;
  }
  .auto_system ul.triple_li li:last-child::after {
    display: none;
  }
  .auto_system ul.triple_li li:last-child {
    margin-bottom: 0;
  }
  .auto_system ul.triple_li li img {
    max-width: 480px;
  }
  .auto_system ul.triple_li li::after {
    position: absolute;
    right: 50%;
    top: auto;
    bottom: -30px;
    margin: 0 -18px 0 0;
    border-width: 18px 18px 0 18px;
    border-color: #6aaf48 transparent transparent transparent;
  }
}

/* リアルマックス */
#exmainbox section {
  padding: 0;
  overflow: visible;
}

#exmainbox section h3, #exmainbox section p {
  width: 90%;
  margin: auto;
}

#exmainbox section h3 {
  font-size: 2.8rem;
  background-position: 50% 100%;
  padding-bottom: 20px;
  margin-bottom: 30px;
  font-weight: bold;
}

#exmainbox section p {
  margin: 20px auto;
}

@media (max-width: 768px) {
  #exmainbox section h3 {
    font-size: 2rem;
  }
}
.firstEx {
  background-repeat: no-repeat;
  background-position: 50% 0;
}

.lastEx {
  background-repeat: no-repeat;
  background-position: 50% 100%;
}

#exmainbox section .floatLeft {
  margin-left: 16px;
}

#exmainbox section .floatRight {
  margin-right: 16px;
}

#exmainbox section .floatLeft, #exmainbox section .floatRight {
  margin-bottom: 20px;
  margin-top: -20px;
}

.kubota #exmainbox .lastEx:after {
  background: none;
  height: 0;
}

#exmainbox p.red {
  color: #E50011;
}

.point_box {
  width: 96%;
  padding: 2%;
  margin: 0 auto 30px;
}

.point_box.sakushima {
  background: #008feb;
}

ul.point_list, .table_box {
  width: 94%;
  padding: 2% 3%;
  background: #fff;
  margin: 0 auto 15px;
}

.table_box:last-child {
  margin-bottom: 0;
}

ul.point_list li {
  list-style: none;
  margin: 0 auto 15px;
}

ul.point_list li:last-child {
  margin-bottom: 0;
}

ul.point_list li .point_m {
  display: inline-block;
  width: 200px;
  color: #fff;
  padding: 4px 8px;
  background: #008feb;
  margin-right: 15px;
  text-align: center;
}

ul.point_list li .point_m.w280 {
  width: 270px;
}

ul.point_list li {
  font-size: 20px;
  font-weight: 600;
}

.kurashiki .officer {
  background: url(../images/example/kurashiki/bg_frame1.png) no-repeat 0 0;
  font-size: 0.9em;
  background-size: 100% 100%;
  padding: 10px;
  width: 250px;
}

.kurashiki .improve {
  background: url(../images/example/kurashiki/bg_frame2.png) no-repeat 0 0;
  padding: 20px 20px 0 20px;
  background-size: 100% 100%;
}

.kurashiki .improve .afterList {
  width: auto;
}

.kurashiki #exmainbox {
  background: url(../images/example/kurashiki/bg_boxmain_contents.png) repeat-y 50% 0 #FFFEF5;
  background-size: 100% 100%;
}

.kurashiki .firstEx {
  background-image: url(../images/example/kurashiki/bg_boxmain_head.png);
  padding-top: 60px;
}

.kurashiki .lastEx {
  background-image: url(../images/example/kurashiki/bg_boxmain_bottom.png);
}

.kurashiki #exmainbox section:after {
  content: "";
  height: 10px;
  display: block;
  clear: both;
  background: url(../images/example/kurashiki/line2.png) no-repeat 50% 100%;
  margin-top: 20px;
}

.kurashiki #exmainbox h3 {
  background-image: url(../images/example/kurashiki/line.png);
  background-repeat: no-repeat;
}

.kurashiki #exmainbox .firstEx p {
  margin: 10px auto 0;
}

.kurashiki #happyStory {
  margin: 50px auto;
}

.kurashiki #happyStory strong {
  padding-top: 50px;
  display: block;
}

.kurashiki #exmainbox .lastEx:after {
  background: none;
  height: 0;
}

.b_line, .b_line_otafuku, .b_line02, .b_line04, .b_line06, .example007_line, .example008_line, .g_line {
  display: block;
  height: auto;
  padding: 20px;
}

.b_line {
  padding: 10px;
  background: url(../images/example/star-right/waku02.png) top left no-repeat;
  background-size: 100% 100%;
}

.b_line_otafuku {
  background: url(../images/example/example004_line.png) top center no-repeat;
  background-size: 100% 100%;
}

.b_line02 {
  background: url(../images/example/star-right/waku01.png) top left no-repeat;
  background-size: 100% 100%;
}

.b_line04 {
  background: url(../images/example/futaba/waku05.png) top left no-repeat;
  background-size: 100% 100%;
}

.b_line06 {
  background: url(../images/example/sakushima/bk.png) top left no-repeat;
  background-size: 100% 100%;
}

.example007_line {
  background: url(../images/example/example007_line.png) top center no-repeat;
  background-size: 100% 100%;
}

.example008_line {
  background: url(../images/example/example008_line.png) top center no-repeat;
  background-size: 100% 100%;
}

.g_line {
  background: url(../images/example/subaru/bk.png) top left no-repeat;
  background-size: 100% 100%;
}

.btm_line {
  background: url(../images/example/star-right/border.png) bottom left repeat-x;
  padding: 0 0 50px;
  margin: 0px;
  overflow: hidden;
}

.btm_line_green {
  background: url(../images/example/subaru/green_line.png) bottom 20px left repeat-x;
  padding: 0 0 60px;
  margin: 0px;
}

.back_white {
  background: #fff;
  padding: 0;
}

.back_white:after {
  background: none;
  display: none;
}

.b_line03 h3,
.b_line04 h3,
.b_line05 h3,
.b_line06 h3,
.example007_line h3,
.example008_line h3,
.example009_line h3 {
  background: url(../images/example/star-right/border_nami.png) bottom left repeat-x;
  padding: 30px 0;
}

p span.blue {
  display: inline-block;
  padding-left: 40px;
  position: relative;
  color: #008feb;
}

p span.blue.minus_icon:before {
  position: absolute;
  content: "ーー";
  left: 0;
}

p span.blue.kobayashi_m:before {
  position: absolute;
  content: "小林";
  left: 0;
}

p span.human {
  display: inline-block;
  position: relative;
  padding-left: 40px;
}

p span.human.h_01:before {
  position: absolute;
  left: 0;
  content: "閻";
}

p span.human.h_02:before {
  position: absolute;
  left: 0;
  content: "王";
}

p span.human.h_03:before {
  position: absolute;
  left: 0;
  content: "一同";
}

p span.human.h_04:before {
  position: absolute;
  left: 0;
  content: "上岡";
}

.left_box {
  float: left;
  width: 65%;
  margin: 0;
  padding: 0;
}

.left_box.ex12 {
  width: 68%;
}

.left_box p,
.right_box p,
.box p {
  margin: 28px auto;
  padding: 0;
}

.left_box_img {
  width: 35%;
  max-width: 350px;
  float: left;
}

.left_box_img.ex12 {
  width: 35%;
}

.left_box_img p {
  width: 80%;
  padding: 0;
  margin: 0 auto;
}

.left_box_img p .b_text {
  float: right;
}

.left_box_img img,
.right_box_img img {
  display: table;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

.right_box {
  width: 65%;
  float: right;
  margin: 0;
  padding: 0;
}

.right_box.ex12 {
  width: 65%;
}

.right_box_img {
  width: 35%;
  max-width: 350px;
  float: right;
}

.right_box_img.ex12 {
  width: 32%;
}

#exmainbox p {
  color: #583822;
}

.right_box_img img.mtb_minus {
  margin: -110px auto 0;
}

.mb_0 {
  margin-bottom: 0;
}

.mp_20 {
  padding-bottom: 20px;
}

.mp_40 {
  padding-bottom: 40px;
}

.mp_60 {
  padding-bottom: 60px;
}

.mp_100 {
  padding-bottom: 100px;
}

.mp_150 {
  padding-bottom: 150px;
}

.mp_200 {
  padding-bottom: 200px;
}

.mp_260 {
  padding-bottom: 260px;
}

.mp_360 {
  padding-bottom: 360px;
}

@media (max-width: 768px) {
  .right_block, .right_box_img, .left_box_img, .left_box, .right_box {
    display: block;
    float: none;
    padding: 0;
    width: 100%;
  }
  .right_box_img.ex12 {
    width: 100%;
  }
  .left_box.ex12 {
    width: 100%;
  }
  .left_box_img.ex12 {
    width: 100%;
  }
  .right_box.ex12 {
    width: 100%;
  }
  .right_box_img img.mtb_minus {
    margin: 0 auto;
  }
}
.over {
  overflow: hidden;
}

/* 昴 subaru*/
.right_block_subaru {
  float: right;
  padding: 20px 0 0 20px;
}

.left_block_subaru {
  float: left;
  padding: 20px 20px 0 0;
}

.right_block {
  width: 320px;
  float: right;
  padding: 10px 30px 20px 20px;
  font-size: 12px;
}

.left_block {
  width: 300px;
  float: left;
  margin: 20px 20px 40px 0px;
  font-size: 12px;
}

.left_block2 {
  width: 300px;
  float: left;
  padding: 50px 20px 40px 0px;
  font-size: 12px;
}

.right_block2 {
  width: 300px;
  float: right;
  padding: 20px 20px 40px 0px;
  font-size: 12px;
}
@media (max-width: 768px) {
  .right_block2 {
    float: none;
  }
}

.right_block2 img,
.left_block2 img {
  display: block;
  width: 100%;
}

.green #exmainbox h3 {
  background-image: url(../images/example/kurashiki/line.png);
  background-repeat: no-repeat;
}

.b_text {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .b_text {
    font-size: 1.4rem;
  }
}

/* futaba */
.three_box.flex {
  justify-content: flex-start;
}

.three_box li {
  width: 210px;
  margin: 0 1%;
  list-style: none;
}
@media (max-width: 768px) {
  .three_box li {
    width: 32%;
  }
}

.double_box li {
  width: 46%;
  margin: 0 1%;
  list-style: none;
  font-size: 12px;
}

.double_box li img, .three_box li img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .mp_100 {
    padding-bottom: 30px;
  }
  p span.blue {
    padding: 0;
  }
  .double_box.flex, .three_box.flex {
    padding: 0;
    gap: 0;
    justify-content: space-between;
  }
}
#exmainbox .firstEx p {
  margin: 10px auto 0;
}

.float_min {
  display: block;
  padding: 0;
  float: left;
  margin: 0 30px 0px 60px;
}
@media (max-width: 768px) {
  .float_min {
    float: none;
    margin: 0 auto 20px;
    width: 100%;
  }
}

.blk_t {
  color: #000;
  font-weight: normal;
}

/* og */
@media (max-width: 768px) {
  .og_img1 {
    display: flex;
    flex-direction: column;
  }
}

.og_img1 img {
  width: 140px;
}
@media (max-width: 768px) {
  .og_img1 img {
    width: 100%;
    max-width: 400px;
  }
}

/* スターライト */
.star-right .b_line {
  margin-bottom: 20px;
  text-align: center;
}
.star-right .b_line02 .beforeList {
  background: url(../images/example/star-right/star_yazi.png) top 15px right no-repeat;
  padding: 0px 100px 10px 0;
}
.star-right #exmainbox section img.floatRight {
  float: right;
  margin-right: 10px;
}
@media (max-width: 768px) {
  .star-right #exmainbox section img.floatRight {
    float: none;
    margin: 0;
  }
}
.star-right #exmainbox img#rightTop {
  margin-top: -100px;
}
@media (max-width: 768px) {
  .star-right #exmainbox img#rightTop {
    margin: 0;
  }
}
.star-right .top_mt02 {
  padding: 180px 0px 60px;
}
@media (max-width: 768px) {
  .star-right .top_mt02 {
    padding-block: 30px;
  }
}
.star-right #exmainbox section img.floatLeft {
  float: left;
}
@media (max-width: 768px) {
  .star-right #exmainbox section img.floatLeft {
    float: none;
    margin: 0;
  }
}

.improve {
  width: 795px;
  max-width: 100%;
  padding: 0 20px;
}
@media (max-width: 768px) {
  .improve {
    padding: 20px;
  }
}

.officer, .improve {
  margin-bottom: 20px;
}

.improve .beforeList {
  width: 45%;
}
@media (max-width: 768px) {
  .improve .beforeList {
    width: 100%;
  }
}

.improve .afterList {
  width: 43%;
}
@media (max-width: 768px) {
  .improve .afterList {
    width: 100%;
  }
}

.improve p {
  font-size: 13px;
  margin: 2px 0 8px 1em;
}

.improve ul {
  list-style-type: none;
  padding: 0;
  margin: 10px 0 0 0;
}

.improve h4 {
  letter-spacing: -0.1em;
  margin: 0;
}

.improve .beforeList h4 {
  color: #007AC6;
}

.improve .afterList h4 {
  color: #EB6000;
}

/* viva */
.viva {
  font-size: 14px;
}
.viva div.flex {
  gap: 0;
}
.viva .b_line {
  width: 27%;
  margin-bottom: 20px;
}
.viva .b_line02.improve {
  padding-top: 80px;
}
.viva .afterList {
  margin-left: 100px;
}

/* tempearl */
.aboutcompany {
  margin-top: 30px;
}

.aboutcompany p {
  width: 40%;
}

.aboutcompany table {
  width: 55%;
  border: 1px #e3e3e3 solid;
  border-collapse: collapse;
  border-spacing: 0;
}

.aboutcompany table th {
  padding: 5px;
  border-bottom: #e3e3e3 solid 1px;
  background: #F5F5F5;
}

.aboutcompany table td {
  padding: 5px;
  border-bottom: #e3e3e3 solid 1px;
  border-left: #e3e3e3 solid 1px;
  text-align: left;
}

.exCompany .beforeBox {
  background: url(../images/example/otafuku/bg_before.png) no-repeat 50% 0;
  padding: 30px 20px 240px 20px;
  margin-top: 40px;
  background-size: 100% 100%;
}

.exCompany .afterBox {
  background: url(../images/example/otafuku/bg_after.png) no-repeat 50% 0;
  padding: 30px 20px 40px 20px;
  margin-top: 10px;
}

.exCompany .beforeBox .floatLeft, .exCompany .afterBox .floatLeft {
  width: 45%;
}

.exCompany .beforeBox .floatRight, .exCompany .afterBox .floatRight {
  width: 50%;
}

.exCompany .beforeBox p {
  margin-top: 20px;
}

.exCompany .beforeBox ul, .exCompany .afterBox ul {
  list-style-type: none;
  padding: 15px 12px 10px 0;
}

.exCompany .beforeBox li, .exCompany .afterBox li {
  background-repeat: no-repeat;
  background-position: 0 2px;
  padding-left: 16px;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.exCompany .beforeBox ul {
  background: url(../images/example/otafuku/ico_mondai.png) no-repeat 15px 50% #fffcd9;
  padding-left: 180px;
}

.exCompany .afterBox ul {
  background: url(../images/example/otafuku/ico_kaizen.png) no-repeat 15px 50% #fff;
  padding-left: 100px;
}

.exCompany .beforeBox li {
  background-image: url(../images/example/otafuku/ico_blue.png);
  border-bottom: 1px solid #007bc6;
}

.exCompany .afterBox li {
  background-image: url(../images/example/otafuku/ico_orange.png);
  border-bottom: 1px solid #ea6000;
}

.exCompany .singleBox, .tempearl .afterBox {
  background: url(../images/example/otafuku/bg_orange.png) no-repeat 50% 0;
  padding: 20px 20px 40px 20px;
  height: auto;
  background-size: 100% 100%;
}

.tempearl .beforeBox ul, .tempearl .afterBox ul {
  font-size: 12px;
}

.tempearl .beforeBox ul {
  margin-top: -10px;
}

.tempearl .afterBox {
  background: url(../images/example/tempearl/bg_after.png) no-repeat 50% 0;
  padding-top: 30px;
  padding-left: 30px;
  background-size: 100% 100%;
}

.tempearl #exmainbox img#rightTop {
  margin-top: -50px;
}

.tempearl .floatLeft, .hybrid .floatLeft, .kurashiki .floatLeft, .kubota .floatLeft {
  float: left;
  margin-right: 10px;
}
.tempearl .floatRight, .hybrid .floatRight, .kurashiki .floatRight, .kubota .floatRight {
  float: right;
  margin-left: 10px;
}
.tempearl .clearfix, .hybrid .clearfix, .kurashiki .clearfix, .kubota .clearfix {
  overflow: hidden;
}
.tempearl #exmainbox section, .hybrid #exmainbox section, .kurashiki #exmainbox section, .kubota #exmainbox section {
  overflow: hidden;
}
@media (max-width: 768px) {
  .tempearl .floatLeft, .tempearl .floatRight, .hybrid .floatLeft, .hybrid .floatRight, .kurashiki .floatLeft, .kurashiki .floatRight, .kubota .floatLeft, .kubota .floatRight {
    width: 100%;
    float: none;
    margin: 0;
  }
}

.tempearl .aboutcompany > p {
  margin-top: 0;
}
@media (max-width: 768px) {
  .tempearl .beforeBox .floatRight, .tempearl .afterBox .floatRight {
    width: 100%;
  }
  .tempearl.exCompany .beforeBox .floatLeft, .tempearl.exCompany .afterBox .floatLeft {
    width: 100%;
  }
  .tempearl .beforeBox {
    padding: 30px 20px 400px 20px;
  }
}

/* otafuku */
.b_line_otafuku .btm_line h3 {
  background: url(../images/example/otafuku/line_orange02.png) bottom left repeat-x;
  padding: 30px 0;
}

.b_line_otafuku .btm_line {
  background: url(../images/example/otafuku/line_orange01.png) bottom left repeat-x;
  padding: 0 0 30px;
  margin: 0px;
  overflow: hidden;
}

.b_line_otafuku .btm_line_non {
  background: none;
  padding: 0;
  margin: 0px;
}

.b_line_otafuku img.fl_img {
  float: left;
  margin: 0 10px 0 0;
  padding-left: 0;
  padding-right: 0;
}

.b_line_otafuku img.fr_img {
  float: right;
  margin: 0 0 0 10px;
  padding-left: 0;
  padding-right: 0;
}

.b_line_otafuku .right_block {
  width: 320px;
  float: right;
  padding: 10px 40px 5px 20px;
  font-size: 12px;
}
@media (max-width: 768px) {
  .b_line_otafuku .right_block {
    width: 100%;
  }
}

.b_line_otafuku .orange {
  color: #956234;
}

#exmainbox.b_line_otafuku .orange_t {
  color: #ff6600;
}

.b_line_otafuku .name {
  float: left;
  display: block;
  padding-right: 10px;
}

/* hybrid */
.hybrid #exmainbox .lastEx:after {
  background: none;
  height: 0;
}

.hybrid .officer {
  width: 250px;
  background: url(../images/example/hybrid/bg_frame1.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.hybrid .officer img {
  margin: 12px 10px 0 15px;
  width: auto;
}

.hybrid .officer p {
  width: 88%;
  margin: 5px auto;
  line-height: normal;
  font-size: 12px;
}

.hybrid .improve {
  background: url(../images/example/hybrid/bg_frame2.png) no-repeat 0 0;
  padding-top: 20px;
  background-size: 100% 100%;
}

.hybrid #exmainbox {
  background: url(../images/example/hybrid/bg_boxmain_contents.png) repeat-y 50% 0 #FFFEF5;
  background-size: 100% 100%;
}

.hybrid #exmainbox .firstEx {
  background-image: url(../images/example/hybrid/bg_boxmain_head.png);
  padding-top: 60px;
}

.hybrid #exmainbox .lastEx {
  background-image: url(../images/example/hybrid/bg_boxmain_bottom.png);
}

.hybrid #exmainbox section:after {
  content: "";
  height: 10px;
  display: block;
  clear: both;
  background: url(../images/example/hybrid/line2.png) no-repeat 50% 100%;
  margin-top: 20px;
}

.hybrid #exmainbox h3, .exCompany #exmainbox h3 {
  background-image: url(../images/example/hybrid/line.png);
  background-repeat: no-repeat;
}

#exmainbox .green-blue {
  color: #12a3a0;
  font-weight: bold;
}

.hybrid .improve .beforeList {
  padding-right: 30px;
}
.hybrid .officer .right span {
  font-size: 1.6rem;
}
.hybrid #exmainbox section {
  padding: 20px 0;
}
.hybrid .big {
  font-size: 2rem;
}
@media (max-width: 768px) {
  .hybrid .big {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .hybrid .beforeList, .hybrid .afterList {
    background-color: white;
  }
}

/* kurashiki */
.kurashiki div.flex, .kubota div.flex {
  gap: 0;
}
.kurashiki .small-font, .kubota .small-font {
  font-size: 2rem;
}
@media (max-width: 768px) {
  .kurashiki .small-font, .kubota .small-font {
    font-size: 1.6rem;
  }
}

.kurashiki #exmainbox section {
  padding-block: 20px;
}

@media (max-width: 768px) {
  .kurashiki .officer {
    width: 300px;
    max-width: 100%;
    margin: auto;
    margin-bottom: 20px;
  }
  .kurashiki .improve {
    background: none;
  }
}
/* kubota */
.kubota #exmainbox .lastEx:after {
  background: none;
  height: 0;
}

.kubota .officer {
  width: 250px;
  padding: 10px;
  background: url(../images/example/kubota/bg_frame1.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.kubota .improve {
  background: url(../images/example/kubota/bg_frame2.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.kubota #exmainbox {
  background: url(../images/example/kubota/bg_boxmain_contents.png) repeat-y 50% 0 #FFFEF5;
  background-size: 100% 100%;
}

.kubota .firstEx {
  background-image: url(../images/example/kubota/bg_boxmain_head.png);
  padding-top: 60px;
}

.kubota .lastEx {
  background-image: url(../images/example/kubota/bg_boxmain_bottom.png);
}

.kubota #exmainbox section:after {
  content: "";
  height: 10px;
  display: block;
  clear: both;
  background: url(../images/example/kubota/line2.png) no-repeat 50% 100%;
  margin-top: 20px;
}

.kubota #exmainbox h3 {
  background-image: url(../images/example/kubota/line.png);
  background-repeat: no-repeat;
}

.kubota #exmainbox section {
  padding-block: 20px;
}

@media (max-width: 768px) {
  .kubota .beforeList, .kubota .afterList {
    background-color: white;
  }
}

/* visit 事例取材訪問記
================================== */
div.full.visit_bk {
  background: #fff;
}

div.visit-case_heading {
  margin: 80px auto 0;
}

div.case_wrap {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 40px auto 80px;
  padding: 0;
}

div.case_wrap a {
  width: calc((100% - 80px) / 3);
  margin-right: 40px;
  padding: 0;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  transition: 0.3s ease;
}

div.case_wrap a:hover {
  opacity: 0.7;
}

div.case_wrap a:nth-child(3n) {
  margin-right: 0;
}

div.case_wrap a:nth-child(n+4) {
  margin-top: 40px;
}

div.case_wrap a div.img,
div.case_wrap a img {
  width: 100%;
}

div.case_wrap a div.txt {
  padding: 15px;
}

div.case_wrap a h3 {
  color: #046c93;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 auto;
}

div.case_wrap a p {
  margin: 0;
  padding: 0;
}

div.case_wrap a p.info {
  font-size: 12px;
  font-weight: 600;
  margin: 15px auto 0;
}

div.case_wrap a span.big {
  font-size: 20px;
  font-weight: bold;
}

div.case_wrap a p.purpose {
  font-size: 12px;
  margin: 15px auto 0;
  padding: 5px;
  background: #f7f7f7;
}

div.case_wrap a div.cate {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 10px;
}

div.case_wrap a div.cate span {
  color: #fff;
  background: #046c93;
  font-size: 12px;
  line-height: 1;
  padding: 4px 6px;
  border-radius: 4px;
  margin: 5px 5px 0 0;
}

@media screen and (max-width: 767px) {
  div.case_wrap a {
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
  }
  div.case_wrap a:nth-child(3n) {
    margin-right: 40px;
  }
  div.case_wrap a:nth-child(2n) {
    margin-right: 0;
  }
  div.case_wrap a:nth-child(n+3) {
    margin-top: 40px;
  }
}
@media screen and (max-width: 599px) {
  div.case_wrap a {
    width: 100%;
    margin-right: 0;
  }
  div.case_wrap a:nth-child(3n),
  div.case_wrap a:nth-child(2n) {
    margin-right: 0;
  }
  div.case_wrap a:nth-child(n+2) {
    margin-top: 40px;
  }
  div.case_wrap a:hover {
    opacity: 1;
  }
}
@media screen and (max-width: 480px) {
  div.visit-case_heading {
    margin: 60px auto 0;
  }
  div.case_wrap a:nth-child(n+2) {
    margin-top: 20px;
  }
}
h3.case_title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
}

div.case_catelink {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  border-radius: 10px;
  margin: 40px auto;
}

div.case_catelink div.box {
  position: relative;
  width: calc((100% - 80px) / 3);
  margin-right: 40px;
}

div.case_catelink div.box:nth-child(3n) {
  margin-right: 0;
}

div.case_catelink div.btn {
  position: relative;
  display: flex;
  align-items: center;
  color: #046c93;
  font-size: 18px;
  line-height: 1;
  height: 80px;
  padding: 0 0 0 30px;
  transition: 0.3s ease;
  cursor: pointer;
  background: #f7f7f7;
  border-radius: 4px;
}

div.case_catelink div.btn:hover {
  color: #fff;
  background: #046c93;
}

div.case_catelink div.btn.active {
  border-radius: 8px 8px 0 0;
}

div.case_catelink div.btn::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  margin-top: -2px;
  border-right: 2px solid #046c93;
  border-bottom: 2px solid #046c93;
  transition: 0.3s ease;
}

div.case_catelink div.btn:hover::before {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

div.case_catelink div.btn.active::before {
  margin-top: 2px;
  transform: translateY(-50%) rotate(-135deg);
}

div.case_catelink div.links {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 0;
  max-width: 100%;
  margin: 0 auto;
  display: none;
  border-top: 1px solid #ccc;
  background: #f7f7f7;
  box-sizing: border-box;
  z-index: 1;
  border-radius: 0 0 10px 10px;
}

div.case_catelink div.links a {
  position: relative;
  display: block;
  font-size: 16px;
  color: #5b6770;
  padding: 20px 15px 20px 30px;
  transition: 0.3s ease;
  border-bottom: 1px dashed #ccc;
}

div.case_catelink div.links a::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(-45deg);
  width: 6px;
  height: 6px;
  margin-top: -2px;
  border-right: 1px solid #5b6770;
  border-bottom: 1px solid #5b6770;
  transition: 0.3s ease;
}

div.case_catelink div.links a:last-child {
  border-radius: 0 0 10px 10px;
}

div.case_catelink div.links a:hover,
div.case_catelink div.links a.current {
  background: #efefef;
}

div.case_catelink div.box.kadai div.links {
  width: 720px;
  max-width: initial;
}

div.case_catelink div.box.kadai div.links > div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

div.case_catelink div.box.kadai a {
  display: inline-block;
  width: 33.3333333333%;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  div.case_catelink div.box {
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
  }
  div.case_catelink div.box:nth-child(3n) {
    margin-right: 40px;
  }
  div.case_catelink div.box:nth-child(2n) {
    margin-right: 0;
  }
  div.case_catelink div.box.kadai div.links {
    width: 100%;
  }
  div.case_catelink div.box.kadai div.links > div {
    display: block;
  }
  div.case_catelink div.box.kadai a {
    display: block;
    width: auto;
  }
}
@media screen and (max-width: 599px) {
  div.case_catelink {
    margin-bottom: 20px;
  }
  div.case_catelink div.box {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
  }
  div.case_catelink div.box:nth-child(3n) {
    margin-right: 20px;
  }
  div.case_catelink div.box:nth-child(2n) {
    margin-right: 0;
  }
  div.case_catelink div.btn {
    font-size: 16px;
    height: 60px;
    padding: 0 0 0 20px;
  }
  div.case_catelink div.btn::before {
    right: 20px;
    width: 8px;
    height: 8px;
  }
  div.case_catelink div.links a {
    font-size: 14px;
    padding: 15px 15px 15px 20px;
  }
}
@media screen and (max-width: 480px) {
  div.case_catelink div.box {
    width: 100%;
    margin-right: 0;
  }
  div.case_catelink div.box:nth-child(3n) {
    margin-right: 0;
  }
  div.case_catelink div.box + div.box {
    margin-top: 10px;
  }
}
/* high_speed 物流を変える超高速処理
================================== */
#contents.high_speed {
  max-width: none;
  margin: 0 auto;
  padding: 0 0 60px;
  width: 100%;
  overflow: hidden;
}

.high_speed div.mv {
  width: 100%;
  margin: 0 auto 60px;
  padding: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1c819f+0,00719a+50,005c86+100 */
  background: #1c819f; /* Old browsers */
  background: -moz-linear-gradient(top, #1c819f 0%, #00719a 50%, #005c86 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #1c819f 0%, #00719a 50%, #005c86 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1c819f 0%, #00719a 50%, #005c86 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1c819f", endColorstr="#005c86",GradientType=0 ); /* IE6-9 */
  box-shadow: 0 0 4px rgba(150, 150, 150, 0.2);
}

.high_speed div.mv div.contents {
  position: relative;
  width: 100%;
  max-width: 1100px;
  min-height: 430px;
  margin: 0 auto;
  background: url("../images/high_speed/mv.png") top 40px center/1100px no-repeat;
  padding: 0;
}

.high_speed a.btn {
  position: relative;
  display: block;
  max-width: 320px;
  color: #fff;
  background: #046c93;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  line-height: 1;
  margin: 0 auto;
  border-radius: 48px;
  padding: 22px 32px;
  box-shadow: 0 0 4px rgba(150, 150, 150, 0.2);
  transition: 0.3s ease;
}

.high_speed div.mv a.btn {
  color: #046c93;
  background: #fff;
}

.high_speed div.mv div.btn_box {
  position: absolute;
  width: 57.5%;
  left: 0;
  bottom: 40px;
  padding-top: 75px;
}

.high_speed div.mv div.btn_box::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  content: "";
  width: 100%;
  height: 70px;
  background: url("../images/high_speed/mv_txt.png") top center/320px no-repeat;
}

div.btn_box.foot {
  position: relative;
  width: 100%;
  padding-top: 75px;
}

div.btn_box.foot::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  content: "";
  width: 100%;
  height: 70px;
  background: url("../images/high_speed/mv_txt_blue.png") top center/320px no-repeat;
}

.high_speed a.btn:hover {
  opacity: 0.35;
  -ms-filter: "alpha(opacity=35)";
}

.high_speed p {
  color: #333;
  font-size: 16px;
  line-height: 1.8;
}

.high_speed .line_bottom {
  width: 100%;
  padding: 0 0 80px;
  margin: 0 auto 60px;
  background: url("../images/common/line_bottom.png") bottom center no-repeat;
}

.high_speed .w1100 {
  max-width: 1100px;
  padding-inline: 2rem;
}
@media (max-width: 768px) {
  .high_speed .w1100 {
    width: 100%;
  }
}

.high_speed .flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px auto;
  padding: 0;
}

.high_speed .flex > div {
  margin: 0 2em;
}

.high_speed .flex > div img {
  max-width: 100%;
}

.high_speed .box01 .flex > div img {
  margin-bottom: 10px;
}

.high_speed .flex > div p {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  margin: 0;
}

.high_speed .flex.yazi {
  justify-content: space-between;
}

.high_speed .flex.yazi > div {
  margin: 0;
}

.high_speed .flex.yazi.top > div {
  position: relative;
  flex: 46%;
  max-width: 46%;
  margin: 0;
}

.high_speed .flex.yazi > div:first-child::after {
  position: absolute;
  right: -50px;
  top: 50%;
  display: inline-block;
  content: "";
  margin-top: -31.5px;
  width: 33px;
  height: 63px;
  background: url("../images/high_speed/pc_yazi.png") center no-repeat;
}

.high_speed .flex.yazi.bottom > div:first-child::after {
  right: -65px;
}

.high_speed p.catch {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.6;
  margin: 0 auto 15px;
  text-align: center;
  padding: 0;
}

.high_speed h3 {
  position: relative;
  font-size: 36px;
  line-height: 1.4;
  letter-spacing: 0.2pt;
  font-weight: 600;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

.high_speed h3 strong.blue {
  position: relative;
  top: 3px;
  color: #046c93;
  font-size: 48px;
}

.high_speed h4 {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 600;
  margin: 2em auto 0;
  padding: 0;
}

.high_speed p {
  font-size: 16px;
  line-height: 1.8;
  margin: 1.5em auto 0;
  padding: 0;
}

.high_speed h3 + div {
  margin-top: 2em;
}

.high_speed h4 + p {
  margin-top: 0.5em;
}

.fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 1000ms;
}

.fadein.one {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 600ms;
}

.fadein.two {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 800ms;
}

.fadein.three {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 1000ms;
}

.fadein_l {
  opacity: 0;
  transform: translate(-250px, 0);
  transition: all 1500ms;
}

.fadein_r {
  opacity: 0;
  transform: translate(250px, 0);
  transition: all 1800ms;
}

.fadein.scrollin,
.fadein_l.scrollin,
.fadein_r.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

@media screen and (max-width: 768px) {
  #contents.high_speed {
    padding: 0 0 40px;
    width: 100%;
  }
  .high_speed div.mv {
    position: relative;
    margin: 0 auto;
  }
  .high_speed div.mv div.contents {
    width: 100%;
    max-width: 100%;
    min-height: 42vw;
    background: url("../images/high_speed/mv.png") top 30px center/96% no-repeat;
  }
  .high_speed div.mv div.btn_box {
    position: absolute;
    left: 2%;
    bottom: 3vw;
    padding-top: 12vw;
  }
  .high_speed div.mv div.btn_box::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    content: "";
    width: 100%;
    height: 140px;
  }
  div.btn_box.foot a.btn {
    max-width: 320px;
  }
  .high_speed div.mv a.btn {
    font-size: 2vw;
    padding: 8px 12px;
    max-width: 320px;
    transition: 0.3s ease;
  }
  .high_speed .line_bottom {
    padding: 0 2rem 60px;
    margin: 0 auto 40px;
    background: url("../images/common/line_bottom.png") bottom center/100% no-repeat;
  }
  .high_speed .flex {
    display: block;
  }
  .high_speed .flex > div {
    margin: 0;
  }
  .high_speed .flex > div img {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto 10px;
  }
  .high_speed .flex > div + div {
    margin-top: 20px;
  }
  .high_speed .flex > div p {
    font-size: 14px;
  }
  .high_speed .flex.yazi.top > div {
    max-width: 100%;
  }
  .high_speed .flex.yazi > div:first-child {
    margin-bottom: 40px;
  }
  .high_speed .flex.yazi > div:first-child::after {
    position: absolute;
    right: 50%;
    top: 100%;
    display: inline-block;
    content: "";
    margin-top: 20px;
    margin-right: -15.8px;
    width: 31.5px;
    height: 16.5px;
    background: url("../images/high_speed/sp_yazi.png") center/31.5px no-repeat;
  }
  .high_speed .flex.yazi.bottom > div:first-child::after {
    right: 50%;
  }
  .high_speed p.catch {
    font-size: 18px;
    line-height: 1.4;
  }
  .high_speed h3 {
    font-size: 28px;
  }
  .high_speed h3 strong.blue {
    font-size: 36px;
  }
  .high_speed h4 {
    font-size: 20px;
    font-weight: 600;
  }
  .high_speed p {
    font-size: 14px;
    line-height: 1.6;
  }
  .high_speed h3 + div {
    margin-top: 1.5em;
  }
  .fadein_l, .fadein_r {
    transform: translate(0, 50px);
  }
}
@media screen and (max-width: 640px) {
  .high_speed div.mv div.btn_box {
    padding-top: 11vw;
  }
  .high_speed div.mv div.btn_box::before {
    background: url("../images/high_speed/mv_txt.png") top center/256px no-repeat;
  }
  .high_speed div.mv a.btn {
    max-width: 240px;
  }
}
@media screen and (max-width: 480px) {
  .high_speed .box01 .flex > div:first-child img {
    max-width: 207px;
  }
  .high_speed .box01 .flex > div:last-child img {
    max-width: 210px;
  }
  .high_speed .box04 .flex.top > div:first-child img,
  .high_speed .box04 .flex.top > div:last-child img {
    max-width: 300px;
  }
  .high_speed .box04 .flex.bottom > div:first-child img {
    max-width: 300px;
  }
  .high_speed div.mv a.btn {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.4pt;
    padding: 6px 8px;
  }
  .high_speed div.mv div.contents {
    background: url("../images/high_speed/mv.png") top 20px center/96% no-repeat;
    min-height: 45vw;
  }
  .high_speed div.mv div.btn_box {
    bottom: 20px;
    padding-top: 13vw;
  }
}
@media screen and (max-width: 414px) {
  .high_speed div.mv div.contents {
    background: url("../images/high_speed/mv.png") top 15px center/96% no-repeat;
  }
  .high_speed div.mv div.btn_box {
    padding-top: 14vw;
    bottom: 15px;
  }
  .high_speed div.mv div.btn_box::before {
    background: url("../images/high_speed/mv_txt.png") top center/100% no-repeat;
  }
  .high_speed div.mv a.btn {
    max-width: 220px;
    font-size: 12px;
  }
}
@media screen and (max-width: 380px) {
  .high_speed div.mv div.contents {
    min-height: 46vw;
  }
}
/* function/design 操作性・デザイン
================================== */
#raptopBox {
  background: url(../images/design/bg_pc.png) no-repeat 0 65px;
}

#raptopBox .inner {
  padding-left: 350px;
  padding-bottom: 70px;
}

.design > div h2 {
  font-weight: bold;
  font-size: 3rem;
}
@media (max-width: 768px) {
  .design > div h2 {
    font-size: 2.4rem;
  }
}

.design h3 + p img {
  margin-top: 20px;
}

.design .floatRight {
  margin: 50px 0;
}

.design h3 + p {
  margin-top: 2px;
}

#demandBox {
  background: url("../images/design/bg_function.jpg") no-repeat 100% 0;
  overflow: hidden;
  margin-top: -18px;
}

#demandBox .inner {
  padding-right: 400px;
  height: 345px;
}

#designBox {
  background: url(../images/design/bg_design.jpg) no-repeat 100% 0;
  overflow: hidden;
  margin-top: -22px;
}

#designBox h2 {
  margin-top: -10px;
}

#designBox .inner {
  text-align: center;
  padding: 30px 400px 110px 0;
}

#uiBox div div {
  width: 95%;
  margin: 10px auto;
  border-bottom: 1px dotted #cccccc;
  padding: 40px 0;
  overflow: hidden;
  *zoom: 1;
}

#uiBox div div:first-child {
  padding-top: 0;
}

#uiBox div div:first-child .floatLeft {
  margin-right: -20px;
}

#uiBox div div ul {
  list-style-type: none;
}

#uiBox div div li {
  text-align: center;
  margin: 0 20px 0 10px;
}

#uiBox div div h3 {
  min-height: 4em;
}

#uiBox .floatLeft + p {
  margin-top: 180px;
}
@media (max-width: 768px) {
  #uiBox .floatLeft + p {
    margin-top: 0;
  }
}

#uiBox .easy-search {
  margin-left: 150px;
}

#uiBox div .border-none {
  border-color: #FFF;
}

#misunderstandingBox ul {
  margin: 0 auto;
}

#misunderstandingBox li {
  width: 33%;
  margin: 20px 0;
  text-align: center;
}

#misunderstandingBox li img {
  margin-bottom: 10px;
}

#misunderstandingBox .floatList {
  list-style: none;
  padding: 0;
}

.design .pad50Box .flex.rev {
  padding-inline: 50px;
  gap: 0;
  justify-content: space-between;
}

#uiBox .flex {
  align-items: center;
}

@media (max-width: 768px) {
  #raptopBox .inner {
    padding: 380px 0 50px 0;
  }
  #demandBox {
    margin-top: 0;
    padding-top: 500px;
  }
  #demandBox .inner {
    padding: 0;
    height: auto;
  }
  #designBox .inner {
    height: auto;
    padding: 400px 0 0 0;
  }
  #misunderstandingBox li {
    width: 100%;
  }
  #uiBox div div ul {
    padding: 0;
  }
  #uiBox div div {
    margin: 0 auto;
    padding: 20px 0;
  }
  .design .box01.flex {
    margin: 0;
  }
}
/* feelings-of-developer 特徴とこだわり
================================== */
.shadowBottom {
  background: url(../images/common/bg_shadow-bottom.png) no-repeat 50% 100%;
}

.shadowBottom02,
.shadowBottom03 {
  background: url(../images/common/bg_shadow-bottom.png) no-repeat 50% 100%;
  width: 100%;
  overflow: hidden;
  padding: 30px 0px;
  margin-bottom: 30px;
}

.mt-20 {
  padding: 40px 0px 30px;
}

.w240 {
  width: 240px;
  max-width: 100%;
  margin: 30px 60px 0px 20px;
}

.float_center {
  text-align: center;
}

.feelingsofdeveloper .shadowBottom02 img {
  width: 280px;
  display: block;
  margin-right: 40px;
}
.feelingsofdeveloper .shadowBottom03 div {
  margin: 0px auto;
}
.feelingsofdeveloper .shadowBottom02 .flex {
  align-items: center;
  justify-content: flex-start;
}
.feelingsofdeveloper .shadowBottom02 p {
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .feelingsofdeveloper .shadowBottom02 p {
    font-size: 1.6rem;
  }
}
.feelingsofdeveloper .shadowBottom03 h4 {
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .feelingsofdeveloper .shadowBottom03 h4 {
    font-size: 1.6rem;
  }
}

.uppercase {
  text-transform: uppercase;
}

/* onsite 現場の課題から生まれた機能
================================== */
#contents.onsite {
  max-width: 1100px;
  padding: 8rem 2rem 4rem;
}

#contents.lower-common.onsite p {
  padding: 0;
  margin: 0;
}

#contents.lower-common.onsite > p {
  margin: 0 auto 40px;
  padding: 0;
}

#contents.lower-common.onsite > h2 {
  display: table;
  font-size: 36px;
  letter-spacing: 0.4pt;
  font-weight: 600;
  margin: 0 auto 40px;
  padding: 0;
}

#contents.lower-common.onsite > h2 span.col_grn {
  color: #0091d7;
}

#contents.lower-common.onsite > h2.tleft {
  margin-left: 0;
  text-align: left;
}

#contents.lower-common.onsite ul.onsite {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}

#contents.lower-common.onsite ul.onsite li {
  list-style: none;
  float: left;
  width: 32%;
  padding: 10px 10px 20px;
  margin: 0 2% 20px 0;
  border: 6px solid #0091d7;
  border-radius: 6px;
  box-sizing: border-box;
}

#contents.lower-common.onsite ul.onsite li:nth-child(3n) {
  margin-right: 0;
}

#contents.lower-common.onsite ul.onsite li img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

#contents.lower-common.onsite ul.onsite li h3 {
  position: relative;
  display: table;
  font-size: 20px;
  letter-spacing: 0.4pt;
  font-weight: 600;
  color: #333;
  margin: 0 0 20px;
  padding: 0;
}

#contents.lower-common.onsite ul.onsite li h3 span {
  position: relative;
  top: -2px;
  color: #fff;
  font-size: 16px;
  line-height: 1em;
  padding: 4px 10px;
  margin: 0 5px 0 0;
  background: #333;
  border-radius: 24px;
}

#contents.lower-common.onsite ul.onsite li a.btn {
  display: table;
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  line-height: 1em;
  padding: 8px 16px;
  margin: 0 auto;
  background: #0091d7;
  border-radius: 24px;
  box-sizing: border-box;
  transition: 0.3s ease;
}

#contents.lower-common.onsite ul.onsite li a.btn:hover {
  transform: translateY(-6px);
}

#contents.lower-common.onsite ul.onsite_4koma li::before {
  display: none;
}

/*その一*/
#contents.lower-common.onsite img.f_img {
  display: table;
  margin: 0 auto 20px;
  max-width: 100%;
  padding: 0;
  width: 850px;
}

#contents.lower-common.onsite span.bk_pink {
  font-size: 28px;
  color: #fff;
  display: table;
  line-height: 1em;
  margin: 0 auto 40px;
  background: #e56092;
  border-radius: 4px;
  padding: 8px 12px;
}

#contents.lower-common.onsite div.line_pink {
  border: 2px solid #e56092;
  padding: 12px 0;
  margin: 0 auto 40px;
}

#contents.lower-common.onsite div.line_pink p {
  text-align: center;
  color: #e56092;
  font-size: 16px;
  line-height: 1.2em;
}

#contents.lower-common.onsite ul.onsite_4koma,
#contents.lower-common.onsite ul.pager_ul {
  width: 100%;
  margin: 0 auto 40px;
  padding: 0;
  overflow: hidden;
}

#contents.lower-common.onsite ul.onsite_4koma li {
  list-style: none;
  float: left;
  width: 46%;
  margin: 0 8% 0 0;
  padding: 0;
}

#contents.lower-common.onsite ul.onsite_4koma li:nth-child(2n) {
  margin-right: 0;
}

#contents.lower-common.onsite ul.onsite_4koma li img {
  display: block;
  width: 100%;
}

#contents.lower-common.onsite > h3,
#contents.lower-common.onsite ul.onsite_4koma li h4 {
  color: #0091d7;
  font-size: 18px;
  letter-spacing: 0.4pt;
  font-weight: 600;
  line-height: 1.2em;
  margin: 0 0 10px;
  padding: 0;
}

#contents.lower-common.onsite ul.pager_ul {
  display: table;
  width: auto;
  margin: 0 0 0 auto;
}

#contents.lower-common.onsite ul.pager_ul li {
  list-style: none;
  display: inline;
  font-weight: 600;
  padding: 0 0 0 5px;
}

#contents.lower-common.onsite ul.pager_ul li:first-child {
  color: #e56092;
}

#contents.lower-common.onsite ul.pager_ul li a {
  display: inline-block;
  color: #e56092;
  font-weight: 600;
  line-height: 1em;
  padding: 8px 10px;
  border: 2px solid #e56092;
  border-radius: 4px;
  transition: 0.3s ease;
}

#contents.lower-common.onsite ul.pager_ul li a.active,
#contents.lower-common.onsite ul.pager_ul li a:hover {
  color: #fff;
  background: #e56092;
}

#contents.lower-common.onsite div.bk_gry {
  width: 94%;
  padding: 15px 3%;
  background: #f7f7f7;
  margin: 0 auto 40px;
}

#contents.lower-common.onsite div.bk_gry h3 {
  color: #0091d7;
  font-size: 20px;
  font-weight: 600;
  margin: 0 auto 10px;
  padding: 0;
}

#contents.lower-common.onsite ul {
  width: 100%;
  padding: 0;
  margin: 0;
}

#contents.lower-common.onsite ul li {
  list-style: none;
  position: relative;
  margin: 10px 0 0;
  padding: 0 0 0 1em;
}

#contents.lower-common.onsite ul li::before {
  position: absolute;
  content: "●";
  left: 0;
  top: 0;
  color: #0091d7;
}

#contents.lower-common.onsite a.center {
  display: table;
  margin: 0 auto;
}

/* 画面サイズが768px以下の場合に適用 */
@media screen and (max-width: 768px) {
  #contents.lower-common.onsite {
    width: 98%;
    margin: 0 auto 20px;
    padding: 40px 20px 20px;
  }
  #contents.lower-common.onsite > p {
    margin: 0 auto 20px;
  }
  #contents.lower-common.onsite > h2 {
    font-size: 32px;
    line-height: 1.4em;
    margin: 0 auto 20px;
  }
  #contents.lower-common.onsite ul.onsite li {
    float: left;
    width: 49%;
    margin-bottom: 10px;
  }
  #contents.lower-common.onsite ul.onsite li:nth-child(3n) {
    margin-right: 2%;
  }
  #contents.lower-common.onsite ul.onsite li:nth-child(2n) {
    margin-right: 0;
  }
  #contents.lower-common.onsite ul.onsite li h3 {
    font-size: 20px;
  }
  /*その一*/
  #contents.lower-common.onsite span.bk_pink {
    font-size: 24px;
    margin: 0 auto 20px;
  }
  #contents.lower-common.onsite div.line_pink {
    margin: 0 auto 20px;
  }
  #contents.lower-common.onsite div.line_pink p {
    font-size: 14px;
  }
  #contents.lower-common.onsite ul.onsite_4koma li {
    float: left;
    width: 48%;
    margin: 0 4% 0 0;
  }
  #contents.lower-common.onsite ul.onsite_4koma li:nth-child(2n) {
    margin-right: 0;
  }
  #contents.lower-common.onsite ul.onsite_4koma li h4 {
    font-size: 16px;
  }
}
/* 画面サイズが480px以下の場合に適用 */
@media screen and (max-width: 480px) {
  #contents.lower-common.onsite > h2 {
    font-size: 24px;
  }
  #contents.lower-common.onsite ul.onsite li {
    float: none;
    width: 100%;
    margin: 0 auto 10px;
  }
  #contents.lower-common.onsite ul.onsite li:nth-child(3n),
  #contents.lower-common.onsite ul.onsite li:nth-child(2n) {
    margin-right: 0;
  }
  #contents.lower-common.onsite ul.onsite li h3 {
    font-size: 18px;
  }
  /*その一*/
  #contents.lower-common.onsite span.bk_pink {
    font-size: 20px;
  }
  #contents.lower-common.onsite ul.onsite_4koma li {
    float: none;
    width: 100%;
    margin: 0 auto 20px;
  }
  #contents.lower-common.onsite ul.onsite_4koma li:nth-child(2n) {
    margin-right: 0;
  }
}
#contents.onsite ul.onsite li::before,
#contents.onsite .pager_ul li::before {
  display: none;
}

/* function/easy-inventory 実践的な在庫分析
================================== */
#contents.inventory.lower-common > div.shadow {
  padding: 80px 0;
  background: url("../images/common/bg_shadow-head.png") center top no-repeat, url("../images/common/bg_shadow-bottom.png") center bottom no-repeat;
}
#contents.inventory div.flex {
  justify-content: space-between;
}
#contents.inventory div.wap + div.wap {
  margin-top: 80px;
}
#contents.inventory div.flex.mv {
  padding: 40px 0 100px;
  margin-top: 0;
}
#contents.inventory div.flex.mv > div h2 {
  font-size: 4.4rem;
  line-height: 1.2;
  letter-spacing: 0.5pt;
  font-weight: 600;
  color: #0088d2;
  margin: 0;
  padding: 45px 0 0;
}
#contents.inventory div.flex.mv > div p {
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 1.2pt;
  margin: 30px auto 0;
  padding: 0;
}
#contents.inventory div.flex.mv > div div.flex.link {
  margin-top: 60px;
}
#contents.inventory div.flex.mv > div div.flex.link > div {
  flex: 30%;
  max-width: 30%;
}
#contents.inventory div.flex.mv > div div.flex.link > div a {
  display: block;
  transition: 0.3s ease;
}
#contents.inventory div.flex.mv > div div.flex.link > div a img {
  display: block;
  max-width: 100px;
  margin: 0 auto;
  padding: 0;
}
#contents.inventory div.flex.mv > div div.flex.link > div a span {
  position: relative;
  display: block;
  text-align: center;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.2;
  letter-spacing: 0;
  margin-top: 10px;
  padding: 0.5em;
  border: 2px solid #111;
  border-radius: 6px;
  z-index: 0;
  overflow: hidden;
}
#contents.inventory div.flex.mv > div div.flex.link > div a span::before {
  position: absolute;
  display: inline-block;
  content: "";
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #111;
  z-index: -1;
  transition: 0.2s ease;
}
#contents.inventory div.flex.mv > div div.flex.link > div a:hover span {
  color: #fff;
}
#contents.inventory div.flex.mv > div div.flex.link > div a:hover span::before {
  width: 100%;
}
#contents.inventory > div > h2 {
  display: block;
  text-align: center;
  font-size: 3.8rem;
  line-height: 1.1;
  font-weight: 600;
  margin: 0 auto;
  padding: 0;
}
#contents.inventory > div > h3 {
  position: relative;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 40px auto 0;
  padding: 0 0 0 120px;
}
#contents.inventory > div > h3::before {
  position: absolute;
  content: "";
  left: 0;
  top: -10px;
  display: inline-block;
  width: 105px;
  height: 85px;
  background: url("../images/easy-inventory/nayami_icon.png") center no-repeat;
}
#contents.inventory > div > h3 span {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  margin: 15px auto 0;
}
#contents.inventory div.flex.factor {
  margin: 40px auto 0;
  padding: 0;
}
#contents.inventory div.flex.factor > div {
  flex: 48%;
  max-width: 48%;
}
#contents.inventory div.flex.factor > div.flex {
  justify-content: flex-start;
}
#contents.inventory div.flex.factor > div.flex.in {
  align-items: center;
  border-radius: 8px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin-right: 1%;
}
#contents.inventory div.flex.factor > div.flex.in div p {
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
#contents.inventory div.flex.factor > div.flex.in div:first-child {
  flex: 90px;
  width: 90px;
  max-width: 90px;
  text-align: center;
  background: #0088d2;
}
#contents.inventory div.flex.factor > div.flex.in div:first-child p {
  color: #fff;
  font-size: 1.6rem;
  line-height: 1;
  padding: 30px 0;
}
#contents.inventory div.flex.factor > div.flex.in div:last-child {
  flex: calc(100% - 120px);
  width: calc(100% - 120px);
  max-width: calc(100% - 120px);
  padding: 0 15px;
}
#contents.inventory p.effect {
  position: relative;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.3;
  margin: 40px auto 0;
  padding: 0 0 0 120px;
}
#contents.inventory p.effect::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: 2px;
  left: 0;
  width: 100px;
  height: 80px;
  background: url("../images/easy-inventory/kouka_icon.png") center no-repeat;
}
#contents.inventory p.effect span.col {
  color: #0da967;
  display: block;
}
#contents.inventory p.point {
  position: relative;
  color: #0da967;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 80px auto 0;
  padding: 15px 0;
  border-top: 1px dashed #0da967;
  border-bottom: 1px dashed #0da967;
  max-width: none;
  background: none;
  border-right: none;
  border-left: none;
}
#contents.inventory div.flex.txt {
  margin: 30px 0 0;
  padding: 0;
}
#contents.inventory div.flex.txt > div {
  flex: calc(100% - 440px);
  max-width: calc(100% - 440px);
  width: calc(100% - 440px);
}
#contents.inventory div.flex.txt > div:last-child {
  flex: 400px;
  max-width: 400px;
  width: 400px;
}
#contents.inventory div.flex.txt > div img {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
}
#contents.inventory div.flex.txt > div h3 {
  font-size: 2.4rem;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
#contents.inventory div.flex.txt > div h3 + p,
#contents.inventory div.flex.txt > div h3 + ul {
  margin-top: 20px;
}
#contents.inventory div.flex.txt > div p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}
#contents.inventory div.flex.txt > div p + p {
  margin-top: 1em;
}
#contents.inventory div.flex.txt > div ul {
  padding: 0;
}
#contents.inventory div.flex.txt > div ul li {
  font-weight: 500;
  margin: 0;
  padding: 0;
}
#contents.inventory div.flex.txt > div ul li + li {
  margin-top: 0.25em;
}
#contents.inventory div.flex.txt > div a.more {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.2;
  letter-spacing: 0.5pt;
  font-weight: 600;
  margin: 15px auto 0;
  padding: 0.5em 1.5em;
  text-decoration: none;
  color: #fff;
  background: #0da967;
  border: 2px solid #0da967;
  border-radius: 24px;
  transition: 0.3s ease;
}
#contents.inventory div.flex.txt > div a.more:hover {
  color: #0da967;
  background: #fff;
}
#contents.inventory figcaption {
  text-align: right;
  margin-top: 0.5em;
}
@media screen and (max-width: 768px) {
  #contents.inventory div.flex {
    flex-wrap: wrap;
  }
  #contents.inventory.lower-common > div.shadow {
    padding: 60px 0;
    background: url("../images/common/bg_shadow-head.png") center top/100% no-repeat, url("../images/common/bg_shadow-bottom.png") center bottom/100% no-repeat;
  }
  #contents.inventory div.wap + div.wap {
    margin-top: 60px;
  }
  #contents.inventory div.flex.mv {
    padding: 40px 0;
  }
  #contents.inventory div.flex.mv > div {
    flex: 100%;
    max-width: 100%;
  }
  #contents.inventory div.flex.mv > div h2 {
    font-size: 3rem;
    text-align: center;
    padding: 0;
  }
  #contents.inventory div.flex.mv > div p {
    font-size: 3.2vw;
    text-align: center;
    margin: 15px auto 0;
  }
  #contents.inventory div.flex.mv > div div.flex.link {
    margin-top: 45px;
  }
  #contents.inventory div.flex.mv > div div.flex.link > div {
    flex: 32%;
    max-width: 32%;
  }
  #contents.inventory div.flex.mv > div div.flex.link > div a img {
    max-width: 100px;
  }
  #contents.inventory div.flex.mv > div div.flex.link > div a span {
    font-size: 1.2rem;
  }
  #contents.inventory div.flex.mv > div img {
    display: block;
    margin: 30px auto 0;
  }
  #contents.inventory > div > h2 {
    font-size: 2.8rem;
  }
  #contents.inventory > div > h3 {
    font-size: 2rem;
    margin: 20px auto 0;
    padding: 0 0 0 70px;
  }
  #contents.inventory > div > h3::before {
    top: 6px;
    width: 63px;
    height: 51px;
    background: url("../images/easy-inventory/nayami_icon.png") center/63px no-repeat;
  }
  #contents.inventory > div > h3 span {
    font-size: 1.4rem;
    margin-top: 10px;
  }
  #contents.inventory div.flex.factor {
    flex-wrap: wrap;
    margin-top: 20px;
  }
  #contents.inventory div.flex.factor > div {
    flex: 100%;
    max-width: 100%;
  }
  #contents.inventory div.flex.factor > div + div {
    margin-top: 15px;
  }
  #contents.inventory div.flex.factor > div.flex {
    flex-wrap: wrap;
  }
  #contents.inventory div.flex.factor > div.flex.in {
    flex: 100%;
    max-width: 100%;
    margin-left: 1%;
    margin-right: 1%;
  }
  #contents.inventory div.flex.factor > div.flex.in div p {
    font-size: 1.4rem;
    margin: 0 auto;
    padding: 10px 1em;
  }
  #contents.inventory div.flex.factor > div.flex.in div:first-child p {
    font-size: 1.6rem;
    font-weight: 600;
    padding: 10px 1em;
  }
  #contents.inventory div.flex.factor > div.flex.in div:first-child,
  #contents.inventory div.flex.factor > div.flex.in div:last-child {
    flex: 100%;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  #contents.inventory p.effect {
    font-size: 3.2vw;
    padding: 0 0 0 60px;
  }
  #contents.inventory p.effect::before {
    top: 4px;
    width: 50px;
    height: 40px;
    background: url("../images/easy-inventory/kouka_icon.png") center/50px no-repeat;
  }
  #contents.inventory p.point {
    font-size: 3.2vw;
    margin-top: 30px;
  }
  #contents.inventory div.flex.txt {
    flex-wrap: wrap;
  }
  #contents.inventory div.flex.txt > div,
  #contents.inventory div.flex.txt > div:last-child {
    flex: 100%;
    max-width: 100%;
    width: 100%;
  }
  #contents.inventory div.flex.txt > div img {
    margin: 30px auto 0;
  }
  #contents.inventory div.flex.txt > div h3 {
    font-size: 3.2vw;
  }
  #contents.inventory div.flex.txt > div h3 + p,
  #contents.inventory div.flex.txt > div h3 + ul {
    margin-top: 15px;
  }
  #contents.inventory div.flex.txt > div p {
    font-size: 1.4rem;
  }
  #contents.inventory figcaption {
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  #contents.inventory .shadow {
    padding: 30px 0;
  }
  #contents.inventory div.wap + div.wap {
    margin-top: 30px;
  }
  #contents.inventory div.flex.mv {
    padding: 30px 0;
  }
  #contents.inventory div.flex.mv > div p {
    font-size: 3.6vw;
  }
  #contents.inventory div.flex.mv > div div.flex.link {
    gap: 0;
  }
  #contents.inventory div.flex.mv > div div.flex.link > div a img {
    max-width: 50px;
  }
  #contents.inventory > div > h3::before {
    top: -2px;
  }
  #contents.inventory > div > h3 span {
    font-size: 1.2rem;
    margin-top: 5px;
  }
  #contents.inventory div.flex.factor > div.flex.in div:first-child p {
    font-size: 1.4rem;
  }
  #contents.inventory p.effect {
    font-size: 4vw;
    padding: 0 0 0 60px;
  }
  #contents.inventory p.effect::before {
    top: 0;
  }
  #contents.inventory p.point {
    font-size: 3.6vw;
    margin-top: 15px;
  }
  #contents.inventory div.flex.txt > div img {
    margin-top: 15px;
  }
  #contents.inventory div.flex.txt > div h3 {
    font-size: 3.6vw;
  }
  #contents.inventory div.flex.txt > div h3 + p,
  #contents.inventory div.flex.txt > div h3 + ul {
    margin-top: 10px;
  }
  #contents.inventory div.flex.txt > div a.more {
    display: table;
    font-size: 1.2rem;
    padding: 0.5em 1em;
  }
}

/* feature こだわりと強み
================================== */
.attention_strength {
  margin: 80px auto 40px;
  max-width: 1100px;
  padding-inline: 2rem;
}
.attention_strength p {
  margin: 0;
}
.attention_strength img.main_img {
  display: block;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  margin: 0 auto 60px;
}
.attention_strength p {
  color: #212121;
  font-size: 1.6rem;
  line-height: 1.8em;
}
.attention_strength h3 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.2pt;
  color: #212121;
  margin: 0 0 30px;
  padding: 0;
}
.attention_strength div.flex_box {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto 60px;
  padding: 0;
}
.attention_strength div:last-child {
  margin-bottom: 0;
}
.attention_strength div.flex_box > div:first-child {
  padding: 0 20px 0 0;
  margin: 0;
}
.attention_strength div.flex_box > div p {
  color: #212121;
  font-size: 1.6rem;
  margin: 0 0 20px;
  padding: 0;
}
.attention_strength .line_top,
.attention_strength .line_bottom,
.attention_strength .line_top_bottom {
  width: 100%;
  padding: 100px 0 90px;
  margin: 0 auto;
  background: url("../images/common/line_top.png") top center no-repeat;
}
.attention_strength .line_bottom {
  padding-top: 0;
  margin-bottom: 80px;
  background: url("../images/common/line_bottom.png") bottom center no-repeat;
}
.attention_strength .line_top_bottom {
  margin: 80px auto;
  background: url("../images/common/line_top.png") top center no-repeat, url("../images/common/line_bottom.png") bottom center no-repeat;
}
.attention_strength h2 {
  font-size: 42px;
  text-align: center;
  font-weight: 600;
  letter-spacing: -0.2pt;
  color: #212121;
  margin: 0 auto 30px;
  padding: 0;
}
.attention_strength img.center_img {
  display: block;
  margin: 0 auto 40px;
}
.attention_strength p.center {
  font-size: 1.6rem;
  color: #212121;
  margin: 0 auto 40px;
  padding: 0;
}
.attention_strength div.flex_box.three {
  margin-top: 40px;
}
.attention_strength div.flex_box.three > div {
  padding: 0;
}
.attention_strength span.big.grn {
  display: table;
  font-size: 32px;
  font-weight: 600;
  margin: 0 auto 20px;
  padding: 0;
}
.attention_strength h2 + h3 {
  margin-bottom: 10px;
}
.attention_strength div.flex_box.w50 > div {
  flex: 48%;
  max-width: 48%;
}
.attention_strength div.flex_box.w50 > div ul {
  position: relative;
  margin: 0 auto 20px;
  padding: 0;
}
.attention_strength div.flex_box.w50 > div ul.list_dot::after {
  font-size: 1.6rem;
  content: "･･･etc";
}
.attention_strength div.flex_box.w50 > div ul li {
  position: relative;
  list-style: none;
  font-size: 1.6rem;
  font-weight: 600;
  color: #212121;
  margin: 0 0 5px;
  padding: 0 0 0 20px;
}
.attention_strength div.flex_box.w50 > div ul.list_dot li:before {
  position: absolute;
  top: 8px;
  left: 0;
  color: #0091d7;
  content: "●";
  font-size: 10px;
  line-height: 1;
}
.attention_strength div.flex_box.w50 > div ul.list_icon {
  margin-bottom: 25px;
}
.attention_strength div.flex_box.w50 > div ul.list_icon li {
  font-size: 2rem;
  margin-bottom: 20px;
  color: #0091d7;
  padding-left: 40px;
}
.attention_strength div.flex_box.w50 > div ul.list_icon li:first-child {
  background: url("../images/attention_strength/icon01.png") left center/30px no-repeat;
}
.attention_strength div.flex_box.w50 > div ul.list_icon li:nth-child(2) {
  background: url("../images/attention_strength/icon02.png") left center/30px no-repeat;
}
.attention_strength div.flex_box.w50 > div ul.list_icon li:last-child {
  background: url("../images/attention_strength/icon03.png") left center/30px no-repeat;
}
.attention_strength div.flex_box > div span.big.grn {
  margin-left: 0;
  font-size: 38px;
  letter-spacing: 0.8pt;
}
.attention_strength div.flex_box > div ul.list_btn {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0;
}
.attention_strength div.flex_box > div ul.list_btn li {
  flex: 49%;
  max-width: 49%;
  list-style: none;
  margin: 15px 0 0;
}
.attention_strength div.flex_box > div ul.list_btn li a {
  display: block;
  color: #53bb3d;
  font-size: 22px;
  line-height: 1;
  padding: 20px 0;
  text-align: center;
  font-weight: 600;
  border: 3px solid #53bb3d;
  border-radius: 6px;
  transition: 0.3s all;
}
.attention_strength div.flex_box > div ul.list_btn li a:hover {
  color: #fff;
  background: #53bb3d;
}
.attention_strength .fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 1000ms;
}
.attention_strength .fadein.one {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 600ms;
}
.attention_strength .fadein.two {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 800ms;
}
.attention_strength .fadein.three {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 1000ms;
}
.attention_strength .fadein_l {
  opacity: 0;
  transform: translate(-250px, 0);
  transition: all 1500ms;
}
.attention_strength .fadein_r {
  opacity: 0;
  transform: translate(250px, 0);
  transition: all 1800ms;
}
.attention_strength .fadein.scrollin,
.attention_strength .fadein.one.scrollin,
.attention_strength .fadein.two.scrollin,
.attention_strength .fadein.three.scrollin,
.attention_strength .fadein_l.scrollin,
.attention_strength .fadein_r.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
.attention_strength a.down_btn {
  display: block;
  max-width: 380px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  background: #006289;
  border-radius: 36px;
  padding: 22px 0;
  margin: 30px auto 0;
  transition: 0.3s ease;
}
.attention_strength a.down_btn:hover {
  opacity: 0.35;
  -ms-filter: "alpha(opacity35)";
}
.attention_strength a.down_btn.right {
  margin: 10px 0 0 auto;
  float: none;
}
.attention_strength br.br {
  display: inline;
}
.attention_strength br.sp_br {
  display: none;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .attention_strength .attention_strength {
    margin: 40px auto;
  }
  .attention_strength img.main_img {
    margin: 0 auto 40px;
  }
  .attention_strength p {
    font-size: 1.4rem;
  }
  .attention_strength h3 {
    font-size: 20px;
    margin: 0 0 20px;
  }
  .attention_strength div.flex_box {
    display: block;
    margin: 0 auto 40px;
  }
  .attention_strength div.flex_box > div:first-child {
    padding: 0;
  }
  .attention_strength div.flex_box > div p {
    font-size: 1.4rem;
  }
  .attention_strength div.flex_box > div img {
    width: auto;
    max-width: 100%;
  }
  .attention_strength .line_top,
  .attention_strength .line_bottom,
  .attention_strength .line_top_bottom {
    padding: 60px 0 40px;
    background: url("../images/common/line_top.png") top center/100% no-repeat;
  }
  .attention_strength .line_bottom {
    margin-bottom: 40px;
    padding-top: 0;
    background: url("../images/common/line_bottom.png") bottom center/100% no-repeat;
  }
  .attention_strength .line_top_bottom {
    margin: 40px auto;
    background: url("../images/common/line_top.png") top center/100% no-repeat, url("../images/common/line_bottom.png") bottom center/100% no-repeat;
  }
  .attention_strength h2 {
    font-size: 24px;
    margin: 0 auto 20px;
  }
  .attention_strength p.center {
    font-size: 1.4rem;
  }
  .attention_strength span.big.grn {
    font-size: 24px;
    line-height: 1.2em;
    text-align: center;
  }
  .attention_strength div.flex_box.w50 > div {
    max-width: 100%;
  }
  .attention_strength div.flex_box > div img {
    display: block;
    margin: 20px auto 0;
  }
  .attention_strength div.flex_box.w50 > div ul.list_dot::after {
    font-size: 1.4rem;
  }
  .attention_strength div.flex_box.w50 > div ul li {
    font-size: 1.4rem;
  }
  .attention_strength div.flex_box.w50 > div ul.list_dot li:before {
    font-size: 8px;
    top: 6px;
  }
  .attention_strength div.flex_box.w50 > div ul.list_icon li {
    font-size: 1.8rem;
    padding-left: 40px;
  }
  .attention_strength div.flex_box > div span.big.grn {
    font-size: 28px;
  }
  .attention_strength div.flex_box > div ul.list_btn li {
    margin: 10px 2% 0 0;
    width: 49%;
  }
  .attention_strength div.flex_box > div ul.list_btn li:nth-child(2n) {
    margin-right: 0;
  }
  .attention_strength div.flex_box > div ul.list_btn li a {
    font-size: 1.4rem;
    box-sizing: border-box;
  }
  .attention_strength .fadein, .attention_strength .fadein.one,
  .attention_strength .fadein.two, .attention_strength .fadein.three,
  .attention_strength .fadein_l, .attention_strength .fadein_r {
    opacity: 0;
    transform: translate(0, 50px);
    transition: all 1000ms;
  }
  .attention_strength .sp_op100 {
    opacity: 1;
    transform: translate(0, 0);
  }
  .attention_strength p.center {
    text-align: left;
  }
  .attention_strength br.br {
    display: none;
  }
  .attention_strength br.sp_br {
    display: inline;
  }
}

/* other_system 他システム連携事例
================================== */
.other_system .min {
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .other_system .min {
    font-size: 1.2rem;
  }
}
.other_system .bottom_line {
  padding: 80px 0;
  margin: 80px auto;
  background: url(../images/common/line_top.png) top center no-repeat, url(../images/common/line_bottom.png) bottom center no-repeat;
}
.other_system p {
  font-weight: 400;
  margin: 0 auto 20px;
  padding: 0;
}
.other_system h3 {
  font-size: 24px;
  font-weight: 600;
  margin: 0 auto 20px;
}
.other_system h3.index_h3 {
  font-size: 3.8rem;
  text-align: center;
  font-weight: 600;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 768px) {
  .other_system h3.index_h3 {
    font-size: 2.8rem;
  }
}
.other_system h3.end_icon {
  padding: 12px 0 12px 75px;
  background: url(../images/other_system/icon.png) left center no-repeat;
}
.other_system ul.index_list {
  width: 90%;
  margin: 60px auto 0;
  padding: 0;
}
.other_system ul.index_list li {
  font-size: 20px;
  font-weight: 600;
  list-style: none;
  margin: 0 auto 30px;
}
.other_system ul.index_list li:last-child {
  margin-bottom: 0;
}
.other_system ul.index_list li .number_icon,
.other_system h3 .number_icon {
  font-style: italic;
  display: inline-block;
  padding: 6px 10px 4px;
  margin-right: 15px;
  color: #fff;
  background: #4eba31;
}
.other_system dl.half_list {
  float: left;
  width: 50%;
  margin: 40px auto;
  padding: 0 0 0 2%;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .other_system dl.half_list {
    float: none;
    width: 100%;
  }
}
.other_system dl.half_list:first-child {
  border-right: 1px dotted #ccc;
  padding: 0 2% 0 0;
}
.other_system span.grn {
  font-size: 18px;
  color: #4eba31;
  font-weight: 600;
  margin: 0 auto 10px;
  padding: 0;
}
.other_system dl.half_list dd {
  margin: 0 auto;
  padding: 0;
}
.other_system dl.half_list dd ul {
  margin: 10px auto 20px;
  padding: 0;
}
.other_system dl.half_list dd ul li {
  position: relative;
  list-style: none;
  padding-left: 15px;
  margin: 0 auto 10px;
}
.other_system dl.half_list dd ul li:before {
  position: absolute;
  content: "・";
  left: 0;
}
.other_system dl.half_list dd ul li:last-child {
  margin-bottom: 0;
}
.other_system p.line_box {
  font-size: 20px;
  font-weight: 600;
  border: 1px solid #666;
  padding: 2%;
}
.other_system .grn_bk {
  color: #fff;
  font-size: 20px;
  padding: 6px 16px;
  background: #4eba31;
  border-radius: 8px;
}
.other_system ul.check_list {
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 20px auto;
}
.other_system ul.check_list li {
  list-style: none;
  float: left;
  width: 32%;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  box-sizing: border-box;
  color: #2ca6e0;
  border: 3px solid #2ca6e0;
  padding: 8px 12px;
  margin: 0 2% 0 0;
  border-radius: 8px;
}
.other_system ul.check_list li:last-child {
  margin-right: 0;
}
.other_system .font_b {
  font-size: 22px;
}
.other_system .bold {
  font-weight: 600;
}
.other_system .blue {
  display: block;
  color: #2ca6e0;
  margin: 0 auto 10px;
  padding: 0;
}
.other_system ul.indent_list {
  width: 100%;
  margin: 0 auto 20px;
  padding: 0;
}
.other_system ul.indent_list li {
  list-style: none;
  position: relative;
  font-size: 16px;
  padding-left: 15px;
  margin: 10px auto;
}
.other_system ul.indent_list li:last-child {
  margin-bottom: 0;
}
.other_system ul.indent_list li:before {
  position: absolute;
  content: "・";
  left: 0;
}
.other_system dl.cat_list {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
.other_system dl.cat_list dd {
  float: left;
  width: 32%;
  margin: 0 2% 0 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 768px) {
  .other_system dl.cat_list dd {
    float: none;
    width: 100%;
  }
}
.other_system dl.cat_list.half_dl dd {
  width: 48%;
  margin-right: 4%;
}
@media (max-width: 768px) {
  .other_system dl.cat_list.half_dl dd {
    width: 100%;
  }
}
.other_system dl.cat_list dd:last-child {
  margin-right: 0;
}
.other_system dl.cat_list dd .grn_b {
  display: block;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  padding: 8px 0;
  margin: 0 auto 10px;
  color: #fff;
  background: #4eba31;
  border-radius: 8px;
}
.other_system dl.cat_list dd ul {
  width: auto;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
}
.other_system dl.cat_list dd ul li {
  list-style: none;
  font-size: 18px;
  font-weight: 600;
  margin: 0 auto 5px;
  width: 50%;
  float: left;
}
.other_system span.box.left {
  display: block;
  width: 60%;
  float: left;
  overflow: hidden;
}
@media (max-width: 768px) {
  .other_system span.box.left {
    width: 100%;
  }
}
.other_system img.img_right {
  display: block;
  float: right;
}
.other_system table.color_table {
  width: 100%;
  margin: 10px auto 20px;
  padding: 0;
  border: 2px solid #ccc;
  border-collapse: collapse;
}
.other_system table.color_table tr th,
.other_system table.color_table tr td {
  font-size: 16px;
  padding: 6px;
  border: 2px solid #ccc;
}
.other_system table.color_table tr th {
  background: #e6f6e2;
}
.other_system table.color_table tr td:first-child {
  background: #d9eff9;
  width: 24%;
}
.other_system table.color_table tr td:nth-child(2) {
  width: 18%;
}
.other_system table.color_table tr td:nth-child(3) {
  width: 24%;
}
.other_system .read {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
.other_system a.pdf_btn {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  transition: 0.2s;
}
.other_system a.pdf_btn:hover {
  opacity: 0.6;
  filter: "alpha(opacity=0.6)";
}
.other_system .btm_line_dot {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px dotted #ccc;
}
.other_system .over {
  overflow: hidden;
}
.other_system .mb_0 {
  margin-bottom: 0;
}
.other_system .mb_20 {
  margin-bottom: 20px;
}
.other_system div.supply_chain-p_non {
  display: none;
}
@media (max-width: 768px) {
  .other_system table.color_table {
    width: 800px;
  }
  .other_system table {
    display: table;
    width: 800px;
  }
  .other_system tr {
    display: table-row;
  }
  .other_system td, .other_system th {
    display: table-cell;
  }
}

.table_scroll {
  overflow: scroll;
}

span.blond {
  color: #7f6000;
}

span.un_line {
  border-bottom: 1px solid #333;
}

ul.request_num_add {
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

ul.request_num_add li {
  font-size: 1.6rem;
  margin: 0;
  padding: 0 0 0 1em;
  text-indent: -1em;
}
@media (max-width: 768px) {
  ul.request_num_add li {
    font-size: 1.4rem;
  }
}

/* faq
================================== */
.faq {
  padding-top: 80px;
}
.faq .search_btn {
  max-width: 990px;
  margin: 0 auto 15px;
  padding: 0;
  border: 3px solid #6aaf48;
  box-sizing: border-box;
  overflow: hidden;
}
.faq .search_btn.w100 {
  width: 100%;
}
.faq .search_btn .key {
  float: left;
  width: 30%;
  color: #fff;
  text-align: center;
  line-height: 40px;
  height: 40px;
  font-size: 16px;
  padding: 5px 0;
  background: #6aaf48;
}
.faq .search_btn input[type=text] {
  width: 53%;
  padding: 4px 1%;
  line-height: 40px;
  height: 40px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #333;
  font-size: 16px;
}
.faq .search_btn input[type=submit] {
  float: right;
  display: block;
  border: none;
  background: #ffa300;
  color: #fff;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  padding: 0;
  width: 14.8%;
  margin: 0 auto;
  position: relative;
  transition: 0.2s;
}
.faq .search_btn input[type=submit]:hover {
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
}

.faq .innerBox {
  background: url(../images/faq/bg_frame-head.png) no-repeat 0 0;
  max-width: 990px;
  margin: 40px auto;
  padding-top: 6px;
}

.faq dl {
  background: url(../images/faq/bg_frame-middle.png) repeat-y 0 0;
  margin: 0;
  padding: 0;
  font-size: 1.8rem;
  background-size: 100% 100%;
}
@media (max-width: 768px) {
  .faq dl {
    font-size: 1.6rem;
  }
}

.faq dl div {
  width: 90%;
  background: #fdefe7;
  border: 1px solid #e73828;
  color: #c30d22;
  margin: 20px 0 0 40px;
  display: table;
}

.faq dl h2 {
  width: 8em;
  background: #e73828;
  color: #FFF;
  margin: 0;
  text-align: center;
  font-size: 1.1em;
  display: table-cell;
  vertical-align: middle;
}

.faq dl p {
  margin-left: 20px;
}

.faq dt, .faq dd {
  position: relative;
  margin: 0;
  padding: 30px 30px 30px 80px;
}

.faq dt:before, .faq dd:before {
  position: absolute;
  left: 30px;
  top: 30px;
  width: 32px;
  height: 32px;
  display: block;
  margin: 0 10px 20px 0;
  content: " ";
}

.faq dd {
  padding-top: 0;
}

.faq dd:before {
  top: 0;
}

.faq dt {
  font-size: 2rem;
  color: #076eb8;
}
@media (max-width: 768px) {
  .faq dt {
    font-size: 1.8rem;
  }
}

.faq dt:before {
  background: url(../images/faq/ico_q.png) no-repeat 0 0;
}

.faq dd {
  color: #e73828;
  background: url(../images/faq/bg_line.png) no-repeat 50% 100%;
}

.faq dd:before {
  background: url(../images/faq/ico_a.png) no-repeat 0 0;
}

.faq dd:last-child {
  background: url(../images/faq/bg_frame-bottom.png) no-repeat 0 100%;
}

.faq a, .faq a:hover {
  color: #076eb8;
}

.faq_top dl dt.h3_dt, .faq_list dl dt.h3_dt {
  padding: 12px 0;
  background: #6aaf48;
  color: #fff;
  margin: -4px auto 30px;
  border-radius: 8px 8px 0 0;
  text-align: center;
}
.faq_top dl dt.h3_dt:before, .faq_list dl dt.h3_dt:before {
  display: none;
}
.faq_top dl dd.index_dd, .faq_list dl dd.index_dd {
  padding: 0 30px 30px;
}
.faq_top dl dd.index_dd:before, .faq_list dl dd.index_dd:before {
  display: none;
}
.faq_top dl dd.index_dd div.indent_div, .faq_list dl dd.index_dd div.indent_div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  background: none;
  border: none;
}
.faq_top dl dd.index_dd div.indent_div > div, .faq_list dl dd.index_dd div.indent_div > div {
  flex: 48%;
  max-width: 48%;
  margin: 0 0 15px;
  list-style: none;
  padding: 0;
  box-sizing: border-box;
  background: none;
  border: none;
}
.faq_top dl dd.index_dd div.indent_div > div a, .faq_list dl dd.index_dd div.indent_div > div a {
  display: block;
  padding: 0 0 0 1.1em;
  text-indent: -1.1em;
  margin: 0 0 20px;
}
.faq_top dl dd.index_dd ul.indent_span, .faq_list dl dd.index_dd ul.indent_span {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
.faq_top dl dd.index_dd ul.indent_span li, .faq_list dl dd.index_dd ul.indent_span li {
  float: left;
  width: 48%;
  margin: 0 4% 10px 0;
  overflow: hidden;
}
.faq_top dl dd.index_dd ul.indent_span li:nth-child(2n), .faq_list dl dd.index_dd ul.indent_span li:nth-child(2n) {
  margin-right: 0;
}
.faq_top dl dd.index_dd ul.indent_span li span, .faq_list dl dd.index_dd ul.indent_span li span {
  display: block;
  color: #333;
  font-weight: 600;
  padding: 0 0 0 1.1em;
  text-indent: -1.1em;
  margin: 0 auto 10px;
}
.faq_top dl dd.index_dd ul.indent_span li span a, .faq_list dl dd.index_dd ul.indent_span li span a {
  font-weight: 200;
}
.faq_top dl dd.index_dd ul li a:hover, .faq_list dl dd.index_dd ul li a:hover {
  text-decoration: underline;
}
.faq_top dl dd.index_dd ul li a.active, .faq_list dl dd.index_dd ul li a.active {
  color: #333;
  text-decoration: none;
}
.faq_top dl dd.index_dd ul li, .faq_list dl dd.index_dd ul li {
  overflow: hidden;
}

.faq.faq_list {
  padding: 0 2rem 0;
}

@media (max-width: 768px) {
  .faq .search_btn .key {
    display: block;
    float: none;
    width: 100%;
    line-height: 32px;
    height: 32px;
  }
  .faq .search_btn.faq_top input[type=text] {
    display: block;
    width: 90%;
    padding: 6px;
    line-height: 32px;
    height: 32px;
    margin: 10px auto;
  }
  .faq .search_btn input[type=submit] {
    float: none;
    height: 40px;
    line-height: 40px;
    width: 80%;
    margin: 0 auto 10px;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  .faq .innerBox {
    width: 100%;
    padding: 0;
  }
  .faq dl {
    background-image: none;
    border: solid 8px #7AAC55;
    border-radius: 8px;
    margin-bottom: 20px;
  }
}
.faq .id09_li {
  display: flex;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.faq ul.id09_li li {
  list-style: none;
  font-size: 16px;
  width: 44%;
  padding: 2%;
  margin: 0 4% 0 0;
  border-radius: 12px;
  min-height: 380px;
}
.faq ul.id09_li li:last-child {
  margin-right: 0;
}
.faq ul.id09_li li:first-child {
  background: #f6ffe4;
}
.faq ul.id09_li li:last-child {
  background: #e4faff;
}
.faq ul.id09_li li span {
  font-weight: 600;
}
.faq .innerBox.dd_color .faq dd {
  padding-left: 40px;
}
.faq .innerBox.dd_color .faq dd::before {
  position: absolute;
}
.faq .innerBox.dd_color dl dt a:hover {
  text-decoration: underline;
}
.faq .innerBox.dd_color dl dd {
  color: #333;
}
.faq .innerBox.dd_color dl dd h3 {
  color: #6aaf48;
  padding: 0 0 10px;
  margin: 0 auto 10px;
  border-bottom: 1px solid #ccc;
}
.faq .innerBox.dd_color dl dd p {
  margin: 0 auto 15px;
  padding: 0;
}
.faq .innerBox.dd_color dl dd img {
  display: block;
  margin: 15px auto;
  max-width: 100%;
}
.faq .innerBox.dd_color dl dd.bk_none:before {
  display: none;
}
.faq a.back_btn {
  color: #fff;
  text-decoration: none;
  position: relative;
  display: inline-block;
  margin: 15px 5% 0;
  padding: 12px 24px 12px 44px;
  background: #6aaf48;
  transition: 0.2s;
}
.faq a.back_btn:before {
  content: "";
  width: 0;
  height: 0;
  border: 0;
  border: 6px solid transparent;
  border-left: 6px solid #fff;
  position: absolute;
  bottom: 0;
  top: 50%;
  margin-top: -6px;
  left: 20px;
}
.faq a.back_btn:hover {
  color: #fff;
  opacity: 0.6;
  filter: "alpha(opacity=0.6)";
}
@media (max-width: 768px) {
  .faq ul.id09_li {
    display: block;
  }
  .faq ul.id09_li li {
    width: 100%;
    margin-block: 10px;
  }
}
.faq ul.id03_li {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
.faq ul.id06_li {
  float: right;
  width: 60%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
.faq ul.id03_li li, .faq ul.id06_li li {
  list-style: none;
  margin: 0 auto 15px;
  padding: 0 0 15px;
}
.faq ul.id03_li li span, .faq ul.id06_li li span {
  display: block;
  color: #369;
  font-weight: 600;
}
@media (max-width: 768px) {
  .faq ul.id06_li {
    float: none;
    width: 100%;
  }
}

/* privacy_policy プライバシーポリシー
================================== */
div#contents.policy {
  padding: 0;
  background: #fff;
}

div#contents.policy div.inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 60px 20px;
}

div#contents.policy div.inner p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  padding: 0;
}

div#contents.policy div.inner p + p {
  margin-top: 1em;
}

div#contents.policy div.inner ul.num {
  margin: 15px 0 0;
  padding: 0;
  counter-reset: item;
  list-style-type: none;
}

div#contents.policy div.inner ul.num li {
  position: relative;
  margin: 0;
  padding: 0 0 0 1.5em;
  font-size: 16px;
  line-height: 1.8;
}

div#contents.policy div.inner ul.num li::before {
  position: absolute;
  left: 3px;
  top: 0;
  display: inline-block;
  counter-increment: item;
  content: counter(item) ".";
}

div#contents.policy div.inner ul.num li + li {
  margin-top: 1em;
}

div#contents.policy div.inner h3 {
  position: relative;
  color: #006289;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: 0.25pt;
  font-weight: 600;
  margin: 0;
  padding: 0;
}

div#contents.policy div.inner h3 + * {
  margin-top: 15px;
}

div#contents.policy div.inner * + h3 {
  margin-top: 45px;
}

div#contents.policy div.inner div.right {
  float: none;
  display: table;
  margin: 45px 0 0 auto;
}

@media screen and (max-width: 768px) {
  div#contents.policy div.inner {
    padding: 30px 20px;
  }
  div#contents.policy div.inner h3 {
    font-size: 20px;
  }
  div#contents.policy div.inner p {
    font-size: 14px;
  }
}
/* dx_guide2
================================== */
.dx_guide2 .ec_box dl, .dx_guide2 .ec_box dl dd ul.impro_ul li ul.nth02 li:nth-child(1):before {
  content: "04";
}
.dx_guide2 .ec_box dl, .dx_guide2 .ec_box dl dd ul.impro_ul li ul.nth02 li:nth-child(2):before {
  content: "05";
}
.dx_guide2 .ec_box dl, .dx_guide2 .ec_box dl dd ul.impro_ul li ul.nth02 li:nth-child(3):before {
  content: "06";
}
.dx_guide2 #form .font_pick.yazi:before, .dx_guide2 #form .font_pick.yazi:after {
  border: 25px solid transparent;
  border-top: 20px solid #fff;
}

/* wms_dx WMSで実現する中小製造業の物流DX
================================== */
.wms_dx {
  /*角丸背景*/
  /*著書紹介*/
  /*2カラムボタン*/
  /*著者紹介*/
  /*本書の内容*/
}
.wms_dx div.lp-area {
  max-width: 1920px;
  margin: 0 auto;
  padding: 80px 0;
}
.wms_dx div.lp-area p,
.wms_dx div.lp-area h2,
.wms_dx div.lp-area h3 {
  margin: 0;
  padding: 0;
}
.wms_dx img {
  max-width: 100%;
}
.wms_dx div.box {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
}
.wms_dx div.band {
  position: relative;
  max-width: 100%;
  padding: 40px 20px;
  margin: 60px auto;
  text-align: center;
}
.wms_dx div.band.yazi::before,
.wms_dx div.band.yazi::after {
  position: absolute;
  top: 50%;
  left: 10%;
  margin: auto;
  margin-top: auto;
  content: "";
  margin-top: -16px;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border: 42px solid transparent;
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 42px;
  border-top: 32px solid #ebcd00;
  box-sizing: border-box;
}
.wms_dx div.band.yazi::after {
  left: auto;
  right: 10%;
}
.wms_dx div.band.grn {
  background: #327e1e;
}
.wms_dx div.band.yel {
  background: #ebcd00;
}
.wms_dx div.band.grn h2 {
  font-size: 32px;
  line-height: 1.4;
  color: #ebcd00;
  font-weight: 600;
  margin: 0 auto;
  padding: 0;
}
.wms_dx div.band.yel h2 {
  font-size: 32px;
  line-height: 1.4;
  text-align: center;
  color: #212121;
  font-weight: 600;
  margin: 0 auto;
  padding: 0;
}
.wms_dx div.band.yel p.free {
  display: table;
  position: relative;
  color: #327e1e;
  font-size: 48px;
  line-height: 1;
  font-weight: 800;
  margin: 10px auto 0;
  padding: 0 0 0 75px;
}
.wms_dx div.band.yel p.free::before {
  position: absolute;
  content: "";
  display: inline-block;
  left: 0;
  width: 60px;
  height: 100%;
  background: url(../images/wms_dx/free_icon.svg) center no-repeat;
  background-size: contain;
}
.wms_dx div.band.yel a {
  color: #327e1e;
  pointer-events: none;
}
.wms_dx div.round_area {
  max-width: 1020px;
  padding: 60px 40px;
  margin: 0 auto;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.wms_dx div.round_area + div.round_area {
  margin-top: 20px;
}
.wms_dx div.round_area div.flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 auto;
  padding: 0;
}
.wms_dx div.round_area div.flex.center {
  justify-content: center;
}
.wms_dx div.round_area div.flex div {
  text-align: left;
}
.wms_dx div.round_area div.flex.introduction {
  position: relative;
  border-bottom: 1px solid #ccc;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.wms_dx div.round_area div.flex.introduction::before,
.wms_dx div.round_area div.flex.introduction::after {
  position: absolute;
  content: "";
  bottom: -60px;
  left: 50%;
  margin-left: -40px;
  border: 40px solid transparent;
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 20px;
  border-top: 20px solid #ccc;
}
.wms_dx div.round_area div.flex.introduction::after {
  bottom: -59px;
  border-top: 20px solid #fff;
}
.wms_dx div.round_area div.flex.introduction div + div {
  margin-left: 40px;
}
.wms_dx div.round_area div.flex.introduction div img {
  max-width: 200px;
}
.wms_dx div.round_area div.flex.introduction div span.new {
  display: inline-block;
  color: #c00;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  padding: 4px 8px;
  margin: 0 auto 10px;
  border-radius: 6px;
  background: #ebcd00;
}
.wms_dx div.round_area div.flex.introduction div p {
  font-size: 32px;
  font-weight: 600;
  font-weight: bold;
  line-height: 1.1;
  margin: 0;
  padding: 0;
}
.wms_dx div.round_area div.flex.introduction div p.catch {
  background: #ebcd00;
  padding: 8px 0 8px 12px;
  margin: 5px auto 0;
}
.wms_dx div.flex.btn a {
  width: calc((100% - 40px) / 2);
  position: relative;
  color: #fff;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 600;
  background: #ff9900;
  padding: 30px 40px;
  border-radius: 16px;
  box-shadow: 0 4px 1px #9a5e04;
  transform: translateY(0);
  transition: 0.3s ease;
  margin-right: 40px;
}
.wms_dx div.flex.btn a::after {
  position: absolute;
  content: "";
  display: inline-block;
  right: 30px;
  top: 50%;
  width: 12px;
  height: 12px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -6px;
}
.wms_dx div.flex.btn a span {
  display: block;
  font-size: 14px;
  margin-top: 5px;
  letter-spacing: 0.2pt;
}
.wms_dx div.flex.btn a:last-child {
  margin-right: 0;
  background: #c00;
  box-shadow: 0 4px 1px #6d0303;
}
.wms_dx div.flex.btn a:last-child span {
  color: #fc0;
  margin: 0 0 5px;
}
.wms_dx div.flex.btn a:hover,
.wms_dx div.flex.btn a:last-child:hover {
  box-shadow: 0 1px 1px #111;
  transform: translateY(3px);
  opacity: 0.6;
}
.wms_dx div.round_area.txt p {
  font-size: 16px;
  letter-spacing: 0.2pt;
  line-height: 2;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
.wms_dx div.round_area p.round-icon {
  position: relative;
  padding-left: 1.25em;
}
.wms_dx div.round_area p.round-icon::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: 8px;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #327e1e;
}
.wms_dx div.round_area.txt p + p {
  margin-top: 1em;
}
.wms_dx div.round_area.txt + h3 {
  color: #327e1e;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  margin: 60px auto 20px;
}
.wms_dx div.round_area div.flex.gry {
  background: #f7f7f7;
  padding: 30px 40px;
  margin: 0 auto 20px;
}
.wms_dx div.round_area div.flex.gry div {
  width: 50%;
}
.wms_dx div.round_area div.flex.gry div p.name {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
  padding: 0;
}
.wms_dx div.round_area div.flex.gry div p.grn {
  position: relative;
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  color: #327e1e;
  padding: 0 0 0 1.25em;
  margin: 0;
}
.wms_dx div.round_area div.flex.gry div p.grn::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: inline-block;
  width: 0.9em;
  height: 100%;
  background: #327e1e;
}
.wms_dx div.round_area div.flex.gry div ul.dot {
  margin: 15px auto 0;
  padding: 0 0 0 2em;
}
.wms_dx div.round_area div.flex.gry div ul.dot li {
  position: relative;
  list-style: none;
  font-size: 16px;
  line-height: 1.4;
  margin: 0;
  padding: 0 0 0 1em;
}
.wms_dx div.round_area div.flex.gry div ul.dot li + li {
  margin-top: 5px;
}
.wms_dx div.round_area div.flex.gry div ul.dot li::before {
  position: absolute;
  content: "●";
  display: inline-block;
  top: 0;
  left: 0;
}
.wms_dx div.round_area div.flex.chapter {
  justify-content: space-between;
}
.wms_dx div.round_area div.flex.chapter > div {
  width: calc(100% - 300px);
}
.wms_dx div.round_area div.flex.chapter > div:nth-child(2) {
  position: relative;
  width: 250px;
  margin-left: 50px;
}
.wms_dx div.round_area div.flex.chapter > div p.read {
  display: table;
  font-size: 22px;
  line-height: 1.1;
  margin: 0;
  padding: 0 0 10px;
  border-bottom: 1px solid #ccc;
}
.wms_dx div.round_area div.flex.list {
  flex-wrap: wrap;
  margin: 20px auto 0;
  align-items: flex-start;
  gap: 0;
}
.wms_dx div.round_area div.flex.list div {
  width: 100px;
}
.wms_dx div.round_area div.flex.list div:nth-child(2n) {
  width: calc(100% - 100px);
  margin-right: 0;
}
.wms_dx div.round_area div.flex.list div:nth-child(n+3) {
  margin-top: 20px;
}
.wms_dx div.round_area div.flex.chapter div.point {
  position: absolute;
  content: "";
  top: -100px;
  left: -100px;
  display: flex;
  align-items: center;
  text-align: center;
  width: 200px;
  height: 200px;
  font-size: 16px;
  letter-spacing: -0.25pt;
  font-weight: 600;
  background: #ebcd00;
  border-radius: 100px;
  transform: rotate(15deg);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.wms_dx div.round_area div.flex.chapter div.point p {
  width: 100%;
}
.wms_dx div.round_area div.flex.chapter div.point p span {
  color: #327e1e;
}
.wms_dx div.round_area div.flex.list div span {
  display: inline-block;
  color: #fff;
  background: #327e1e;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
  padding: 6px 8px;
  border-radius: 6px;
}
.wms_dx div.round_area div.flex.list div p {
  font-size: 22px;
  font-weight: 600;
}
.wms_dx div.flex.last div h3 {
  font-size: 32px;
  line-height: 1.2;
  color: #327e1e;
  font-weight: 600;
}
.wms_dx div.flex.last div h3 + p {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  margin: 10px auto 0;
}
.wms_dx div.flex.last div + div {
  margin-left: 40px;
}
.wms_dx br.sp_br {
  display: none;
}
@media screen and (max-width: 1100px) {
  .wms_dx div.band.yazi::before,
  .wms_dx div.band.yazi::after {
    left: 20px;
  }
  .wms_dx div.band.yazi::after {
    left: auto;
    right: 20px;
  }
  .wms_dx div.box,
  .wms_dx div.round_area {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 991px) {
  .wms_dx {
    /*2カラムボタン*/
  }
  .wms_dx div.band.grn h2 {
    font-size: 2.8vw;
  }
  .wms_dx div.band.yel h2 {
    font-size: 2.8vw;
  }
  .wms_dx div.flex.btn a {
    font-size: 2.4vw;
  }
  .wms_dx div.flex.btn a span {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .wms_dx {
    /*角丸背景*/
    /*著書紹介*/
    /*2カラムボタン*/
    /*著者紹介*/
    /*本書の内容*/
  }
  .wms_dx div.lp-area {
    padding: 40px 0;
  }
  .wms_dx div.band {
    padding: 20px 10px;
    margin: 40px auto;
  }
  .wms_dx div.band.yazi::before,
  .wms_dx div.band.yazi::after {
    display: none;
  }
  .wms_dx div.band.grn h2 {
    font-size: 3.2vw;
  }
  .wms_dx div.band.yel h2 {
    font-size: 3.2vw;
  }
  .wms_dx div.band.yel p.free {
    font-size: 32px;
    padding: 0 0 0 60px;
  }
  .wms_dx div.band.yel p.free::before {
    width: 45px;
  }
  .wms_dx div.round_area {
    padding: 20px;
  }
  .wms_dx div.round_area div.flex.introduction {
    padding-bottom: 20px;
    margin-bottom: 40px;
  }
  .wms_dx div.round_area div.flex.introduction div + div {
    margin-left: 10px;
  }
  .wms_dx div.round_area div.flex.introduction div img {
    max-width: 125px;
  }
  .wms_dx div.round_area div.flex.introduction div span.new {
    font-size: 14px;
  }
  .wms_dx div.round_area div.flex.introduction div p {
    font-size: 3.2vw;
  }
  .wms_dx div.flex.btn a {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
  }
  .wms_dx div.flex.btn a {
    font-size: 20px;
    padding: 20px 30px;
  }
  .wms_dx div.flex.btn a::after {
    right: 20px;
  }
  .wms_dx div.round_area.txt p {
    font-size: 14px;
    line-height: 1.8;
  }
  .wms_dx div.round_area p.round-icon::before {
    top: 6px;
    width: 12px;
    height: 12px;
    border-radius: 6px;
  }
  .wms_dx div.round_area.txt + h3 {
    font-size: 24px;
    margin: 40px auto 10px;
  }
  .wms_dx div.round_area div.flex.gry {
    flex-wrap: wrap;
    padding: 20px 30px;
  }
  .wms_dx div.round_area div.flex.gry div {
    width: 100%;
  }
  .wms_dx div.round_area div.flex.gry div + div {
    margin-top: 15px;
  }
  .wms_dx div.round_area div.flex.gry div p.name {
    font-size: 16px;
  }
  .wms_dx div.round_area div.flex.gry div p.grn {
    font-size: 16px;
  }
  .wms_dx div.round_area div.flex.gry div ul.dot {
    margin-top: 10px;
    padding: 0 0 0 1.75em;
  }
  .wms_dx div.round_area div.flex.gry div ul.dot li {
    font-size: 14px;
  }
  .wms_dx div.round_area div.flex.chapter {
    flex-wrap: wrap;
  }
  .wms_dx div.round_area div.flex.chapter > div {
    width: 100%;
  }
  .wms_dx div.round_area div.flex.chapter > div:nth-child(2) {
    width: auto;
    margin: 30px auto 0;
    text-align: center;
  }
  .wms_dx div.round_area div.flex.chapter > div p.read {
    font-size: 16px;
  }
  .wms_dx div.round_area div.flex.list div {
    width: 80px;
  }
  .wms_dx div.round_area div.flex.list div:nth-child(2n) {
    width: calc(100% - 80px);
  }
  .wms_dx div.round_area div.flex.chapter div.point {
    position: absolute;
    top: -20px;
    left: auto;
    right: -100px;
    width: 150px;
    height: 150px;
    font-size: 12px;
    border-radius: 75px;
    z-index: 1;
  }
  .wms_dx div.round_area div.flex.list div span {
    font-size: 16px;
  }
  .wms_dx div.round_area div.flex.list div p {
    font-size: 16px;
  }
  .wms_dx div.flex.last div h3 {
    font-size: 3.2vw;
  }
  .wms_dx div.flex.last div h3 + p {
    font-size: 14px;
  }
  .wms_dx div.flex.last div + div {
    margin-left: 20px;
  }
  .wms_dx div.flex.last div img {
    max-width: 125px;
  }
  .wms_dx br.sp_br {
    display: inline;
  }
}
@media screen and (max-width: 640px) {
  .wms_dx {
    /*著書紹介*/
    /*2カラムボタン*/
    /*著者紹介*/
    /*本書の内容*/
  }
  .wms_dx div.lp-area {
    padding: 20px 0;
  }
  .wms_dx div.band {
    margin: 20px auto;
  }
  .wms_dx div.band.grn h2 {
    font-size: 4.2vw;
  }
  .wms_dx div.band.yel h2 {
    font-size: 4.2vw;
  }
  .wms_dx div.band.yel p.free {
    font-size: 28px;
    padding: 0 0 0 40px;
  }
  .wms_dx div.band.yel p.free::before {
    width: 35px;
  }
  .wms_dx div.round_area div.flex.introduction div img {
    max-width: 125px;
  }
  .wms_dx div.round_area div.flex.introduction div p {
    display: table;
    font-size: 4.2vw;
  }
  .wms_dx div.round_area div.flex.introduction div p.catch {
    text-align: center;
    line-height: 1.4;
    padding: 10px 0.5em;
    margin-top: 10px;
  }
  .wms_dx div.round_area div.flex.introduction div p.catch span {
    display: block;
  }
  .wms_dx div.flex.btn {
    flex-wrap: wrap;
  }
  .wms_dx div.flex.btn a {
    width: 100%;
    margin-right: 0;
  }
  .wms_dx div.flex.btn a + a {
    margin-top: 10px;
  }
  .wms_dx div.flex.btn a {
    font-size: 20px;
    padding: 20px 30px;
  }
  .wms_dx div.flex.btn a span {
    font-size: 12px;
  }
  .wms_dx div.round_area div.flex.gry {
    padding: 15px;
  }
  .wms_dx div.round_area div.flex.chapter > div p.read {
    font-size: 14px;
    font-weight: 600;
  }
  .wms_dx div.round_area div.flex.list div {
    width: 70px;
  }
  .wms_dx div.round_area div.flex.list div:nth-child(2n) {
    width: calc(100% - 70px);
  }
  .wms_dx div.round_area div.flex.chapter div.point {
    position: absolute;
    right: -80px;
    width: 120px;
    height: 120px;
    font-size: 10px;
    border-radius: 60px;
  }
  .wms_dx div.round_area div.flex.list div span {
    font-size: 14px;
  }
  .wms_dx div.round_area div.flex.list div p {
    font-size: 14px;
  }
  .wms_dx div.round_area div.flex.chapter div img {
    max-width: 150px;
  }
  .wms_dx div.flex.last {
    flex-wrap: wrap;
  }
  .wms_dx div.flex.last div {
    width: 100%;
  }
  .wms_dx div.flex.last div:first-child {
    text-align: center;
  }
  .wms_dx div.flex.last div h3 {
    font-size: 4.2vw;
  }
  .wms_dx div.flex.last div h3 + p {
    font-size: 12px;
  }
  .wms_dx div.flex.last div + div {
    margin: 10px auto 0;
  }
  .wms_dx div.flex.last div img {
    max-width: 125px;
  }
}

/* sitemap サイトマップ
================================== */
.sitemap h2 {
  font-size: 1.4em;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 5px;
}

.sitemap #commonNavi h2 {
  border: none;
}

.sitemap .innerBox　h2 span, .sitemap .innerBox h2 a {
  background: url(../images/sitemap/ico_h2-arrow.png) no-repeat 100% 50%;
  padding-right: 30px;
}

.sitemap .innerBox ul {
  list-style-type: none;
  margin: 10px auto 40px;
  width: 95%;
  padding: 0;
  overflow: hidden;
  *zoom: 1;
}

.sitemap .innerBox li {
  width: 30%;
  float: left;
  background: url(../images/sitemap/ico_page-arrow.png) no-repeat 0 50%;
  padding-left: 16px;
  margin-bottom: 18px;
}

@media (max-width: 768px) {
  .sitemap .innerBox li {
    width: 100%;
    float: none;
  }
}
/* request28 request25
================================== */
.demo-entry {
  /* 画面サイズが767px以下の場合に適用 */
}
.demo-entry #new_wap div.mv {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 100%;
  margin: 0 auto 40px;
  padding: 40px;
  border-radius: 12px;
}
.demo-entry #new_wap div.mv.org {
  background: #f3a400;
}
.demo-entry #new_wap div.mv.yel {
  background: #9a9901;
}
.demo-entry #new_wap div.mv.blue {
  background: #009ce7;
}
.demo-entry #new_wap div.mv > div:first-child {
  flex: 60%;
  max-width: 60%;
}
.demo-entry #new_wap div.mv > div:first-child h3 {
  font-size: 26px;
  font-weight: 600;
  color: #fff;
  line-height: 1.4;
  margin: 0 0 20px;
  padding: 0 0 10px;
  border-bottom: 3px solid #fff;
}
.demo-entry #new_wap div.mv > div:first-child p {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.8em;
  margin: 0;
  padding: 0;
}
.demo-entry #new_wap div.mv > div:first-child p span {
  font-size: 20px;
}
.demo-entry #new_wap div.mv > div:last-child {
  flex: 35%;
  max-width: 35%;
}
.demo-entry #new_wap div.mv > div:last-child img {
  max-width: 100%;
}
.demo-entry #new_wap div.mv > div a {
  color: #fff;
  text-decoration: underline;
}
.demo-entry #new_wap div.mv > div a:hover {
  text-decoration: none;
}
.demo-entry #new_wap div.mv.r_w20 > div:first-child {
  flex: 75%;
  max-width: 75%;
}
.demo-entry #new_wap div.mv.r_w20 > div:last-child {
  flex: 20%;
  max-width: 20%;
}
.demo-entry #new_wap div.flex_btn {
  display: block;
  width: 768px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
.demo-entry #new_wap div.flex_btn > div {
  max-width: 100%;
}
.demo-entry .demo-entry table .wpcf7-list-item {
  display: inline-block;
}
.demo-entry #new_wap div.flex_btn > div .wpcf7-form, .demo-entry #new_wap div.flex_btn > div .formBox {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 0;
}
.demo-entry .btn_area {
  position: relative;
  display: none;
  padding: 0 0 20px;
  text-align: center;
  margin: 80px auto 0;
  background: #fff;
}
.demo-entry .btn_area img {
  max-width: 100%;
}
.demo-entry .checkbox {
  display: block;
  margin: 0 auto;
}
.demo-entry input[type=submit] {
  display: block;
  border: none;
  color: #fff;
  background: #212121;
  font-size: 18px;
  line-height: 1em;
  text-align: center;
  padding: 18px 0;
  margin: 0 auto;
  width: 100%;
  max-width: 320px;
  text-decoration: none;
  position: relative;
  border-radius: 6px;
  transition: all 0.3s ease;
  box-sizing: border-box;
}
.demo-entry input[type=submit]:hover {
  opacity: 0.35;
  -ms-filter: "alpha(opacity=35)";
}
.demo-entry div.wpcf7-mail-sent-ok {
  font-size: 1.8rem;
  font-weight: 600;
  padding: 10px;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .demo-entry .lower-common .formBox th, .demo-entry .lower-common .formBox td {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0;
  }
  .demo-entry #new_wap div.mv {
    display: block;
    padding: 20px;
  }
  .demo-entry #new_wap div.mv > div:first-child, .demo-entry #new_wap div.mv.r_w20 > div:first-child {
    width: 100%;
    max-width: 100%;
  }
  .demo-entry #new_wap div.mv > div:first-child h3 {
    font-size: 20px;
  }
  .demo-entry #new_wap div.mv > div:first-child p {
    font-size: 14px;
    line-height: 1.6em;
    margin-bottom: 20px;
  }
  .demo-entry #new_wap div.mv > div:first-child p span {
    font-size: 16px;
  }
  .demo-entry #new_wap div.mv > div:last-child, .demo-entry #new_wap div.mv.r_w20 > div:last-child {
    width: 100%;
    max-width: 100%;
  }
  .demo-entry .form_wap {
    padding-inline: 0;
  }
}

/* visit_food 事例取材訪問記【食品】
================================== */
.visit_wap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 80px 0 20px;
  overflow: hidden;
}

.visit_wap .full_img {
  display: block;
  width: 100%;
  margin: 0 auto 15px;
}

.visit_wap .visit_box {
  background: #fff;
  display: block;
  flex: 48%;
  max-width: 48%;
  border: 5px solid #006289;
  border-radius: 12px;
  padding: 12px;
  box-sizing: border-box;
  margin: 0 0 15px;
}
.visit_wap .visit_box a {
  margin: 0px;
  padding: 0px;
}
.visit_wap .visit_box img {
  display: block;
  float: left;
  margin: 0 15px 15px 0;
  max-width: 240px;
}
.visit_wap .visit_box p {
  display: block;
  color: #333;
  margin: 0px auto;
  padding: 0px;
}
.visit_wap .visit_box p.purpose {
  display: table;
  width: 100%;
  font-weight: 600;
  margin: 10px 0 0;
  padding: 0;
}
.visit_wap .visit_box h3 {
  display: block;
  font-weight: bold;
  color: #046c93;
  font-size: 18px;
  margin: 0 auto 8px;
  padding: 0px;
}
.visit_wap .visit_box a.visit_btn {
  clear: both;
  display: block;
  padding: 6px;
  background: #046c93;
  color: #fff;
  text-decoration: none;
  text-align: center;
  border-radius: 12px;
  margin: 15px auto 0;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .visit_wap {
    display: block;
  }
  .visit_wap .visit_box {
    max-width: 100%;
    padding: 8px;
  }
  .visit_wap .visit_box img {
    float: none;
    width: 100%;
    max-width: 100%;
  }
  .visit_wap .visit_box h3 img {
    width: auto;
  }
  .visit_wap .big {
    font-weight: bold;
    font-size: 18px;
  }
  .visit_wap .sml {
    font-size: 10px;
  }
}
/* flow/demo/entry インターストック　オンラインデモのお申込み
================================== */
div.ptb_60 {
  padding-block: 60px;
}

#wpcf7-f11208-p108-o1 .form_wap {
  padding-inline: 0;
}

/* mailmagazine メルマガ登録
================================== */
.wid1065 {
  max-width: 1065px;
  margin-inline: auto;
}

.mailmagazine .mailmagazine_top {
  background-color: #DBE8F1;
}
.mailmagazine .wid1065 {
  padding-block: 20px;
}
.mailmagazine .wid1065.flex {
  align-items: center;
}
.mailmagazine .wid1065 p {
  font-size: 32px;
  font-weight: 600;
  color: #006289;
  margin: 0;
  padding: 0;
  text-align: left;
}
.mailmagazine .wid1065 p > span:first-child {
  font-size: 2.4rem;
}
.mailmagazine .melmaga {
  max-width: 660px;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #ccc;
  background: #fff;
  overflow: hidden;
}
.mailmagazine .melmaga h3 {
  color: #00851f;
  font-size: 22px;
  font-weight: 600;
  margin: 0 auto 10px;
  padding: 0;
}
.mailmagazine .melmaga li {
  list-style: none;
  float: left;
  font-size: 16px;
  margin: 0 15px 15px 0;
  padding: 4px;
  background: #f7f7f7;
}
.mailmagazine div.flex_3col {
  display: flex;
  justify-content: space-between;
  max-width: 660px;
  margin: 20px auto 0;
  padding: 20px;
  border: 1px solid #ccc;
  background: #fff;
  overflow: hidden;
}
.mailmagazine div.flex_3col > div {
  flex: 32%;
  max-width: 32%;
}
.mailmagazine div.flex_3col > div p {
  margin: 0;
  padding: 0;
}
.mailmagazine div.flex_3col > div p span.spe {
  display: block;
  color: #fff;
  background: #343434;
  line-height: 1;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  padding: 8px 12px;
  margin: 0 auto 5px;
}
.mailmagazine div.flex_3col > div p span.red {
  display: block;
  color: #ff0000;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
}
.mailmagazine div.flex_3col > div p {
  font-size: 16px;
}
@media (max-width: 768px) {
  .mailmagazine div.flex_3col > div p {
    font-size: 14px;
  }
}
.mailmagazine .pick_red {
  text-align: center;
  color: #ff0000;
}
.mailmagazine .mel_box {
  max-width: 660px;
  background: #fff;
  padding: 10px 20px 0;
  margin: 0 auto;
  border: 1px solid #ccc;
  overflow: hidden;
}
.mailmagazine .mel_box p .must {
  float: right;
  text-align: center;
}
.mailmagazine .mel_box .wpcf7-form {
  width: 100%;
}
.mailmagazine .mel_box input[type=text],
.mailmagazine .mel_box input[type=email] {
  font-size: 14px;
  display: block;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  padding: 12px;
  vertical-align: middle;
  border: none;
  border: 1px solid #ccc;
  color: inherit;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1rem;
  color: #666;
  width: 100%;
}
.mailmagazine .mel_box input[type=submit] {
  display: block;
  border: none;
  background: #f70;
  color: #fff;
  text-align: center;
  padding: 12px 0;
  width: 48%;
  height: 60px;
  margin: 0 26% 0;
  font-size: 24px;
  position: relative;
}
.mailmagazine .mel_box input[type=submit]:hover {
  background: #f90;
}
.mailmagazine a.page_t {
  color: #444;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  display: block;
  max-width: 670px;
  padding: 15px;
  margin: 15px auto 30px;
  background: #fc6;
  box-shadow: 0 3px 1px #c90;
}
.mailmagazine a.stop_btn {
  display: block;
  max-width: 700px;
  margin: 0 auto 30px;
  padding: 16px 0;
  background: #006289;
  color: #fff;
  text-align: center;
  font-size: 16px;
  border: 2px solid #006289;
  transition: 0.2s;
}
.mailmagazine a.stop_btn:hover {
  color: #006289;
  background: #fff;
}
.mailmagazine a.page_t:hover {
  background: #fc0;
}
.mailmagazine .review {
  max-width: 660px;
  background: #fff;
  padding: 20px;
  margin: 0 auto 60px;
  border: 1px solid #ccc;
  overflow: hidden;
}
.mailmagazine .review h3 {
  margin: 0 auto 15px;
  padding: 0;
  font-size: 18px;
  color: #006289;
  text-align: center;
}
.mailmagazine .review ul {
  margin: 0 auto;
  padding: 0 1rem;
}
.mailmagazine .review ul li {
  position: relative;
  font-size: 16px;
  margin: 0;
  list-style: none;
  padding: 12px 0 12px 16px;
  border-bottom: 1px dotted #ccc;
}
.mailmagazine .review ul li:before {
  position: absolute;
  content: "■";
  font-size: 10px;
  top: 18px;
  left: 0;
  line-height: 1;
}
@media (max-width: 768px) {
  .mailmagazine .wid1065 p {
    font-size: 2.4rem;
  }
  .mailmagazine .wid1065 p > span {
    font-size: 2rem;
  }
  .mailmagazine .wid1065.flex > div {
    padding-inline: 2rem;
  }
  .mailmagazine .melmaga li {
    float: none;
    width: 100%;
  }
  .mailmagazine .mel_box p .must {
    float: none;
  }
  .mailmagazine .review ul {
    padding: 0;
  }
  .mailmagazine div.flex_3col {
    display: block;
    padding: 10px;
  }
  .mailmagazine div.flex_3col > div {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
}

.must {
  display: inline-block;
  background: #c03;
  color: #fff;
  border-radius: 6px;
  margin: 0;
  padding: 2px 6px;
  font-size: 12px;
}

/* talk トップ対談
================================== */
.talk {
  /* 画面サイズが768px以下の場合に適用 */
}
.talk img.top_img {
  display: block;
  max-width: 100%;
  margin: 30px auto 0;
}
.talk div.top_name {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 70%;
  align-items: center;
  margin: 20px auto 40px;
  padding: 0;
}
.talk div.top_name::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 80px;
  height: 80px;
  content: "×";
  font-weight: 100;
  font-size: 80px;
  color: #333;
  line-height: 1;
  margin: 0 auto;
  padding: 0;
}
.talk div.top_name > div {
  flex: 40%;
  max-width: 40%;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}
.talk div.top_name > div span {
  display: inline-block;
  font-size: 28px;
  color: #327e1e;
  line-height: 1;
  margin: 0 auto 10px;
  padding: 0;
}
.talk div.top_name > div:last-child span {
  color: #0f153f;
}
.talk div.top_name > div p {
  font-size: 12px;
  line-height: 1.4em;
  margin: 0 auto;
  padding: 0;
}
.talk p.read_b_line {
  margin: 0 auto;
  padding: 0 0 10px;
  border-bottom: 1px solid #ccc;
}
.talk h3 {
  font-size: 3rem;
  line-height: 1.2em;
  color: #006289;
  font-weight: 600;
  margin: 60px 0 20px;
  padding: 0;
}
.talk div.talk_box {
  width: 100%;
  margin: 0 auto;
  padding: 60px 0;
  background: url("../images/common/line_top.png") top center no-repeat, url("../images/common/line_bottom.png") bottom center no-repeat;
}
.talk div.talk_box p {
  color: #212121;
  position: relative;
  font-size: 16px;
  line-height: 2em;
  margin: 0 auto 10px;
  padding: 0 0 0 4em;
}
.talk div.talk_box p::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: inline-block;
  color: #006289;
  font-weight: 600;
}
.talk div.talk_box p.azuma::before {
  content: "東";
}
.talk div.talk_box p.kurokawa::before {
  content: "黒川";
  color: #0f153f;
}
.talk div.talk_box p img {
  float: right;
  margin: 20px 0 10px 10px;
}
.talk div.talk_box p img.w_img {
  width: 432px;
  max-width: 100%;
}
.talk div.talk_box p img.h_img {
  width: 324px;
  max-width: 100%;
}
.talk .top50 {
  margin-top: 50px;
}
.talk br.br {
  display: inline;
}
.talk br.sp_br {
  display: none;
}
@media screen and (max-width: 768px) {
  .talk { /* TB & SP */ }
  .talk img.top_img {
    margin: 10px auto 0;
  }
  .talk div.top_name {
    width: 100%;
  }
  .talk div.top_name::before {
    width: 30px;
    height: 30px;
    font-size: 30px;
  }
  .talk div.top_name > div {
    flex: 45%;
    max-width: 45%;
  }
  .talk div.top_name > div span {
    font-size: 18px;
    margin: 0 auto 5px;
  }
  .talk div.top_name > div p {
    font-size: 10px;
    letter-spacing: -0.6pt;
    line-height: 1.2em;
  }
  .talk p.read_b_line {
    font-size: 14px;
    line-height: 1.6em;
  }
  .talk h3 {
    font-size: 2.4rem;
    letter-spacing: -0.2pt;
    margin: 40px auto 10px;
  }
  .talk div.talk_box {
    padding: 30px 0;
    background: url("../images/common/line_top.png") top center/100% no-repeat, url("../images/common/line_bottom.png") bottom center/100% no-repeat;
  }
  .talk div.talk_box p {
    font-size: 14px;
    line-height: 1.6em;
    padding: 0 0 0 3em;
  }
  .talk div.talk_box p img {
    float: none;
    max-width: 100%;
    margin: 10px auto;
  }
  .talk .top50 {
    margin-top: 10px;
  }
  .talk br.br {
    display: none;
  }
  .talk br.sp_br {
    display: inline;
  }
}

/* logistic ロジスティクス戦略 20の成功のヒント
================================== */
.en_bk {
  width: 100%;
  margin: 0 auto 80px;
  padding: 120px 0 40px;
  background: url(../images/logistic/main_bk.png) center no-repeat;
}

.en_bk img {
  display: block;
  margin: 0 auto 40px;
  padding: 0;
}

/* function/aboutocr OCRについて
================================== */
.ocr .w1065.flex {
  column-gap: 20px;
  row-gap: 60px;
  flex-wrap: wrap;
  margin-top: 20px;
}
.ocr .w1065.flex.flex02 {
  justify-content: flex-start;
  gap: 20px;
}
.ocr .w320 {
  padding-inline: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ocr .w320 > p {
  margin: 0;
}
@media (max-width: 768px) {
  .ocr .w1065.flex,
  .ocr .w1065.flex.flex02 {
    justify-content: center;
  }
  .ocr .w320 {
    gap: 10px;
  }
  .ocr img {
    width: 100%;
    height: auto;
  }
}

/* function/kenpin 入出荷検品
================================== */
#contents.kenpin {
  padding-inline: 0;
  max-width: 100%;
}
#contents.kenpin p {
  max-width: 100%;
}
#contents.kenpin .option_table .wrap .p10t {
  width: 33.3333333333%;
  height: auto;
}
@media (max-width: 768px) {
  #contents.kenpin .option_table .wrap .p10t {
    width: 100%;
  }
}
#contents.kenpin .option_table .wrap .p10t p:nth-child(1) {
  margin-top: 0;
}
#contents.kenpin .option_table .wrap .p10t p:nth-child(2) {
  margin-bottom: 0;
}
#contents.kenpin .option_table .wrap .p10t p:nth-child(3) {
  margin: 0;
}
#contents.kenpin .wrap {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  #contents.kenpin .wrap {
    display: block;
  }
}
#contents.kenpin .w1035.m40b.a_center.flex {
  flex-wrap: wrap;
  column-gap: 3rem;
}
#contents.kenpin .w1035.m40b.a_center.flex > .w480 {
  margin-left: 0;
  padding-inline: 0;
}
@media (max-width: 768px) {
  #contents.kenpin .w1035.m40b.a_center img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 768px) {
  #contents.kenpin .option_table .wrap {
    background: none !important;
  }
  #contents.kenpin .option_table .wrap .p10t {
    border: solid 2px #327e1e;
    background-color: #fff;
    margin-bottom: 10px;
    padding-bottom: 15px;
    position: relative;
    height: auto;
  }
  #contents.kenpin .option_table .wrap .p10t::before {
    content: url(../images/kenpin/icon_1.png);
    position: absolute;
    top: 50%;
    left: 6%;
    transform: translateY(-50%);
  }
  #contents.kenpin .option_table .wrap .p10t.n2::before,
  #contents.kenpin .option_table .wrap .p10t.n4::before {
    content: url(../images/kenpin/icon_2.png);
  }
  #contents.kenpin .option_table .wrap .p10t.n3::before {
    content: url(../images/kenpin/icon_3.png);
  }
  #contents.kenpin .option_table .wrap .p10t.n5::before,
  #contents.kenpin .option_table .wrap .p10t.n6::before {
    content: url(../images/kenpin/icon_5.png);
  }
  #contents.kenpin .option_table .wrap .p10t.n7::before,
  #contents.kenpin .option_table .wrap .p10t.n8::before {
    content: url(../images/kenpin/icon_6.png);
  }
  #contents.kenpin .option_table .wrap .p10t.n9::before {
    content: url(../images/kenpin/icon_8.png);
  }
  #contents.kenpin .option_table .wrap .p10t.n10::before {
    content: url(../images/kenpin/icon_9.png);
  }
  #contents.kenpin .option_table .wrap .p10t.n11::before {
    content: url(../images/kenpin/icon_10.png);
  }
  #contents.kenpin .white.bar {
    background: none !important;
    background-color: #0081FF !important;
    padding: 0 !important;
    height: auto !important;
  }
}

/* flow/demo オンラインデモサービス
================================== */
.demo #privilege {
  list-style-type: none;
  width: 80%;
  margin: 20px auto;
}
.demo #privilege li {
  border: 5px solid #e50011;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  padding: 20px 20px 20px 40px;
  position: relative;
  letter-spacing: normal;
}
.demo #privilege li h3 {
  margin: 5px 0;
  padding: 0;
  font-size: 2em;
  font-weight: 500;
}
.demo #privilege li p {
  font-weight: bold;
  font-size: 1.3em;
}
.demo #privilege ul {
  padding: 0;
  width: 100%;
  margin: 0;
}
.demo #privilege ul li {
  border: none;
  padding: 5px 5px 5px 18px;
  background: url(../images/demo/ico_red.png) no-repeat 0 50%;
  list-style-type: none;
}
.demo #privilege img.badge {
  position: absolute;
  top: 20px;
  left: -50px;
}
.demo #privilege1 {
  width: 30%;
  float: left;
  margin: 0 10px 20px 0;
}
.demo #privilege2 {
  width: 45%;
  float: right;
  margin: 0 0 10px 0;
}
.demo #privilege3 {
  clear: both;
  width: 93%;
}
.demo #privilege3 div.floatLeft {
  padding-left: 30px;
  border-left: 1px solid #e50011;
  margin-left: 20px;
}
.demo #privilege3 div.floatLeft p.red {
  margin: 3px 0;
}
.demo #illust01 {
  position: absolute;
  top: -15px;
  right: -50px;
}
.demo #illust02 {
  position: absolute;
  top: -5px;
  right: -60px;
}
.demo #illust03 {
  position: absolute;
  top: 10px;
  right: 100px;
}
.demo .box900.flex.pc_flex {
  justify-content: space-between;
}
.demo .box900.flex.pc_flex > p {
  display: none;
}
@media (max-width: 768px) {
  .demo #privilege {
    padding-left: 0;
  }
  .demo #privilege1, .demo #privilege2, .demo #privilege3 {
    float: none;
    width: 94%;
  }
  .demo #illust01,
  .demo #illust02,
  .demo #illust03 {
    top: auto;
    bottom: -10px;
    right: -50px;
  }
}

.box900 {
  max-width: 900px;
  margin: 10px auto;
}

.box780 {
  max-width: 780px;
  margin: 10px auto;
}

/* industrytopics 物流業界トピックス
================================== */
#topi_li li {
  overflow: hidden;
}

#topi_li li img {
  float: left;
  width: 120px;
  margin-right: 15px;
}
@media (max-width: 768px) {
  #topi_li li img {
    float: none;
    display: block;
    width: 100%;
  }
}

.bigList, .numbering {
  list-style-type: none;
  padding: 0;
}

/* flow/request/entrydone 資料請求完了
================================== */
.demo-entry #new_wap {
  margin-inline: auto;
}
.demo-entry #new_wap img {
  display: block;
  width: auto;
  margin-inline: auto;
}
.demo-entry #new_wap .flex {
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 40px 24px;
  margin-block: 40px;
}
.demo-entry #new_wap ul li {
  list-style: none;
}

.demo-entry #new_wap ul {
  margin: 0px auto 0px;
  padding: 0px;
  overflow: hidden;
}
.demo-entry #new_wap ul li img {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.demo-entry #new_wap ul li.btn_h256 a {
  display: block;
  width: 311px;
  height: 256px;
  margin: 0px;
  padding: 0px;
}
.demo-entry #new_wap ul li.btn_h256 a:hover {
  opacity: 1;
}
.demo-entry #new_wap .btn_h256.btn02 {
  margin: 0;
}
.demo-entry #new_wap .btn_h256.btn02 a img {
  width: 100%;
  height: auto;
}
.demo-entry #new_wap ul li.btn_h220 a {
  display: block;
  width: 310px;
  height: 220px;
  margin: 0px;
  padding: 0px;
}
.demo-entry #new_wap ul li a:hover img {
  visibility: hidden;
}
.demo-entry #new_wap ul li a:hover {
  display: block;
  margin: 0px;
  padding: 0px;
}
.demo-entry #new_wap ul li.btn01 a,
.demo-entry #new_wap ul li.btn01 a:hover {
  background: url(../images/request/btn01_on.jpg) no-repeat;
}
.demo-entry #new_wap ul li.btn02 a,
.demo-entry #new_wap ul li.btn02 a:hover {
  background: url(../images/request/btn02_on.jpg) no-repeat;
}
.demo-entry #new_wap ul li.btn27 a,
.demo-entry #new_wap ul li.btn27 a:hover {
  background: url(../images/request/btn27_on.jpg) no-repeat;
}
.demo-entry #new_wap ul li.btn28 a,
.demo-entry #new_wap ul li.btn28 a:hover {
  background: url(../images/request/saisyukenpin_bnr_on.png) no-repeat;
}
.demo-entry #new_wap ul li.btn0315 a,
.demo-entry #new_wap ul li.btn0315 a:hover {
  background: url(../images/request/btn0315_on.jpg) no-repeat;
}
.demo-entry #new_wap ul li.new_btn01 a,
.demo-entry #new_wap ul li.new_btn01 a:hover {
  background: url(../images/request/soft_btn01_on.png) no-repeat;
}
.demo-entry #new_wap ul li.new_btn02 a,
.demo-entry #new_wap ul li.new_btn02 a:hover {
  background: url(../images/request/soft_btn02_on.png) no-repeat;
}
.demo-entry #new_wap ul li.new_btn03 a,
.demo-entry #new_wap ul li.new_btn03 a:hover {
  background: url(../images/request/soft_btn03_on.png) no-repeat;
}
.demo-entry #new_wap ul li.new_btn04 a,
.demo-entry #new_wap ul li.new_btn04 a:hover {
  background: url(../images/request/soft_btn04_on.png) no-repeat;
}
.demo-entry #new_wap ul li.new_btn05 a,
.demo-entry #new_wap ul li.new_btn05 a:hover {
  background: url(../images/request/soft_btn05_on.png) no-repeat;
}
.demo-entry #new_wap ul li.new_btn06 a,
.demo-entry #new_wap ul li.new_btn06 a:hover {
  background: url(../images/request/soft_btn06_on.png) no-repeat;
}
.demo-entry #new_wap ul li.new_btn07 a,
.demo-entry #new_wap ul li.new_btn07 a:hover {
  background: url(../images/request/soft_btn07_on.png) no-repeat;
}
.demo-entry #new_wap ul li.new_btn08 a,
.demo-entry #new_wap ul li.new_btn08 a:hover {
  background: url(../images/request/soft_btn08_on.png) no-repeat;
}
.demo-entry #new_wap ul li.btn1007 a,
.demo-entry #new_wap ul li.btn1007 a:hover {
  background: url(../images/request/1007_btn02_on.jpg) no-repeat;
}
.demo-entry #new_wap ul li.btn1008 a,
.demo-entry #new_wap ul li.btn1008 a:hover {
  background: url(../images/request/1007_btn03_on.jpg) no-repeat;
}
.demo-entry #new_wap ul li.btn0914 a,
.demo-entry #new_wap ul li.btn0914 a:hover {
  background: url(../images/request/0914_btn_on.png) no-repeat;
}
.demo-entry #new_wap ul li.process_btn a,
.demo-entry #new_wap ul li.process_btn a:hover {
  background: url(/images/process_btn_on.png) no-repeat;
}
.demo-entry #new_wap ul li.process_btn_02 a,
.demo-entry #new_wap ul li.process_btn_02 a:hover {
  background: url(/images/process_btn01_on.png) no-repeat;
}
.demo-entry #new_wap ul li.process_btn_03 a,
.demo-entry #new_wap ul li.process_btn_03 a:hover {
  background: url(/images/process_btn02_on.png) no-repeat;
}
.demo-entry #new_wap ul li.btn0502 a,
.demo-entry #new_wap ul li.btn0502 a:hover {
  background: url(/images/btn0502_on.jpg) no-repeat;
}
.demo-entry #new_wap ul li.btn0628 a,
.demo-entry #new_wap ul li.btn0628 a:hover {
  background: url(../images/request/btn0628_on.jpg) no-repeat;
}
.demo-entry #new_wap ul li.btn0816 a,
.demo-entry #new_wap ul li.btn0816 a:hover {
  background: url(/images/btn0816_on.png) no-repeat;
}
.demo-entry #new_wap ul li.btn0816_02 a,
.demo-entry #new_wap ul li.btn0816_02 a:hover {
  background: url(/images/btn0816_02_on.png) no-repeat;
}
.demo-entry #new_wap ul li.btn0816_03 a,
.demo-entry #new_wap ul li.btn0816_03 a:hover {
  background: url(/images/btn0816_03_on.png) no-repeat;
}
.demo-entry #new_wap ul li.btn0718 a,
.demo-entry #new_wap ul li.btn0718 a:hover {
  background: url(/images/btn/btn0718_on.jpg) no-repeat;
}
.demo-entry #new_wap ul li.btn0130 a,
.demo-entry #new_wap ul li.btn0130 a:hover {
  background: url(/images/btn0130_on.png) no-repeat;
  opacity: 1;
}
.demo-entry #new_wap ul li.btn.b0316_01 a,
.demo-entry #new_wap ul li.btn.b0316_01 a:hover {
  background: url(/images/btn/btn0316_on.jpg) no-repeat;
  opacity: 1;
}
.demo-entry #new_wap ul li.btn.b0316_02 a,
.demo-entry #new_wap ul li.btn.b0316_02 a:hover {
  background: url(/images/btn/btn0316_new_on.jpg) no-repeat;
}
.demo-entry #new_wap ul li.no_style a:hover img {
  visibility: visible;
}

/* aws AWSパートナーネットワークについて
================================== */
.aws .green {
  color: #006289;
}
.aws #topContents h2 {
  font-size: 3.6rem;
  white-space: nowrap;
  overflow: hidden;
}
.aws #topContents h2 span {
  font-size: 1.6rem;
  color: #000;
  margin-left: 20px;
  padding-right: 20px;
}
.aws #topContents h2 span:after {
  content: "・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・";
  color: #666;
}
.aws p.read_aws {
  width: 100%;
  margin: 20px auto 40px;
  padding: 15px;
  font-size: 16px;
  color: #444;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .aws #topContents h2 {
    font-size: 2.6rem;
    white-space: normal;
    margin: 10px 0;
  }
  .aws #topContents h2 span:after {
    display: none;
  }
}

/* mailmagazine/mailmagazine_stop メルマガ配信停止
================================== */
.mailmagazine_stop .mel_box {
  max-width: 660px;
  background: #fff;
  padding: 10px 20px 0;
  margin: 0 auto;
  border: 1px solid #ccc;
  overflow: hidden;
}
.mailmagazine_stop .mel_box p .must {
  float: right;
  text-align: center;
}
.mailmagazine_stop .mel_box .wpcf7-form {
  width: 100%;
}
.mailmagazine_stop .mel_box input[type=text],
.mailmagazine_stop .mel_box input[type=email] {
  font-size: 14px;
  display: block;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  padding: 12px;
  vertical-align: middle;
  border: none;
  border: 1px solid #ccc;
  color: inherit;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1rem;
  color: #666;
  width: 100%;
}
.mailmagazine_stop .mel_box input[type=submit] {
  display: block;
  border: none;
  background: #f70;
  color: #fff;
  text-align: center;
  padding: 12px 0;
  width: 48%;
  height: 60px;
  margin: 0 26% 0;
  font-size: 24px;
  position: relative;
}
.mailmagazine_stop .mel_box input[type=submit]:hover {
  background: #f90;
}

/* toll_smart/thanks 有料版INTER-STOCK smartのお申込み完了
/* free_smart/thanks 無料版INTER-STOCK smartのお申込み完了
/* toll_smart 有料版のお申込み
/* free_smart 無料版のお申込み
================================== */
/*
.o_midashi{
display:block;
width:100%;
text-align:center;
font-size:3rem;
font-weight:bold;
color:map.get(v.$colors, main2);
padding-top:15px;
padding-inline: 2rem;
@include v.mq('m') {
	font-size: 2.4rem;
}
}
.atn{
	font-size:2rem;
	padding-left:10px;
	border-left:6px solid #555;
	color:#555;
	display:block;
	@include v.mq('m') {
	font-size: 1.6rem;
}
}
.table_st,.table_contact{
	width:100%;
	max-width:1100px;
	border:1px solid #666;
}
.table_st tr th,
.table_st tr td{
	width:33.3%;
	padding:16px 12px;
	border:1px solid #666;
	box-sizing:border-box;
	text-align:center;
}

.table_contact tr th,
.table_contact tr td{
	padding:12px;
	border:1px solid #ccc;
	box-sizing:border-box;
}

.table_contact tr th{
	width:30%;
	background:#efefef;
	text-align:center;
	font-weight:normal;
	color:#555;
}

.table_contact tr td{
	width:70%;
	background:#fff;
}
.table_contact + .center.mt_30 .blue{
  color: #1e90ff;
}

@include v.mq('m') {
	.table_contact tr th,
	.table_contact tr td{
		display: block;
		width: 100%;
	}
}
	*/
/* kiyaku 利用規約
================================== */
#lp_wap {
  margin: 0;
  padding: 30px 2rem;
}

#lp_box {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
}/*# sourceMappingURL=style.css.map */