@charset "UTF-8";
p.table_ttl {
  font-size: 18px;
  margin: 0;
  font-weight: bold;
}

*:hover {
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}

:focus {
  outline: 0;
}

.sp-only {
  display: none;
}

.clearfix:after {
  content: "";
  height: 0;
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
}

.clearfix {
  zoom: 1;
}

.sponly {
  display: none !important;
}

.fsmini {
  font-size: 12px;
  font-weight: 300;
}

.wc {
  color: #fff !important;
}

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

a.iconTop-01 {
  background-image: url(../images/arrow-01-top.png);
}

a.iconTop-01, a.iconRight-01, a.iconBottom-01, a.iconLeft-01 {
  background-position: 3px 0.3em;
  background-repeat: no-repeat;
  padding: 3px 3px 3px 22px;
  text-decoration: none;
}

/* scroll-top */
.scroll-top {
  position: fixed;
  right: 0;
  bottom: 40px;
  margin: 0;
  text-align: right;
}

.scroll-top a {
  display: inline-block;
  position: relative;
  padding: 10px 10px 10px 36px;
  background-color: #646e74;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
}

.scroll-top a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.scroll-top a::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 16px;
  height: 16px;
  margin-top: -4px;
  border-top: 1px solid;
  border-right: 1px solid;
  border-color: #fff #fff transparent transparent;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media (max-width: 767px) {
  .scroll-top {
    display: block;
    position: relative;
    bottom: auto;
    margin: 10px 0;
  }
}
/*---------------
  TEXT
---------------*/
strong, .txtWeight-b {
  font-weight: bold;
}

.txtWeight-n {
  font-weight: normal;
}

.txtBlack {
  color: #333;
}

.txtWhite {
  color: #fff;
}

.txtSize-10 {
  font-size: 71.42%;
}

.txtSize-11 {
  font-size: 78.57%;
}

.txtSize-12 {
  font-size: 85.71%;
}

.txtSize-13 {
  font-size: 92.85%;
}

.txtSize-14 {
  font-size: 100% !important;
}

.txtSize-15 {
  font-size: 107.14%;
}

.txtSize-16 {
  font-size: 114.28%;
}

.txtSize-17 {
  font-size: 121.42%;
}

.txtSize-18 {
  font-size: 128.57%;
}

.txtSize-19 {
  font-size: 135.71%;
}

.txtSize-20 {
  font-size: 142.85%;
}

.txtSize-21 {
  font-size: 150%;
}

.txtSize-22 {
  font-size: 157.14%;
}

.txtSize-23 {
  font-size: 164.28%;
}

.txtSize-24 {
  font-size: 200%;
}

.txtSize-30 {
  font-size: 214.28%;
}

.txtLh-00 {
  line-height: 0;
}

.txtSpacing-00 {
  letter-spacing: 0 !important;
}

.txtSpacing-01 {
  letter-spacing: 1px;
}

.txtSpacing-02 {
  letter-spacing: 0.1em;
}

.txtSpacing-03 {
  letter-spacing: 0.2em;
}

.t.tmsaution-01 {
  font-size: 85.71%;
  color: #888;
  padding-left: 1.5em;
  text-indent: -1.5em;
}

.pcCont {
  display: block;
}

.spCont {
  display: none;
}

.txtNl > span {
  display: block;
}

.txtNl-02 > span {
  display: inline-block;
}

ul.txtNl-02 {
  margin: 20px auto 0 auto;
  padding: 0 0 0 30px;
  width: 900px;
}

ul.txtNl-02 > li {
  margin: 0 0 10px 0;
  list-style: disc;
  float: none;
}

ul.txtNl-02 > li:last-child {
  padding: 0;
}

.txtNl-03 > span,
.txtNl-04 > span {
  display: inline-block;
}

ul.txtNl-03,
ul.txtNl-04 {
  margin: 20px 0;
  padding: 0 0 0 30px;
  width: auto;
}

ul.txtNl-04 {
  padding: 0 0 0 50px;
}

ul.txtNl-03 > li,
ul.txtNl-04 > li {
  margin: 0 0 10px 0;
  list-style: disc;
  float: none;
}

ul.txtNl-03 > li:last-child,
ul.txtNl-04 > li:last-child {
  padding: 0;
}

.ol {
  padding-left: 1em;
}

.ol > li {
  margin-bottom: 10px;
}

.left {
  float: left;
}

.right {
  float: right;
}

.w80 {
  width: 80%;
}

.w60 {
  width: 60%;
}

.w40 {
  width: 40%;
}

.w25 {
  width: 25%;
}

.w20 {
  width: 20%;
}

.mt30 {
  margin-top: 30px;
}

.mb0 {
  margin-bottom: 0px !important;
}

.pt20 {
  padding-top: 20px;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pt60px {
  padding-top: 60px !important;
}

.p60 {
  padding: 40px 0 20px;
}

.ptpb60 {
  padding: 40px 0 20px;
}

.Cgray {
  color: #595959;
}

.fontright {
  text-align: right;
}

.fontleft {
  text-align: left;
}

.inlineblock {
  display: inline-block;
}

.introduced {
  line-height: 1.75;
  font-size: 18px;
  max-width: 959px;
  margin-bottom: 10px;
  margin: 0 auto;
  width: 100%;
}

.introduced li {
  width: 25%;
  float: left;
}

.faivonly {
  display: none;
}

.newsList-02wrap {
  width: 100%;
  margin: 20px auto 30px;
}

ul.newsList-02 {
  max-width: 959px;
  display: table;
  margin-bottom: 10px;
  margin: 0 auto;
  background-color: #fff;
  padding: 13px 19px 11px;
}

ul.newsList-02 > li {
  /*   display: table-row; */
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #939393;
}

ul.newsList-02 > li:last-child {
  /*   display: table-row; */
  display: inline-block;
  width: 100%;
}

ul.newsList-02 > li > span {
  display: table-cell;
  vertical-align: top;
  padding: 5px 0;
}

ul.newsList-02 > li > span.date-01 {
  min-width: 9em;
  max-width: 18em;
  font-size: 18px;
}

ul.newsList-02 > li > span.txt-01 {
  padding-left: 0.75em;
  width: 100%;
  text-align: left;
  font-size: 18px;
}

.newsList-02br .grey01 {
  background-color: #ccccd3;
}

.newsList-02br .grey02 {
  background-color: #e7e8ea;
}

.blue_bar {
  width: 100%;
  text-align: left;
  font-size: 20px;
  background-color: #082c5f;
  color: #fff;
  font-weight: bold;
  max-width: 988px;
  margin: 0 auto;
  padding: 5px 10px;
  box-sizing: border-box;
  max-width: 959px;
}

ul.newsList-02br {
  max-width: 959px;
  display: table;
  margin-bottom: 0px;
  margin: 0 auto;
  padding-left: 0px;
}

ul.newsList-02br > li {
  display: table-row;
  width: 100%;
  border-bottom: 1px solid #939393;
}

ul.newsList-02br > li > span {
  display: table-cell;
  border: 1px solid #fff;
  vertical-align: top;
  padding: 5px;
  text-align: left;
}

ul.newsList-02br > li > span.date-01 {
  min-width: 9em;
  max-width: 18em;
  font-size: 18px;
}

ul.newsList-02br > li > span.txt-01 {
  padding-left: 0.75em;
  width: 100%;
  text-align: left;
  font-size: 18px;
}

ul.newsList-02br > li > .nonbr {
  display: table-cell;
  border: 0px !important;
}

.comImgBoxR {
  margin-bottom: 33px;
}

.comImgBoxR .case_img {
  float: right;
}

.comImgBoxR .textP_02 {
  float: left;
}

.img_p {
  font-size: 16px;
  padding: 5px 0;
  text-align: center;
}

.logistics_img {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.case_img {
  width: 100%;
  margin: 0 auto;
  padding: 20px 0;
  background-color: #fff;
  text-align: center;
}

.case_img img {
  max-width: 900px;
}

.case_img02 {
  width: 100%;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
}

.case_img02 img {
  width: 400px;
}

.img_w200 .textP_02 {
  width: 900px;
}

.img_w200 .case_img {
  width: 200px;
  margin: 0;
  padding: 0;
  background: none;
}

.img_w200 .case_img img {
  width: 100%;
}

.croud_area li.fright {
  float: left;
}

.croud_area li.fright {
  float: right;
}

.blue_ft {
  color: #00245d;
  padding: 10px 0;
}

.wrapper {
  position: relative;
  height: 90vh;
}

.st_fleft {
  font-size: 160%;
  padding-top: 10px;
}

.st_fright {
  font-size: 260%;
  margin: 0;
}

.st_fright_mini {
  font-size: 50%;
  margin: 0;
  font-weight: 400;
}

.txt_link {
  background: url(../images/icon_window.png) no-repeat left center;
  background-size: 25px auto;
  padding: 5px 0 5px 35px;
}

/*---KV---*/
.kv_wrap {
  width: 100%;
  padding: 0;
  margin: 0;
}

.logistics_top {
  width: 100%;
  padding-top: 27%;
  position: relative;
  overflow: hidden;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

.logistics_top.logistics {
  background-image: url(/nsi/ss/logistics/images/logistics_kv.jpg);
}

.logistics_top.about {
  background-image: url(/nsi/ss/logistics/images/about_kv.jpg);
}

.tms.index .logistics_top {
  background-image: url(/nsi/ss/logistics/images/tms_kv.jpg);
}

.tms.delivery-plan .logistics_top {
  background-image: url(/nsi/ss/logistics/images/tms_kv02.jpg);
}

.tms.progress-management .logistics_top {
  background-image: url(/nsi/ss/logistics/images/tms_kv03.jpg);
}

.tms.berth-management .logistics_top {
  background-image: url(/nsi/ss/logistics/images/tms_kv04.jpg);
}

.tms.case .logistics_top {
  background-image: url(/nsi/ss/logistics/images/tms_kv05.jpg);
}

.tms.stacking .logistics_top {
  background-image: url(/nsi/ss/logistics/images/tms_kv06.jpg);
}

.tms.charge .logistics_top {
  background-image: url(/nsi/ss/logistics/images/tms_kv07.jpg);
}

.wms.feature .logistics_top {
  background-image: url(/nsi/ss/logistics/images/wms_kv02.jpg);
}

.wms.tms .logistics_top {
  background-image: url(/nsi/ss/logistics/images/wms_kv03.jpg);
}

.wms.requirements .logistics_top {
  background-image: url(/nsi/ss/logistics/images/wms_kv04.jpg);
}

.wms.packing .logistics_top {
  background-image: url(/nsi/ss/logistics/images/wms_kv05.jpg);
}

.wms.case .logistics_top {
  background-image: url(/nsi/ss/logistics/images/wms_kv06.jpg);
}

.wms.case .logistics_top.manufacturing {
  background-image: url(/nsi/ss/logistics/images/wms_kv07.jpg);
}

.wms.case .logistics_top.wholesale {
  background-image: url(/nsi/ss/logistics/images/wms_kv08.jpg);
}

.wms.case .logistics_top.wholesale-food {
  background-image: url(/nsi/ss/logistics/images/wms_kv09.jpg);
}

.wms.case .logistics_top.shipping {
  background-image: url(/nsi/ss/logistics/images/wms_kv10.jpg);
}

.wms.case .logistics_top.shipping-food {
  background-image: url(/nsi/ss/logistics/images/wms_kv11.jpg);
}

.tms .logistics_top.case01 {
  background-image: url(/nsi/ss/logistics/images/case/case_kv01.jpg);
}

.tms .logistics_top.case02 {
  background-image: url(/nsi/ss/logistics/images/case/case_kv02.jpg);
}

.tms .logistics_top.case03 {
  background-image: url(/nsi/ss/logistics/images/case/case_kv03.jpg);
}

.tms .logistics_top.case04 {
  background-image: url(/nsi/ss/logistics/images/case/case_kv04.jpg);
}

.tms .logistics_top.case05 {
  background-image: url(/nsi/ss/logistics/images/case/case_kv05.jpg);
}

.tms .logistics_top.case06 {
  background-image: url(/nsi/ss/logistics/images/case/case_kv06.jpg);
}

.tms .logistics_top.case07 {
  background-image: url(/nsi/ss/logistics/images/case/case_kv07.jpg);
}

.tms .logistics_top.case08 {
  background-image: url(/nsi/ss/logistics/images/case/case_kv08.jpg);
}

.tms .logistics_top.case09 {
  background-image: url(/nsi/ss/logistics/images/case/case_kv09.jpg);
}

.tms .logistics_top.case10 {
  background-image: url(/nsi/ss/logistics/images/case/case_kv10.jpg);
}

.tms .logistics_top.case11 {
  background-image: url(/nsi/ss/logistics/images/case/case_kv11.jpg);
}

.tms .logistics_top.case12 {
  background-image: url(/nsi/ss/logistics/images/case/case_kv12.jpg);
}

.tms .logistics_top.case13 {
  background-image: url(/nsi/ss/logistics/images/case/case_kv13.jpg);
}

.tms .logistics_top.case14 {
  background-image: url(/nsi/ss/logistics/images/case/case_kv14.jpg);
}

.tms .logistics_top.case15 {
  background-image: url(/nsi/ss/logistics/images/case/case_kv15.jpg);
}

.tms .logistics_top.case16 {
  background-image: url(/nsi/ss/logistics/images/case/case_kv16.jpg);
}

.tms .logistics_top.case17 {
  background-image: url(/nsi/ss/logistics/images/case/case_kv17.jpg);
}

.top_box {
  max-width: 1200px;
  margin: 0 auto;
}

.kv_txtbox {
  display: inline-block;
  max-width: 62%;
  background: rgba(0, 0, 0, 0.7);
  padding: 20px 30px;
  color: #fff;
  font-size: 17px;
  box-sizing: border-box;
}

.kv_txtbox .title {
  font-size: 37px;
  font-weight: bold;
  margin: 0 0 10px 0;
  line-height: 1.2;
  color: #fff;
}

.kv_txtbox .title span {
  font-size: 18px;
}

.kv_txtbox .subtitle {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 8px 0;
  line-height: 1.4;
}

.kv_txtbox ul {
  display: flex;
  margin: 20px 0 0 0;
  padding: 0;
  justify-content: center;
}

.kv_txtbox ul li {
  margin: 0;
  padding: 0;
}

.kv_txtbox ul li a {
  margin: 0;
  padding: 0;
  display: block;
  text-decoration: none;
}

.kv_txtbox ul li a span {
  font-size: 14px;
}

.kv_txtbox ul li a:hover {
  border-bottom: none;
}

.kv_txtbox ul li.inquiry a {
  margin: 0 30px 0 0;
}

.kv_txtbox ul li.inquiry a span,
.kv_txtbox ul li.download a span,
.kv_txtbox ul li.pdf a span {
  width: 240px;
  display: block;
  position: relative;
  color: #fff;
  padding: 10px 0 10px 15px;
  text-align: center;
  position: relative;
  text-decoration: none;
}

.kv_txtbox ul li.inquiry a span,
.kv_txtbox ul li.pdf a span {
  width: 500px;
  font-size: 16px;
}

.kv_txtbox ul li.inquiry a span {
  background: #4cb3c0;
}

.kv_txtbox ul li.download a span {
  background: #d6924c;
}

.kv_txtbox ul li.pdf a span {
  background: #9581ac;
}

.kv_txtbox ul li.inquiry a span::before {
  position: absolute;
  background: url(/nsi/ss/logistics/images/info_icon2.png) no-repeat;
  width: 34px;
  height: 26px;
  background-size: 100%;
  top: 50%;
  left: 10%;
  content: "";
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.kv_txtbox ul li.download a span::before {
  position: absolute;
  background: url(/nsi/ss/logistics/images/icon_dl_btn_wh.png) no-repeat;
  width: 32px;
  height: 24px;
  background-size: 100%;
  top: 50%;
  left: 10%;
  content: "";
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.kv_txtbox ul li.pdf a span::before {
  position: absolute;
  background: url(/nsi/ss/logistics/images/icon_pdf_wh.png) no-repeat;
  width: 24px;
  height: 31px;
  background-size: 100%;
  top: 50%;
  left: 5%;
  content: "";
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.kv_txtbox ul li.inquiry a span::after,
.kv_txtbox ul li.download a span::after,
.kv_txtbox ul li.pdf a span::after {
  position: absolute;
  top: 42%;
  right: 20px;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.kv_txtbox ul li.inquiry a span:hover::after,
.kv_txtbox ul li.download a span:hover::after,
.kv_txtbox ul li.pdf a span:hover::after {
  right: 25px;
}

.kv_link {
  position: relative;
  float: right;
  max-width: 37%;
  background: rgba(0, 43, 98, 0.8);
}

.kv_link .photoBox {
  width: 27.5%;
}

.kv_link .textBox {
  width: 70%;
}

.kv_link a {
  padding: 15px 30px 15px 15px;
  color: #fff;
  text-decoration: none;
}

.kv_link a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.kv_link:hover {
  background: rgba(0, 43, 98, 0.9);
}

.kv_link:hover a::after {
  right: 15px;
}

.kv_link .label {
  margin: 0 0 5px 0;
}

.box_inner:first-child {
  width: 150px;
}

.box_inner:last-child {
  width: 270px;
  margin: 0 auto;
}

.logistics_infoarea {
  width: 100%;
  max-width: 579px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  font-weight: bold;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.logistics_infoarea ul {
  width: 100%;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.logistics_infoarea ul li {
  width: 50%;
}

.logistics_info_left {
  width: 30%;
  float: left;
}

.img_area_kv {
  width: 100%;
  background: url(../images/logistics_kv_info_img.png) no-repeat;
  background-size: 100%;
  padding-top: 67.875%;
}

.logistics_info_right {
  width: 70%;
  float: left;
}

.info_top {
  background: rgba(255, 255, 255, 0.8);
  padding: 10px;
  box-sizing: border-box;
  font-weight: 400;
  color: #333;
}

.info_bottom {
  background: rgba(76, 179, 192, 0.8);
  padding: 9px;
  box-sizing: border-box;
  font-weight: bold;
  color: #fff;
  text-align: center;
  font-size: 18px;
  position: relative;
}

.info_bottom::before {
  position: absolute;
  background: url(../images/info_icon2.png) no-repeat;
  width: 34px;
  height: 23px;
  background-size: 100%;
  top: 50%;
  left: 20%;
  content: "";
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.info_bottom::after {
  position: absolute;
  top: 34%;
  right: 25px;
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.logistics_infoarea a {
  display: block;
}

.logistics_infoarea a:hover .info_bottom::after {
  right: 35px;
}

.logistics_infoarea .info_bottom a:hover::after,
.logistics_infoarea .dl_bottom a:hover::after {
  right: 25px;
}

.logistics_infoarea .dl_bottom a:hover {
  background: #d6924c;
}

.logistics_infoarea .info_bottom a:hover,
.logistics_infoarea a:hover .info_bottom {
  background: rgb(76, 179, 192);
}

.logistics_ttl {
  font-size: 24px;
  color: #042f5f;
  font-weight: bold;
  padding-bottom: 15px;
}

.logistics_sub_ttl {
  font-size: 22px;
  color: #042f5f;
  padding: 10px 0 10px 10px;
  width: 90%;
  box-sizing: border-box;
}

.logistics_sub_ttl2 {
  font-size: 19px;
  color: #042f5f;
  padding: 10px 0 10px 20px;
  font-weight: bold;
}

.logistics_txt_area {
  padding: 0 5px;
  box-sizing: border-box;
}

.logistics_txt_area a {
  color: #252525;
}

.logistics_txt_area span.subttl_logistics {
  font-size: 24px;
  font-weight: bold;
  display: block;
  width: 100%;
}

.icon_wrap .logistics_txt_area p {
  font-size: 18px;
  line-height: 1.8;
}

.lp_inner2 .logistics_txt_area p,
.icon_wrap .logistics_txt_area p.fts18 {
  font-size: 18px;
  line-height: 1.8;
}

h4.checed_ttl {
  font-size: 24px;
  box-sizing: border-box;
  position: relative;
  width: 95%;
  padding-left: 10px;
  margin-top: -3px;
}

h4.sub_ttl {
  font-size: 20px;
  box-sizing: border-box;
  position: relative;
  width: 95%;
  padding-left: 0;
  margin-top: 0;
}

.checked_icon {
  width: 5%;
  float: left;
}

.checked_icon img {
  width: 100%;
}

.icon_ttl_wrap {
  width: 100%;
}

.logistics_txt_area {
  padding: 10px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.icon_ttl_wrap {
  padding: 10px 0 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}

.point_icon {
  width: 15%;
  height: 25px;
  background: rgb(0, 43, 98);
  color: #fff;
  text-align: center;
  float: left;
  padding: 2px 0;
  margin-top: 6px;
  box-sizing: border-box;
  font-weight: bold;
}

.point_ttl {
  width: 85%;
  float: left;
  padding-left: 10px;
  box-sizing: border-box;
  color: rgb(0, 43, 98);
  font-size: 24px;
  padding-bottom: 10px;
}

.point_ttl2 {
  width: 85%;
  float: left;
  box-sizing: border-box;
  padding-bottom: 10px;
}

.point_ttl2 a {
  color: rgb(0, 43, 98);
  font-size: 24px;
}

/*info bottom*/
.info_area_bottom ul.oneonly li {
  width: 100%;
  float: inherit;
  background: #052F5F;
}

.info_area_bottom ul.oneonly li.blue_info .bottom_wrap,
.info_area_bottom ul.oneonly li.green_info .bottom_wrap {
  max-width: 1000px;
  width: 100%;
  text-align: left;
  padding: 30px 0 30px 0;
  margin: 0 auto;
  float: inherit;
  box-sizing: border-box;
}

.info_area_bottom ul.oneonly li.blue2_info .bottom_wrap,
.info_area_bottom ul.oneonly li.blue3_info .bottom_wrap,
.info_area_bottom ul.oneonly li.green2_info .bottom_wrap {
  max-width: 1156px !important;
  width: 100%;
  text-align: left;
  padding: 30px 0 30px 0;
  margin: 0 auto;
  float: inherit;
  box-sizing: border-box;
}

.blue2_info .info_txt_area {
  padding-left: 40px;
}

.blue3_info .info_txt_area {
  padding-left: 40px !important;
  width: 70%;
  box-sizing: border-box;
}

.green2_info .info_txt_area {
  padding-left: 40px !important;
  width: 80%;
  box-sizing: border-box;
}

.info_area_bottom ul.oneonly li.blue_info .info_img_bottom,
.info_area_bottom ul.oneonly li.blue2_info .info_img_bottom,
.info_area_bottom ul.oneonly li.blue3_info .info_img_bottom,
.info_area_bottom ul.oneonly li.green_info .info_img_bottom {
  width: 30%;
  float: left;
  max-width: inherit;
  box-sizing: border-box;
}

.info_area_bottom ul.oneonly li.green2_info .info_img_bottom {
  width: 20%;
  float: left;
  max-width: inherit;
  box-sizing: border-box;
}

.info_area_bottom ul.oneonly li.blue_info .info_txt_area,
.info_area_bottom ul.oneonly li.green_info .info_txt_area {
  width: 70%;
  float: left;
  color: #fff;
  padding: 15px;
  box-sizing: border-box;
}

.info_area_bottom ul.oneonly li.green2_info .info_txt_area {
  width: 80%;
  float: left;
  color: #fff;
  padding: 0 15px;
  box-sizing: border-box;
}

.info_area_bottom ul.oneonly li.blue_info h3.info_ttl,
.info_area_bottom ul.oneonly li.blue2_info h3.info_ttl,
.info_area_bottom ul.oneonly li.green_info h3.info_ttl,
.info_area_bottom ul.oneonly li.green2_info h3.info_ttl {
  padding-bottom: 5px;
  font-size: 24px;
}

.info_area_bottom ul.oneonly li.blue3_info h3.info_ttl {
  padding-bottom: 5px;
  font-size: 30px;
}

.info_area_bottom ul.oneonly li.blue3_info .info_txt_area p.info_ttl_sub {
  font-size: 15px;
}

.info_area_bottom ul.oneonly li.green2_info h3.info_ttl {
  padding: 10px 20px;
  font-size: 24px;
  background: #fff;
  color: #0a3f4b;
  line-height: 1.4;
  box-sizing: border-box;
}

.info_area_bottom ul.oneonly li.blue_info h3.info_ttl span,
.info_area_bottom ul.oneonly li.blue2_info h3.info_ttl span,
.info_area_bottom ul.oneonly li.blue3_info h3.info_ttl span,
.info_area_bottom ul.oneonly li.green_info h3.info_ttl span,
.info_area_bottom ul.oneonly li.green2_info h3.info_ttl span {
  font-size: 18px;
}

.info_area_bottom ul.oneonly li.blue_info .info_txt_area p,
.info_area_bottom ul.oneonly li.blue2_info .info_txt_area p,
.info_area_bottom ul.oneonly li.green_info .info_txt_area p,
.info_area_bottom ul.oneonly li.green2_info .info_txt_area p {
  font-size: 18px;
  line-height: 2;
}

.info_area_bottom ul.oneonly li.blue3_info .info_txt_area p {
  font-size: 18px;
  line-height: 1.6;
}

.info_area_bottom ul.oneonly li.blue_info .info_link a {
  display: block;
  width: 230px;
  margin: 10px 0 !important;
  padding: 15px 20px 12px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  position: relative;
  text-decoration: none;
  background-color: #4A5880;
  border: 2px solid #fff;
}

.info_area_bottom ul.oneonly li.blue2_info .info_link a {
  display: block;
  width: 230px;
  margin: 10px 0 !important;
  padding: 15px 20px 12px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  position: relative;
  text-decoration: none;
  background-color: #9fc5fa;
  /* border: 2px solid #fff; */
  text-align: left;
}

.info_area_bottom ul.oneonly li.blue3_info .info_link {
  display: block;
  margin-top: 10px;
}

.info_area_bottom ul.oneonly li.blue3_info .info_link2 {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px 0;
}

.info_area_bottom ul.oneonly li.blue3_info .info_link li,
.info_area_bottom ul.oneonly li.blue3_info .info_link2 p.btn {
  width: auto;
  float: left;
  margin-right: 20px;
  background: none;
}

.info_area_bottom ul.oneonly li.blue3_info .info_link2 p.btn {
  margin-left: 50px;
}

.info_area_bottom ul.oneonly li.blue3_info .info_link a,
.info_area_bottom ul.oneonly li.blue3_info .info_link2 a {
  display: block;
  width: 230px;
  margin: 10px 0 !important;
  padding: 15px 20px 12px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  position: relative;
  text-decoration: none;
}

.info_area_bottom ul.oneonly li.blue3_info .info_link li.case a {
  background-color: #4cb3c0;
  text-align: left;
}

.info_area_bottom ul.oneonly li.blue3_info .info_link .download a,
.info_area_bottom ul.oneonly li.blue3_info .info_link2 p.btn.download a {
  background-color: #d6924c;
  text-align: left;
}

.info_area_bottom ul.oneonly li.green2_info a {
  text-decoration: none;
}

.info_area_bottom ul.oneonly li.green2_info .info_link {
  display: inline-block;
  margin: 30px 0 0 !important;
  padding: 0 30px 0 0;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  position: relative;
}

.info_area_bottom ul.oneonly li.green2_info .info_link::after {
  position: absolute;
  top: 32%;
  right: 0;
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.info_area_bottom ul.oneonly li.green2_info a:hover .info_link::after {
  right: 15px;
}

.for_ultrafix a {
  width: 360px;
  margin: 30px auto 10px !important;
  padding: 15px 20px 12px;
  display: block;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  position: relative;
  text-decoration: none;
  background-color: #52567b;
  /* border: 2px solid #fff; */
  text-align: center;
}

.info_area_bottom ul.oneonly li.green_info .info_link a {
  display: block;
  width: 230px;
  position: relative;
  color: #4cb3c0 !important;
  font-weight: bold !important;
  background: #fff !important;
  padding: 10px !important;
  text-align: center !important;
  text-decoration: none !important;
  margin: 10px 0 !important;
}

.info_area_bottom {
  width: 100%;
}

.info_area_bottom ul {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}

.info_area_bottom ul li {
  width: 50%;
  float: left;
}

.info_area_bottom ul li.blue_info {
  background: #052F5F;
}

.info_area_bottom ul li.green_info {
  background: #4cb3c0;
}

.info_area_bottom ul li.green2_info {
  background: #0a3f4b;
}

.info_area_bottom ul li.bage_info {
  background: #d6924c;
}

.info_area_bottom ul li.blue2_info {
  background: #103e87;
}

.info_area_bottom ul li.blue3_info {
  background: #052F5F;
}

.bottom_wrap {
  width: 100%;
}

.info_area_bottom ul li.green_info .bottom_wrap {
  max-width: 600px;
  text-align: left;
  padding: 30px 0 5px 15px;
  margin: 0 auto;
  float: right;
  box-sizing: border-box;
}

.info_area_bottom ul li.bage_info .bottom_wrap {
  max-width: 600px;
  text-align: left;
  padding: 30px 0 5px 15px;
  margin: 0 auto;
  float: left;
  box-sizing: border-box;
}

.info_img_bottom {
  width: 40%;
  float: left;
  max-width: 200px;
}

.info_txt_area {
  width: 60%;
  float: left;
  color: #fff;
  padding: 0 10px 5px;
  box-sizing: border-box;
}

h3.info_ttl {
  padding-bottom: 5px;
  font-size: 18px;
}

.info_area_bottom ul li.blue_info .info_link a,
.info_area_bottom ul li.green_info .info_link a,
.info_area_bottom ul li.blue2_info .info_link a,
.info_area_bottom ul li.blue3_info .info_link a,
.info_area_bottom ul li.blue3_info .info_link2 a {
  display: block;
  width: 80%;
  position: relative;
  color: #4cb3c0;
  font-weight: bold;
  background: #fff;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  margin: 10px 0;
}

.info_area_bottom ul li.green_info .info_link a::before {
  position: absolute;
  background: url(../images/info_icon.png) no-repeat;
  width: 34px;
  height: 23px;
  background-size: 100%;
  top: 50%;
  left: 10%;
  content: "";
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.info_area_bottom ul li.blue_info .info_link a::after,
.info_area_bottom ul li.blue3_info .info_link a::after,
.info_area_bottom ul li.blue3_info .info_link2 a::after {
  position: absolute;
  top: 34%;
  right: 25px;
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.info_area_bottom ul li.blue2_info .info_link a::after {
  position: absolute;
  top: 34%;
  right: 25px;
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.for_ultrafix a::after {
  position: absolute;
  top: 34%;
  right: 25px;
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.for_ultrafix a::after {
  position: absolute;
  top: 34%;
  right: 25px;
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.info_area_bottom ul li.green_info .info_link a::after {
  position: absolute;
  top: 34%;
  right: 25px;
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  border-top: 1px solid #4cb3c0;
  border-right: 1px solid #4cb3c0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.info_area_bottom ul li.blue_info .info_link a, .info_area_bottom ul li.green_info .info_link a {
  display: block;
  width: 80%;
  position: relative;
  color: #4cb3c0;
  font-weight: bold;
  background: #fff;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  margin: 10px 0;
}

/*DL*/
.info_area_bottom ul li.bage_info .info_link a {
  display: block;
  width: 90%;
  position: relative;
  color: #d6924c;
  font-weight: bold;
  background: #fff;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  margin: 10px 0;
}

.info_area_bottom ul li.bage_info .info_link a::before {
  position: absolute;
  background: url(../images/icon_dl_btn2.png) no-repeat;
  width: 34px;
  height: 26px;
  background-size: 100%;
  top: 50%;
  left: 5.5%;
  content: "";
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.info_area_bottom ul li.bage_info .info_link a::after {
  position: absolute;
  top: 34%;
  right: 25px;
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  border-top: 1px solid #d6924c;
  border-right: 1px solid #d6924c;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.info_area_bottom ul li .info_link a:hover::after,
.info_area_bottom ul.oneonly li .info_link a:hover::after,
.info_area_bottom ul.oneonly li .info_link2 a:hover::after {
  right: 35px;
}

.systemzu img {
  max-width: 800px;
  width: 100%;
}

.nagare_box {
  width: 100%;
  background: #f2f2f2;
  text-align: center;
  margin: 15px auto;
  padding: 15px 0;
  font-size: 16px;
}

.nagare_ttl {
  color: #132f58;
  font-weight: bold;
  font-size: 18px;
}

.bg_blue {
  background: #d5e7ff;
}

.bg_green {
  background: #c4e6ea;
}

.bg_beige {
  background: #e5dcd1;
}

.bg_img01 {
  background-image: url(../images/bg_img01.jpg);
}

.center {
  text-align: center;
}

.mCenter {
  margin-right: auto;
  margin-left: auto;
}

.croud_area li {
  float: left;
}

.driver_area {
  width: 100%;
  padding: 0 !important;
}

.driver_area li {
  width: 25%;
  float: left;
  padding: 0 20px 40px 20px;
  box-sizing: border-box;
}

.croud_area li.fright {
  padding-right: 0 !important;
}

.croud_area li.fleft {
  padding-left: 0 !important;
}

.croud_area li:first-child,
.croud_area li.fleft {
  padding-right: 17.5px;
  box-sizing: border-box;
}

.croud_area li:last-child,
.croud_area li.fright {
  padding-left: 17.5px;
  box-sizing: border-box;
}

.croud_area li.icon_txt {
  width: 50%;
}

.croud_area li.icon_txt2 {
  width: 31%;
  margin: 0 1%;
  padding: 0;
}

.croud_area li.icon_txt3 {
  width: 25%;
}

.croud_area .icon_txt dl dt {
  width: 30%;
  float: left;
  text-align: left;
  color: rgb(0, 43, 98);
}

.croud_area .icon_txt dl dd {
  width: 70%;
  float: left;
  text-align: left;
}

.ft14 {
  font-size: 16px;
}

.indent2 {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 16px;
  line-height: 2;
}

.onayami_area {
  width: 100%;
  padding: 20px 0;
  box-sizing: border-box;
}

.onayami_area .photoBox {
  float: right;
  width: 50%;
}

.products_area {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
}

.products_area li {
  width: 31.35594%;
}

.products_area a:hover {
  opacity: 0.8;
}

.products_area .photoBox {
  margin-bottom: 10px;
}

.products_area .point_ttl2 {
  width: 100%;
  float: none;
  text-align: center;
  line-height: 1.4;
}

.box6_inner {
  font-size: 16px !important;
  line-height: 1.9 !important;
  margin-bottom: 20px;
}

.box6_inner li {
  font-size: 18px !important;
  list-style: disc;
  margin: 0 0 10px 30px;
}

.icon_wrap {
  min-height: 122px;
}

.icon_wrap a:hover {
  opacity: 0.8;
}

.bluebox .pl20 {
  padding-left: 20px;
  box-sizing: border-box;
  width: 22%;
}

.img_area {
  width: auto;
  float: left;
}

.img_area img {
  max-height: 97px;
}

.bgw {
  background: #fff;
}

.color333 {
  color: #333 !important;
}

.lp_inner2 {
  padding: 10px;
  box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
}

.lp_inner3 {
  box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
}

.copy-01 {
  font-size: 157.14%;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.4;
  margin-bottom: 20px;
}

.txt-01 {
  font-size: 128.57%;
  text-align: center;
  margin-bottom: 45px;
}

.h2-01 {
  text-align: center;
  font-size: 200%;
  line-height: 125%;
  margin: -20px auto 0;
  padding: 25px 0 0 0;
  color: #333;
  position: relative;
  display: inline-block;
}

.h2-01-sm {
  font-size: 180%;
}

.h2-02 {
  text-align: left;
  font-size: 200%;
  line-height: 125%;
  margin: -20px auto 0;
  padding: 10px 0 0 0;
  color: #333;
  position: relative;
  display: inline-block;
}

.h2-02 .txtSize-10 {
  font-weight: normal;
}

.h2-03 {
  text-align: left;
  font-size: 200%;
  line-height: 125%;
  margin: -10px auto 0;
  padding: 5px 0 20px 90px;
  color: #333;
  position: relative;
  display: inline-block;
}

.h2-03 .txtSize-10 {
  font-weight: normal;
}

.h2-03 a {
  color: #333;
}

.h2_icon01::after {
  position: absolute;
  content: "";
  width: 65px;
  height: 65px;
  background: url(../images/icon01.png) no-repeat;
  background-size: 100%;
  top: 35%;
  left: -50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon01.icon01b:after {
  width: 72px;
  left: -56px;
}

.h2_icon02::after {
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  background: url(../images/icon02.png) no-repeat;
  background-size: 100%;
  top: -5%;
  left: -50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon03::after {
  position: absolute;
  content: "";
  width: 65px;
  height: 65px;
  background: url(../images/icon03.png) no-repeat;
  background-size: 100%;
  top: 5%;
  left: -50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon04::after {
  position: absolute;
  content: "";
  width: 70px;
  height: 70px;
  background: url(../images/icon04.png) no-repeat;
  background-size: 100%;
  top: 10%;
  left: -50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon05::after {
  position: absolute;
  content: "";
  width: 65px;
  height: 65px;
  background: url(../images/icon05.png) no-repeat;
  background-size: 100%;
  top: 15%;
  left: -50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon05b::after {
  position: absolute;
  content: "";
  width: 65px;
  height: 65px;
  background: url(../images/icon05.png) no-repeat;
  background-size: 100%;
  top: 10%;
  left: 40px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon06::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  background: url(../images/icon06.png) no-repeat;
  background-size: 100%;
  top: 15%;
  left: -50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon06b::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  background: url(../images/icon06.png) no-repeat;
  background-size: 100%;
  top: 15%;
  left: 40px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon07b::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  background: url(../images/icon07.png) no-repeat;
  background-size: 100%;
  top: 10%;
  left: 40px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon08::after {
  position: absolute;
  content: "";
  width: 75px;
  height: 75px;
  background: url(../images/icon08.png) no-repeat;
  background-size: 100%;
  top: 10%;
  left: -50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon09::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 80px;
  background: url(../images/icon09.png) no-repeat;
  background-size: 100%;
  top: 10%;
  left: -50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon09b::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 80px;
  background: url(../images/icon09.png) no-repeat;
  background-size: 100%;
  top: 5%;
  left: 40px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon10::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 80px;
  background: url(../images/icon10.png) no-repeat;
  background-size: 100%;
  top: 10%;
  left: -50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon10b::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 80px;
  background: url(../images/icon10.png) no-repeat;
  background-size: 100%;
  top: 10%;
  left: 40px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon11::after {
  position: absolute;
  content: "";
  width: 85px;
  height: 85px;
  background: url(../images/icon11.png) no-repeat;
  background-size: 100%;
  top: -3%;
  left: -60px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon12::after {
  position: absolute;
  content: "";
  width: 85px;
  height: 85px;
  background: url(../images/icon12.png) no-repeat;
  background-size: 100%;
  top: -3%;
  left: -40px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon13::after {
  position: absolute;
  content: "";
  width: 70px;
  height: 70px;
  background: url(../images/icon13.png) no-repeat;
  background-size: 100%;
  top: 15%;
  left: -60px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon14::after {
  position: absolute;
  content: "";
  width: 85px;
  height: 85px;
  background: url(../images/icon14.png) no-repeat;
  background-size: 100%;
  top: 10%;
  left: -60px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon15::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  background: url(../images/icon15.png) no-repeat;
  background-size: 100%;
  top: 15%;
  left: -50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon16::after {
  position: absolute;
  content: "";
  width: 75px;
  height: 75px;
  background: url(../images/icon16.png) no-repeat;
  background-size: 100%;
  top: 5%;
  left: -50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon17::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  background: url(../images/icon17.png) no-repeat;
  background-size: 100%;
  top: 15%;
  left: -50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon18::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  background: url(../images/icon18.png) no-repeat;
  background-size: 100%;
  top: 15%;
  left: -50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon19::after {
  position: absolute;
  content: "";
  width: 75px;
  height: 75px;
  background: url(../images/icon19.png) no-repeat;
  background-size: 100%;
  top: 5%;
  left: -60px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon20::after {
  position: absolute;
  content: "";
  width: 70px;
  height: 70px;
  background: url(../images/icon20.png) no-repeat;
  background-size: 100%;
  top: 5%;
  left: -58px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon21::after {
  position: absolute;
  content: "";
  width: 80px;
  height: 75px;
  background: url(../images/icon21.png) no-repeat;
  background-size: 100%;
  top: 5%;
  left: -54px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon22::after {
  position: absolute;
  content: "";
  width: 70px;
  height: 70px;
  background: url(../images/icon22.png) no-repeat;
  background-size: 100%;
  top: 5%;
  left: -58px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon23::after {
  position: absolute;
  content: "";
  width: 70px;
  height: 70px;
  background: url(../images/icon23.png) no-repeat;
  background-size: 100%;
  top: 5%;
  left: -40px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon24::after {
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  background: url(../images/icon24.png) no-repeat;
  background-size: 100%;
  top: -6%;
  left: -30px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon27::after {
  position: absolute;
  content: "";
  width: 65px;
  height: 65px;
  background: url(../images/icon27.png) no-repeat;
  background-size: 100%;
  top: 20%;
  left: -50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon28::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  background: url(../images/icon28.png) no-repeat;
  background-size: 100%;
  top: 25%;
  left: -40px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon29::after {
  position: absolute;
  content: "";
  width: 45px;
  height: 65px;
  background: url(../images/icon29.png) no-repeat;
  background-size: 100%;
  top: 12%;
  left: -40px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon30::after {
  position: absolute;
  content: "";
  width: 75px;
  height: 50px;
  background: url(../images/icon30.png) no-repeat;
  background-size: 100%;
  top: 25%;
  left: -50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon31::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  background: url(../images/icon31.png) no-repeat;
  background-size: 100%;
  top: 5%;
  left: -50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon32::after {
  position: absolute;
  content: "";
  width: 85px;
  height: 85px;
  background: url(../images/icon32.png) no-repeat;
  background-size: 100%;
  top: -3%;
  left: -40px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon33::after {
  position: absolute;
  content: "";
  width: 72px;
  height: 72px;
  background: url(../images/icon33.png) no-repeat;
  background-size: 100%;
  top: 15%;
  left: -50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon34::after {
  position: absolute;
  content: "";
  width: 72px;
  height: 72px;
  background: url(../images/icon34.png) no-repeat;
  background-size: 100%;
  top: 15%;
  left: -50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon35::after {
  position: absolute;
  content: "";
  width: 64px;
  height: 64px;
  background: url(../images/icon35.png) no-repeat;
  background-size: 100%;
  top: 20%;
  left: -50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon38::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  background: url(../images/icon38.png) no-repeat;
  background-size: 100%;
  top: 30%;
  left: -40px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon39::after {
  position: absolute;
  content: "";
  width: 40px;
  height: 57px;
  background: url(../images/icon39.png) no-repeat;
  background-size: 100%;
  top: 20%;
  left: -35px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon40::after {
  position: absolute;
  content: "";
  width: 70px;
  height: 66px;
  background: url(../images/icon40.png) no-repeat;
  background-size: 100%;
  top: 20%;
  left: -40px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2_icon42::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 40px;
  background: url(../images/icon42.png) no-repeat;
  background-size: 100%;
  top: 40%;
  left: -50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

h2 .icon {
  display: inline-block;
  width: 90px;
  height: auto;
  margin-right: 16px;
  vertical-align: middle;
}

h2.noIcon {
  background: none;
}

h2.noIcon::before {
  display: none;
}

span.size {
  font-size: 23px;
}

.txt_center {
  text-align: center;
}

.mt80 {
  margin-top: 80px;
}

.detail_btn a {
  margin: 60px auto 0;
  padding: 15px 35px 15px 55px;
  width: 40%;
  border: 3px solid rgb(0, 43, 98);
  color: rgb(0, 43, 98);
  text-decoration: none;
  font-size: 110%;
  font-weight: bold;
  text-align: center;
  display: block;
  background: #fff url(../images/bg_detail_btn2.png) no-repeat;
  background-size: 10px 17px;
  background-position: right 16px top 20px;
  position: relative;
}

.detail_btn a::before {
  position: absolute;
  content: "";
  width: 45px;
  height: 45px;
  background: url(../images/site_icon.png) no-repeat;
  background-size: 100%;
  top: 10px;
  left: 13px;
}

.detail_btn.nopc a {
  width: auto;
  display: inline-block;
}

.detail_btn.nopc a::before {
  position: inherit;
  content: "";
  width: 45px;
  height: 45px;
  background: none;
  background-size: 100%;
  top: 10px;
  left: 13px;
}

.detail_btn a:hover {
  background-position: right 6px top 20px;
}

.detail_btn2 a {
  margin: 30px auto;
  padding: 10px 35px 10px 55px;
  width: 260px;
  background: #fff;
  border: 3px solid #d6924c;
  color: #333;
  text-decoration: none;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  display: block;
  box-sizing: border-box;
  background-size: 10px 17px;
  background-position: right 16px top 30px;
  position: relative;
}

.detail_btn2 a::before {
  position: absolute;
  content: "";
  width: 45px;
  height: 45px;
  background: url(../images/disply_bage.png) no-repeat;
  background-size: 100%;
  top: 20px;
  left: 13px;
}

.detail_btn2 a:hover {
  background-position: right 6px top 30px;
}

/* LAYOUT */
.lp_innerKV {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 15px 0;
}

.lp_inner,
.lp_inner_nosp {
  padding: 10px;
  box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
}

.section_title > .lp_inner {
  padding: 20px 0 0px;
}

.section_hero {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.section_hero > .lp_inner {
  position: relative;
  height: 370px;
}

.bg_color {
  background: #87ccd5;
}

.bg_gray {
  background: #f2f2f2;
}

/* PAGE NAVIGATION */
.pNav {
  background: #32393c;
}

.pNav div.column-03 > div.col {
  margin: 0;
  padding: 14px 0 0;
  width: 12.5%;
  box-sizing: border-box;
}

.pNav div.column-03.tms,
.pNav div.column-03.wms {
  display: flex;
  justify-content: center;
}

.pNav div.column-03.tms > div.col {
  margin: 0;
  box-sizing: border-box;
  width: auto;
}

.pNav div.column-03.wms > div.col {
  margin: 0;
  box-sizing: border-box;
  width: auto;
}

.pNav div.column-03 > div.col {
  border-bottom: 4px solid #3D3F3A;
}

.pNav div.column-03 > div.col a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  padding: 0;
  text-align: center;
}

.tms .pNav div.column-03 > div.col a {
  font-size: 14px;
}

.wms .pNav div.column-03 > div.col a {
  font-size: 14px;
}

.pNav div.column-03.tms > div.col a {
  padding: 0 35.5px 10px;
}

.pNav div.column-03.wms > div.col a {
  padding: 0 49px 10px;
}

.pNav div.column-03 > div.col:hover {
  cursor: pointer;
  border-bottom: 4px solid #D3E6FE;
}

.tms.index .pNav div.column-03 > div.col.pNav01,
.tms.delivery-plan .pNav div.column-03 > div.col.pNav02,
.tms.progress-management .pNav div.column-03 > div.col.pNav03,
.tms.stacking .pNav div.column-03 > div.col.pNav04,
.tms.charge .pNav div.column-03 > div.col.pNav05,
.tms.berth-management .pNav div.column-03 > div.col.pNav06,
.tms.case .pNav div.column-03 > div.col.pNav07 {
  border-bottom: 4px solid #D3E6FE;
}

.wms.index .pNav div.column-03 > div.col.pNav01,
.wms.feature .pNav div.column-03 > div.col.pNav02,
.wms.tms .pNav div.column-03 > div.col.pNav03,
.wms.requirements .pNav div.column-03 > div.col.pNav04,
.wms.packing .pNav div.column-03 > div.col.pNav05,
.wms.case .pNav div.column-03 > div.col.pNav06 {
  border-bottom: 4px solid #D3E6FE;
}

.wms.case.index .pNav div.column-03 > div.col.pNav01 {
  border-bottom: none;
}

.max_img {
  max-width: 840px;
  width: 100%;
}

.wrapper {
  position: relative;
  height: 50vh;
}

.new {
  background: #dc434b;
  padding: 3px 5px;
  color: #fff;
  font-size: 10px;
  display: inline-block;
  margin: 0 0 0 10px;
}

.newicon {
  position: relative;
}

.newicon::after {
  position: absolute;
  content: "NEW";
  background: #dc434b;
  color: #fff;
  font-size: 10px;
  padding: 3px 5px;
  right: 5px;
}

.vricon,
.aricon {
  position: relative;
}

.vricon::after {
  position: absolute;
  content: "VR";
  background: rgb(0, 43, 98);
  color: #fff;
  font-size: 10px;
  padding: 3px 10px;
  left: 0px;
}

.aricon::after {
  position: absolute;
  content: "AR";
  background: rgb(0, 43, 98);
  color: #fff;
  font-size: 10px;
  padding: 3px 10px;
  left: -25px;
}

.nf-main .mainImg {
  background-color: #052F5F;
}

.nf-main .mainImg .box {
  margin: 0 auto;
  max-width: 1200px;
  width: 90%;
}

.nf-main .mainImg .photoBox {
  float: right;
  max-width: 600px;
  width: 50%;
}

.nf-main .mainImg .photoBox img {
  width: 100%;
}

.nf-main .mainImg .textBox {
  padding: 53px 10px 20px 0;
  float: left;
  max-width: 600px;
  width: 50%;
  box-sizing: border-box;
}

.nf-main .mainImg .textBox .ttle_vr {
  font-size: 18px;
  margin-bottom: 20px;
  line-height: 1.5;
}

.nf-main .mainImg .textBox p {
  font-size: 18px;
  color: #fff;
  line-height: 1.8;
}

.nf-main .mainImg .textBox span {
  margin-bottom: 18px;
  display: block;
  font-weight: bold;
  font-size: 40px;
  color: #fff;
}

.nf-main .mainImg .textBox .icon {
  display: inline-block;
  width: 52px;
  margin: 0 18px 0 0;
  vertical-align: middle;
}

.nf-main .mainImg .textBox .icon + span {
  display: inline-block;
}

.textP {
  line-height: 1.75;
  margin: 0 auto 15px;
  max-width: 960px;
  font-size: 18px;
}

.w990 {
  max-width: 990px;
}

.textP_02 {
  line-height: 1.75;
  margin: 0 auto 15px;
  max-width: 100%;
  font-size: 18px;
  padding-left: 18px;
  box-sizing: border-box;
}

.textP2 {
  line-height: 1.9;
  margin: 0 auto 15px;
  font-size: 18px;
}

.bklink {
  color: #000;
  text-decoration: underline;
  font-weight: normal !important;
}

.bklink:hover {
  color: #000 !important;
}

h3.left_line {
  border-left: 8px solid rgb(0, 43, 98);
  padding-left: 10px;
  margin-bottom: 15px;
  font-size: 22px;
}

h3.left_line span {
  font-weight: 400;
  font-size: 18px;
}

h4.left_line {
  border-left: 8px solid rgb(102, 102, 102);
  padding-left: 10px;
  margin-bottom: 15px;
  font-size: 20px;
}

.bdnon {
  border-left: 0px !important;
}

ul.flex {
  display: flex;
  justify-content: flex-start;
}

ul.flex li {
  padding-right: 15px;
}

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

ul.flex li img {
  max-width: 500px;
  width: 100%;
}

.btn_popup:hover {
  cursor: zoom-in;
}

.btn_popup::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background: url(../images/sprite.png) no-repeat;
  background-position: 0 -51px;
  background-size: 109px auto;
  vertical-align: middle;
}

.btn_popup.noIcon::before,
.btn_popup .icon-01 {
  display: none;
}

/* download */
.h2-download {
  padding-top: 20px;
}

.download_area,
.download_area .photoBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  box-sizing: border-box;
}

.download_area {
  margin-bottom: 20px;
  padding: 32px 40px;
  background: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.download_area .textBox {
  width: 56%;
  font-size: 18px;
}

.download_area .photoBox {
  width: 40%;
  height: 100%;
}

.download_area .photoBox img {
  width: 47.272727%;
  height: 100%;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
}

.download_area .subttl_logistics {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: bold;
}

.download_area .sub_ttl {
  margin-bottom: 1em;
  font-size: 20px;
  font-weight: bold;
  color: #7f7f7f;
}

.download_area .dlList {
  margin-left: 0;
  counter-reset: number;
}

.download_area .dlList li {
  list-style-type: none;
  margin: 0 0 0.25em 2em;
  text-indent: -2em;
  font-weight: bold;
  color: #002b62;
}

.download_area .dlList li::before {
  counter-increment: number;
  content: "0" counter(number);
  padding-right: 0.5em;
  color: #7f7f7f;
}

.download_area .dlList li span {
  font-size: 16px;
  font-weight: normal;
  color: #333;
}

.download_area .dlLink {
  max-width: 320px;
}

.dlLink a {
  background: #d6924c;
  font-size: 16px;
}

.dlLink a:hover {
  opacity: 0.8;
}

.dlLink a::before {
  position: absolute;
  background: url(../images/icon_dl_btn_wh.png) no-repeat;
  width: 32px;
  height: 24px;
  background-size: 100%;
  top: 50%;
  left: 8%;
  content: "";
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.dlLink a::after {
  top: 40%;
}

.point_area {
  margin: 30px auto 50px auto;
  padding: 20px;
  width: 1200px;
  background: #d5e7ff;
  box-sizing: border-box;
}

.point_area .point_icon {
  margin: 0 20px 0 0;
}

.comLink {
  min-width: 200px;
}

.solution_list .comLink {
  min-width: 500px;
}

.comLink a {
  padding: 15px 30px 12px 20px;
  display: block;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  position: relative;
  text-decoration: none;
  background-color: #4A5880;
}

.comLink.green a {
  background-color: #419b91;
}

.comLink.orange a {
  background-color: #eb6e00;
}

.comLink a:after {
  width: 10px;
  height: 16px;
  margin-top: -8px;
  background: url(../images/bg_detail_btn.png) no-repeat right top;
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
}

.comLink a:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.newsBox {
  font-size: 18px;
  margin-top: 30px;
}

.newsBox .newsUl {
  margin-bottom: 55px;
  padding-top: 20px;
  border-top: 1px solid #D8D8D8;
}

.newsBox .newsUl li {
  margin-bottom: 20px;
  border-bottom: 1px solid #D8D8D8;
}

.newsBox .newsUl li a {
  display: block;
  color: #333;
  text-decoration: underline;
}

.newsBox .newsUl li a:hover {
  text-decoration: none;
}

.newsBox .newsUl dt {
  float: left;
}

.newsBox .newsUl dd {
  padding: 2px 0 19px 10.3em;
}

.downloadBox {
  margin: 30px 0 0 0;
  padding: 30px;
  background: #fff;
}

.downloadBox h3.download_ttl {
  padding-bottom: 5px;
  font-size: 24px;
}

.downloadBox h3.download_ttl span {
  font-size: 18px;
}

.downloadBox .download_subttl {
  margin: 20px 0 0 0;
}

.downloadBox p {
  font-size: 18px;
  line-height: 2;
}

.downloadBox .download_txt {
  margin: 20px 0 0 0;
}

.downloadBox .download_link {
  margin: 20px 0 0 0;
}

.downloadBox .download_link a {
  text-decoration: none;
}

.downloadBox .download_link a span {
  width: 300px;
  display: block;
  position: relative;
  color: #fff;
  padding: 15px;
  text-align: center;
  position: relative;
  text-decoration: none;
}

.downloadBox .download_link a span {
  background: #d6924c;
}

.downloadBox .download_link a span::before {
  position: absolute;
  background: url(../images/icon_dl_btn_wh.png) no-repeat;
  width: 35px;
  height: 25px;
  background-size: 100%;
  top: 50%;
  left: 10%;
  content: "";
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.downloadBox .download_link a span::after {
  position: absolute;
  top: 37%;
  right: 20px;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.downloadBox .download_link a span:hover::after {
  right: 25px;
}

.linkBox {
  padding: 30px 0;
  background-color: #F2F2F2;
}

.mainBox {
  width: 1200px;
  margin: 0 auto;
}

.linkBox li {
  float: left;
  width: 580px;
}

.linkBox li:nth-child(2n) {
  float: right;
}

.linkBox li a {
  display: block;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 2px 2px 3px #CCCCCC;
  color: #333;
}

.linkBox li .photoBox {
  float: left;
}

.linkBox li .textBox {
  padding: 20px 20px 10px;
  float: right;
  width: 380px;
  box-sizing: border-box;
}

.linkBox li .textBox p {
  font-size: 14px;
  line-height: 1.55;
}

.linkBox li .textBox .title {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}

.linkBox li a:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.logistics #pnav_link01 {
  padding: 30px 0;
}

.logistics #pnav_link02 {
  padding: 50px 0;
}

.logistics #pnav_link03,
.logistics #pnav_link04,
.logistics #pnav_link08 {
  padding: 30px 0 0 0;
}

.logistics #pnav_link05,
.logistics #pnav_link06,
.logistics #pnav_link07,
.logistics #pnav_link09,
.logistics #pnav_link10 {
  padding: 30px 0;
}

.tms .pdform,
.wms .pdform {
  padding: 30px 0;
}

/* .tms.index #sec01 {
    padding: 20px 0;
}
.tms.delivery-plan #sec01,
.tms.progress-management #sec01 {
    padding: 30px 0 30px 0;
}
.tms.index #sec03,
.tms.delivery-plan #sec03,
.tms.delivery-plan #sec06,
.tms.berth-management #sec01 {
    padding: 30px 0 30px 0;
}
 */
.logistics #pnav_link01 .textP {
  margin: 20px auto;
}

.mwAuto {
  max-width: 100% !important;
}

.ta_left {
  text-align: left !important;
}

.f22b {
  font-size: 22px;
  font-weight: bold;
}

.sub_bar_f22b {
  display: block;
  font-size: 22px;
  font-weight: bold;
}

.logistics #pnav_link01 .textP_02 {
  margin: 20px auto;
}

.logistics #pnav_link05 .comLink,
.logistics #pnav_link06 .comLink,
.logistics #pnav_link07 .comLink,
.logistics #pnav_link09 .comLink,
.logistics #pnav_link10 .comLink {
  margin: 30px 0 0 0;
}

.tms.delivery-plan #sec01 .icon_txt2 .txt_center,
.tms.progress-management #sec01 .icon_txt2 .txt_center {
  margin: 0 0 10px 0;
}

.tms.delivery-plan #sec01 .icon_wrap img,
.tms.progress-management #sec01 .icon_wrap img {
  margin: 0 0 20px 0;
}

.solution_list,
.solution_list2 {
  padding: 20px 0 0 0;
}

.wms .solution_list {
  padding: 30px 0 0 0;
}

.tms.delivery-plan #sec01 {
  padding: 10px 0 20px 0;
}

.tms.delivery-plan #sec01 h2 {
  margin: 0 auto 40px auto;
}

.tms.delivery-plan #sec07 {
  padding: 20px 0;
}

.tms.progress-management #sec01 {
  padding: 10px 0 20px 0;
}

.tms.progress-management #sec01 h2 {
  margin: 0 auto 20px auto;
}

.tms.progress-management #sec09 {
  padding: 20px 0;
}

.tms.berth-management #sec01 {
  padding: 20px 0 0 0;
}

.tms.berth-management #sec05 .driver_area .icon_txt {
  width: 25%;
  float: none;
  padding: 0 20px 40px 20px;
  box-sizing: border-box;
  margin: 0 auto;
}

.tms.berth-management #sec06 {
  padding: 20px 0;
}

.tms.delivery-plan #sec03 h2,
.tms.delivery-plan #sec04 h2 {
  margin: 0 auto 30px auto;
}

.tms.delivery-plan #sec03 .txt_center,
.tms.delivery-plan #sec04 .txt_center {
  margin: 30px 0 20px 0;
}

.tms.delivery-plan #sec03 .logistics_txt_area,
.tms.delivery-plan #sec04 .logistics_txt_area {
  margin: 0;
  padding: 0;
}

.tms.delivery-plan #sec03 .checed_txt,
.tms.delivery-plan #sec04 .checed_txt {
  margin: 0 0 20px 0;
}

.tms.delivery-plan #sec06 .nagare_img {
  margin: 30px 0;
}

.tms.berth-management #sec01 .croud_area {
  margin: 0 0 50px 0;
}

.tms.stacking #sec02 {
  padding-bottom: 0;
}

.tms.stacking #sec04 {
  padding-top: 30px;
}

.tms.charge #sec01 h3.left_line {
  margin-top: 50px;
}

.tms.charge #sec01 table {
  margin: 20px auto 30px auto;
  width: 95%;
  font-size: 18px;
}

.tms.charge #sec01 table td {
  padding: 10px 20px;
  border: solid 1px #999;
}

.tms.charge #sec02 .logistics_img {
  margin-top: 30px;
}

.tms.charge #sec03 {
  padding-top: 30px;
}

.wms.index .main_visual,
.tms.index .main_visual {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
}
.wms.index .main_visual .main_visual_inner,
.tms.index .main_visual .main_visual_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1200px;
  min-height: 400px;
  margin: 0 auto;
}
.wms.index .main_visual .main_visual_inner .copy,
.tms.index .main_visual .main_visual_inner .copy {
  position: relative;
  min-width: 600px;
  max-width: 60%;
  margin: 32px 0;
  padding: 24px 32px;
  background: rgba(2, 9, 62, 0.9);
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wms.index .main_visual .main_visual_inner .title,
.tms.index .main_visual .main_visual_inner .title {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.4;
}
.wms.index .main_visual .main_visual_inner .title small,
.tms.index .main_visual .main_visual_inner .title small {
  font-size: 30px;
}
.wms.index .main_visual .main_visual_inner .subTitle,
.tms.index .main_visual .main_visual_inner .subTitle {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 8px;
}
.wms.index .main_visual .main_visual_inner .btnBox,
.tms.index .main_visual .main_visual_inner .btnBox {
  width: 100%;
  margin: 20px auto 0;
}
.wms.index .main_visual .main_visual_inner .comLink,
.tms.index .main_visual .main_visual_inner .comLink {
  width: 47%;
  text-align: center;
}
.wms.index .main_visual .main_visual_inner .comLink a,
.tms.index .main_visual .main_visual_inner .comLink a {
  padding: 0;
  font-size: 16px;
}
.wms.index .main_visual .main_visual_inner .comLink a::after,
.tms.index .main_visual .main_visual_inner .comLink a::after {
  background-image: none;
}
.wms.index .main_visual .main_visual_inner .comLink a span,
.tms.index .main_visual .main_visual_inner .comLink a span {
  position: relative;
  display: block;
  padding: 15px 20px 12px;
}
.wms.index .main_visual .main_visual_inner .comLink a span::after,
.tms.index .main_visual .main_visual_inner .comLink a span::after {
  position: absolute;
  top: 42%;
  right: 20px;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
}
.wms.index .main_visual .main_visual_inner .comLink a span:hover::after,
.tms.index .main_visual .main_visual_inner .comLink a span:hover::after {
  right: 25px;
}
.wms.index .main_visual .main_visual_inner .comLink a:hover,
.tms.index .main_visual .main_visual_inner .comLink a:hover {
  opacity: 1;
}
.wms.index .main_visual .main_visual_inner .comLink.download span::before,
.tms.index .main_visual .main_visual_inner .comLink.download span::before {
  position: absolute;
  background: url(/nsi/ss/logistics/images/info_icon2.png) no-repeat;
  width: 34px;
  height: 23px;
  background-size: 100%;
  top: 50%;
  left: 6%;
  content: "";
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.wms.index .main_visual .main_visual_inner .comLink.inquiry span::before,
.tms.index .main_visual .main_visual_inner .comLink.inquiry span::before {
  position: absolute;
  background: url(/nsi/ss/logistics/images/icon_dl_btn_wh.png) no-repeat;
  width: 32px;
  height: 26px;
  background-size: 100%;
  top: 50%;
  left: 6%;
  content: "";
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.wms.index .main_visual .main_visual_img,
.tms.index .main_visual .main_visual_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.wms.index .main_visual .main_visual_img img,
.tms.index .main_visual .main_visual_img img {
  max-width: none;
}

@media (min-width: 768px) and (max-width: 1200px) {
  .wms.index .main_visual_inner,
  .tms.index .main_visual_inner {
    max-width: 100%;
  }
}
@media (min-width: 1801px) {
  .wms.index .main_visual_img img,
  .tms.index .main_visual_img img {
    width: 100%;
  }
}
.wms.index section,
.tms.index section {
  padding: 40px 0;
}

.wms.index .logistics_section_head,
.tms.index .logistics_section_head {
  margin-bottom: 24px;
}
.wms.index .logistics_section_head .h2-01,
.tms.index .logistics_section_head .h2-01 {
  color: #002b62;
  margin-bottom: 10px;
}
.wms.index .logistics_section_head .catch,
.tms.index .logistics_section_head .catch {
  font-size: 21px;
  font-weight: bold;
  line-height: 1.4;
}

.wms.index .logistics_section_body p, .wms.index .logistics_section_body ul, .wms.index .logistics_section_body dl,
.tms.index .logistics_section_body p,
.tms.index .logistics_section_body ul,
.tms.index .logistics_section_body dl {
  font-size: 18px;
}
.wms.index .logistics_section_body p:not([class]),
.tms.index .logistics_section_body p:not([class]) {
  margin-bottom: 1em;
}
.wms.index .logistics_section_body p:not([class]):last-child,
.tms.index .logistics_section_body p:not([class]):last-child {
  margin-bottom: 0;
}
.wms.index .logistics_section_body .title,
.tms.index .logistics_section_body .title {
  line-height: 1.4;
}
.wms.index .logistics_section_body .title small,
.tms.index .logistics_section_body .title small {
  font-size: 18px;
}
.wms.index .logistics_section_body .catch,
.tms.index .logistics_section_body .catch {
  font-size: 19px;
  font-weight: bold;
  line-height: 1.4;
}
.wms.index .logistics_section_body .imgR,
.tms.index .logistics_section_body .imgR {
  float: right;
  width: 560px;
  margin-left: 40px;
  margin-bottom: 40px;
}
.wms.index .logistics_section_body .listDisc,
.tms.index .logistics_section_body .listDisc {
  padding-left: 30px;
}
.wms.index .logistics_section_body .listDisc li,
.tms.index .logistics_section_body .listDisc li {
  list-style: disc;
}

.wms.index .marker,
.tms.index .marker {
  display: inline;
  padding: 0 4px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #84CCC4));
  background: linear-gradient(transparent 60%, #84CCC4 60%);
}

.wms.index .grid_two,
.tms.index .grid_two {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.wms.index .grid_three,
.tms.index .grid_three {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.wms.index .box_border,
.tms.index a.box_border {
  background-color: #fff;
  border: solid 1px #04127c;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  text-decoration: none;
  color: #333;
}
.wms.index .box_border .icon,
.tms.index a.box_border .icon {
  background-color: #04127c;
  color: #fff;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  position: absolute;
  top: -30px;
  left: -30px;
}
.wms.index .box_border .icon small,
.tms.index a.box_border .icon small {
  font-size: 16px;
}
.wms.index .box_border .title,
.tms.index a.box_border .title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wms.index .box_border .image,
.tms.index a.box_border .image {
  margin-bottom: 10px;
}

.tms.index a.box_border:hover {
  background-color: #d5e7ff;
}

.wms.index #sec01 .grid_three,
.tms.index #sec01 .grid_three {
  gap: 40px;
}
.wms.index #sec01 .grid_three .box,
.tms.index #sec01 .grid_three .box {
  width: calc((100% - 80px) / 3);
}
.wms.index #sec01 .grid_three .box .img,
.tms.index #sec01 .grid_three .box .img {
  width: 240px;
  display: inline-block;
}
.wms.index #sec01 .grid_three .box .title,
.tms.index #sec01 .grid_three .box .title {
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  width: fit-content;
  position: relative;
}
.wms.index #sec01 .grid_three .box .title::before,
.tms.index #sec01 .grid_three .box .title::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/nsi/ss/logistics/images/icon_check.svg) no-repeat center center/contain;
  top: 0.1em;
  left: 0;
  position: absolute;
}

.wms.index #sec02 .grid_two,
.tms.index #sec02 .grid_two {
  gap: 40px;
}
.wms.index #sec02 .grid_two .img,
.tms.index #sec02 .grid_two .img {
  width: 560px;
}
.wms.index #sec02 .grid_two .text,
.tms.index #sec02 .grid_two .text {
  width: calc(100% - 600px);
}
.wms.index #sec02 .grid_two .text .catch,
.tms.index #sec02 .grid_two .text .catch {
  font-size: 21px;
  margin-bottom: 1em;
}

.wms.index #sec03 .grid_three,
.wms.index #sec04 .grid_three,
.tms.index #sec03 .grid_three {
  gap: 40px;
}
.wms.index #sec03 .grid_three .box_border,
.wms.index #sec04 .grid_three .box_border,
.tms.index #sec03 .grid_three .box_border {
  width: calc((100% - 80px) / 3);
  border-width: 3px;
  border-radius: 10px;
  padding: 16px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.wms.index #sec03 .grid_three .box_border .title,
.wms.index #sec04 .grid_three .box_border .title,
.tms.index #sec03 .grid_three .box_border .title {
  margin-top: 16px;
}

.wms.index #sec03 .grid_three .box_border .title {
  color: #04127c;
}

.tms.index #sec03 .grid_three a.box_border:hover {
  box-shadow: none;
}

.tms.index #sec03 .grid_three a.box_border:nth-of-type(4) {
  margin-left: calc((100% - ((100% - 80px) / 3 * 2 + 40px)) / 2);
}

.wms.index #sec04 .grid_three .box_border:nth-of-type(7) {
  margin-left: calc((100% - ((100% - 80px) / 3 * 2 + 40px)) / 2);
}

.tms.index #sec03 .grid_three a.box_border:nth-of-type(2) .title {
  letter-spacing: -0.04em;
}

.wms.index #sec05 .grid_three {
  gap: 24px;
}
.wms.index #sec05 .grid_three .box {
  width: calc((100% - 48px) / 3);
  background-color: #fff;
}
.wms.index #sec05 .grid_three .box a {
  text-decoration: none;
}
.wms.index #sec05 .grid_three .box a:hover {
  opacity: 0.7;
}
.wms.index #sec05 .grid_three .box .text {
  padding: 16px;
  color: #333;
}
.wms.index #sec05 .grid_three .box .text .title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #002b62;
  margin-bottom: 16px;
}

.wms.index #sec06 .case_list .box,
.tms.index #sec05 .case_list .box {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  background-color: #fff;
}
.wms.index #sec06 .case_list .box .img,
.tms.index #sec05 .case_list .box .img {
  width: 400px;
  min-width: 400px;
}
.wms.index #sec06 .case_list .box .img a,
.tms.index #sec05 .case_list .box .img a {
  display: block;
}
.wms.index #sec06 .case_list .box .img a:hover,
.tms.index #sec05 .case_list .box .img a:hover {
  opacity: 0.7;
}
.wms.index #sec06 .case_list .box p,
.tms.index #sec05 .case_list .box p {
  margin-bottom: 0.5em;
}
.wms.index #sec06 .case_list .box .text,
.tms.index #sec05 .case_list .box .text {
  width: calc(100% - 400px);
  padding: 8px 24px;
  box-sizing: border-box;
}
.wms.index #sec06 .case_list .box .text .title,
.tms.index #sec05 .case_list .box .text .title {
  font-size: 20px;
  font-weight: bold;
}
.wms.index #sec06 .case_list .box .text .title a,
.tms.index #sec05 .case_list .box .text .title a {
  color: #002b62;
  text-decoration: none;
}
.wms.index #sec06 .case_list .box .text .title a:hover,
.tms.index #sec05 .case_list .box .text .title a:hover {
  text-decoration: underline;
}
.wms.index #sec06 .case_list .box .text .catch,
.tms.index #sec05 .case_list .box .text .catch {
  font-size: 19px;
  font-weight: bold;
}
.wms.index #sec06 .case_list .box .text .comLink,
.tms.index #sec05 .case_list .box .text .comLink {
  width: 200px;
}
.wms.index #sec06 .comLink.center,
.tms.index #sec05 .comLink.center {
  width: 270px;
  margin-left: auto;
  margin-right: auto;
}

.wms.index #sec07 .flow_area,
.tms.index #sec06 .flow_area {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-bottom: 80px;
}
.wms.index #sec07 .flow_area .box_flow,
.tms.index #sec06 .flow_area .box_flow {
  width: calc((100% - 160px) / 5);
  background-color: #04127c;
  color: #fff;
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  font-weight: bold;
}
.wms.index #sec07 .flow_area .box_flow .title,
.tms.index #sec06 .flow_area .box_flow .title {
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wms.index #sec07 .flow_area .box_flow .step,
.tms.index #sec06 .flow_area .box_flow .step {
  font-size: 14px;
  margin-bottom: 10px;
}
.wms.index #sec07 .flow_area .box_flow::after,
.tms.index #sec06 .flow_area .box_flow::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #286ebe;
  top: 50%;
  right: -30px;
  transform: translateY(-50%);
  position: absolute;
  z-index: 10;
}
.wms.index #sec07 .flow_area .box_flow:last-child::after,
.tms.index #sec06 .flow_area .box_flow:last-child::after {
  content: none;
}
.wms.index #sec07 .flow_note,
.tms.index #sec06 .flow_note {
  width: 860px;
  margin: 0 auto;
}
.wms.index #sec07 .flow_note dl,
.tms.index #sec06 .flow_note dl {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
}
.wms.index #sec07 .flow_note dt,
.tms.index #sec06 .flow_note dt {
  background-color: #04127c;
  color: #fff;
  padding: 3px 10px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
}
.wms.index #sec07 .flow_note dd,
.tms.index #sec06 .flow_note dd {
  padding: 3px 10px;
}

.wms.index #sec08 .logistics_img {
  max-width: 1200px;
  background: #fff;
}
.wms.index #sec08 .grid_two {
  margin-top: 40px;
}
.wms.index #sec08 .grid_two .box_border {
  width: calc((100% - 24px) / 2);
}
.wms.index #sec08 .grid_two .box_border .title {
  padding: 12px;
  background-color: #04127c;
  color: #fff;
}
.wms.index #sec08 .grid_two .box_border ul {
  padding: 16px 16px 16px 40px;
}
.wms.index #sec08 .grid_two .box_border ul li {
  list-style: disc;
}
.wms.index #sec08 .bnr_area {
  padding-top: 40px;
  padding-bottom: 0;
}

.tms.index #sec04 .logistics_img {
  max-width: 1200px;
  background: #fff;
  margin-top: 20px;
}

.wms.feature #sec01 {
  padding: 10px 0 20px 0;
}

.wms.feature #sec01 h2 {
  margin: 0 auto 40px auto;
}

.wms.feature #sec02 {
  padding: 40px 0 20px 0;
}

.wms.tms #sec01 {
  padding: 10px 0 20px 0;
}

.wms.tms #sec01 h2 {
  margin: 0 auto 30px auto;
}

.wms.tms #sec02 {
  padding: 40px 0 20px 0;
}

.wms.requirements #sec01 {
  padding: 20px 0 0 0;
}

.wms.requirements #sec02 {
  padding: 40px 0 20px 0;
}

.wms.requirements #sec01 .croud_area {
  margin: 0 0 50px 0;
}

.wms.packing .colBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.wms.packing .calculation li {
  position: relative;
  text-align: center;
  background-color: #fff;
}

.wms.packing .calculation li::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -42px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 0 40px 32px;
  border-color: transparent transparent transparent #002b62;
  z-index: 10;
}

.wms.packing .calculation li:last-child::after {
  display: none;
}

.wms.packing .calculation .title {
  margin-bottom: 20px;
  padding: 5px 5px 3px;
  background-color: #002b62;
  color: #fff;
  font-size: 20px;
}

.wms.packing .merit_intro .photoBox {
  width: 200px;
}

.wms.packing .arrow_list {
  margin-bottom: 15px;
}

.wms.packing .arrow_list li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 20px;
}

.wms.packing .arrow_list li::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.35em;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 0 9px 10px;
  border-color: transparent transparent transparent #002b62;
}

.wms.packing .merit_area {
  margin-bottom: 30px;
  padding: 20px;
  background-color: #fff;
  border: 3px solid #002b62;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.wms.packing .merit_area:last-child {
  margin-bottom: 0;
}

.wms.packing .merit_area .title {
  margin-bottom: 10px;
  font-size: 22px;
}

.wms.packing .merit_area .title .icon {
  display: inline-block;
  max-width: 62px;
  margin-right: 10px;
  vertical-align: middle;
}

.wms.packing .merit_area p {
  margin-bottom: 0.835em;
}

.wms.packing .merit_area p:last-child {
  margin-bottom: 0;
}

.wms.packing .merit_area .photoBox {
  width: 240px;
}

.wms.packing #merit03 .photoBox {
  width: 500px;
}

.wms.packing #merit03 .photoBox.photo_S {
  width: 450px;
}

.wms.packing #merit03 .arrow {
  position: relative;
  margin-bottom: 80px;
}

.wms.packing #merit03 .arrow::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -64px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -120px;
  border-style: solid;
  border-width: 48px 120px 0 120px;
  border-color: #002b62 transparent transparent transparent;
}

.wms.packing .box_area {
  margin: 0 18px;
  padding: 10px 15px 0;
  border: 1px solid #002b62;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.wms.packing .cause_area {
  width: 900px;
  margin: 0 auto 30px;
  padding: 15px;
  border: 2px dotted #002b62;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wms.packing .cause_area .photoBox {
  width: 300px;
}

.wms.packing .txtBlue {
  color: #002b62;
}

.wms.packing .txtRed {
  color: #76161b;
}

.about #sec01,
.about #sec02,
.about #sec03 {
  padding: 30px 0 10px;
}

.about #intro .about_summary,
.about #intro .about_summary > dt,
.about #intro .colBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.about #intro .about_summary {
  width: 85%;
  margin: 0 auto 20px;
  padding: 3px;
  border: 3px solid #dc444c;
  background-color: #f3c1c3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.about #intro .about_summary > dt {
  width: 140px;
  padding: 10px 10px 8px;
  background-color: #dc444c;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.about #intro .about_summary > dd {
  width: calc(100% - 168px);
}

.about #intro .labelList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

.about #intro .labelList:last-child {
  margin-bottom: 0;
}

.about #intro .labelList li {
  margin-right: 20px;
  font-size: 16px;
}

.about #intro .labelList li::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  border-radius: 5px;
  background-color: #dc444c;
}

.about #intro .labelList .label {
  width: 100px;
  padding: 7px 10px 5px;
  background-color: #dc444c;
  line-height: 1.1;
  border-radius: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.about #intro .labelList .label::before {
  display: none;
}

.about #intro .about_summary.tms {
  border-color: #318bff;
  background-color: #d6e8ff;
}

.about #intro .about_summary.tms > dt,
.about #intro .tms .labelList .label,
.about #intro .tms .labelList li::before {
  background-color: #318bff;
}

.about #intro .about_summary.order {
  border-color: #85bf64;
  background-color: #e7f2e0;
}

.about #intro .about_summary.order > dt,
.about #intro .order .labelList .label,
.about #intro .order .labelList li::before {
  background-color: #85bf64;
}

.about #intro .about_summary.s-cont {
  border-color: #d6924d;
  background-color: #f1dbc4;
}

.about #intro .about_summary.s-cont > dt,
.about #intro .s-cont .labelList .label,
.about #intro .s-cont .labelList li::before {
  background-color: #d6924d;
}

.about #intro .tms .labelList {
  width: 50%;
}

.icon_wrap2 p {
  float: left;
  margin: 0 20px 0 0;
}

.whitebox_wrap {
  max-width: 1200px;
  background: #fff;
  padding: 14px 0 24px 0;
  margin: 0 auto;
}

.whitebox_wrap img {
  width: 720px !important;
}

.whitebox_wrap2 img {
  width: 1000px !important;
}

.tms_img_form {
  padding: 10px 40px;
  box-sizing: border-box;
  max-width: 1000px;
}

.ch_bl {
  width: 26px;
  padding: 6px 14px;
}

.ch_bl_all {
  line-height: 2.3;
}

.wsToTop {
  width: 50px;
  height: 68px;
  position: fixed;
  bottom: 20px;
  right: 20px;
}

.m5030 {
  margin: 50px auto 20px;
}

.all_half_wrap {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: flex;
  margin: 40px auto;
}

.wms .all_half_wrap {
  margin: 0px auto;
}

.cont_img {
  width: 74% !important;
  margin: 0 auto;
  text-align: center;
  display: grid;
}

.all_half_wrap .icon_txt {
  margin-top: 20px;
}

.all_half_wrap_last {
  margin-bottom: 30px !important;
}

.half_wrap {
  width: 48%;
  float: left;
  margin-bottom: 10px;
}

.half_wrap02 {
  width: 58%;
  float: left;
  margin-bottom: 10px;
}

.half_wrap03 {
  width: 38%;
  float: left;
  margin-bottom: 10px;
}

.half_wrap02 p {
  font-size: 18px;
}

.half_wrap img {
  width: 100%;
}

.half_ttl {
  font-size: 166%;
  font-weight: bold;
  line-height: 125%;
  margin: 0px 0px 8px 0px;
}

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

.pc_only {
  display: inline-block;
}

.sp_only {
  display: none;
}

.zoom_area {
  text-align: center;
  margin-top: 3px;
  display: inherit;
}

.zoom_area img {
  width: 18px !important;
  margin: 2px 3px 0 0;
}

.sub_top_link {
  width: 100%;
  display: inline-flex;
}

.sub_top_left {
  width: 24%;
  padding-left: 1%;
}

.sub_top_left img {
  width: 100%;
}

.sub_top_right {
  width: 72%;
  margin-left: 3%;
}

.sub_top_ttl {
  font-size: 1.5em;
  text-decoration: underline;
  margin-bottom: 7px;
}

.sub_top_ttl a {
  color: #000 !important;
}

.sub_top_nav {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 10px;
}

.sub_top_nav li {
  margin-right: 50px;
  margin-top: 3px;
  font-size: 120%;
}

.sub_top_nav li:last-child {
  margin-right: 0px;
}

.sub_top_nav a {
  display: inline-flex;
  color: #000 !important;
}

.sub_top_nav a:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 3px;
  border: transparent solid 14px;
  border-left-color: #652b96;
  margin-top: 2px;
}

.pp_con {
  padding: 30px 0px 15px 0px !important;
  margin-top: 6px;
}

.bg_pur {
  background: #e8e2ee;
  padding-bottom: 20px;
  box-sizing: border-box;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mt-20 {
  margin-top: -20px;
}

.mt0 {
  margin-top: 0px;
}

.costall {
  width: 100%;
  max-width: 1070px;
  margin: 0 auto 44px;
  display: flex;
}

.planimg {
  max-width: 870px;
  width: 100%;
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 30px;
}

.costleft_area ul {
  margin-top: 0px;
}

.costleft_area {
  width: 26%;
  font-weight: bold;
}

.costright_area {
  width: 73%;
}

.for_dlbnr {
  margin: 26px 0 0 130px;
}

.mwAuto a {
  color: #000;
}

.fbold {
  font-weight: bold;
}

.tb_ttl {
  margin-left: 110px;
}

.bgnone {
  background: none !important;
}

/*------------------------------------------------------------
    comNavi
------------------------------------------------------------*/
.comNavi {
  margin: 0 auto;
  padding: 50px 0;
  width: 1200px;
}

.comNavi li {
  float: left;
  width: 33%;
  background: #fff;
}

.comNavi.listCol2 {
  width: 800px;
}

.comNavi.listCol2 li {
  width: 50%;
}

.comNavi.listCol4 li {
  width: 25%;
}

.comNavi.listCol5 li {
  width: 20%;
}

.comNavi.listCol6 li {
  width: 16.6666666667%;
}

.comNavi li a {
  display: table;
  position: relative;
  width: 100%;
  height: 60px;
  color: #002b62;
  border-collapse: collapse;
  text-decoration: none;
}

.comNavi li a .txt {
  display: table-cell;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  vertical-align: middle;
  border-left: 1px solid #002b62;
  border-top: 1px solid #002b62;
  border-bottom: 1px solid #002b62;
}

.comNavi li:last-child a .txt {
  border-right: 1px solid #002b62;
}

.comNavi li a .txt .small {
  display: block;
  font-size: 12px;
}

.comNavi li:hover,
.comNavi .on {
  background-color: #002b62;
}

.comNavi li a:hover,
.comNavi .on a {
  color: #fff;
  text-decoration: none;
}

.tms.index .comNavi li a .txt {
  font-size: 17px;
}

.tms.berth-management .comNavi li a .txt {
  font-size: 16px;
}

.comNavi.listCol2 li:nth-child(2) a .txt,
.tms.progress-management .comNavi li:nth-child(4) a .txt {
  border-right: 1px solid #002b62;
}

.comNavi.listCol2 li:nth-child(n+3) a .txt,
.tms.progress-management .comNavi li:nth-child(5) a .txt,
.tms.progress-management .comNavi li:nth-child(6) a .txt,
.tms.progress-management .comNavi li:nth-child(7) a .txt,
.tms.progress-management .comNavi li:nth-child(8) a .txt {
  border-top: none;
}

.wms.index .comNavi li:nth-child(n+3) a .txt {
  border-right: 1px solid #002b62;
}

.wms.index .comNavi li:nth-child(4) a .txt,
.wms.index .comNavi li:nth-child(5) a .txt,
.wms.index .comNavi li:nth-child(6) a .txt {
  border-top: none;
}

/*------------------------------------------------------------
    tms_contents
------------------------------------------------------------*/
.tms_contents {
  margin: 0;
}

.tms_contents li.icon_txt2 {
  background: #fff;
  margin-bottom: 30px;
}

.tms_contents .icon_txt2 a {
  color: #333;
  text-decoration: none;
}

.tms_contents .icon_txt2:hover {
  opacity: 0.8 !important;
}

.tms_contents .icon_txt2 a p {
  padding: 20px;
}

.tms_contents .icon_txt2 a p.txtWeight-b {
  padding: 20px 10px 0 10px;
  color: #002b62;
}

/*------------------------------------------------------------
    wms_contents
------------------------------------------------------------*/
.wms_contents {
  margin: 0;
}

.wms_contents li.icon_txt2 {
  background: #fff;
  margin-bottom: 30px;
}

.wms_contents .icon_txt2 a {
  color: #333;
  text-decoration: none;
}

.wms_contents .icon_txt2:hover {
  opacity: 0.8 !important;
}

.wms_contents .icon_txt2 a p {
  padding: 20px;
}

.wms_contents .icon_txt2 a p.txtWeight-b {
  padding-bottom: 0;
  color: #002b62;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*------------------------------------------------------------
    case_contents
------------------------------------------------------------*/
.case .case13_img {
  position: absolute;
  top: 20px;
  right: 0;
  width: 23.72882%;
}

/* table */
.tableWrap {
  margin: 30px 0;
}

.caseTable {
  width: 81.4%;
  margin: 0 auto;
  border-spacing: 2px;
  border-collapse: separate;
}

.caseTable th,
.caseTable td {
  padding: 10px 15px 9px;
  background: #fff;
  border: none;
  font-size: 16px;
  word-wrap: break-word;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.caseTable th {
  background-color: #d5d5d5;
  font-weight: bold;
}

.caseTable thead th {
  background-color: #002b62;
  color: #fff;
}

.case .mainImg .textBox {
  padding: 20px 10px 0 0;
}

.case .mainImg .textBox span {
  font-size: 35px;
}

.case .mainImg .textBox .btnBox li a {
  width: 240px;
  display: block;
  position: relative;
  color: #fff;
  padding: 10px 0 10px 15px;
  text-align: center;
  position: relative;
  text-decoration: none;
  background: #9581ac;
  font-size: 14px;
}

.case .mainImg .textBox .btnBox {
  margin-top: 20px;
}

.case .mainImg .textBox .btnBox li a {
  display: block;
  width: 230px;
  margin: 10px 0 !important;
  padding: 15px 20px 12px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  position: relative;
  text-decoration: none;
}

.case .mainImg .textBox .btnBox li a::after {
  position: absolute;
  top: 34%;
  right: 25px;
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.case .mainImg .textBox .btnBox li a:hover::after {
  right: 35px;
}

.case .mainImg .textBox .btnBox li.download a {
  background-color: #d6924c;
}

.case .caseSec {
  padding: 60px 0;
}

.case .caseSec .mainBox {
  font-size: 18px;
}

.case .caseSec .mainBox#sec02,
.case .caseSec .mainBox#sec03,
.case .caseSec .mainBox#sec04,
.case .caseSec .mainBox#sec05,
.case .caseSec .mainBox#sec06 {
  margin-top: 50px;
}

.case .pageIndex {
  padding: 40px 0;
}

.case .pageIndex a {
  color: #002b62;
}

.case .pageIndex ol {
  margin: 30px 0;
  padding: 20px 40px;
  background: #fff;
  border: 2px solid #002b62;
  counter-reset: li_count;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.case .pageIndex ol li {
  list-style-type: none;
  width: 50%;
  text-indent: -1.8em;
  padding: 10px 0 9px 1.8em;
  border-bottom: 1px solid #bfbfbf;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.case .pageIndex ol li.noborder {
  padding: 10px 0 0 1.8em;
  border-bottom: none;
}

.case .pageIndex ol li:before {
  counter-increment: li_count;
  content: counter(li_count) ".";
  display: inline-block;
  width: 1.5em;
  margin-right: 0.3em;
  color: #002b62;
  text-align: right;
}

.case .pageIndex ol li a {
  text-decoration: none;
}

.case .pageIndex ol li a:hover {
  text-decoration: underline;
}

.case .videoBox.column-01 {
  margin-bottom: 0;
}

.case .videoBox.column-01 .videoBox_item {
  width: calc((100% - 40px) / 2);
  position: relative;
  margin: 0 auto;
}

.case .videoBox.column-02 {
  display: flex;
  padding: 0;
  background: none;
}

.case .videoBox.column-02 .videoBox_item {
  width: calc((100% - 40px) / 2);
  display: block;
  position: relative;
}

.case .videoBox.column-02 .videoBox_item:first-child {
  margin-right: 40px;
}

.case .caseSec .mainBox .headLine04 {
  margin-bottom: 30px;
  border-bottom: 3px solid #002b62;
  color: #002b62;
  font-size: 24px;
  font-weight: bold;
}

.case .caseSec .mainBox .imgBox .photoBox {
  width: 260px;
  text-align: center;
}

.case .caseSec .mainBox .imgBox02 .photoBox {
  width: 400px;
}

.case .caseSec .mainBox .imgBox03 {
  justify-content: center;
}

.case .caseSec .mainBox .imgBox03 .photoBox {
  margin: 30px;
  width: 420px;
}

.case .caseSec .mainBox .imgBox03 .photoBox.vertical {
  width: 280px;
}

.case .caseSec .mainBox .caption {
  margin-top: 10px;
  font-size: 14px;
}

.case .caseSec .mainBox .imgBox .textBox {
  width: 880px;
}

.case .caseSec .mainBox .imgBox02 .textBox {
  width: 740px;
}

.case .caseSec .mainBox .catch {
  color: #002b62;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.case .caseSec.intro .mainBox .catch {
	font-size: 24px;
	text-align: center;
}

.case .caseSec .mainBox p {
  margin-bottom: 1em;
}

.case .caseSec .mainBox .imgBox.imgR .photoBox {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.case .caseSec .mainBox .imgBox.imgR .textBox {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.case .caseSec .mainBox .case_img {
  width: 1000px;
}

.case .caseSec .mainBox .case_img img {
  width: 100%;
}

.caseDl {
  width: 100%;
  background: #c4e6ea;
}

.caseDl .bottom_wrap {
  max-width: 1156px;
  width: 100%;
  text-align: left;
  padding: 30px 0 30px 0;
  margin: 0 auto;
  float: inherit;
  box-sizing: border-box;
}

.caseDl .bottom_wrap .caseDl_img {
  width: 30%;
  float: left;
  max-width: inherit;
  box-sizing: border-box;
  display: flex;
  gap: 20px;
}

.caseDl .bottom_wrap .caseDl_txt_area {
  width: 70%;
  float: left;
  padding: 0 10px 5px;
  padding-left: 40px !important;
  box-sizing: border-box;
}

.caseDl .bottom_wrap .caseDl_txt_area h3.caseDl_ttl {
  padding-bottom: 5px;
  font-size: 24px;
}

.caseDl .bottom_wrap .caseDl_txt_area p {
  font-size: 18px;
  line-height: 1.6;
}

.caseDl .bottom_wrap .caseDl_link {
  display: block;
  margin-top: 10px;
}

.caseDl .bottom_wrap .caseDl_link .btn {
  margin-top: 20px;
}

.caseDl .bottom_wrap .caseDl_link .btn a {
  display: block;
  width: 230px;
  margin: 10px 0 !important;
  padding: 15px 20px 12px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  position: relative;
  text-decoration: none;
}

.caseDl .bottom_wrap .caseDl_link .btn a::after {
  position: absolute;
  top: 34%;
  right: 25px;
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.caseDl .bottom_wrap .caseDl_link .btn a:hover::after {
  right: 35px;
}

.caseDl .bottom_wrap .caseDl_link .btn.download a {
  background-color: #d6924c;
}

.case .caseSec .mainBox .grayBox {
	background-color: #f2f2f2;
 padding: 24px;
	padding-left: 40px;
	margin-bottom: 1em;
}
.case .caseSec .mainBox .grayBox ul.ul li {
	list-style: disc;
	margin-bottom: 5px;
}
.case .caseSec .mainBox .grayBox ul.ul li:last-child {
	margin-bottom: 0;
}

/*------------------------------------------------------------
    case_index
------------------------------------------------------------*/
.case .caseUl {
  margin: 30px 2% 20px 1%;
}

.case .caseUl li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
  background-color: #fff;
}
.case .caseUl li:last-child {
  margin-bottom: 0;
}
.case .caseUl .photoBox {
  position: relative;
  width: 400px;
}
.case .caseUl .photoBox a {
  display: block;
}
.case .caseUl .photoBox a:hover {
  opacity: 0.7;
}
.case .caseUl .textBox {
  width: calc(724px - 3%);
  margin-right: 24px;
  padding: 16px 0;
}
.case .caseUl .textBox p {
  margin-bottom: 1.4em;
  font-size: 18px;
}
.case .caseUl .textBox .title {
  margin-bottom: 0.5em;
  font-size: 20px;
  color: #002b62;
  font-weight: bold;
}
.case .caseUl .textBox .title a {
  color: #002b62;
  text-decoration: none;
}
.case .caseUl .textBox .title a:hover {
  text-decoration: underline;
}
.case .caseUl .textBox .comLink {
  width: 200px;
}
.case .caseUl .textBox .label {
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 10;
  padding: 8px 10px 6px;
  background-color: #dc434a;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}

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

.nf-main .section_summary ul.btnRed li {
  padding: 0;
  margin: 0 220px 30px 0;
  text-align: right;
}

.nf-main .section_summary ul.btnRed li.inquiry a {
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.nf-main .section_summary ul.btnRed li.inquiry a span {
  display: inline-block;
  position: relative;
  color: #fff;
  background: #dc434a;
  padding: 10px 30px 10px 60px;
  text-align: center;
  position: relative;
  text-decoration: none;
  width: 320px;
  border-radius: 2px;
}

.nf-main .section_summary ul.btnRed li.inquiry a span::before {
  position: absolute;
  background: url(/nsi/ss/logistics/images/info_icon2.png) no-repeat;
  width: 30px;
  height: 20px;
  background-size: 100%;
  top: 50%;
  left: 10%;
  content: "";
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.nf-main .section_summary ul.btnRed li.inquiry a span::after {
  position: absolute;
  top: 37%;
  right: 12px;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nf-main .section_summary ul.btnRed li.inquiry a span:hover::after {
  right: 15px;
}

.img-zoom {
  text-align: center;
  margin: 10px auto 0 auto;
  display: block;
}

.img-zoom span {
  position: relative;
}

.img-zoom span:before {
  content: "";
  background: url("/nsi/ss/logistics/images/icon_zoom.png") no-repeat;
  -webkit-background-size: 16px;
  background-size: 16px;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 10%;
  left: -22px;
}

.img-zoom .icon-01 {
  display: none;
}

.wms.case ul.ul {
  padding-left: 40px;
}

.wms.case ul.ul li {
  list-style: disc;
  margin-bottom: 5px;
}

.wms.case ul.check li {
  background: url(../images/icon41.png) no-repeat;
  background-size: 30px auto;
  margin-bottom: 15px;
  padding-left: 40px;
}

.wms .bnr_area {
  padding: 30px 0 50px;
}

.wms .bnrUl.column-02 {
  display: flex;
}

.wms .bnrUl .colBox {
  width: 60%;
  background-color: #052F5F;
  margin: 0 auto;
  box-sizing: border-box;
}

.wms .bnrUl.column-02 .colBox {
  width: calc((100% - 30px) / 2);
  margin-right: 30px;
}

.wms .bnrUl.column-02 .colBox:last-child {
  margin-right: 0;
}

.wms .bnrUl .colBox a {
  display: block;
  color: #fff;
  text-decoration: none;
}

.wms .bnrUl .colBox a:hover {
  opacity: 0.7;
}

.wms .bnrUl .photoBox {
  position: relative;
  width: 35%;
  float: left;
}

.wms .bnrUl .textBox {
  width: 65%;
  padding: 30px 0 0 30px;
  float: left;
  box-sizing: border-box;
}

.wms .bnrUl.column-02 .textBox {
  padding: 16px 0 16px 20px;
}

.wms .bnrUl .textBox p {
  line-height: 1.6;
  font-weight: bold;
}

.wms .bnrUl .textBox .title {
  margin: 10px 0;
  font-size: 16px;
}

.wms .bnrUl .textBox .btn {
  font-size: 20px;
  position: relative;
  display: inline-block;
  padding-right: 40px;
}

.wms .bnrUl .textBox .btn::after {
  position: absolute;
  top: 28%;
  right: 15px;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.wms .bnrUl .colBox a:hover .btn::after {
  right: 25px;
}

@media (max-width: 767px) {
  .tableWrap {
    width: 100%;
    margin: 20px 0;
    overflow-x: scroll;
  }
  .caseTable {
    width: 640px;
  }
  .caseTable th,
  .caseTable td {
    padding: 12px 10px 10px;
  }
}
@media (max-width: 1080px) {
  .logistics_sub_ttl {
    font-size: 18px;
  }
  .icon_wrap .logistics_txt_area p {
    font-size: 16px;
  }
  .pNav div.column-03 > div.col a {
    font-size: 14px;
  }
  .pNav div.column-tms03 > div.col a {
    font-size: 14px;
  }
  .kv_txtbox {
    max-width: 100%;
  }
  .kv_link {
    max-width: 31%;
  }
}
@media (max-width: 1000px) {
  section {
    padding: 0 15px;
    box-sizing: border-box;
  }
  .lp_inner {
    padding: 0 15px;
    box-sizing: border-box;
  }
}
@media (max-width: 960px) {
  .for_dlbnr {
    margin: 0px;
  }
  .costall {
    display: block;
  }
  .costleft_area {
    width: 100%;
  }
  .costright_area {
    width: 100%;
  }
  .sub_top_left img {
    width: 90%;
    margin: 0 auto 20px;
    display: block;
  }
  .sub_top_nav {
    display: inline-block;
  }
  .sub_top_link {
    display: block;
  }
  .sub_top_left {
    width: 100%;
  }
  .sub_top_right {
    width: 100%;
  }
  .bg_gray {
    padding-bottom: 0px;
  }
  .half_ttl {
    font-size: 130%;
  }
  .all_half_wrap {
    margin-bottom: 0px;
    display: inline-block;
    margin-top: 10px;
  }
  .zoom_area {
    display: inherit !important;
  }
  .all_half_wrap_last {
    margin-bottom: -50px !important;
  }
  .pc_only {
    display: none;
  }
  .sp_only {
    display: inline-block;
  }
  .half_wrap {
    width: 100%;
  }
  .half_wrap02 {
    width: 100%;
    float: left;
    margin-bottom: 30px;
  }
  .half_wrap03 {
    width: 100%;
    float: left;
    margin-bottom: 30px;
  }
  .half_wrap02 p {
    font-size: 18px;
  }
  .half_wrap img {
    width: 100%;
  }
  .txtSize-18 {
    font-size: 16px;
  }
  .txtSize-16 {
    font-size: 14px;
  }
  .txtNl > span {
    display: inline;
  }
  .pcCont {
    display: none;
  }
  .spCont {
    display: block;
  }
  .lp_inner2 .logistics_txt_area p, .icon_wrap .logistics_txt_area p.fts18 {
    font-size: 15px;
  }
  .info_area_bottom ul.oneonly li.blue_info .info_txt_area p,
  .info_area_bottom ul.oneonly li.blue2_info .info_txt_area p,
  .info_area_bottom ul.oneonly li.blue3_info .info_txt_area p,
  .info_area_bottom ul.oneonly li.green_info .info_txt_area p {
    font-size: 14px;
  }
  .logistics_txt_area span.subttl_logistics,
  .point_ttl2 a {
    font-size: 18px;
  }
  .logistics_txt_area p {
    font-size: 16px;
  }
  .info_area_bottom ul li {
    width: 100%;
    float: inherit;
  }
  .info_area_bottom ul.oneonly li.blue_info .bottom_wrap,
  .info_area_bottom ul.oneonly li.green_info .bottom_wrap,
  .info_area_bottom ul li.green_info .bottom_wrap,
  .info_area_bottom ul li.green2_info .bottom_wrap,
  .info_area_bottom ul li.bage_info .bottom_wrap {
    max-width: 1000px;
    text-align: left;
    padding: 15px 15px !important;
    float: inherit;
  }
  .info_area_bottom ul.oneonly li.blue2_info .bottom_wrap {
    max-width: 1170px;
  }
  .info_area_bottom ul.oneonly li.blue3_info .bottom_wrap {
    max-width: 1170px;
    padding: 15px 5px;
  }
  .info_area_bottom ul.oneonly li.blue_info h3.info_ttl,
  .info_area_bottom ul.oneonly li.blue2_info h3.info_ttl,
  .info_area_bottom ul.oneonly li.green_info h3.info_ttl,
  h3.info_ttl {
    padding-bottom: 10px;
    font-size: 16px;
  }
  .info_area_bottom ul.oneonly li.blue3_info h3.info_ttl {
    padding-bottom: 10px;
    font-size: 24px;
  }
  .info_area_bottom ul.oneonly li.blue3_info .info_txt_area p.info_ttl_sub {
    font-size: 12px;
  }
  .info_txt_area p {
    font-size: 14px;
  }
  .info_link {
    padding: 20px 0;
  }
  .info_area_bottom ul li.green_info .info_link a {
    width: 60%;
  }
  .info_area_bottom ul li.bage_info .info_link a {
    width: 70%;
  }
  .info_area_bottom ul.oneonly li.blue3_info .info_link {
    margin-top: 0;
  }
  .info_area_bottom ul.oneonly li.blue3_info .info_link2 {
    display: block;
    margin: 0;
  }
  .info_area_bottom ul.oneonly li.blue3_info .info_link li,
  .info_area_bottom ul.oneonly li.blue3_info .info_link2 p.btn {
    width: 100%;
    float: none;
    margin: 0 0 20px;
  }
  .info_area_bottom ul.oneonly li.blue3_info .info_link2 p.btn {
    margin-left: 0;
  }
  .info_area_bottom ul.oneonly li.blue3_info .info_link2 p.btn a {
    width: 100%;
    box-sizing: border-box;
  }
  .info_area_bottom ul.oneonly li.green2_info .info_link {
    margin: 20px 0 0 !important;
    font-size: 15px;
  }
  .kv_top,
  .kv_bottom {
    width: 50%;
    float: left;
  }
  .kv_top {
    padding-right: 10px;
    box-sizing: border-box;
  }
  .kv_bottom_wrap,
  .kv_bottom_wrap2 {
    padding-top: 60%;
  }
  .kv_L {
    width: 100%;
    float: inherit;
    padding-right: 0;
  }
  .kv_R {
    width: 100%;
    float: inherit;
    position: relative;
  }
  .kv_right {
    width: 100%;
    padding-top: 58%;
  }
  .st_fright_mini {
    display: block;
  }
  .wrapper {
    position: relative;
    height: 90vh;
  }
  .dl_txt .fsmini {
    margin-top: 0px;
  }
  .top_dl_btn_area {
    width: 450px;
    height: auto;
    background: rgba(76, 179, 192, 0.7);
    padding: 35px 10px;
    box-sizing: border-box;
    float: left;
  }
  .txtSize-18 {
    font-size: 16px;
  }
  .txtSize-16 {
    font-size: 14px;
  }
  .txtNl > span {
    display: inline;
  }
  .pcCont {
    display: none;
  }
  .detail_btn a::before {
    left: 13px;
    width: 40px;
  }
  /*---------------
     LP
  ---------------*/
  .pconly {
    display: none !important;
  }
  .w60,
  .w40 {
    width: 50%;
  }
  .hrimg {
    width: 20%;
  }
  .hrtxt {
    width: 70%;
    padding: 5px 0 5px 15px;
    box-sizing: border-box;
    font-size: 12px;
    float: left;
  }
  .icon_wrap {
    min-height: inherit;
    margin-bottom: 10px;
  }
  .blue_area_r,
  .blue_area_l {
    margin: 10px 0;
    width: 100%;
  }
  .st_fright {
    margin: 0;
    font-size: 28px;
    float: inherit;
  }
  .copy-01 {
    font-size: 18px;
    letter-spacing: 0;
    margin-bottom: 20px;
  }
  .p60 {
    padding: 0 0 30px !important;
  }
  .logistics_ttl {
    font-size: 20px;
  }
  h2.noIcon {
    padding-top: 0;
  }
  h2 .icon {
    display: block;
    margin: 0 auto 8px;
  }
  .detail_btn a {
    margin: 60px auto 0;
    padding: 12px 40px 12px 40px;
    width: 60%;
    background: #fff;
    text-decoration: none;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    display: block;
    box-sizing: border-box;
    background: #fff url(../images/bg_detail_btn2.png) no-repeat;
    background-size: 10px 17px;
    background-position: right 16px top 17px;
  }
  .detail_btn a:hover {
    background-position: right 6px top 17px;
  }
  .nagare_box {
    padding: 15px 10px;
    box-sizing: border-box;
  }
  .icon_wrap .logistics_txt_area p {
    font-size: 14px;
  }
  /* LAYOUT */
  .lp_inner,
  .lp_inner_nosp {
    width: auto;
    /*     margin: 15px 15px 0px; */
  }
  /* .section_summary > .lp_inner, .section_feature > .lp_inner, .section_manual > .lp_inner, .section_trial > .lp_inner, .section_case > .lp_inner, .section_hands-on > .lp_inner, .section_award > .lp_inner {
      padding: 30px 0 0;
  } */
  .section_title > .lp_inner {
    padding: 0 0 10px;
  }
  .section_hero {
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px;
    box-sizing: border-box;
  }
  .section_hero h2 {
    display: none;
  }
  .section_event p.txtSize-23 {
    font-size: 20px;
  }
  .section_event p.txtSize-20 {
    font-size: 16px;
  }
  .section_summary div.lytImg-01.parallel div.img > p:last-child img {
    max-width: 400px;
  }
  /* PAGE NAVIGATION */
  .pNav {
    margin: 15px;
    border-radius: 10px;
    display: none;
  }
  .pNav .lp_inner {
    margin: 0;
  }
  .pNav div.column-03.col2 > div.col {
    margin: 0;
    padding: 15px;
    border-bottom: 5px solid #fff;
  }
  .pNav div.column-03.col2 > div.col a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 150%;
    font-weight: bold;
    padding: 0 0 35px;
    background: url(../images/icon_arrow03.png) no-repeat scroll center 85% transparent;
    text-align: center;
  }
  .pNav div.column-03.col2 > div.col a:hover {
    background: url(../images/icon_arrow03.png) no-repeat scroll center 100% transparent;
  }
  .pNav div.column-03.col2 > div.col:hover {
    cursor: pointer;
    background: rgba(255, 255, 255, 0.3);
  }
  .pNav div.column-tms03.col2 > div.col {
    margin: 0;
    padding: 15px;
    border-bottom: 5px solid #fff;
  }
  .pNav div.column-tms03.col2 > div.col a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 150%;
    font-weight: bold;
    padding: 0 0 35px;
    background: url(../images/icon_arrow03.png) no-repeat scroll center 85% transparent;
    text-align: center;
  }
  .pNav div.column-tms03.col2 > div.col a:hover {
    background: url(../images/icon_arrow03.png) no-repeat scroll center 100% transparent;
  }
  .pNav div.column-tms03.col2 > div.col:hover {
    cursor: pointer;
    background: rgba(255, 255, 255, 0.3);
  }
  .nf-main .mainImg .textBox span {
    margin: 0 0 5px;
    font-size: 23px;
  }
  .nf-main .mainImg .textBox .icon {
    width: 36px;
    margin-right: 10px;
  }
  .nf-main .mainImg .textBox .ttle_vr {
    margin-bottom: 0px;
  }
  .nf-main .mainImg .box {
    max-width: inherit;
    width: auto;
  }
  .nf-main .mainImg .photoBox {
    float: none;
    width: auto;
    max-width: inherit;
  }
  .nf-main .mainImg .textBox {
    max-width: inherit;
    width: auto;
    float: none;
    padding: 30px 15px !important;
  }
  .nf-main .mainImg .textBox p {
    font-size: 12px;
    line-height: 1.75;
  }
  .info_area_bottom ul.oneonly li.green2_info h3.info_ttl {
    font-size: 18px;
  }
  .info_area_bottom ul.oneonly li.blue_info h3.info_ttl span,
  .info_area_bottom ul.oneonly li.blue2_info h3.info_ttl span,
  .info_area_bottom ul.oneonly li.blue3_info h3.info_ttl span,
  .info_area_bottom ul.oneonly li.green_info h3.info_ttl span,
  .info_area_bottom ul.oneonly li.green2_info h3.info_ttl span {
    font-size: 14px;
  }
  .case_img {
    padding: 10px 0;
  }
  .case_img img {
    max-width: 100%;
  }
  .case_img02 {
    padding: 10px 0;
  }
  .case_img02 img {
    width: 100%;
  }
  .img_w200 .textP_02 {
    width: 100%;
  }
  .img_w200 .case_img {
    width: 60%;
    margin: 0 auto;
  }
}
@media (max-width: 790px) {
  .driver_area li {
    width: 100%;
    float: none;
    margin: 0 0 30px 0;
    padding: 0px;
    box-sizing: border-box;
  }
  .download_area {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .download_area .photoBox {
    width: 80%;
    margin-bottom: 20px;
  }
  .download_area .textBox {
    width: 100%;
  }
  .tb_ttl {
    margin-left: 0px;
  }
  .comNavi.listCol2 {
    width: 90%;
  }
}
@media (max-width: 1310px) and (min-width: 768px) {
  .nf-main .mainImg .textBox span {
    font-size: 30px;
  }
  .nf-main .mainImg .textBox .icon {
    width: 40px;
    margin-right: 16px;
  }
  #main .retailBox .textP {
    margin-bottom: 20px;
    width: auto;
    line-height: 1.6;
    font-size: 16px;
  }
  #main .retailBox .textP_02 {
    margin-bottom: 20px;
    width: auto;
    line-height: 1.6;
    font-size: 16px;
  }
  .point_ttl,
  h4.checed_ttl {
    font-size: 18px;
  }
  .point_icon {
    margin-top: 0;
  }
  .nf-main .mainImg .textBox p,
  .icon_wrap .logistics_txt_area p {
    font-size: 16px;
  }
}
@media (max-width: 750px) {
  .tms_img_form {
    padding: 0 10px;
    width: 100%;
  }
  .introduced {
    line-height: 1.75;
    font-size: 14px;
    max-width: auto;
    margin-bottom: 10px;
    margin: 0 auto;
    width: 100%;
    padding-left: 0px !important;
  }
  .introduced li {
    width: 45%;
  }
  .max_img {
    width: 100%;
  }
  .logistics_txt_area p.bfont {
    margin-bottom: 3px !important;
  }
  .indent_area .minifont2.indent2 {
    font-size: 14px !important;
    margin-bottom: 3px;
  }
  p.table_ttl,
  .nf-main .mainImg .textBox p,
  .textP,
  .textP2,
  .textP_02,
  .icon_wrap .logistics_txt_area p {
    font-size: 15px;
  }
  .logistics_txt_area span.subttl_logistics,
  .point_ttl2 a {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.3;
  }
  h4.checed_ttl {
    font-size: 16px;
  }
  .icon_wrap .logistics_txt_area p.fts18,
  .icon_wrap .logistics_txt_area p,
  .logistics_txt_area p {
    margin-bottom: 20px;
    margin-right: 0 !important;
    line-height: 1.7 !important;
    font-size: 14px !important;
  }
  .croud_area li.icon_txt,
  .croud_area li.icon_txt2,
  .croud_area li.icon_txt3 {
    width: 100%;
  }
  .croud_area li:first-child {
    padding-right: 0;
  }
  .croud_area li:last-child {
    padding-left: 0;
    box-sizing: border-box;
  }
  .croud_area li.fleft,
  .croud_area li.fright {
    padding: 0 !important;
  }
  .whitebox_wrap img {
    width: 100% !important;
  }
}
@media (max-width: 667px) {
  .blue_bar {
    font-size: 14px;
    margin-top: 20px;
  }
  .sp_mt0 {
    margin-top: 0px;
  }
  .ch_bl {
    width: 23px;
    padding: 5px 7px 0px 0px;
  }
  ul.newsList-01,
  ul.newsList-02,
  ul.newsList-03,
  ul.newsList-05 {
    margin-bottom: 10px;
  }
  ul.newsList-02br {
    margin-bottom: 10px;
  }
  ul.newsList-01 > li,
  ul.newsList-02 > li,
  ul.newsList-03 > li,
  ul.newsList-05 > li {
    margin-bottom: 10px;
  }
  ul.newsList-02br > li {
    margin-bottom: 10px;
  }
  ul.newsList-01 > li span,
  ul.newsList-02 > li span,
  ul.newsList-03 > li span,
  ul.newsList-05 > li span {
    display: block;
  }
  ul.newsList-02br > li span {
    display: block;
  }
  ul.newsList-02 > li > span.date-01 {
    min-width: auto;
    max-width: 100%;
    font-size: 14px;
    border-bottom: 0px;
    padding-bottom: 0px !important;
  }
  ul.newsList-02 > li > span.txt-01 {
    padding-left: 0px;
    width: 100%;
    text-align: left;
    font-size: 14px;
    border-bottom: 0px;
    margin-bottom: 0px;
  }
  ul.newsList-02 {
    border-top: 1px solid #939393;
    padding-top: 10px;
  }
  ul.newsList-02 > li {
    border-bottom: 1px solid #939393;
    padding-bottom: 5px;
    display: block;
    width: 100%;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  ul.newsList-02.noMargin {
    margin: 0 -10px 10px;
  }
  ul.newsList-02.noMargin > li {
    padding: 0 10px 5px;
  }
  ul.newsList-02br > li > span.date-01 {
    min-width: auto;
    max-width: 100%;
    font-size: 14px;
    border-bottom: 0px;
    padding-bottom: 0px !important;
    width: 100% !important;
  }
  ul.newsList-02br > li > span.txt-01 {
    padding-left: 0px;
    width: 100%;
    text-align: left;
    font-size: 14px;
    border-bottom: 0px;
    margin-bottom: 0px;
  }
  ul.newsList-02br {
    border-top: 1px solid #fff;
    padding-top: 10px;
    padding-left: 0px !important;
  }
  ul.newsList-02br > li {
    border-bottom: none;
    padding-bottom: 5px;
    display: block;
    width: 100%;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  ul.newsList-02br.noMargin {
    margin: 0 -10px 10px;
  }
  ul.newsList-02br.noMargin > li {
    padding: 0 10px 5px;
  }
  .st_fleft {
    font-size: 18px !important;
  }
  .w80,
  .w60,
  .w40 {
    width: 100%;
  }
  .hrimg {
    width: 10%;
  }
  .hrtxt {
    width: 78%;
    padding: 5px;
    box-sizing: border-box;
    font-size: 12px;
    background: rgba(255, 255, 255, 0.7);
  }
  .icon_wrap {
    min-height: inherit;
    margin-bottom: 10px;
  }
  .logistics_ttl {
    font-size: 18px;
  }
  .logistics_sub_ttl {
    font-size: 16px;
  }
  .logistics_txt_area p {
    font-size: 14px;
  }
  .croud_area li {
    margin-bottom: 20px;
  }
}
@media (max-width: 640px) {
  p.bfont {
    padding: 14px 0 5px;
  }
  h3.left_line {
    font-size: 18px;
  }
  h3.left_line span {
    display: block;
    font-size: 14px;
  }
  span.size {
    font-size: 14px;
  }
  ul.flex {
    display: inherit;
    justify-content: inherit;
  }
  .info_area_bottom ul.oneonly li.blue_info h3.info_ttl span,
  .info_area_bottom ul.oneonly li.blue2_info h3.info_ttl span,
  .info_area_bottom ul.oneonly li.blue3_info h3.info_ttl span,
  .info_area_bottom ul.oneonly li.green_info h3.info_ttl span {
    display: block;
    font-size: 14px;
  }
  .si .onayami_area {
    padding-top: 0;
  }
  .detail_btn.nopc a {
    margin-top: 10px;
  }
  .lp_inner_nosp {
    padding: 10px 0;
    margin: 0 auto;
  }
  .info_area_bottom ul.oneonly li.blue_info,
  .info_area_bottom ul.oneonly li.green_info,
  .info_area_bottom ul li.green_info {
    background: url(../images/logistics_info_img.jpg) no-repeat;
    background-size: 100%;
  }
  .info_area_bottom ul.oneonly li.blue2_info {
    background: url(../images/tms_img02.jpg) no-repeat;
    background-size: cover;
  }
  .info_area_bottom ul.oneonly li.blue3_info {
    background: url(../images/tms_pht03.jpg) no-repeat;
    background-size: cover;
  }
  .info_area_bottom ul.oneonly li.green2_info {
    background: url(../images/tms_pht03.jpg) no-repeat;
    background-size: cover;
  }
  .order .info_area_bottom ul li.green_info {
    background: url(../images/logistics_info_img_order.jpg) no-repeat;
    background-size: 100%;
  }
  .info_area_bottom ul.oneonly li.blue_info .bottom_wrap {
    background: rgba(0, 43, 98, 0.8);
  }
  .info_area_bottom ul.oneonly li.blue2_info .bottom_wrap {
    background: rgba(0, 43, 98, 0.8);
  }
  .info_area_bottom ul.oneonly li.blue3_info .bottom_wrap {
    background: rgba(0, 43, 98, 0.8);
  }
  .info_area_bottom ul.oneonly li.green_info .bottom_wrap,
  .info_area_bottom ul li.green_info .bottom_wrap {
    background: rgba(76, 179, 192, 0.8);
  }
  .info_area_bottom ul.oneonly li.green2_info .bottom_wrap {
    background: rgba(10, 63, 75, 0.8);
  }
  .tms .info_area_bottom ul li.bage_info {
    background: url(../images/logistics_info_img_tms.jpg) no-repeat;
    background-size: 100%;
  }
  .wms .info_area_bottom ul li.bage_info {
    background: url(../images/logistics_info_img_wms.jpg) no-repeat;
    background-size: 100%;
  }
  .info_area_bottom ul li.bage_info .bottom_wrap {
    background: rgba(214, 146, 76, 0.8);
  }
  .info_link {
    padding: 20px 0 0;
  }
  .info_area_bottom ul.oneonly li.blue_info .info_img_bottom,
  .info_area_bottom ul.oneonly li.blue2_info .info_img_bottom,
  .info_area_bottom ul.oneonly li.blue3_info .info_img_bottom,
  .info_area_bottom ul.oneonly li.green_info .info_img_bottom,
  .info_area_bottom ul.oneonly li.green2_info .info_img_bottom,
  .info_img_bottom {
    width: 100%;
    display: none;
    float: inherit;
    max-width: inherit;
  }
  .info_area_bottom ul.oneonly li.blue_info .info_txt_area,
  .info_area_bottom ul.oneonly li.blue_info2 .info_txt_area,
  .info_area_bottom ul.oneonly li.blue_info3 .info_txt_area,
  .info_area_bottom ul.oneonly li.green_info .info_txt_area,
  .info_area_bottom ul.oneonly li.green2_info .info_txt_area,
  .info_txt_area {
    width: 100%;
    float: inherit;
    padding: 0;
  }
  .blue2_info .info_txt_area {
    padding-left: 18px;
    padding: 0 10px 5px;
  }
  .blue3_info .info_txt_area {
    padding-left: 10px !important;
  }
  .green2_info .info_txt_area {
    padding-left: 0 !important;
  }
  .blue3_info .info_txt_area {
    padding-left: 18px;
    padding: 0 10px 5px;
    width: 100%;
  }
  .info_area_bottom ul.oneonly li.blue_info .info_link a,
  .info_area_bottom ul.oneonly li.blue2_info .info_link a,
  .info_area_bottom ul.oneonly li.blue3_info .info_link a,
  .info_area_bottom ul.oneonly li.green_info .info_link a,
  .info_area_bottom ul li.green_info .info_link a,
  .info_area_bottom ul li.bage_info .info_link a {
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
  }
  .for_ultrafix a {
    width: 100%;
    box-sizing: border-box;
  }
  .detail_btn a {
    width: 100%;
    box-sizing: border-box;
    background-position: right 16px top 50%;
  }
  .detail_btn a::before {
    top: 27%;
  }
  .ft14,
  .indent2 {
    font-size: 14px;
  }
  section {
    padding: 0;
  }
  h4.checed_ttl,
  h4.point_ttl {
    font-size: 16px;
  }
  .onayami_area {
    padding-top: 20px;
    padding-bottom: 0;
  }
  .products_area {
    margin-bottom: -30px;
  }
  .products_area li {
    width: 100%;
    margin-bottom: 15px;
  }
  .box6_inner {
    font-size: 14px !important;
  }
  .box6_inner li {
    font-size: 14px !important;
  }
  #bg_img {
    background-size: 30%;
  }
  .kv_wrap {
    padding-bottom: 0;
  }
  .lp_innerKV {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px 0 15px;
  }
  .txtWeight-b.st_fright {
    font-size: 26px;
    line-height: 1.4;
  }
  .st_fright_mini {
    display: block;
    font-size: 14px;
    line-height: 1.6;
  }
  .kv_top,
  .kv_bottom {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
  }
  .kv_top_coment {
    top: 0px;
    max-width: inherit;
  }
  .kv_link a {
    font-size: 18px;
  }
  .logistics_infoarea.sponly {
    position: inherit;
    top: inherit;
    left: inherit;
    -webkit-transform: inherit;
  }
  .logistics_infoarea.sponly a {
    text-align: center;
    text-decoration: none;
  }
  .logistics_infoarea.sponly a .info_top {
    padding: 10px 0;
  }
  .logistics_info_right {
    width: 100%;
    float: inherit;
  }
  .kv_top_coment {
    font-size: 14px;
    text-align: left;
    padding: 10px 15px;
    box-sizing: border-box;
    font-weight: 400;
    position: inherit;
    margin-top: 20px;
    background: rgb(0, 43, 98);
  }
  .ptpb60 {
    padding: 20px 0;
  }
  .croud_area li {
    margin-bottom: 0;
  }
  .wrapper {
    position: relative;
    height: 90vh;
  }
  .sp-only {
    display: block;
  }
  .minifont2 {
    font-size: 12px;
  }
  .icon_wrap {
    padding: 0;
  }
  .pconly2 {
    display: none;
  }
  .section_summary div.lytImg-01.parallel div.img > p:last-child img {
    max-width: 100%;
  }
  .spCont {
    display: block;
  }
  .w60,
  .w40 {
    width: 100%;
  }
  .section_hero {
    background: inherit;
  }
  .sponly {
    display: block !important;
  }
  .section_hero > .lp_inner {
    position: relative;
    height: auto;
    margin: 0;
  }
  .top_dl_btn_area {
    width: 100%;
    height: auto;
    background: rgba(76, 179, 192, 0.6);
    border-radius: 0;
    padding: 15px 10px;
    box-sizing: border-box;
    position: inherit;
    text-align: center;
  }
  .st_fleft {
    line-height: 1.2;
    margin-bottom: 4px;
  }
  .section_title > .lp_inner {
    padding: 0 0 0;
  }
  .croud_area li.icon_txt,
  .croud_area li.icon_txt2,
  .croud_area li.icon_txt3 {
    width: 100%;
  }
  .txtSize-16 {
    font-size: 14px;
    text-align: left;
  }
  .merit_txt2 {
    font-size: 16px;
  }
  .croud_area .pl20 {
    padding-left: 0;
  }
  .nagare_ttl {
    font-size: 15px;
  }
  .nagare_box {
    font-size: 14px;
    padding: 15px;
    font-size: 14px;
    box-sizing: border-box;
  }
  .point_icon {
    font-size: 12px;
  }
  .comImgBoxR .case_img {
    float: none;
  }
  .comImgBoxR .textP_02 {
    float: none;
  }
  .img_p {
    font-size: 12px;
  }
  /* download */
  .h2-download {
    margin-bottom: 15px;
    padding-top: 5px;
    font-size: 20px;
  }
  .download_area {
    padding: 20px 10px;
  }
  .download_area .textBox {
    width: 100%;
    font-size: 16px;
  }
  .download_area .photoBox {
    width: 100%;
    margin-bottom: 20px;
  }
  .download_area .photoBox img {
    width: 48%;
  }
  .download_area .subttl_logistics {
    margin-bottom: 10px;
    font-size: 18px;
  }
  .download_area .sub_ttl {
    font-size: 16px;
  }
  .download_area .dlList li span {
    font-size: 14px;
  }
  .download_area .dlLink a {
    font-size: 14px;
  }
  /* 追加SP */
  /*---KV---*/
  .kv_wrap {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .logistics_top.about,
  .logistics_top.logistics,
  .tms .logistics_top,
  .wms .logistics_top {
    width: 100%;
    position: relative;
    height: auto;
    background-position: center top !important;
  }
  .top_box {
    max-width: 100%;
    margin: 15% 0 5% 0;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }
  .kv_txtbox {
    width: 90%;
    margin: 0 auto;
    padding: 0;
    background: none;
    color: #333;
    display: block;
  }
  .kv_txtbox .title {
    font-size: 26px;
    color: #333;
  }
  .kv_txtbox .subtitle {
    font-size: 18px;
  }
  .kv_txtbox p {
    font-size: 15px;
  }
  .kv_link {
    position: relative;
    float: none;
    max-width: 100%;
    margin: 10px 0 0;
  }
  .h2-01 {
    text-align: center;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 0;
    padding: 30px 0 0 0;
    width: 100%;
  }
  .h2-02 {
    text-align: center;
    font-size: 20px;
    line-height: 125%;
    margin-bottom: 0;
    background-size: 80px 80px;
    background-position: center top;
    padding: 60px 0 0 0;
    line-height: 1.8;
    width: 100%;
  }
  .h2-03 {
    text-align: center;
    font-size: 20px;
    line-height: 125%;
    margin-bottom: 0;
    background-size: 80px 80px;
    background-position: center top;
    padding: 30px 0 0 0;
    line-height: 1.8;
    width: 100%;
  }
  .h2_icon01::after,
  .h2_icon01.icon01b::after {
    top: -20%;
    left: 50%;
  }
  .h2_icon02::after {
    top: -45%;
    left: 50%;
  }
  .h2_icon03::after {
    top: -60%;
    left: 50%;
  }
  .h2_icon04::after {
    top: -45%;
    left: 50%;
  }
  .h2_icon05::after {
    top: -40%;
    left: 50%;
    width: 60px;
  }
  .h2_icon05b::after {
    top: -40%;
    left: 50%;
  }
  .h2_icon06::after {
    top: 10%;
    left: 50%;
  }
  .h2_icon06b::after {
    top: -10%;
    left: 50%;
  }
  .h2_icon07b::after {
    top: -25%;
    left: 50%;
  }
  .h2_icon08::after {
    top: -60%;
    left: 50%;
  }
  .h2_icon09::after {
    top: -80%;
    left: 50%;
  }
  .h2_icon09b::after {
    top: -45%;
    left: 50%;
  }
  .h2_icon10::after {
    width: 50px;
    top: -45%;
    left: 50%;
  }
  .h2_icon10b::after {
    top: -30%;
    left: 50%;
  }
  .h2_icon11::after {
    width: 70px;
    top: -47%;
    left: 50%;
  }
  .s-cont .h2_icon11::after {
    top: -15%;
    left: 50%;
  }
  .h2_icon12::after,
  .h2_icon32::after {
    width: 71px;
    height: 71px;
    top: -60%;
    left: 50%;
  }
  .wms .h2_icon12::after {
    top: -33%;
  }
  .s-cont .h2_icon12::after {
    top: -15%;
    left: 50%;
  }
  .h2_icon13::after {
    top: -40%;
    left: 50%;
  }
  .s-cont .h2_icon13::after {
    top: 0%;
    left: 50%;
  }
  .h2_icon14::after {
    top: -50%;
    left: 50%;
  }
  .s-cont .h2_icon14::after {
    top: -5%;
    left: 50%;
  }
  .h2_icon15::after {
    top: -30%;
    left: 50%;
  }
  .h2_icon16::after {
    top: -30%;
    left: 50%;
    width: 60px;
  }
  .h2_icon17::after {
    top: -30%;
    left: 50%;
  }
  .h2_icon18::after {
    width: 50px;
    top: -28%;
    left: 50%;
  }
  .h2_icon19::after {
    top: -62%;
    left: 50%;
    width: 77px;
  }
  .h2_icon30::after {
    top: -25%;
    left: 50%;
    width: 70px;
  }
  .h2_icon31::after {
    top: 0%;
    left: 50%;
    width: 50px;
  }
  .h2_icon33::after,
  .h2_icon34::after,
  .h2_icon35::after {
    width: 50px;
    top: -20%;
    left: 50%;
  }
  .h2_icon38::after {
    width: 50px;
    top: -30%;
    left: 50%;
  }
  .h2_icon39::after {
    width: 40px;
    top: -25%;
    left: 50%;
  }
  .h2_icon40::after {
    width: 60px;
    top: -40%;
    left: 50%;
  }
  .h2_icon42::after {
    width: 60px;
    top: -20%;
    left: 50%;
  }
  ul.newsList-02 {
    border-top: 0px !important;
    width: 100%;
  }
  ul.newsList-02br {
    border-top: 0px !important;
    width: 100%;
  }
  .h2_icon20::after {
    top: -50%;
    left: 50%;
  }
  .h2_icon21::after {
    top: -40%;
    left: 50%;
    width: 70px;
  }
  .h2_icon22::after {
    top: -40%;
    left: 50%;
  }
  .h2_icon23::after {
    top: -40%;
    left: 50%;
  }
  .h2_icon24::after {
    top: -50%;
    left: 50%;
    width: 69px;
  }
  .h2_icon27::after {
    top: -20%;
    left: 50%;
    width: 55px;
  }
  .h2_icon28::after {
    top: -20%;
    left: 50%;
    width: 50px;
  }
  .h2_icon29::after {
    top: -26%;
    left: 50%;
    width: 40px;
  }
  .mainBox {
    width: 100%;
    margin: 0;
  }
  .comLink {
    width: 100%;
  }
  .newsBox {
    margin: 0;
    width: auto;
    padding: 0;
    font-size: 15px;
  }
  .newsBox .newsUl {
    margin-bottom: 15px;
  }
  .newsBox .newsUl li a {
    text-decoration: none;
  }
  .newsBox .newsUl dt {
    margin-bottom: 5px;
    float: none;
  }
  .newsBox .newsUl dd {
    padding: 0 0 10px;
  }
  .newsBox .list li {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .newsBox .list li a {
    text-decoration: none;
    display: block;
  }
  .newsBox .newsUl li:last-child dd {
    padding: 0 0 10px;
  }
  .downloadBox {
    margin: 0;
    padding: 20px;
  }
  .downloadBox h3.download_ttl {
    padding-bottom: 0;
    font-size: 21px;
  }
  .downloadBox h3.download_ttl span {
    font-size: 16px;
  }
  .downloadBox .download_subttl {
    margin: 0;
  }
  .downloadBox p {
    font-size: 16px;
    line-height: 1.6;
  }
  .downloadBox .download_link {
    margin: 20px 0;
  }
  .downloadBox .download_link a span {
    width: 90%;
    padding: 10px;
  }
  .downloadBox .download_link a span::before {
    width: 30px;
    height: 25px;
    top: 50%;
    left: 5%;
  }
  .downloadBox .download_link a span::after {
    right: 15px;
    width: 15px;
    height: 15px;
  }
  .downloadBox .download_link a span:hover::after {
    right: 20px;
  }
  .linkBox {
    margin: 0;
    padding: 20px 0;
  }
  .linkBox li {
    margin: 0 15px 15px 15px;
    float: none;
    width: auto;
  }
  .linkBox li:last-child {
    margin-bottom: 0;
  }
  .linkBox li a {
    padding: 8px 5px 8px 0;
    display: table;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
    height: auto !important;
  }
  .linkBox li .photoBox {
    width: 100px;
    display: table-cell;
    float: none;
    text-align: left;
    vertical-align: middle;
  }
  .linkBox li .textBox {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    width: auto;
    float: none;
    padding: 0 0 0 10px;
  }
  .linkBox li .textBox p {
    font-size: 12px;
  }
  .linkBox li .textBox .title {
    font-size: 13px;
    line-height: 1.3;
  }
  .logistics #pnav_link01 {
    padding: 50px 0;
  }
  .logistics #pnav_link02 {
    padding: 50px 0;
  }
  .logistics #pnav_link03,
  .logistics #pnav_link04 {
    padding: 30px 0 20px 0;
  }
  .logistics #pnav_link06 {
    padding: 0 0 30px 0;
  }
  .logistics #pnav_link08 {
    padding: 50px 0 20px 0;
  }
  .logistics #pnav_link05,
  .logistics #pnav_link07,
  .logistics #pnav_link09,
  .logistics #pnav_link10 {
    padding: 30px 0;
  }
  .logistics #pnav_link08 .onayami_area {
    padding: 0;
  }
  .tms.index #sec01 {
    padding: 30px 0;
  }
  .tms.delivery-plan #sec01,
  .tms.progress-management #sec01,
  .tms.delivery-plan #sec03,
  .tms.delivery-plan #sec04,
  .tms.delivery-plan #sec06,
  .tms.berth-management #sec01 {
    padding: 30px 0;
  }
  .icon_wrap2 p {
    float: none;
    margin: 0 0 20px 0;
  }
  .logistics #pnav_link01 .txtWeight-b {
    margin: 0 0 20px 0;
  }
  .logistics #pnav_link04 .onayami_area {
    padding: 0;
  }
  .tms.index #sec01 h2 {
    margin: 0 auto 20px auto;
  }
  .tms.index #sec01 .onayami_area {
    margin: 0;
    padding: 0;
  }
  .tms.index #sec01 .txtWeight-b {
    margin: 0 0 20px 0;
  }
  .tms.index #sec01 .txt_center {
    margin: 0;
  }
  .tms.index #sec01 .icon_txt2 {
    margin: 0 0 30px 0;
  }
  .tms.index #sec01 .icon_txt2 .txt_center,
  .tms.delivery-plan #sec01 .icon_txt2 .txt_center {
    margin: 0 0 10px 0;
  }
  .tms.index #sec01 .icon_wrap {
    margin: 0;
  }
  .tms.index #sec01 .icon_wrap img {
    margin: 0 0 20px 0;
  }
  .tms.delivery-plan #sec01 .icon_wrap img {
    margin: 10px 0 0px 0;
  }
  .tms.index #sec01 .txtSize-21,
  .tms.progress-management #sec01 .txtSize-21 {
    font-size: 17px;
  }
  .tms.index #sec01 .logistics_txt_area.mt30 {
    margin-top: 60px !important;
  }
  #pnav_link03 .txtWeight-b {
    margin: 0 0 20px 0;
  }
  .cont_img {
    width: 100% !important;
  }
  .half_wrap {
    margin-bottom: 30px;
  }
  .tms.delivery-plan #sec01 h2 {
    margin: 0 auto 20px auto;
  }
  .tms.delivery-plan #sec01 .onayami_area {
    margin: 0;
    padding: 0;
  }
  .tms.delivery-plan #sec01 .logistics_txt_area,
  .tms.delivery-plan #sec01 .logistics_txt_area p {
    margin: 0;
    padding: 0;
  }
  .tms.progress-management #sec01 .onayami_area {
    margin: 0;
    padding: 0;
  }
  .solution_list {
    padding: 60px 0 20px 0;
  }
  .solution_list2 {
    padding: 10px 0 20px 0;
  }
  .tms.delivery-plan #sec01 {
    padding: 70px 0 20px 0 !important;
  }
  .tms.delivery-plan #sec02 {
    padding: 70px 0 0 0 !important;
  }
  .tms.delivery-plan #sec03 h2,
  .tms.delivery-plan #sec04 h2 {
    margin: 0 auto 20px auto;
  }
  .tms.delivery-plan #sec03 h4,
  .tms.delivery-plan #sec04 h4 {
    font-size: 18px;
  }
  .tms.delivery-plan #sec03 .txt_center,
  .tms.delivery-plan #sec04 .txt_center {
    margin: 30px 0 20px 0;
  }
  .tms.delivery-plan #sec03 .logistics_txt_area,
  .tms.delivery-plan #sec04 .logistics_txt_area {
    margin: 0;
    padding: 0;
  }
  .tms.delivery-plan #sec03 .checed_txt,
  .tms.delivery-plan #sec04 .checed_txt {
    margin: 0 0 20px 0;
  }
  .tms.delivery-plan #sec03 img,
  .tms.delivery-plan #sec04 img {
    margin: 0 0 20px 0;
  }
  .tms.delivery-plan #sec03 ul li ul,
  .tms.delivery-plan #sec04 ul li ul {
    margin: 0;
    padding: 0 0 0 20px;
  }
  .tms.delivery-plan #sec03 .logistics_txt_area ul,
  .tms.delivery-plan #sec04 .logistics_txt_area ul {
    margin: 0;
    /*     padding: 0 0 0 20px; */
  }
  .tms.delivery-plan #sec06 .nagare_img {
    margin: 30px 0;
  }
  .tms.delivery-plan #sec07 {
    padding: 60px 0 20px 0;
  }
  .tms.progress-management #sec01 {
    padding: 50px 0 20px 0 !important;
  }
  .tms.progress-management #sec02 {
    padding: 60px 0 20px 0 !important;
  }
  .tms.progress-management #sec04 {
    padding: 60px 0 20px 0 !important;
  }
  .tms.progress-management #sec05 {
    padding: 60px 0 20px 0 !important;
  }
  .tms.progress-management #sec06 {
    padding: 60px 0 20px 0 !important;
  }
  .tms.progress-management #sec07 {
    padding: 60px 0 20px 0 !important;
  }
  .tms.progress-management #sec08 {
    padding: 60px 0 20px 0 !important;
  }
  .tms.progress-management #sec09 {
    padding: 60px 0 20px 0;
  }
  .tms.berth-management #sec01 {
    padding: 80px 0 20px 0 !important;
  }
  .tms.berth-management #sec02 {
    padding: 60px 0 20px 0 !important;
  }
  .tms.berth-management #sec03 {
    padding: 60px 0 20px 0 !important;
  }
  .tms.berth-management #sec04 {
    padding: 60px 0 20px 0 !important;
  }
  .tms.berth-management #sec05 {
    padding: 60px 0 20px 0 !important;
  }
  .tms.berth-management #sec06 {
    padding: 60px 0 20px 0;
  }
  .tms.berth-management #sec01 .croud_area {
    margin: 0 0 50px 0;
  }
  .tms.berth-management #sec01 .logistics_txt_area {
    margin: 0;
    padding: 0;
  }
  .tms.berth-management #sec01 .icon_wrap {
    margin: 0;
    padding: 0;
  }
  .tms.berth-management #sec05 .onayami_area .driver_area {
    margin: 0;
    padding: 0 !important;
  }
  .tms.berth-management #sec05 .driver_area .icon_txt {
    width: 100%;
    padding: 0 0 40px 0;
  }
  .tms.stacking #sec02 {
    padding-bottom: 0;
  }
  .tms.stacking #sec04 {
    padding-top: 60px;
  }
  .tms.charge #sec01 {
    padding-top: 70px !important;
  }
  .tms.charge #sec01 h3.left_line {
    margin-top: 50px;
  }
  .tms.charge #sec01 table {
    margin: 20px auto 30px auto;
    width: 100%;
    font-size: 14px;
  }
  .tms.charge #sec01 table td {
    padding: 10px;
  }
  .tms.charge #sec02 {
    padding-top: 70px !important;
  }
  .tms.charge #sec02 .logistics_img {
    margin-top: 10px;
  }
  .tms.charge #sec03 {
    padding-top: 70px;
  }
  .wms.index .main_visual,
  .tms.index .main_visual {
    display: table;
  }
  .wms.index .main_visual .main_visual_inner,
  .tms.index .main_visual .main_visual_inner {
    display: table-cell;
    min-height: auto;
  }
  .wms.index .main_visual .main_visual_inner .copy,
  .tms.index .main_visual .main_visual_inner .copy {
    min-width: 200px;
    max-width: none;
    width: 100%;
    margin: 0;
    padding: 20px 10px;
    background: rgb(0, 43, 98);
  }
  .wms.index .main_visual .main_visual_inner .title,
  .tms.index .main_visual .main_visual_inner .title {
    font-size: 26px;
  }
  .wms.index .main_visual .main_visual_inner .title small,
  .tms.index .main_visual .main_visual_inner .title small {
    font-size: 20px;
  }
  .wms.index .main_visual .main_visual_inner .subTitle,
  .tms.index .main_visual .main_visual_inner .subTitle {
    font-size: 18px;
  }
  .wms.index .main_visual .main_visual_inner .btnBox,
  .tms.index .main_visual .main_visual_inner .btnBox {
    width: 90%;
  }
  .wms.index .main_visual .main_visual_inner .comLink,
  .tms.index .main_visual .main_visual_inner .comLink {
    width: 100%;
    font-size: 15px;
  }
  .wms.index .main_visual .main_visual_inner .comLink:not(:last-child),
  .tms.index .main_visual .main_visual_inner .comLink:not(:last-child) {
    margin-bottom: 20px;
  }
  .wms.index .main_visual .main_visual_img,
  .tms.index .main_visual .main_visual_img {
    display: table-caption;
    position: relative;
  }
  .wms.index .main_visual .main_visual_img img,
  .tms.index .main_visual .main_visual_img img {
    width: 100%;
  }
  .wms.index .logistics_section_head,
  .tms.index .logistics_section_head {
    margin-bottom: 8px;
  }
  .wms.index .logistics_section_head .catch,
  .tms.index .logistics_section_head .catch {
    font-size: 18px;
  }
  .wms.index .logistics_section_body p, .wms.index .logistics_section_body ul, .wms.index .logistics_section_body dl,
  .tms.index .logistics_section_body p,
  .tms.index .logistics_section_body ul,
  .tms.index .logistics_section_body dl {
    font-size: 14px;
  }
  .wms.index .logistics_section_body .title small,
  .tms.index .logistics_section_body .title small {
    font-size: 16px;
  }
  .wms.index .logistics_section_body .catch,
  .tms.index .logistics_section_body .catch {
    font-size: 18px;
  }
  .wms.index .logistics_section_body .imgR,
  .tms.index .logistics_section_body .imgR {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 1em;
  }
  .wms.index .logistics_section_body .listDisc,
  .tms.index .logistics_section_body .listDisc {
    padding-left: 20px;
  }
  .wms.index .grid_two,
  .tms.index .grid_two {
    flex-direction: column;
  }
  .wms.index .grid_three,
  .tms.index .grid_three {
    flex-direction: column;
  }
  .wms.index .box_border .icon,
  .tms.index a.box_border .icon {
    width: 60px;
    height: 60px;
    font-size: 18px;
    top: -20px;
    left: -10px;
  }
  .wms.index .box_border .icon small,
  .tms.index a.box_border .icon small {
    font-size: 12px;
  }
  .wms.index .box_border .title,
  .tms.index a.box_border .title {
    font-size: 18px;
  }
  .wms.index #sec01 .grid_three,
  .tms.index #sec01 .grid_three {
    gap: 24px;
  }
  .wms.index #sec01 .grid_three .box,
  .tms.index #sec01 .grid_three .box {
    width: 100%;
  }
  .wms.index #sec01 .grid_three .box .img,
  .tms.index #sec01 .grid_three .box .img {
    width: 60%;
  }
  .wms.index #sec01 .grid_three .box .title,
  .tms.index #sec01 .grid_three .box .title {
    margin-top: 16px;
    font-size: 18px;
  }
  .wms.index #sec02 .grid_two,
  .tms.index #sec02 .grid_two {
    gap: 24px;
  }
  .wms.index #sec02 .grid_two .img,
  .tms.index #sec02 .grid_two .img {
    width: 100%;
  }
  .wms.index #sec02 .grid_two .text,
  .tms.index #sec02 .grid_two .text {
    width: 100%;
  }
  .wms.index #sec02 .grid_two .text .catch,
  .tms.index #sec02 .grid_two .text .catch {
    font-size: 18px;
  }
  .wms.index #sec03 .grid_three,
  .wms.index #sec04 .grid_three,
  .tms.index #sec03 .grid_three {
    gap: 24px;
  }
  .wms.index #sec03 .grid_three .box_border,
  .wms.index #sec04 .grid_three .box_border,
  .tms.index #sec03 .grid_three .box_border {
    width: 100%;
  }
  .wms.index #sec03 .grid_three .box_border .title,
  .wms.index #sec04 .grid_three .box_border .title,
  .tms.index #sec03 .grid_three .box_border .title {
    margin-top: 0;
  }
  .tms.index #sec03 .grid_three a.box_border:nth-of-type(4) {
    margin-left: 0;
  }
  .wms.index #sec04 .grid_three .box_border:nth-of-type(7) {
    margin-left: 0;
  }
  .wms.index #sec05 .grid_three .box,
  .tms.index #sec04 .grid_three .box {
    width: 100%;
  }
  .wms.index #sec05 .grid_three .box .text .title,
  .tms.index #sec04 .grid_three .box .text .title {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .wms.index #sec06 .case_list .box,
  .tms.index #sec05 .case_list .box {
    margin-bottom: 24px;
    flex-direction: column;
  }
  .wms.index #sec06 .case_list .box .img,
  .tms.index #sec05 .case_list .box .img {
    width: 100%;
    min-width: 100%;
  }
  .wms.index #sec06 .case_list .box .text,
  .tms.index #sec05 .case_list .box .text {
    width: 100%;
    padding: 16px;
  }
  .wms.index #sec06 .case_list .box .text .title,
  .tms.index #sec05 .case_list .box .text .title {
    font-size: 18px;
  }
  .wms.index #sec06 .case_list .box .text .catch,
  .tms.index #sec05 .case_list .box .text .catch {
    font-size: 16px;
  }
  .wms.index #sec06 .case_list .box .text .comLink,
  .tms.index #sec05 .case_list .box .text .comLink {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .wms.index #sec06 .comLink.center,
  .tms.index #sec05 .comLink.center {
    width: 80%;
  }
  .wms.index #sec07 .flow_area,
  .tms.index #sec06 .flow_area {
    margin-bottom: 24px;
  }
  .wms.index #sec07 .flow_area .box_flow,
  .tms.index #sec06 .flow_area .box_flow {
    width: 100%;
    padding: 16px;
  }
  .wms.index #sec07 .flow_area .box_flow .title,
  .tms.index #sec06 .flow_area .box_flow .title {
    font-size: 18px;
  }
  .wms.index #sec07 .flow_area .box_flow .step,
  .tms.index #sec06 .flow_area .box_flow .step {
    font-size: 14px;
    margin-bottom: 0;
  }
  .wms.index #sec07 .flow_area .box_flow::after,
  .tms.index #sec06 .flow_area .box_flow::after {
    border-width: 20px 20px 0 20px;
    border-color: #286ebe transparent transparent transparent;
    top: auto;
    bottom: -30px;
    right: calc(50% - 20px);
    transform: translateX(-50%);
    transform: translateY(0);
  }
  .wms.index #sec07 .flow_note,
  .tms.index #sec06 .flow_note {
    width: 100%;
  }
  .wms.index #sec07 .flow_note dl,
  .tms.index #sec06 .flow_note dl {
    margin-bottom: 8px;
  }
  .wms.index #sec07 .flow_note dt,
  .tms.index #sec06 .flow_note dt {
    font-size: 14px;
  }
  .wms.index #sec08 .logistics_img,
  .tms.index #sec07 .logistics_img {
    max-width: 100%;
  }
  .wms.index #sec08 .grid_two,
  .tms.index #sec07 .grid_two {
    margin-top: 24px;
  }
  .wms.index #sec08 .grid_two .box_border,
  .tms.index #sec07 .grid_two .box_border {
    width: 100%;
  }
  .wms.index #sec08 .grid_two .box_border .title,
  .tms.index #sec07 .grid_two .box_border .title {
    padding: 8px;
  }
  .wms.index #sec08 .grid_two .box_border ul,
  .tms.index #sec07 .grid_two .box_border ul {
    padding: 8px 8px 8px 24px;
  }
  .wms.index #sec08 .bnr_area,
  .tms.index #sec07 .bnr_area {
    padding-top: 24px;
  }
  .tms.index #sec04 .logistics_img {
    max-width: 100%;
    margin-top: 20px;
  }
  .wms.feature #sec01 {
    padding: 50px 0 20px 0;
  }
  .wms.feature #sec01 h2 {
    margin: 0 auto;
  }
  .wms.feature #sec02 {
    padding: 20px 0;
  }
  .wms.tms #sec01 {
    padding: 20px 0 20px 0 !important;
  }
  .wms.tms #sec01 h2 {
    margin: 0 auto 30px auto !important;
  }
  .wms.tms #sec02 {
    padding: 20px 0;
  }
  .wms.requirements #sec01 {
    padding: 70px 0 0 0;
  }
  .wms.requirements #sec02 {
    padding: 20px 0;
  }
  .wms.packing .calculation li:not(:last-child) {
    margin-bottom: 40px;
  }
  .wms.packing .calculation li::after {
    top: auto;
    right: auto;
    left: 50%;
    bottom: -60px;
    margin-left: -20px;
    transform: rotate(90deg);
  }
  .wms.packing .calculation .title {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .wms.packing .calculation img {
    width: 80%;
  }
  .wms.packing .merit_intro .photoBox {
    width: 160px;
    margin: 0 auto 20px;
  }
  .wms.packing .merit_area {
    margin-bottom: 20px;
    padding: 10px;
  }
  .wms.packing .merit_area .title {
    font-size: 16px;
  }
  .wms.packing .merit_area .title .icon {
    display: block;
    margin: 0 auto 10px;
  }
  .wms.packing .merit_area .photoBox {
    margin: 10px auto 0;
  }
  .wms.packing #merit03 .photoBox,
  .wms.packing #merit03 .photoBox.photo_S {
    width: 100%;
    margin-top: 0;
  }
  .wms.packing #merit03 .arrow {
    position: relative;
    margin-bottom: 60px;
  }
  .wms.packing #merit03 .arrow::after {
    bottom: -48px;
    margin-left: -80px;
    border-width: 32px 80px 0 80px;
  }
  .wms.packing .box_area {
    margin: 0;
    padding: 10px 10px 0;
    border: 1px solid #002b62;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .wms.packing .cause_area {
    width: 100%;
    margin: 10px auto;
    padding: 10px;
  }
  .wms.packing .cause_area .photoBox {
    width: 100%;
  }
  .about #sec01,
  .about #sec02,
  .about #sec03 {
    padding: 60px 0 10px;
  }
  .about #intro .about_summary {
    width: 100%;
  }
  .about #intro .about_summary > dt {
    width: 100%;
    margin-bottom: 5px;
    font-size: 16px;
    box-sizing: border-box;
  }
  .about #intro .about_summary > dd {
    width: 100%;
  }
  .about #intro .labelList {
    justify-content: flex-end;
  }
  .about #intro .labelList li {
    width: calc(100% - 120px);
    margin-right: 10px;
    font-size: 14px;
  }
  .about #intro .labelList .label {
    width: 80px;
  }
  .about #intro .tms .labelList {
    width: 100%;
  }
  .logistics #pnav_link05 .comLink,
  .logistics #pnav_link06 .comLink,
  .logistics #pnav_link07 .comLink,
  .logistics #pnav_link09 .comLink,
  .logistics #pnav_link10 .comLink {
    margin: 0;
  }
  .croud_area .icon_txt dl {
    margin: 0 0 20px 0;
  }
  .croud_area .icon_txt dl dd {
    width: 100%;
    float: none;
  }
  .croud_area .icon_txt dl dt {
    width: 100%;
    float: none;
  }
  .croud_area .icon_txt dl dd {
    width: 100%;
    float: none;
  }
  .point_area {
    margin: 0 auto 50px auto;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
  }
  .point_area .point_icon {
    margin: 0 0 10px 0;
    float: none;
  }
  ul.txtNl-04 {
    margin: 0px;
    padding: 0 0 0 30px;
    width: auto;
    font-size: 14px;
    line-height: 1.6;
  }
  .tms .pdform {
    padding: 60px 0 20px !important;
  }
  .fontleft {
    margin: 10px 0 -20px !important;
  }
  .f22b {
    font-size: 18px !important;
  }
  .logistics_txt_area p {
    margin-bottom: 25px !important;
  }
  .textP {
    text-align: left;
  }
  .croud_area {
    margin-top: 0px !important;
  }
  .logistics_txt_area p {
    margin-bottom: 10px !important;
  }
  .all_half_wrap_last {
    margin: 0 auto -20px !important;
  }
  .sponly_mb10 {
    margin-bottom: 10px !important;
  }
  .sponly_mb20 {
    margin-bottom: 20px !important;
  }
  .sponly_mb30 {
    margin-bottom: 30px !important;
  }
  .newsList-02 {
    border-top: 0px !important;
    width: 100%;
    padding: 10px !important;
    box-sizing: border-box;
  }
  /*------------------------------------------------------------
      comNavi
  ------------------------------------------------------------*/
  .comNavi {
    width: 90%;
    padding: 20px 0;
  }
  .comNavi li,
  .comNavi.listCol2 li,
  .comNavi.listCol4 li,
  .comNavi.listCol5 li,
  .comNavi.listCol6 li {
    float: none;
    width: 100%;
  }
  .comNavi li a {
    width: 100%;
    height: 60px;
  }
  .comNavi li a .txt {
    font-size: 18px;
    border: none;
    border-left: 1px solid #664d7b;
    border-right: 1px solid #664d7b;
    border-top: 1px solid #664d7b;
    padding: 0 10px;
  }
  .comNavi li:last-child a .txt {
    border-bottom: 1px solid #664d7b;
  }
  .comNavi li a .txt .small {
    font-size: 12px;
  }
  .comNavi.listCol2 li:nth-child(n+3) a .txt,
  .tms.progress-management .comNavi li:nth-child(5) a .txt,
  .tms.progress-management .comNavi li:nth-child(6) a .txt,
  .tms.progress-management .comNavi li:nth-child(7) a .txt,
  .tms.progress-management .comNavi li:nth-child(8) a .txt {
    border-left: 1px solid #664d7b;
    border-right: 1px solid #664d7b;
    border-top: 1px solid #664d7b;
  }
  .wms.index .comNavi li:nth-child(4) a .txt,
  .wms.index .comNavi li:nth-child(5) a .txt,
  .wms.index .comNavi li:nth-child(6) a .txt {
    border-top: 1px solid #664d7b;
  }
  /*------------------------------------------------------------
      tms_contents
  ------------------------------------------------------------*/
  .tms_contents .icon_txt2 {
    margin: 0 0 20px 0 !important;
  }
  .tms_contents .icon_txt2 a {
    color: #333;
    text-decoration: none;
  }
  .tms_contents .icon_txt2:hover {
    opacity: 0.8 !important;
  }
  .tms_contents .icon_txt2 a p {
    padding: 20px;
  }
  .tms_contents .icon_txt2 a p.txtWeight-b {
    padding-bottom: 0;
    color: #002b62;
  }
  /*------------------------------------------------------------
      wms_contents
  ------------------------------------------------------------*/
  .wms_contents .icon_txt2 {
    margin: 0 0 20px 0 !important;
  }
  .wms_contents .icon_txt2 a {
    color: #333;
    text-decoration: none;
  }
  .wms_contents .icon_txt2:hover {
    opacity: 0.8 !important;
  }
  .wms_contents .icon_txt2 a p {
    padding: 20px;
  }
  .wms_contents .icon_txt2 a p.txtWeight-b {
    padding-bottom: 0;
    color: #002b62;
  }
  /*------------------------------------------------------------
      case_contents
  ------------------------------------------------------------*/
  .case .case13_img {
    position: relative;
    width: 50%;
    margin: 0 auto 20px;
  }
  .case .caseSec {
    padding: 30px 15px;
  }
  .case .caseSec.intro {
    padding: 60px 15px 30px;
  }
  .case .caseSec .mainBox {
    font-size: 14px;
  }
  .case .caseSec .mainBox#sec02,
  .case .caseSec .mainBox#sec03,
  .case .caseSec .mainBox#sec04,
  .case .caseSec .mainBox#sec05 {
    margin-top: 30px;
  }
  .case .caseSec .mainBox#sec02 .mt50 {
    margin-top: 30px !important;
  }
  .case .pageIndex {
    padding: 50px 15px 20px 15px;
  }
  .case .pageIndex ol {
    margin-top: 0;
    padding: 10px;
  }
  .case .pageIndex ol li {
    width: 100%;
    padding: 5px 0 4px 1.8em;
    font-size: 14px;
  }
  .case .videoBox.column-01 .videoBox_item {
    width: 100%;
  }
  .case .videoBox.column-02 {
    display: block;
  }
  .case .videoBox.column-02 .videoBox_item {
    width: 100%;
  }
  .case .videoBox.column-02 .videoBox_item:first-child {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .case .caseSec .mainBox .headLine04 {
    margin-bottom: 20px;
    font-size: 18px;
  }
  .case .caseSec .mainBox .imgBox .photoBox {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .case .caseSec .mainBox .imgBox02 .photoBox {
    width: 100%;
  }
  .case .caseSec .mainBox .imgBox03 {
    justify-content: center;
  }
  .case .caseSec .mainBox .imgBox03 .photoBox {
    margin: 1rem 0;
    width: 90%;
  }
  .case .caseSec .mainBox .imgBox03 .photoBox.vertical {
    width: 60%;
  }
  .case .caseSec .mainBox .caption {
    font-size: 12px;
  }
  .case .caseSec .mainBox .imgBox .textBox {
    width: 100%;
  }
  .case .caseSec .mainBox .catch {
    font-size: 16px;
  }
		.case .caseSec.intro .mainBox .catch {
			font-size: 18px;
		}
  .case .caseSec .mainBox .case_img {
    width: 100%;
  }
  .caseDl {
    padding: 0 15px;
    box-sizing: border-box;
  }
  .caseDl .bottom_wrap {
    max-width: 100%;
    padding: 20px 0;
    margin: 0 0;
  }
  .caseDl .bottom_wrap .caseDl_img {
    width: 100%;
    float: none;
    gap: 10px;
  }
  .caseDl .bottom_wrap .caseDl_txt_area {
    width: 100%;
    float: none;
    padding: 10px 10px 5px;
    padding-left: 0 !important;
  }
  .caseDl .bottom_wrap .caseDl_txt_area h3.caseDl_ttl {
    font-size: 18px;
  }
  .caseDl .bottom_wrap .caseDl_txt_area p {
    font-size: 14px;
  }
  .caseDl .bottom_wrap .caseDl_link .btn a {
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
  }
		.case .caseSec .mainBox .grayBox {
			padding: 16px;
			padding-left: 24px;
		}
  /*------------------------------------------------------------
      case_index
  ------------------------------------------------------------*/
  .case .caseUl {
    margin: 30px 0 -20px;
  }
  .case .caseUl .photoBox {
    width: 100%;
  }
  .case .caseUl .textBox {
    width: 100%;
    margin-right: 0;
    padding: 20px;
  }
  .case .caseUl .textBox p {
    margin-bottom: 1.4em;
    line-height: 1.6;
    font-size: 16px;
  }
  .case .caseUl .textBox .title {
    margin-bottom: 0.5em;
    font-size: 16px;
  }
  .case .caseUl .textBox .comLink {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
  .nf-main .section_summary ul.btnRed li {
    margin: 30px 0;
    width: 100%;
  }
  .nf-main .section_summary ul.btnRed li.inquiry a span {
    width: 100%;
    box-sizing: border-box;
  }
  .wms.case .pdform#sec01 {
    padding: 50px 0 30px;
  }
  .wms.case .pdform#sec02 {
    padding: 60px 0 30px;
  }
  .wms.case.index .pdform#sec01 {
    padding: 40px 0 30px !important;
  }
  .wms.case.index .pdform#sec02 {
    padding: 20px 0 30px !important;
  }
  .info_area_bottom.research2021 ul.oneonly li.blue2_info {
    background: url(/nsi/ss/logistics/images/research2021_pht01.jpg) no-repeat;
    background-size: cover;
  }
  .info_area_bottom.research2021 ul.oneonly li.blue2_info .bottom_wrap {
    background: rgba(16, 62, 135, 0.8);
    padding: 15px 5px;
  }
  .wms .bnr_area {
    padding: 10px 0 30px;
  }
  .wms .bnrUl.column-02 {
    display: block;
  }
  .wms .bnrUl .colBox {
    width: 100%;
  }
  .wms .bnrUl.column-02 .colBox {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .wms .bnrUl.column-02 .colBox:last-child {
    margin-right: 0;
  }
  .wms .bnrUl .photoBox {
    width: 100%;
    float: none;
  }
  .wms .bnrUl .textBox {
    width: 100%;
    padding: 16px;
    float: none;
  }
  .wms .bnrUl.column-02 .textBox {
    padding: 16px;
  }
  .wms .bnrUl .textBox .title {
    margin: 0;
    font-size: 14px;
  }
  .wms .bnrUl .textBox .btn {
    font-size: 18px;
  }
  .wms .bnrUl .textBox .btn::after {
    position: absolute;
    top: 26%;
    width: 12px;
    height: 12px;
  }
}
/*iPhone5*/
@media (max-width: 374px) {
  .icon_wrap .logistics_txt_area p.fts18, .icon_wrap .logistics_txt_area p, .logistics_txt_area p,
  .icon_wrap .logistics_txt_area p .sp16 {
    font-size: 16px !important;
  }
  .sponly {
    display: none !important;
  }
  .h2-01_light {
    font-size: 16px;
  }
  .minifont2 {
    font-size: 12px;
  }
  .st_fleft {
    font-size: 11px;
  }
  .st_fright {
    margin: 0;
    font-size: 22px;
    float: left;
  }
}
.profBox {
  display: flex;
  flex-wrap: wrap;
  margin: 30px auto 0;
  width: 1040px;
  justify-content: space-between;
}

.profBox .photoBox {
  display: flex;
  flex-wrap: wrap;
}

.profBox .photoBox p {
  width: 260px;
}

.profBox .photoBox .caption {
  padding-left: 20px;
  width: 240px;
}

.profBox.column-03 .photoBox {
  flex-direction: column;
  width: 280px;
}

.profBox.column-03 .photoBox p {
  width: 100%;
  margin-bottom: 0;
}

.profBox.column-03 .photoBox .caption {
  padding-left: 0;
  width: 100%;
  text-align: center;
}

@media (max-width: 640px) {
  .profBox {
    display: block;
    margin: 30px auto 0;
    width: 60%;
  }
  .profBox .photoBox {
    display: block;
  }
  .profBox .photoBox p {
    width: 100%;
  }
  .profBox .photoBox .caption {
    padding-left: 0;
    padding-bottom: 20px;
    width: 100%;
    text-align: center;
  }
  .profBox.column-03 .photoBox {
    width: 100%;
  }
  .profBox.column-03 .photoBox p {
    width: 100%;
    padding-bottom: 20px;
  }
  .profBox.column-03 .photoBox .caption {
    width: 100%;
  }
  .solution_list .comLink {
    min-width: 100%;
  }
}
/*------------------------------------------------------------
  profile
------------------------------------------------------------*/
.caseSec.profile .mainBox .headLine01 {
  margin-bottom: 48px;
  font-size: 30px;
  text-align: center;
}

.caseSec.profile .mainBox .headLine01 img {
  margin-right: 20px;
  vertical-align: -20px;
}

.caseSec.profile .mainBox .headLine02 {
  margin-bottom: 23px;
  padding-bottom: 7px;
  font-size: 24px;
  border-bottom: 2px solid #042F5F;
}

.caseSec.profile .mainBox .photoBox {
  width: 400px;
  text-align: center;
  float: left;
}

.caseSec.profile .mainBox .textBox {
  float: right;
  width: 750px;
}

.caseSec.profile .mainBox .textBox table {
  border-spacing: 0;
  border-collapse: collapse;
}

.caseSec.profile .mainBox .textBox table th {
  padding: 12px 20px 10px;
  background: #F2F2F2;
  border: 1px solid #bbb;
  font-size: 16px;
  word-wrap: break-word;
  vertical-align: middle;
  white-space: nowrap;
}

.caseSec.profile .mainBox .textBox table td {
  padding: 12px 20px 10px;
  background: #fff;
  border: 1px solid #bbb;
  font-size: 16px;
  word-wrap: break-word;
  vertical-align: middle;
}

.caseSec.profile .mainBox .textBox .icn {
  margin: 0 10px 0 0;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .caseSec.profile .mainBox .headLine01 {
    margin-bottom: 20px !important;
    font-size: 20px;
  }
  .caseSec.profile .mainBox .headLine01 img {
    width: 35px;
    vertical-align: top !important;
    margin: 0 auto 15px;
    display: block;
  }
  .caseSec.profile .mainBox .headLine02 {
    font-size: 15px;
  }
  .caseSec.profile .mainBox .photoBox {
    width: 100%;
    float: none;
  }
  .caseSec.profile .mainBox .textBox {
    padding: 20px 0 0 !important;
    float: none;
    width: auto !important;
  }
  .caseSec.profile .mainBox .textBox table th {
    font-size: 12px;
  }
  .caseSec.profile .mainBox .textBox table td {
    font-size: 12px;
  }
  .caseSec.profile .mainBox .textBox .icn {
    width: auto;
  }
}
/* ----------------------------------------------------------------------------
 * フローティングメニュー js-floatingMenu
 * ------------------------------------------------------------------------- */
html[data-script-enabled=true] .str-column + .str-floatingMenu {
  margin-top: -52px;
}

.str-floatingMenu {
  letter-spacing: 0.6px;
  position: relative;
  z-index: 10;
  padding: 0 10px;
}

html[data-script-enabled=true] .str-floatingMenu {
  margin: 100px 0 0;
  padding: 0;
}

html[data-script-enabled=true] .str-floatingMenu:not(.is-fixed) {
  height: auto !important;
}

html[data-script-enabled=true] .str-floatingMenu > .inner {
  position: absolute;
  z-index: 99;
  right: 0;
  bottom: 0;
  will-change: scroll-position, position, transform, contents, margin, bottom;
}

.str-floatingMenu.is-expanded {
  z-index: 10;
}

html[data-script-enabled=true] .str-floatingMenu.is-fixed > .inner {
  position: fixed;
  right: 0;
  margin: 0;
}

.str-floatingMenu .floatingMenu-title {
  font-size: 92.8571428571% !important;
  font-weight: bold;
  color: #fff;
  background: #04127c;
  overflow: hidden;
  margin: 0 0 0 auto;
  padding: 12px 8px;
  cursor: default;
}

html[data-script-enabled=true] .str-floatingMenu .floatingMenu-title {
  position: relative;
  width: 320px;
  padding-right: 38px;
  transition: 0.3s opacity ease-out;
}

html[data-script-enabled=true] .str-floatingMenu .floatingMenu-title::after {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  display: block;
  width: 15px;
  height: 15px;
  margin: auto 0;
  content: "";
  transition: 0.3s transform ease-out;
  -webkit-transform: rotate(45deg) translate(3px, 7px);
  transform: rotate(45deg) translate(3px, 7px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border: 1px solid transparent;
  border-color: #fff transparent transparent #fff;
}

html[data-script-enabled=true] .str-floatingMenu .floatingMenu-title[aria-pressed=true]::after {
  -webkit-transform: rotate(225deg) translate(4px, 0);
  transform: rotate(225deg) translate(4px, 0);
}

html[data-script-enabled=true] .str-floatingMenu .floatingMenu-title:hover,
html[data-script-enabled=true] .str-floatingMenu .floatingMenu-title:focus {
  opacity: 0.8;
}

.str-floatingMenu.of-type2 .floatingMenu-title {
  color: #000;
  background-color: #eb6e00;
}

html[data-script-enabled=true] .str-floatingMenu.of-type2 .floatingMenu-title::after {
  border-color: #000 transparent transparent #000;
}

html[data-script-enabled=true] .str-floatingMenu .floatingMenu-content:not([aria-hidden=false]) > .content-inner {
  display: none;
}

html[data-script-enabled=true] .str-floatingMenu .floatingMenu-content > .content-inner {
  width: 320px;
  margin: 0 0 0 auto;
}

.str-floatingMenu .floatingMenu-content > .content-inner > .list {
  font-size: 114.2857142857% !important;
  background: #fff;
  padding: 17px 0 19px;
  border: 1px solid #a4aab0;
}

.str-floatingMenu .floatingMenu-content > .content-inner > .list li > a,
.str-floatingMenu .floatingMenu-content > .content-inner > .list li > span {
  position: relative;
  display: block;
  padding: 7px 10px 7px 67px;
  text-decoration: none;
  color: #262626;
}

.str-floatingMenu .floatingMenu-content > .content-inner > .list li > a::before,
.str-floatingMenu .floatingMenu-content > .content-inner > .list li > span::before {
  position: absolute;
  top: calc(7px + 0.25em);
  left: 33px;
  display: block;
}

.str-floatingMenu .floatingMenu-content > .content-inner > .list li > a:hover,
.str-floatingMenu .floatingMenu-content > .content-inner > .list li > a:focus {
  background: #e5e7e9;
}

.str-floatingMenu .floatingMenu-content > .content-inner > .list li.of-tel span::before {
  background-image: url("/nf_global/v3/common/img/2021/sprite.png");
  background-repeat: no-repeat;
  background-position: 0 -26px;
  background-size: 116px 110px;
  width: 21px;
  height: 21px;
  content: "";
}

.str-floatingMenu .floatingMenu-content > .content-inner > .list li.of-mail a::before {
  background-image: url("/nf_global/v3/common/img/2021/sprite.png");
  background-repeat: no-repeat;
  background-position: -47px -51px;
  background-size: 116px 110px;
  width: 20px;
  height: 15px;
  content: "";
}

.str-floatingMenu .floatingMenu-content > .content-inner > .list li.of-download a::before {
  background-image: url("/nf_global/v3/common/img/2021/sprite.png");
  background-repeat: no-repeat;
  background-position: -76px 0;
  background-size: 116px 110px;
  width: 18px;
  height: 19px;
  content: "";
}

.str-floatingMenu .floatingMenu-content > .content-inner > .list li.of-chat a::before {
  background-image: url("/nf_global/v3/common/img/2021/sprite.png");
  background-repeat: no-repeat;
  background-position: -51px -25px;
  background-size: 116px 110px;
  width: 20px;
  height: 19px;
  content: "";
}

.str-floatingMenu .func-floatingMenu-dummyLabel,
.str-floatingMenu .func-floatingMenu-closeAnnounce {
  display: none;
  margin: 0;
}

.str-floatingMenu .func-floatingMenu-dummyLabel {
  font-size: 121.4285714286% !important;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  background: #04127c;
  position: relative;
  padding: 8px 43px 8px 24px;
  cursor: default;
  transition: 0.3s opacity ease-out;
}

.str-floatingMenu .func-floatingMenu-dummyLabel::after {
  position: absolute;
  top: 0;
  right: 17px;
  bottom: 0;
  display: block;
  width: 15px;
  height: 15px;
  margin: auto 0;
  content: "";
  -webkit-transform: rotate(135deg) translate(3px, 3px);
  transform: rotate(135deg) translate(3px, 3px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border: 1px solid transparent;
  border-color: #fff transparent transparent #fff;
}

.str-floatingMenu .func-floatingMenu-dummyLabel:hover,
.str-floatingMenu .func-floatingMenu-dummyLabel:focus {
  opacity: 0.8;
}

.str-floatingMenu .func-floatingMenu-closeAnnounce {
  text-align: right;
  color: #666;
  display: none;
  padding: 10px 0;
}

.str-floatingMenu .func-floatingMenu-closeAnnounce span {
  position: relative;
  display: inline-block;
  padding: 0 16px 0 0;
}

@media screen and (min-width: 1025px), print {
  .str-floatingMenu > .inner {
    position: relative;
  }
  html[data-script-enabled=true] .str-floatingMenu > .inner {
    position: absolute;
    right: 0;
    bottom: 0;
    transition: none;
  }
  html[data-script-enabled=true] .str-floatingMenu.is-fixed > .inner {
    margin: 0 0 220px;
  }
  html[data-script-enabled=true] .str-floatingMenu.is-ready > .inner {
    transition: 0.3s margin ease-out;
  }
  .str-floatingMenu .floatingMenu-title {
    font-size: 121.4285714286% !important;
    position: relative;
    z-index: 0;
  }
  html[data-script-enabled=true] .str-floatingMenu .floatingMenu-title {
    -ms-writing-mode: tb-rl;
    white-space: nowrap;
    float: right;
    width: 51px;
    padding: 19px 11px 50px;
    transition: 0.3s opacity ease-out, 0.3s transform ease-out;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
  }
  html[data-script-enabled=true] .str-floatingMenu .floatingMenu-title[aria-pressed=true] {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  html[data-script-enabled=true] .str-floatingMenu .floatingMenu-title[aria-pressed]::after {
    top: auto;
    right: 0;
    bottom: 16px;
    left: 0;
    margin: 0 auto;
    -webkit-transform: rotate(-45deg) translate(6px, 3px);
    transform: rotate(-45deg) translate(6px, 3px);
  }
  html[data-script-enabled=true] .str-floatingMenu .floatingMenu-content {
    pointer-events: none;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    overflow: hidden;
    width: auto;
  }
  html[data-script-enabled=true] .str-floatingMenu .floatingMenu-content > .content-inner {
    display: block;
    width: auto;
    min-width: 320px;
    transition: 0.3s transform ease-out;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  html[data-script-enabled=true] .str-floatingMenu .floatingMenu-content[aria-hidden=false] {
    pointer-events: auto;
  }
  html[data-script-enabled=true] .str-floatingMenu .floatingMenu-content[aria-hidden=false] > .content-inner {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .str-floatingMenu .func-floatingMenu-dummyLabel,
  .str-floatingMenu .func-floatingMenu-closeAnnounce {
    display: block;
  }
}
/* floatingMenu */
.str-floatingMenu * {
  font-size: inherit !important;
  box-sizing: border-box;
}

html[data-script-enabled=true] .str-floatingMenu {
  margin-top: 0;
}

html[data-script-enabled=true] .str-floatingMenu .floatingMenu-title,
html[data-script-enabled=true] .str-floatingMenu .func-floatingMenu-dummyLabel {
  background: #eb6e00;
}

@media screen and (min-width: 1025px), print {
  html[data-script-enabled=true] .str-floatingMenu.is-fixed > .inner {
    margin-bottom: 120px;
  }
}
/* ----------------------------------------------------------------------------
 * モーダル共通スタイル .func-modal
 * ------------------------------------------------------------------------- */
html[data-script-enabled=true] .func-modal {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  display: none;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  transition: 0.2s opacity ease-out;
  opacity: 0;
}

html[data-script-enabled=true] .func-modal[aria-expanded=true] {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

html[data-script-enabled=true] .func-modal[aria-hidden=false] {
  opacity: 1;
}

html[data-script-enabled=true] .func-modal > .modal-close,
html[data-script-enabled=true] .func-modal > .modal-inner {
  max-width: 1040px;
}

html[data-script-enabled=true] .func-modal > .modal-close {
  line-height: 2.375;
  text-align: right;
  color: #fff;
  width: 100%;
  padding: 0 20px 0 0;
}

html[data-script-enabled=true] .func-modal > .modal-close span {
  position: relative;
  padding: 0 28px 0 0;
  cursor: pointer;
}

html[data-script-enabled=true] .func-modal > .modal-close span::before,
html[data-script-enabled=true] .func-modal > .modal-close span::after {
  background: #ccc;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  overflow: hidden;
  width: 21px;
  height: 1px;
  margin: auto 0;
  content: "";
}

html[data-script-enabled=true] .func-modal > .modal-close span::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

html[data-script-enabled=true] .func-modal > .modal-close span::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

html[data-script-enabled=true] .func-modal > .modal-inner {
  background: #fff;
  overflow: auto;
  max-height: calc(100vh - 68px);
  padding: 40px 20px;
}

html[data-script-enabled=true] .func-modal > .modal-inner > *:first-child {
  margin-top: 0;
}

html[data-script-enabled=true] .func-modal > .modal-inner > *:last-child {
  margin-bottom: 0px;
}

html[data-script-enabled=true] .func-modal > .modal-inner > * > [class^=mod]:first-child,
html[data-script-enabled=true] .func-modal > .modal-inner > * > [class^=comp]:first-child {
  margin-top: 0;
}

html[data-script-enabled=true] .func-modal > .modal-inner > * > [class^=mod]:last-child,
html[data-script-enabled=true] .func-modal > .modal-inner > * > [class^=comp]:last-child {
  margin-bottom: 0;
}









/* 2024.10 追加 */

.tms.index .info_area_mini {
	background-color: #002b62;
	padding-top: 24px;
	padding-bottom: 24px;
}
.tms.index .info_area_mini .lp_inner {
	display: flex;
	gap: 80px;
	flex-direction: row-reverse;
	padding-top: 0;
	padding-bottom: 0;
}
.tms.index .info_area_mini .info_img {
	width: 240px;
}
.tms.index .info_area_mini .info_txt_area {
	flex: 1;
	font-size: 18px;
}
.tms.index .info_area_mini .info_ttl {
	font-size: 24px;
	padding-bottom: 16px;
}
.tms.index .info_area_mini .info_ttl a {
	color: #fff;
}
.tms.index .info_area_mini .info_ttl .new {
	margin-left: 16px;
	vertical-align: middle;
}

main.enhancements .mainImg .textBox {
	padding-top: 40px;
}
main.enhancements .mainImg .textBox p {
	line-height: 1.5;
}
main.enhancements .mainImg .comLink {
	text-align: center;
	width: 270px;
	margin-top: 24px;
}
main.enhancements .mainImg .comLink a {
	padding: 0;
}
main.enhancements .mainImg .comLink span {
	font-size: 16px;
	position: relative;
	padding: 15px 20px 12px;
}
main.enhancements .mainImg .comLink.inquiry span::before {
	position: absolute;
	background: url(/nsi/ss/logistics/images/icon_dl_btn_wh.png) no-repeat;
	width: 32px;
	height: 26px;
	background-size: 100%;
	top: 50%;
	left: 6%;
	content: "";
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
main.enhancements .mainImg .comLink.inquiry span::after {
	position: absolute;
	top: 42%;
	right: 20px;
	display: block;
	content: "";
	width: 10px;
	height: 10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
}
main.enhancements .mainImg .comLink a span:hover::after {
  right: 25px;
}
main.enhancements .mainImg .comLink.inquiry a::after {
	background-image: none;
}
main.enhancements .mainImg .comLink.inquiry a:hover {
	opacity: 1;
}

main.enhancements .section_enhancements {
	padding-top: 40px;
	padding-bottom: 40px;
}
main.enhancements .section_enhancements#sec02 {
	/* padding-top: 0; */
}
main.enhancements .section_enhancements .lp_inner {
	padding-top: 0;
	padding-bottom: 0;
}
main.enhancements .section_enhancements .h2-01 {
	display: block;
	margin-top: 0;
	margin-bottom: 24px;
	padding-top: 0;
	color: #002b62;
}
main.enhancements .section_enhancements .h2-01 small {
font-size: 18px;
}

main.enhancements .enhancements_list {
	display: flex;
	gap: 24px;
}
main.enhancements .enhancements_list_item {
	flex: 1;
	background-color: #fff;
	box-shadow: 2px 2px 3px #ccc;
}
main.enhancements .enhancements_list_item a {
	display: block;
	text-decoration: none;
	color: #333;
}
main.enhancements .enhancements_list_item a:hover {
	opacity: 0.7;
}
main.enhancements .enhancements_list_txt {
	padding: 16px;
	font-size: 16px;
}
main.enhancements .enhancements_list_txt .title {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 8px;
	text-indent: -1em;
	padding-left: 1em;
}

main.enhancements .enhancements_contents {
	max-width: 960px;
	margin: 0 auto 40px;
	padding-top: 40px;
	line-height: 1.75;
}
main.enhancements .enhancements_contents:last-child {
	margin-bottom: 0;
}
main.enhancements .enhancements_contents_head {
	margin-bottom: 40px;
}
main.enhancements .enhancements_contents_head .h2-01 {
	color: #333;
}
main.enhancements .enhancements_contents_head .label {
	color: #fff;
	border-radius: 4px;
	margin-left: 16px;
	padding: 8px;
	font-size: 18px;
	vertical-align: bottom;
}
main.enhancements .enhancements_contents_head .label.green {
	background-color: #419b91;
}
main.enhancements .enhancements_contents_head .label.blue {
	background-color: #286ebe;
}
main.enhancements .enhancements_contents_lead {
	font-size: 18px;
}
main.enhancements .enhancements_contents_body {
	font-size: 18px;
}
main.enhancements .enhancements_contents_block {
	margin-bottom: 80px;
}
main.enhancements .enhancements_contents_block:last-child {
	margin-bottom: 0;
}
main.enhancements .enhancements_contents_img {
	margin-left: auto;
	margin-right: auto;
	flex: 1;
}
main.enhancements .enhancements_contents_2column {
	display: flex;
	gap: 80px;
	max-width: 960px;
	margin: 0 auto;
	position: relative;
}

main.enhancements .enhancements_contents_2column.arrow::after {
	content: "";
	width: 40px;
	height: 80px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	background-color: #ccc;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
main.enhancements #point02 .enhancements_contents_2column {
	gap: 160px;
	max-width: 880px;
}
main.enhancements #point02 .enhancements_contents_2column.arrow::after {
	background-color: #286ebe;
}

main.enhancements .enhancements_contents_features {
	margin-top: 40px;
	background-color: #eaf3fa;
	border-radius: 8px;
}
main.enhancements .enhancements_contents_features_title {
	background-color: #1e32a5;
	padding: 8px 16px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	border-radius: 8px;
}
main.enhancements .enhancements_contents_features_body {
	padding: 16px;
}
main.enhancements .enhancements_contents_features_list_item {

}
main.enhancements .enhancements_contents_features_list_item::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	margin-bottom: 2px;
	background-color: #1e32a5;
}

main.enhancements #point02 .enhancements_contents_option {
	display: flex;
	gap: 40px;
	margin-bottom: 24px;
}
main.enhancements #point02 .enhancements_contents_option_item {
	flex: 1;
	background-color: #419b91;
	padding: 8px;
	border-radius: 8px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

main.enhancements #point02 .enhancements_contents_point {
	display: flex;
	gap: 40px;
	align-items: center;
	margin-top: 24px;
	margin-bottom: 40px;
	padding-left: 120px;
	position: relative;
}
main.enhancements #point02 .enhancements_contents_point::before {
	content: "";
	background: #1e32a5 url(../images/icon24w.png) no-repeat center center / 64px auto;
	border-radius: 100%;
	width: 80px;
	height: 80px;
	position: absolute;
	left: 0;
}
main.enhancements #point02 .enhancements_contents_point_item {
	flex: 1;
	background-color: #1e32a5;
	padding: 8px;
	border-radius: 8px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

main.enhancements .enhancements_contents .note {
	font-size: 16px;
	text-indent: -1em;
	padding-left: 1em;
}

main.enhancements #point03 .enhancements_contents_img {
	width: 880px;
}

main.enhancements #point04 .enhancements_contents_img {
	width: 640px;
}
main.enhancements #point04 .enhancements_contents_2column {
	gap: 80px;
	margin-bottom: 40px;
}
main.enhancements #point04 .enhancements_contents_2column .enhancements_contents_img {
	width: 320px;
outline: 1px solid #ccc;
  outline-offset: -1px;
}
main.enhancements #point04 .enhancements_contents_2column .enhancements_contents_img img {
}
main.enhancements #point04 .enhancements_contents_txt {
	width: 560px;
}
main.enhancements #point04 .enhancements_contents_point dt {
	font-weight: bold;
	color: #002b62;
}

main.enhancements .caseDl .bottom_wrap .caseDl_txt_area {
	padding-bottom: 0;
}
main.enhancements .caseDl .bottom_wrap .caseDl_txt_area h3.caseDl_ttl {
	padding-bottom: 24px;
	line-height: 1.6;
}
main.enhancements .caseDl .bottom_wrap .caseDl_link .btn.download a {
	background-color: #eb6e00;
	text-align: center;
}
main.enhancements .caseDl .bottom_wrap .caseDl_link .btn.download a::before {
	position: absolute;
	background: url(/nsi/ss/logistics/images/icon_dl_btn_wh.png) no-repeat;
	width: 32px;
	height: 26px;
	background-size: 100%;
	top: 50%;
	left: 6%;
	content: "";
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
main.enhancements .caseDl .bottom_wrap .caseDl_link .btn.download a::after {
	top: 42%;
	right: 20px;
	width: 10px;
	height: 10px;
}
main.enhancements .caseDl .bottom_wrap .caseDl_link .btn.download a:hover::after {
	right: 25px;
}

@media (max-width: 767px) {

	.tms.index .info_area_mini {
		padding-top: 16px;
		padding-bottom: 16px;
	}
	.tms.index .info_area_mini .lp_inner {
		gap: 16px;
		flex-direction: column;
	}
	.tms.index .info_area_mini .info_img {
		width: 100%;
	}
	.tms.index .info_area_mini .info_ttl {
		font-size: 20px;
		padding-bottom: 8px;
	}

	main.enhancements .section_enhancements {
		padding-top: 24px;
		padding-bottom: 24px;
	}

	main.enhancements .section_enhancements .h2-01 {
		margin-bottom: 16px;
	}
	main.enhancements .section_enhancements .h2-01 small {
	font-size: 14px;
	}

	main.enhancements .enhancements_list {
		gap: 16px;
		flex-direction: column;
	}
	main.enhancements .enhancements_list_txt {
		padding: 16px;
		font-size: 14px;
	}
	main.enhancements .enhancements_list_txt .title {
		font-size: 16px;
	}




	main.enhancements .enhancements_contents {
		max-width: 100%;
		margin: 0 auto 24px;
		padding-top: 24px;
	}
	main.enhancements .enhancements_contents_head {
		margin-bottom: 24px;
	}

	main.enhancements .enhancements_contents_head .label {
		margin-left: 0;
		margin-top: 8px;
		padding: 8px 16px;
		font-size: 14px;
		display: inline-block;
	}
	main.enhancements .enhancements_contents_lead {
		font-size: 14px;
	}
	main.enhancements .enhancements_contents_body {
		font-size: 14px;
	}
	main.enhancements .enhancements_contents_block {
		margin-bottom: 40px;
	}

	main.enhancements .enhancements_contents_2column {
		gap: 40px;
		flex-direction: column;
		max-width: 100%;
	}

	main.enhancements .enhancements_contents_2column.arrow::after {
		width: 48px;
		height: 24px;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
	}
	main.enhancements #point02 .enhancements_contents_2column {
		gap: 40px;
		max-width: 100%;
	}

	main.enhancements .enhancements_contents_features {
		margin-top: 24px;
	}
	main.enhancements .enhancements_contents_features_title {
		padding: 4px 8px;
		font-size: 18px;
	}

	main.enhancements #point02 .enhancements_contents_option {
		gap: 8px;
		flex-direction: column;
		margin-bottom: 16px;
	}

	main.enhancements #point02 .enhancements_contents_point {
		gap: 8px;
		flex-direction: column;
		align-items: inherit;
		margin-top: 16px;
		margin-bottom: 16px;
		padding-left: 0;
	}
	main.enhancements #point02 .enhancements_contents_point::before {
		background-size: 32px;
		width: 48px;
		height: 48px;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	main.enhancements #point02 .enhancements_contents_point_item:first-child {
		margin-top: 56px;
	}

	main.enhancements .enhancements_contents .note {
		font-size: 12px;
	}

	main.enhancements #point03 .enhancements_contents_img {
		width: 100%;
	}

	main.enhancements #point04 .enhancements_contents_img {
		width: 100%;
	}
	main.enhancements #point04 .enhancements_contents_2column {
		gap: 16px;
		margin-bottom: 24px;
	}
	main.enhancements #point04 .enhancements_contents_2column .enhancements_contents_img {
		width: 100%;
	}
	main.enhancements #point04 .enhancements_contents_txt {
		width: 100%;
	}

	main.enhancements .caseDl .bottom_wrap .caseDl_txt_area {
		padding-right: 0;
	}
	main.enhancements .caseDl .bottom_wrap .caseDl_txt_area h3.caseDl_ttl {
		padding-bottom: 8px;
	}
}