@charset "utf-8";



/*　　Home / メインイメージ
-------------------------------------------------------*/
.main-img {
	position: relative;
	height: 100vh;
	overflow: hidden;
}
.main-img::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10vw;
	background: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 10;
}
.main-img::after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 51px;
	background: #fff;
	z-index: 10;
}
.slider-box {
  margin: 0 calc(50% - 50vw);
  max-width: 100vw;
  position: relative;
  overflow: hidden;
}
.main-txt01 {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 62%;
	height: 14.55vw;
	max-width: 1240px;
	max-height: 291px;
	z-index: 20;
}
.main-bg01 {
	content: "";
	position: absolute;
	top: 0;
	bottom: 2px;
	left: 0;
	right: 0;
	z-index: 19;
	margin: 0;
	padding: 0;
	background-image: url("../images/webp/main_bg.webp");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100% auto;
}

@keyframes zoom-in {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

@keyframes zoom-out {
  0% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoom-txt {
  0% {
		opacity: 0.5;
    transform: translateX(30%) scale(1.6);
    easing: ease-out;
  }
	10% {
		opacity: 1;
    transform: translateX(0) scale(1);
    easing: ease-in;
  }
  100% {
		opacity: 1;
    transform: translateX(0) scale(1);
    easing: ease-in;
  }
}

.main-img .swiper-slide-active .slide-img,
.main-img .swiper-slide-duplicate-active .slide-img,
.main-img .swiper-slide-prev .slide-img {
  animation: zoom-out 10s linear 0s 1 normal both;  
}
.main-img .swiper-slide-active .slide-text img,
.main-img .swiper-slide-duplicate-active .slide-text img,
.main-img .swiper-slide-prev .slide-text img {
  animation: zoom-txt 10s ease 0s 1 normal both;
}
.main-img .slide-img img {
  object-fit: cover;
	object-position: center;
  width: 100vw;
	height: 100vh;
}
.main-img .slide-text {
  content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 67.75%;
	transform: translateY(-50%) translateX(0);
}
.main-img .slide-text img {
	width: 100%;
}
.main-img a {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 40%;
}

@media screen and (min-width: 768px) and (max-width: 1270px){
.main-img {
	height: 60vh;
}
.main-img::after {
	height: 25px;
}
.main-txt01 {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 90%;
	height: 20vw;
	max-width: 1240px;
	max-height: 291px;
	z-index: 20;
}
.main-img .slide-img img {
  height: 60vh;
	object-position: 15% center;
}
.main-img .slide-text {
	width: 75%;
}
.main-bg01 {
	background-size: 150% auto;
}
}

@media screen and (min-width: 768px) and (max-width: 1270px) and (orientation : landscape) {
.main-img {
	position: relative;
	height: 100vh;
	overflow: hidden;
}
.main-img .slide-img img {
  object-fit: cover;
	object-position: center;
  width: 100vw;
	height: 100vh;
}
.main-img .slide-text img {
	width: 100%;
}
}

@media screen and (max-width: 767px){
.main-img {
	height: 168vw;
	/*　height: 195.897vw;　*/
}
.main-img .slide-img img {
	height: 168vw;
  /* height: 195.897vw; */
}
.main-img::before {
	height: 20vw;
}
.main-img::after {
	height: 0;
}
.main-img .slide-text {
	top: auto;
	bottom: 36vw;
	right: 0;
	width: 100%;
  -webkit-transform: none;
	transform: none;
}
.main-bg01 {
	background-size: 250% auto;
}
.main-txt01 {
	width: 100%;
	max-width: 1240px;
	height: 34.615vw;
	z-index: 20;
}
}

@media screen and (max-width: 767px) and (orientation : landscape) {
.main-img {
	height: 100vh;
}
.main-img .slide-img img{
  height: 100vh;
}
.main-img .slide-text {
  content: "";
	position: absolute;
	right: 0;
	top: 10%;
	width: 67.75%;
	transform: none;
}
.main-img .pc-tb {
	display: block !important;
}
.main-img .sp {
	display: none !important;
}
.main-bg01 {
	background-size: 100% auto;
}
.main-txt01 {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 62%;
	height: 14.55vw;
	max-width: 1240px;
	max-height: 291px;
	z-index: 20;
}
}



/*　　ページタイトルイメージ / パンクズ / ページナビ
-------------------------------------------------------*/
body.pdT-page {
	padding-top: 80px;
}
.page-image {
	position: relative;
	height: 22.5vw;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}
.page-title {
	position: absolute;
	top: 50%;
  left: calc(50% - 600px);
  -webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 2.4rem;
	font-weight: 700;
}
.page-title .page-title-en {
	display: block;
	font-size: 6rem;
	font-weight: 700;
	line-height: 1.2;
}
.page-title .page-title-en.line2 {
	line-height: 1.1;
	padding-bottom: 10px;
}
.pankuzu {
	/* background: #f7f8f9; */
}
.pankuzu ul {
	max-width: 1200px;
	margin: auto;
	padding: 10px 0;
}
.pankuzu ul li {
	padding: 6px 6px 6px 26px;
	font-size: 1.2rem;
	line-height: 1;
	color: #282828;
	background-image: url("../images/common/arrow_pankuzu.png");
	background-repeat: no-repeat;
	background-position: left 8px top 8px;
	background-size: 5px auto;
}
.pankuzu li:first-child {
	padding-left: 0;
	background-image: none;
}
.pankuzu li a {
	color: #1441c3;
}
.pankuzu li a:hover {
	color: #1a99e1;
	text-decoration: underline;
}


@media screen and (min-width: 768px) and (max-width: 1270px){
body.pdT-page {
	padding-top: 60px;
}
.page-image {
	height: 30vw;
	background-position: 40% center;
}
.page-title {
	left: 8%;
	font-size: 1.6rem;
}
.page-title .page-title-en {
	font-size: 3rem;
}
.pankuzu ul {
	max-width: none;
	margin: 0 5%;
}
}

@media screen and (max-width: 767px){
body.pdT-page {
	padding-top: 50px;
}
.page-image {
	height: 34vw;
	background-position: 40% center;
}
.page-title {
	left: 5%;
	font-size: 1.3rem;
}
.page-title .page-title-en {
	font-size: 2rem;
}
.pankuzu ul {
	max-width: none;
	margin: 0 5%;
}
.pankuzu ul {
	max-width: none;
	margin: 0 5.128%;
	padding: 5px 0;
}
}



/*　　Home
-------------------------------------------------------*/
.home-about {
	background-image: url("../images/pages/home_about_bg01.png"), url("../images/pages/home_about_bg02.png");
	background-repeat: no-repeat, no-repeat;
	background-position: right 1073px top 20px, right top 75px;
	background-size: 928px auto, 367px auto;
}
@media screen and (min-width: 2000px){
.home-about {
	background-position: left top 20px, right top 75px;
	background-size: 928px auto, 367px auto;
}
}
.home-about-img01 {
	border-radius: 50px;
}
.home-consulting {
	min-height: 549px;
	padding: 60px 0;
	background-image: url("../images/pages/home_consulting01.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.home-consulting-txt01 {
	width: 47.5%;
}
.home-training {
	min-height: 727px;
	padding: 145px 0;
	background-image: url("../images/pages/home_training_bg.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.home-training-txt01 {
	width: 47.5%;
	padding-right: 40px;
}
.home-training-img01 {
	width: calc(100% - 47.5%);
}
.home-other {
	position: relative;
}
.home-other-img01 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 47.5%;
	border-radius: 0 0 50px 0;
	overflow: hidden;
}
.home-other-img01 .trimming-box {
	height: 100%;
	padding-top: 0;
}
.home-other-txt01 {
	width: 47.5%;
	min-height: 533px;
	margin-left: auto;
}

@media screen and (min-width: 768px) and (max-width: 1270px){
.home-about {
	background-position: left -25% top 20px, right top 155px;
	background-size: 50% auto, 25% auto;
}
.home-about-img01 {
	border-radius: 30px;
	width: 50%;
}
.home-training {
	min-height: 0;
	padding: 100px 0;
	background-image: url("../images/pages/home_training_bg.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.home-training-txt01 {
	width: 60%;
	padding-right: 0;
}
.home-training-img01 {
	width: calc(100% - 60%);
}
.home-other-img01 {
	border-radius: 0 0 30px 0;
}
.home-other-txt01 {
	min-height: 0;
}
}

@media screen and (max-width: 767px){
.home-about {
	background-position: left -30vw top 60px, right -8vw top 60vw;
	background-size: 75% auto, 25% auto;
}
.home-about-img01 {
	border-radius: 20px;
	width: 70%;
}
.home-consulting {
	min-height: 0;
	padding: 55vw 0 0;
	background-image: url("../images/pages/home_consulting01.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 45vw;
}
.home-consulting-txt01 {
	width: 100%;
}
.home-training {
	min-height: 0;
	padding: 60px 0;
	background-image: url("../images/pages/home_training_bg.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.home-training-txt01 {
	width: 100%;
	padding-right: 0;
}
.home-other-img01 {
	position: relative;
	bottom: auto;
	width: 95%;
	border-radius: 0 0 20px 0;
	margin-bottom: 30px;
}
.home-other-img01 .trimming-box {
	height: auto;
	padding-top: 60%;
}
.home-other-txt01 {
	width: 100%;
	min-height: 0;
	margin: 0 auto 0;
}
}



/*　　お知らせ
-------------------------------------------------------*/
.news-box {
	margin-top: 70px;
	border-bottom: 1px solid #ccc;
}
.news-list {
	margin-top: 20px;
}
.news-list li {
	margin-top: 60px;
}
.news-list li a {
	display: block;
	color: #282828;
}
.news-list li a:hover {
	color: #282828;
	text-decoration: underline;
}
.news-list li a:hover img {
	opacity: 0.7;
}
.news-thumbnail {
	border-radius: 20px;
	overflow: hidden;
}
.news-list-date {
	margin-top: 15px;
	font-size: 1.4rem;
}
.news-list-txt01 {
	margin-top: 5px;
	font-weight: 700;
}
.news-detail-thumbnail {
	width: 200px;
	margin-right: 30px;
	border-radius: 20px;
	overflow: hidden;
}
.news-detail-txt {
	flex: 1;
}
.news-detail-img01 {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px dotted #ccc;
	text-align: center;
}
.news-detail-content ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 20px;
}
.news-detail-content ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 20px;
}
.news-detail-content blockquote {
	font-style: italic;
	font-size: 1.6rem;
}

@media screen and (min-width: 768px) and (max-width: 1270px){
.news-box {
	margin-top: 50px;
	border-bottom: 0;
}
.news-list li {
	margin-top: 30px;
}
.news-list-date {
	font-size: 1.2rem;
}
.news-list-txt01 {
	font-size: 1.2rem;
}
.news-detail-thumbnail {
	width: 160px;
	margin-right: 15px;
}
.news-detail-content blockquote {
	font-size: 1.4rem;
}
}

@media screen and (max-width: 767px){
.news-box {
	margin-top: 40px;
	border-bottom: 0;
}
.news-list {
	margin-top: 10px;
}
.news-list li {
	margin-top: 30px;
}
.news-list-date {
	font-size: 1.2rem;
}
.news-list-txt01 {
	font-size: 1.2rem;
}
.news-detail-thumbnail {
	width: 70%;
	margin: 0 auto 20px;
}
.news-detail-txt {
	width: 100%;
}
.news-detail-img01 {
	margin-top: 30px;
	padding-top: 30px;
}
.news-detail-content blockquote {
	font-size: 1.4rem;
}
}



/*　　home / 物流ソリューション
-------------------------------------------------------*/
.home-ls {
	position: relative;
	background-image: url("../images/pages/home_ls_bg01.png"), url("../images/pages/home_ls_bg02.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right top 980px;
	background-size: 42.7vw auto, 42.7vw auto;
}
.home-facilities-slide-bg {
	content: "";
	position: absolute;
	top: 9vw;
	left: 0;
	right: 0;
	height: 18vw;
	background: linear-gradient(to right, #2766b0, #80c7d2);
	overflow: hidden;
	z-index: -2;
}
.home-facilities-slide-txt {
	position: absolute;
	bottom: 3vw;
	right: calc(50% + 180px);
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	z-index: 10;
}
.home-facilities-slide-txt-en {
	position: absolute;
	bottom: -1.2vw;
	right: 3vw;
	font-size: 11vw;
	font-weight: 700;
	line-height: 1;
	color: #2766b0;
  background: linear-gradient(to right, #8bd5e1, #2766b0);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
	z-index: -1;
}
.home-facilities-slide {
	position: relative;
	padding-bottom: 7vw;
  overflow: hidden;
}
.home-facilities-slide .swiper {
  overflow: visible;
}
.home-facilities-slide .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}
.home-facilities-slide .swiper-slide {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.home-facilities-slide .slide {
  overflow: hidden;
  width: 18vw;
}
.home-facilities-slide .slide-img {
	position: relative;
	overflow: hidden;
	padding-top: 116.666%;
	background: #fff;
	/* 200 x 282px */
}
.home-facilities-slide .slide-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
a.swiper-slide {
	color: #282828;
}
a.swiper-slide:hover {
	color: #282828;
	text-decoration: underline;
}
a.swiper-slide:hover img {
	opacity: 0.7;
}
.swiper-button-prev,
.swiper-button-next {
  width: 50px;
	height: 50px;
	margin-top: 0;
}
.swiper-pagination {
	position: absolute;
	bottom: 0 !important;
}
.swiper-pagination-bullet {
  width: 12px;
  height: 8px;
	margin: 0 5px !important;
	border-radius: 0;
	background-color: #999;
}
.swiper-pagination-bullet-active {
  background-color: #18a1a0;
}
.home-facilities-slide .swiper-button-prev {
	top: auto;
	bottom: 0;
	left: calc(50% - 80px);
}
.home-facilities-slide .swiper-button-next {
	top: auto;
	bottom: 0;
	right: calc(50% - 80px);
}
.swiper-button-prev::after,
.swiper-button-next::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: rgba(51,51,51,0);
}
.swiper-button-prev::after {
  background-image: url("../images/common/arrow_03.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	transform: rotate(180deg);
}
.swiper-button-next::after {
  background-image: url("../images/common/arrow_03.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
}
.swiper-button-prev:hover::after,
.swiper-button-next:hover::after {
	opacity: 0.5;
}
.home-ls-cnt01-box {
	position: relative;
	margin-top: 120px;
}
.home-ls-img01 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 48.5%;
	min-height: 630px;
	border-radius: 0 0 50px 0;
	overflow: hidden;
}
.home-ls-img02 {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 48.5%;
	min-height: 630px;
	border-radius: 0 0 0 50px;
	overflow: hidden;
}
.home-ls-img01 .trimming-box,
.home-ls-img02 .trimming-box {
	height: 100%;
	padding-top: 0;
}
.home-ls-img01-txt-en {
	position: absolute;
	top: 40px;
	right: 40px;
	color: #fff;
	font-size: 6rem;
	font-weight: 700;
	line-height: 1;
	text-align: right;
}
.home-ls-img02-txt-en {
	position: absolute;
	top: 40px;
	left: 40px;
	color: #fff;
	font-size: 6rem;
	font-weight: 700;
	line-height: 1;
}
.home-ls-box01 {
	min-height: 630px;
	width: 47.5%;
	margin-left: auto;
}
.home-ls-box02 {
	min-height: 630px;
	width: 47.5%;
}

@media screen and (min-width: 768px) and (max-width: 1270px){
.home-ls {
	background-position: left top 5%, right top 44%, left bottom 20%;
	background-size: 50% auto, 50% auto, 50% auto;
}
.home-facilities-slide-txt {
	bottom: 2vw;
	right: 63%;
	font-size: 1.4rem;
}
.home-facilities-slide-bg {
	height: 22vw;
}
.home-facilities-slide .swiper {
  padding: 0 5% 0;
}
.home-facilities-slide .slide {
  width: 20vw;
}
.swiper-button-prev,
.swiper-button-next {
  width: 40px;
	height: 40px;
}
.home-facilities-slide .swiper-button-prev {
	left: calc(50% - 65px);
}
.home-facilities-slide .swiper-button-next {
	right: calc(50% - 65px);
}
.swiper-button-prev::after,
.swiper-button-next::after {
  width: 40px;
	height: 40px;
}
.home-facilities-slide .slide-txt {
  font-size: 1.2rem;
}
.home-ls-cnt01-box {
	margin-top: 80px;
}
.home-ls-img01 {
	position: relative;
	width: 95%;
	min-height: 0;
	border-radius: 0 0 30px 0;
}
.home-ls-img02 {
	position: relative;
	width: 95%;
	min-height: 0;
	border-radius: 0 0 0 30px;
	margin-left: auto;
}
.home-ls-img01 .trimming-box,
.home-ls-img02 .trimming-box {
	height: 100%;
	padding-top: 60%;
}
.home-ls-img01-txt-en {
	position: absolute;
	top: 30px;
	right: 30px;
	font-size: 4rem;
	text-align: right;
}
.home-ls-img02-txt-en {
	position: absolute;
	top: 30px;
	left: 30px;
	font-size: 4rem;
}
.home-ls-box01 {
	min-height: 0;
	width: 80%;
	margin: 30px auto 0;
}
.home-ls-box02 {
	min-height: 0;
	width: 80%;
	margin: 30px auto 0;
}
}

@media screen and (max-width: 767px){
.home-ls {
	position: relative;
	background-image: none;
}
.home-ls::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url("../images/pages/home_ls_bg01.png"), url("../images/pages/home_ls_bg02.png");
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: left top 150px, right bottom;
	background-size: 165% auto, 165% auto;
	opacity: 0.2;
	z-index: -2;
}
.home-facilities-slide-bg {
	height: 44vw;
}
.home-facilities-slide-txt {
	bottom: 0;
	right: auto;
	left: 5%;
	color: #fff;
	font-size: 1.2rem;
}
.home-facilities-slide {
	margin-top: 30px;
	padding-bottom: 8.5vw;
}
.home-facilities-slide .swiper {
  padding: 0 8% 0;
}
.home-facilities-slide .slide {
  width: 36vw;
}
.swiper-button-prev,
.swiper-button-next {
  width: 30px;
	height: 30px;
}
.home-facilities-slide .swiper-button-prev {
	left: calc(50% - 50px);
}
.home-facilities-slide .swiper-button-next {
	right: calc(50% - 50px);
}
.swiper-button-prev::after,
.swiper-button-next::after {
  width: 30px;
	height: 30px;
}
.home-facilities-slide .slide-txt {
  font-size: 1.2rem;
}

.home-ls-cnt01-box {
	margin-top: 60px;
}
.home-ls-img01 {
	position: relative;
	width: 95%;
	min-height: 0;
	border-radius: 0 0 20px 0;
}
.home-ls-img02 {
	position: relative;
	width: 95%;
	min-height: 0;
	border-radius: 0 0 0 20px;
	margin-left: auto;
}
.home-ls-img01 .trimming-box,
.home-ls-img02 .trimming-box {
	height: 100%;
	padding-top: 60%;
}
.home-ls-img01-txt-en {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 2.4rem;
	text-align: right;
}
.home-ls-img02-txt-en {
	position: absolute;
	top: 15px;
	left: 15px;
	font-size: 2.4rem;
}
.home-ls-box01 {
	min-height: 0;
	width: 100%;
	margin: 30px auto 0;
}
.home-ls-box02 {
	min-height: 0;
	width: 100%;
	margin: 30px auto 0;
}
}



/*　	業務内容 index
-------------------------------------------------------*/
.business-index {
	padding: 0 0 120px;
	background-image: url("../images/pages/business_bg01.png"), url("../images/pages/business_bg02.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right bottom 60px;
	background-size: auto, 15% auto;
}
.business-index-img01 {
	border-radius: 50px 0 50px 0;
	overflow: hidden;
}
.business-index-txt01 {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.4;
}
.business-index-txt01-num {
	color: #2766b0;
	font-size: 2.4rem;
}
.business-index-txt02 {
	color: #2766b0;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1;
}


@media screen and (min-width: 768px) and (max-width: 1270px){
.business-index {
	padding: 0 0 100px;
	background-size: 60%, 20%;
}
.business-index-img01 {
	border-radius: 30px 0 30px 0;
}
.business-index-txt01 {
	font-size: 1.4rem;
}
.business-index-txt01-num {
	font-size: 2rem;
}
.business-index-txt02 {
	font-size: 2.4rem;
}
}

@media screen and (max-width: 767px){
.business-index {
	padding: 0 0 60px;
	background-image: none;
}
.business-index-img01 {
	border-radius: 30px 0 30px 0;
}
.business-index-txt01 {
	font-size: 1.4rem;
}
.business-index-txt01-num {
	font-size: 2rem;
}
.business-index-txt02 {
	font-size: 2.4rem;
}
}



/*　 調達物流・生産物流・販売物流
-------------------------------------------------------*/
.logistics-bg {
	position: relative;
}
.logistics-bg::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url("../images/pages/home_ls_bg01.png"), url("../images/pages/home_ls_bg02.png"),url("../images/pages/home_ls_bg01.png"),url("../images/pages/home_ls_bg02.png"), url("../images/pages/home_ls_bg01.png");
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: left top -12%, right top 24%, left top 38%, right top 74%, left top 88%;
	background-size: 42.7vw auto, 42.7vw auto, 42.7vw auto, 42.7vw auto, 42.7vw auto;
	z-index: -3;
}
.logistics-cnt01 {
	position: relative;
	min-height: 550px;
}
.logistics-cnt01-img01 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 48.5%;
}
.logistics-cnt01-img01::after {
	content: "";
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: 0;
	right: -1px;
	background-image: url("../images/pages/consulting-cnt01-img01-mask.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 100%;
}
.logistics-cnt01-txt01 {
	padding-bottom: 240px;
}
.logistics-cnt01-txt01-en {
	position: absolute;
	bottom: 20px;
	right: calc(50% - 600px);
	color: #e5e8ef;
	font-size: 18rem;
	font-weight: 700;
	line-height: 1;
}
.logistics-cnt02-box01 {
	background-color: #e5e8ef;
	padding: 8px;
}
.logistics-cnt02-img01 {
	width: 37.5%;
}
.logistics-cnt02-txt01 {
	flex: 1;
	padding: 0 20px;
}
.logistics-cnt02-txt01 span {
	display: block;
	margin-top: 5px;
	padding-top: 10px;
	border-top: 1px solid #b9beca;
}
.logistics-cnt01-txt01-en {
	position: absolute;
	bottom: 20px;
	right: calc(50% - 600px);
	color: #e5e8ef;
	font-size: 10rem;
	font-weight: 700;
	line-height: 1;
	text-align: right;
}
.logistics-point {
	display: inline-block;
	width: 100px;
	padding: 2px 0 5px;
	margin-right: 15px;
	color: #fff;
	line-height: 1.4;
	text-align: center;
	background: #ff9900;
}
.logistics-assignment {
	position: relative;
	padding: 30px;
}
.logistics-assignment::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #f7f8f9;
	z-index: -2;
}
.logistics-assignment::after {
	content: "";
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	border: 1px solid #d4dade;
	z-index: -1;
}

@media screen and (min-width: 768px) and (max-width: 1270px){
.logistics-bg::before {
	background-position: left top -2%, right top 29%, left top 38%, right top 69%, left top 79%;
	background-size: 40% auto, 40vw auto, 40% auto, 40% auto, 40% auto;
}
.logistics-cnt01 {
	min-height: 0;
}
.logistics-cnt01-txt01 {
	padding-bottom: 0;
}
.logistics-cnt01-txt01-en {
	display: none;
}
.logistics-cnt02-txt01 {
	padding: 0 10px;
}
}

@media screen and (max-width: 767px){
.logistics-bg::before {
	background-image: none;
}
.logistics-cnt01 {
	min-height: 0;
	padding-bottom: 5vw;
}
.logistics-cnt01-img01 {
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	width: 95%;
	height: 45vw;
	margin-top: 30px;
}
.logistics-cnt01-txt01 {
	padding-bottom: 0;
}
.logistics-cnt01-txt01-en {
	bottom: 0;
	right: 5%;
	font-size: 10vw;
}
}



/*　 コンサルティング 物流業務の教育 その他の事業
-------------------------------------------------------*/
.business-bg01 {
	background-image: url("../images/pages/business_bg01.png"), url("../images/pages/business_bg02.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right bottom 60px;
	background-size: auto, 15% auto;
}
.consulting-cnt01 {
	position: relative;
	min-height: 610px;
}
.consulting-cnt01-img01 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 48.5%;
}
.consulting-cnt01-img01::after {
	content: "";
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: 0;
	right: -1px;
	background-image: url("../images/pages/consulting-cnt01-img01-mask.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 100%;
}
.consulting-cnt01-txt01 {
	padding-bottom: 240px;
}
.consulting-cnt01-txt01-en {
	position: absolute;
	bottom: 20px;
	right: calc(50% - 600px);
	color: #e5e8ef;
	font-size: 18rem;
	font-weight: 700;
	line-height: 1;
}
.consulting-cnt02-box01 {
	background-color: #e5e8ef;
	padding: 8px;
}
.consulting-cnt02-img01 {
	width: 37.5%;
}
.consulting-cnt02-txt01 {
	flex: 1;
	padding: 0 20px;
}
.consulting-cnt02-txt01 span {
	display: block;
	margin-top: 5px;
	padding-top: 10px;
	border-top: 1px solid #b9beca;
}

@media screen and (min-width: 768px) and (max-width: 1270px){
.consulting-cnt01 {
	min-height: 0;
}
.business-bg01 {
	background-size: 43%, 15%;
}
.consulting-cnt01-txt01 {
	padding-bottom: 0;
}
.consulting-cnt01-txt01-en {
	display: none;
}
.consulting-cnt02-txt01 {
	padding: 0 10px;
}
}

@media screen and (max-width: 767px){
.business-bg01 {
	background-image: none;
}
.consulting-cnt01 {
	min-height: 0;
	padding-bottom: 5vw;
}
.consulting-cnt01-img01 {
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	width: 95%;
	height: 55vw;
	margin-top: 30px;
}
.consulting-cnt01-txt01 {
	padding-bottom: 0;
}
.consulting-cnt01-txt01-en {
	bottom: 0;
	right: 5%;
	font-size: 10vw;
}
}



/*　　施設・設備
-------------------------------------------------------*/
.facilities01 {
	position: relative;
	padding: 0 0 120px;
	background-image: url("../images/pages/facilities_bg01.png"), url("../images/pages/facilities_bg02.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right bottom 60px;
	background-size: auto, 15% auto;
}
.facilities01-slide,
.facilities02-slide {
	position: relative;
  overflow: hidden;
}
.facilities01-slide .swiper,
.facilities02-slide .swiper {
  padding-bottom: 100px;
  overflow: visible;
	/* max-width: 1200px; */
	margin: 0 auto;
	/* pagination 表示の場合
	padding-bottom: 35px;
	*/
}
.facilities01-slide .slide,
.facilities02-slide .slide{
  overflow: hidden;
  /*
	-webkit-transition: var(--transition), opacity 1s;
  transition: var(--transition), opacity 1s;
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
	*/
}
a.swiper-slide {
	color: #282828;
}
a.swiper-slide:hover {
	color: #282828;
	text-decoration: underline;
}
a.swiper-slide:hover img {
	opacity: 0.7;
}
.facilities01-slide .slide-img,
.facilities02-slide .slide-img {
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
	background: #fff;
	/* 200 x 282px */
}
.facilities01-slide .slide-img img,
.facilities02-slide .slide-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
/* スライダーのはみだし部分　*/
.facilities01-slide .swiper-slide:not(.swiper-slide-visible) .slide,
.facilities02-slide .swiper-slide:not(.swiper-slide-visible) .slide {
  /* pointer-events: none; */
  opacity: 1;
}
.facilities01-slide .slide-txt,
.facilities02-slide .slide-txt {
  padding: 10px 0 0;
	line-height: 1.6;
}
.swiper-button-prev,
.swiper-button-next {
  width: 50px;
	height: 50px;
	margin-top: 0;
}
.swiper-pagination {
	position: absolute;
	bottom: 0 !important;
}
.swiper-pagination-bullet {
  width: 12px;
  height: 8px;
	margin: 0 5px !important;
	border-radius: 0;
	background-color: #999;
}
.swiper-pagination-bullet-active {
  background-color: #18a1a0;
}
.facilities01-slide .swiper-button-prev,
.facilities02-slide .swiper-button-prev {
	top: auto;
	bottom: 0;
	left: calc(50% - 80px);
}
.facilities01-slide .swiper-button-next,
.facilities02-slide .swiper-button-next {
	top: auto;
	bottom: 0;
	right: calc(50% - 80px);
}
.swiper-button-prev::after,
.swiper-button-next::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: rgba(51,51,51,0);
}
.swiper-button-prev::after {
  background-image: url("../images/common/arrow_03.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	transform: rotate(180deg);
}
.swiper-button-next::after {
  background-image: url("../images/common/arrow_03.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
}
.swiper-button-prev:hover::after,
.swiper-button-next:hover::after {
	opacity: 0.5;
}
.facilities01-txt01 {
	
}
.facilities-list li {
	margin-top: 60px;
}
.facilities-list .trimming-box {
	border-radius: 0;
	overflow: hidden;
}


@media screen and (min-width: 768px) and (max-width: 1270px){
.facilities01 {
	padding: 0 0 100px;
	background-size: 43%, 15%;
}
.facilities01-slide .swiper,
.facilities02-slide .swiper {
  padding-bottom: 70px;
}
.swiper-button-prev,
.swiper-button-next {
  width: 40px;
	height: 40px;
}
.facilities01-slide .swiper-button-prev,
.facilities02-slide .swiper-button-prev {
	left: calc(50% - 65px);
}
.facilities01-slide .swiper-button-next,
.facilities02-slide .swiper-button-next {
	right: calc(50% - 65px);
}
.swiper-button-prev::after,
.swiper-button-next::after {
  width: 40px;
	height: 40px;
}
.facilities01-slide .slide-txt,
.facilities02-slide .slide-txt {
  font-size: 1.2rem;
}
.facilities-list li {
	margin-top: 50px;
}
}

@media screen and (max-width: 767px){
.facilities01 {
	padding: 0 0 60px;
	background-image: none;
}
.facilities01-slide .swiper,
.facilities02-slide .swiper {
  padding-bottom: 50px;
}
.swiper-button-prev,
.swiper-button-next {
  width: 30px;
	height: 30px;
}
.facilities01-slide .swiper-button-prev,
.facilities02-slide .swiper-button-prev {
	left: calc(50% - 50px);
}
.facilities01-slide .swiper-button-next,
.facilities02-slide .swiper-button-next {
	right: calc(50% - 50px);
}
.swiper-button-prev::after,
.swiper-button-next::after {
  width: 30px;
	height: 30px;
}
.facilities01-slide .slide-txt,
.facilities02-slide .slide-txt {
  font-size: 1.2rem;
}
.facilities-list li {
	margin-top: 30px;
}
}



/*　	会社案内
-------------------------------------------------------*/
.company-greetings-img01 {
	width: 30%;
	margin-left: 5%;
}
.company-greetings-txt01 {
	font-size: 3.8rem;
	font-weight: 700;
	line-height: 1.2;
}
.company-greetings-txt02 {
	font-size: 4.8rem;
	font-weight: 700;
	line-height: 1.2;
}
.company-profile {
	background-image: url("../images/pages/home_about_bg01.png"), url("../images/pages/home_about_bg02.png");
	background-repeat: no-repeat, no-repeat;
	background-position: right 1373px top 20px, right top 75px;
	background-size: 928px auto, 367px auto;
}
@media screen and (min-width: 2000px){
.company-profile {
	background-position: left -300px top 20px, right top 75px;
	background-size: 928px auto, 367px auto;
}
}
.company-profile-img01 {
	border-radius: 50px 0 50px 0;
	overflow: hidden;
}
.company-accessmap-box01 {
	position: relative;
	padding-bottom: 30px;
	border-bottom: 1px solid #dedede;
}
.company-accessmap-box02 {
	position: relative;
	padding: 60px 0;
	
}
.company-accessmap-box02::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #f7f8f9;
	z-index: -2;
}
.company-accessmap-img01 {
	width: 250px;
	margin-right: 5%;
	padding: 0 50px;
	text-align: center;
}
.company-accessmap {
	height: 500px;
	padding: 10px;
	border: 1px solid #dedede;
	background: #fff;
}
.company-accessmap iframe {
	width: 100%;
	height: 100%;
}
.company-accessmap-txt01 {
	position: absolute;
	top: -3vw;
	left: 0;
	right: 0;
	color: #fff;
	font-size: 12vw;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	z-index: -1;
}
.company-accessmap-txt02 {
	position: absolute;
	top: -7vw;
	left: 0;
	right: 0;
	color: #f7f8f9;
	font-size: 12vw;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	z-index: -1;
}

@media screen and (min-width: 768px) and (max-width: 1270px){
.company-greetings-img01 {
	width: 35%;
}
.company-greetings-txt01 {
	font-size: 2.4rem;
}
.company-greetings-txt02 {
	font-size: 3.4rem;
}
.company-profile {
	background-position: left -25% top 20px, right top 235px;
	background-size: 50% auto, 25% auto;
}
.company-profile-img01 {
	border-radius: 30px 0 30px 0;
}
.company-accessmap-box02 {
	padding: 50px 0;
}
.company-accessmap-img01 {
	width: 200px;
	padding: 0 30px;
}
.company-accessmap-txt01 {
	top: -3vw;
	font-size: 15vw;

}
.company-accessmap-txt02 {
	top: -12vw;
	font-size: 15vw;
}
}

@media screen and (max-width: 767px){
.company-greetings-img01 {
	width: 35%;
}
.company-greetings-txt01 {
	font-size: 1.8rem;
}
.company-greetings-txt02 {
	font-size: 2.8rem;
}
.company-profile {
	background-position: left -30vw top 80px, right -8vw top 60vw;
	background-size: 80% auto, 25% auto;
}
.company-profile-img01 {
	border-radius: 20px 0 20px 0;
}
.company-accessmap-box02 {
	padding: 40px 0;
}
.company-accessmap-img01 {
	width: 100%;
	padding: 0 25% 30px;
}
.company-accessmap-txt01,
.company-accessmap-txt02 {
	display: none;
}
}



/*　　お問い合わせフォーム
-------------------------------------------------------*/
.privacy-box {
	width: 100%;
	height: 200px;
  padding: 10px;
  border: 1px solid #ccc;
}
.icon-required {
	display: inline-block;
	font-size: 12px; font-size: 1.2rem;
  font-weight: 400;
	line-height: 1.5;
	margin-right: 10px;
	padding: 2px 8px 2px;
	background-color: #cf1126;
	color: #fff;
	vertical-align:middle;
	border-radius: 3px;
}
.form-initialize {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
}
.contactForm {
}
.contactForm th,
.contactForm td {
	font-size: 1.6rem;
}
.confirm-box .confirm-text {
	display: none;
}
.contactForm input {
	padding: 10px;
	font-size: 1.6rem;
	vertical-align:middle;
	border: 1px solid #ccc;
}
.required-bgcolor {
	background-color: #fff7f7;
}
.contactForm input[type="radio"] {
	vertical-align: baseline;
}
.contactForm input[type="file"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border: 0;
	padding: 0;
}
.contactForm .select-menu {
	height: 40px;
	font-size: 1.6rem;
	line-height:1.6;
	padding: 3px;
	border: 1px solid #ccc;
	background: #fff;
}
.contactForm textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  padding: 10px;
  font-family: "Zen Kaku Gothic New", serif;
  font-size: 16px; font-size: 1.6rem;
  border: 1px solid #ccc;
	border-radius: 0;
}
.contactForm .label-check {
	display: inline-block;
	cursor: pointer;
}
.contactForm .btn-box {
	padding-top: 50px;
	text-align: center;
}
.contactForm .btn-send {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	font-size: 2.4rem;
	font-weight: 700;
	font-family: "Zen Kaku Gothic New", serif;
	padding: 22px;
	width: 720px;
	margin: 20px auto 0;
	cursor: pointer;
	color: #fff;
	border: 0;
	background: url("../images/common/arrow_01.png"), linear-gradient(to right, #65c7ff, #5186fd);
	background-repeat: no-repeat, no-repeat;
	background-position: right 12px center, center;
	background-size: 6px auto, 100%;
	transition-duration: 0.2s;
}
.contactForm .btn-send:hover {
  color: #fff;
	background: url("../images/common/arrow_01.png"), linear-gradient(to right, #49fbfd, #0854ff);
	background-repeat: no-repeat, no-repeat;
	background-position: right 12px center, center;
	background-size: 6px auto, 100%;
	transform: scale(1.05);
}
.contactForm .btn-modify {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	font-weight: 700;
	font-size: 2.4rem;
	font-family: "Zen Kaku Gothic New", serif;
	padding: 22px;
	width: 720px;
	margin: 30px auto 0;
	cursor: pointer;
	color: #fff;
	border: 0;
	background-color: #444;
	transition-duration: 0.2s;
}
.contactForm .btn-modify:hover {
  color: #fff;
	background-color: #999;
	transform: scale(1.05);
}
#form-error-message {
	padding: 20px;
	font-weight: bold;
	color: #fff;
	background: #cc0000;
	text-align: center;
	margin: 20px 0;
}

@media screen and (min-width: 768px) and (max-width: 1270px){
.contactForm .btn-box {
	padding-top: 20px;
}
.contactForm .btn-send,
.contactForm .btn-modify {
	width: 70%;
	padding: 20px;
	font-size: 1.6rem;
}
}

@media screen and (max-width: 767px){
.privacy-box {
  padding: 10px;
}
.contactForm .btn-box {
	padding-top: 10px;
}
.contactForm .btn-send {
	padding: 20px;
	width: 90%;
	font-size: 1.6rem;
}
.contactForm .btn-modify {
	padding: 20px;
	width: 90%;
	font-size: 1.6rem;
}
}



/*　ページャー
-------------------------------------------------------*/
.pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  display: block;
  padding: 10px 18px;
  margin-right: 8px;
  margin-top: 10px;
  line-height: 1.4;
  font-family: 'Barlow', sans-serif;
  color: #333;
  text-decoration: none;
  background: #e6eaed;
  transition-duration: 0.2s;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 3;
  color: #fff;
  background: #afb5b9;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  font-weight: bold;
  background: #444;
}

@media screen and (min-width: 768px) and (max-width: 1270px){
.pagination {
}
.pagination > li > a,
.pagination > li > span {
  padding: 6px 12px;
}
}

@media screen and (max-width: 767px){
.pagination {
}
.pagination > li > a,
.pagination > li > span {
  padding: 6px 12px;
}
}