@charset "utf-8";


/*************ローディング画面*************/
@-webkit-keyframes load1 {
	0%  {-webkit-transform: rotate(0deg);}
	100%  {-webkit-transform: rotate(360deg);}
}
@-ms-keyframes load1 {
	0%  {-ms-transform: rotate(0deg);}
	100%  {-ms-transform: rotate(360deg);}
}
@-moz-keyframes load1 {
	0%  {-moz-transform: rotate(0deg);}
	100%  {-moz-transform: rotate(360deg);}
}
@keyframes load1 {
	0%  {transform: rotate(0deg);}
	100%  {transform: rotate(360deg);}
}

@-webkit-keyframes load2 {
	0%  {opacity: 0}
	100%  {opacity: 1;}
}
@-ms-keyframes load2 {
	0%  {opacity: 0}
	100%  {opacity: 1;}
}
@-moz-keyframes load2 {
	0%  {opacity: 0}
	100%  {opacity: 1;}
}
@keyframes load2 {
	0%  {opacity: 0}
	100%  {opacity: 1;}
}
/*ローディング画面*/
html{
	overflow-y:scroll;
}
/* ローディングの背景部分のCSS */
.loader{
	background:#fff;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:6000;
}


/*トップページ　メインイメージ　コメント*/
@keyframes fadein-ttl {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/*トップページ　スクロールアニメーション*/
@keyframes sdb2 {
  0% { transform: translate(0, -10px); opacity: 0; }
  20% { opacity: 1; }
  50% {  }
  100% { transform: translate(0, 40px); opacity: 0; }
}


/*運送業務　トラックのアニメーション　左から*/
@keyframes slidein {
	100% {
		left: 120%;
	}
}
@-ms-keyframes slidein {
	100% {
		left: 120%;
	}
}
@-webkit-keyframes slidein {
	100% {
		left: 120%;
	}
}
@-moz-keyframes slidein {
	100% {
		left: 120%;
	}
}

/*運送業務　トラックのアニメーション　右から*/
@keyframes slidein-r {
	100% {
		right: 120%;
	}
}
@-ms-keyframes slidein-r {
	100% {
		right: 120%;
	}
}
@-webkit-keyframes slidein-r {
	100% {
		right: 120%;
	}
}
@-moz-keyframes slidein-r {
	100% {
		right: 120%;
	}
}

@media screen and (min-width: 1001px) ,print {
/*************************************
* 共通
*************************************/
.dsp-no-pc { display: none !important; }
main {  }
.content-inner { width: 95%; margin: auto; padding: 0; max-width: 1400px; height: 100%; }
section { padding-top: 6rem;  display: block; }
section:last-child { margin-bottom: 6rem; }
.detail-inner { margin: 0; padding: 0; width: 100%; height: 100%; }
#pagetop { position: fixed; width: 45px; height: 30px; bottom: 30px; right: 20px; z-index: 500; }
#pagetop a:before {
	font-family: FontAwesome;
	content: '\f077';
	color: #1a853b;
	font-size: 45px;
	padding: 1px;
	display: inline-block;
}
.font-s { font-size: 0.8rem; }
.tel { pointer-events: none; }
hr.hr-01 { border-bottom: 1px solid #dddddd; border-top: none; margin: 6rem auto 0 auto; width: 95%; max-width: 1400px; }
/*フェードイン*/
.effect {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  opacity: 0;
  transform: translateX(-50px);
}
.effect-u {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  opacity: 0;
  transform: translateY(50px);
}
.effect-o {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  opacity: 0;
}
.fadein { opacity: 1; transform: translateX(0px); }
/*ぱんくず*/
.pankuzu-area { background-color: #f2f2f2; padding: 5px 0 5px 0; text-align: right; font-size: 0.7rem; }
.pankuzu-area ul, .pankuzu-area ul li { list-style: none; padding: 0; margin: 0; }
.pankuzu-area ul li { display: inline-block; }
/* ローディングのアニメーション部分のCSS */
.loader-animation {
	width: 100%;
	position: absolute;
	height: 100%;
	background-image: url("../img/parts/logo-loading.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 130px;
	-webkit-animation:load2 3s ease-in-out 1;
	animation:load2 3s ease-in-out 1;  
	animation-fill-mode: forwards;
}
/*************************************
* 見出し
*************************************/
.page-h2-area { width: 100%; text-align: center; }
.page-h2-img {
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
h2.h2-01 {
	display: inline-block;
	text-align: center;
	padding: 30px 50px 30px 50px;
	background-color: rgba(26,133,59,0.7);
	color: #fff;
	font-size: 2rem;
	font-family: TelopMinPro-B;
	margin: 80px auto 80px auto;
}
.h2-02-area { background-color: #1a853b; text-align: center; }
h2.h2-02 { color: #fff; font-size: 2.3rem; letter-spacing: 0.1em; font-family: TelopMinPro-B; padding: 40px 0 40px 0; }
.h3-01-area { margin: auto; text-align: center; margin-bottom: 3rem; }
h3.h3-01 {
	font-family: TelopMinPro-B;
	font-size: 1.8rem;
	padding: 0 75px 0 75px;
	background-image: url("../img/parts/pts-h3.png"),url("../img/parts/pts-h3.svg");
	background-position: left center, right center;
	background-repeat: no-repeat;
	background-size: 50px 4px;
	display: inline-block;
	text-align: center;
}
h3.h3-02 {
	padding: 40px 30px 40px 30px;
	border-top: 3px solid #1a853b;
	border-bottom: 3px solid #1a853b;
	display: inline-block;
	font-size: 1.8rem;
	font-family: TelopMinPro-B;
	line-height: 3rem;
}
h3.h3-03 { font-family: TelopMinPro-B; font-size: 1.8rem; line-height: 3rem; margin-bottom: 1.8rem; }
h4.h4-01 {
	font-size: 1.2rem;
	font-weight: 800;
	padding-left: 30px;
	padding-top: 2px;
	background-image: url("../img/parts/pts-h4.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
	min-height: 25px;
	margin-bottom: 1.3rem;
}
h5.h5-01 { padding-left: 10px; border-left: 5px solid #1a853b; line-height: 1.3rem; margin-bottom: 0.5rem; font-weight: 800; }
h5.h5-02 { margin-top: 0.8rem; }
/*************************************
* テーブル
*************************************/
.table-01 { width: 100%; border-collapse: collapse; }
.table-01 th, .table-01 td  { padding: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.table-01 .tb-bold { font-weight: bold }
/*----------------------------------------------------
  .demo01
----------------------------------------------------*/
.demo01 th  { width: 30%; text-align: left; }

/*************************************
* リスト
*************************************/
ul.list-01, ul.list-01 li { list-style: none; } 
ul.list-01 li { padding-left: 1.2em; text-indent: -1.2em; }
ul.list-01 li:before {
	font-family: FontAwesome;
	content: '\f111';
	color: #1a853b;
	margin-right: 0.3em;
}
/*************************************
* ボタン
*************************************/
.btn-01 {
	position: relative;
	border: 2px solid #1a853b;
	color: #1a853b;
	padding: 5px 25px 5px 25px;
	display: inline-block;
	margin-top: 1.5rem;
	border-radius: 8px;
	vertical-align: middle;
	font-weight: 800;
}
.btn-01:after {
	font-family: FontAwesome;
	font-size: 1.3rem;
	content: '\f105';
	color: #1a853b;
	margin-left: 0.7em;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.btn-01:hover {  opacity: 1; background-color: #1a853b; color: #fff; }
.btn-01:hover:after {
	color: #fff;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.btn-02 {
	position: relative;
	color: #333333;
	font-weight: 800;
	font-size: 0.8rem;
	display: inline-block;
	vertical-align: middle;
}
.btn-02:before{
	font-family: FontAwesome;
	font-size: 1.3rem;
	content: '\f105';
	color: #1a853b;
	margin-right: 0.4em;
	display: inline-block;
	vertical-align: middle;
}
.btn-02:hover { opacity: 1; color: #b2b2b2; }
/*************************************
* header
*************************************/
#header-top { background-color: #fff; position: relative; z-index: 1000; }
.header-main { border-top: 10px solid #1a853b; }
.h-main-area { text-align: center; }
.h-ttl-area { text-align: center; }
.h-ttl { display: inline-block; padding: 13px 10px 0 10px; width: 220px; }
.h-ttl h1 { display: none; }
.h-ttl img { width: 220px; }
.h-menu { display: inline-block; }
.h-menu ul, .h-menu ul li { list-style: none; }
.h-menu ul li { display: inline-block; vertical-align: middle; text-align: center; }
.h-menu ul li a { padding: 20px 15px 20px 15px; display: block; font-size: 0.9rem; font-weight: 800; }
.h-menu ul li a:hover { opacity: 1; color: #b2b2b2; }
body.news .h-menu a.news,
body.philosophy .h-menu a.philosophy,
body.unsou .h-menu a.unsou,
body.souko .h-menu a.souko,
body.recruit .h-menu a.recruit,
body.company .h-menu a.company,
body.contact .h-menu a.contact
{ color: #1a853b; }
/*************************************
* footer
*************************************/
.f-navi-area { border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; text-align: center; }
ul.f-navi, ul.f-navi li { list-style: none; padding: 0; margin: 0; }
ul.f-navi li { display: inline-block; }
ul.f-navi li a { padding: 10px; display: block; font-weight: 800; font-size: 0.9rem; }
ul.f-navi li a:hover { opacity: 1; color: #b2b2b2; }
body.home .f-navi a.home,
body.news .f-navi a.news,
body.philosophy .f-navi a.philosophy,
body.unsou .f-navi a.unsou,
body.souko .f-navi a.souko,
body.recruit .f-navi a.recruit,
body.company .f-navi a.company,
body.contact .f-navi a.contact
{ color: #b2b2b2; }
.f-menu-area { padding: 1.3rem 0 2.5rem 0; }
.f-left { width: 70%; float: left; }
.f-right { width: 25%; float: right; text-align: right; }
.f-add { float: left; margin-right: 60px; }
.f-add .f-add-logo { height: 36.5px; }
.f-add img { width: 200px; margin-bottom: 1rem; height: 36.5px; display: block }
a.f-tel { font-weight: bold; font-size: 1.1rem; margin-bottom: 0.3rem; display: block; }
a.f-tel:hover { opacity: 1; }
a.f-tel span.tel-d {
	font-size: 0.8rem;
	color: #fff;
	background-color: #333333;
	border-radius: 5px;
	padding: 3px 5px 3px 5px;
	margin-right: 5px;
}
.f-copy { text-align: center; font-size: 11px; color: #b2b2b2; padding: 5px; }
/*************************************
* トップページ
*************************************/
/*スライド*/
section#home-slide { padding-top: 0; }
.top-slide-area { width: 100%; height: 100%; position: relative; }
.top-slide {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 150px;
}
.top-slide p { text-indent: -9999px; width: 100%; }
.top-slide-h2 {
	text-indent: -9999px;
	background-image: url("../img/top/slide-logo.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 500px 500px;
	position: absolute;
	right: -40px;
	bottom: 100px;
	display: block;
	width: 500px;
	height: 500px;
	animation-name: fadein-ttl;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	animation-delay: 2s;
	animation-fill-mode: forwards;
	opacity: 0;
}
.maincomment {
	animation-name: fadein-ttl;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	animation-delay: 3s;
	animation-fill-mode: forwards;
	opacity: 0;
}
.maincomment-01, .maincomment-02 {
	position: absolute;
	top: 100px;
	z-index: 30;
	max-width: 53px;
}
.maincomment-01 img, .maincomment-02 img { max-width: 53px; }
.maincomment-01 { right: 60px; }
.maincomment-02 { right: 130px; }
.scroll-wheel:after {
	position: absolute;
	bottom: 60px;
	left: 50%;
	margin-left: -26.5px;
	font-family: FontAwesome;
	content: '\f107';
	color: #fff;
	font-size: 80px;
	padding: 1px;
	display: inline-block;
	z-index: 12;
	animation: sdb2 3.5s infinite;
}
/*メニュー*/
section#top-menu { padding-top: 0; }
.link-area {
	height: 350px;
	width: 100%;
	position: relative;
	overflow: hidden;
	font-family: TelopMinPro-B;
}
.link-area:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.link-philosophy:after { background-image: url("../img/top/01-01.jpg"); }
.link-unsou:after { background-image: url("../img/top/01-02.jpg"); }
.link-souko:after { background-image: url("../img/top/01-03.jpg"); }
.link-txt-area {
	width: 35%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(26,133,59,0.9);
	padding: 0 2.5% 0 2.5%;
	color: #fff;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	z-index: 13;
}
.link-unsou .link-txt-area { left: auto; right: 0; }
.link-txt-area:after {
	font-family: FontAwesome;
	content: '\f105';
	color: #fff;
	font-size: 50px;
	padding: 1px;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -20px
}
.link-txt-inner { position: absolute; top: 50%; margin-top: -75px; }
.top-h3 span.link-txt-sub { display: inline-block; padding-bottom: 5px; border-bottom: 1px solid #fff; letter-spacing: 0.1em; }
.top-h3 span.link-txt-main { display: block; font-size: 2rem; margin-top: 2rem; margin-bottom: 1.5rem; letter-spacing: 0.1em; }
a.link-area-link:hover .link-area:after {
	-moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
a.link-area-link:hover .link-txt-area { background-color: rgba(0,0,0,0.7); }
/*新着情報*/
.top-newslist { font-size: 0; }
.top-newsdetail {
	display: inline-block;
	font-size: 1rem;
	width: 45%;
	padding: 15px 1% 15px 1%;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	position: relative;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.top-newsdetail:hover {
	background-color: #f8f8f8;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.top-newsdetail:after {
	font-family: FontAwesome;
	content: '\f105';
	color: #dddddd;
	font-size: 25px;
	padding: 1px;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -15px;
}
.top-newsdetail:nth-child(odd) { margin-right: 6%; }
.newsdetail-img { width: 30%; float: left }
.newsdetail-txt { width: 63%; float: left; margin-left: 3%; }
.top-newsdetail a { position: absolute; height: 100%; width: 100%; left: 0; top: 0; }
/*blog共通*/
.category  {
	padding: 2px 5px;
	font-size: 0.8rem;
	line-height: 1.2rem;
	background-color: #1a853b;
	color: #fff;
	display: inline-block;
	
}
.date { display: block; font-size: 0.8rem; }
h4.newsttl { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*採用情報*/
section#top-recruit { margin-bottom: 6rem; }
/* ------------------------------
   TOP／採用情報共通　loopSlider
------------------------------ */
.loopSliderWrap {
    top: 0;
    left: 0;
    height: 450px;
    overflow: hidden;
    position: absolute;
}
.loopSlider {
    margin: 0 auto;
    width: 100%;
    height: 450px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
.loopSlider ul {
    height: 450px;
    float: left;
    overflow: hidden;
}
.loopSlider ul li {
    width: 450px;
    height: 450px;
    float: left;
    display: inline;
    overflow: hidden;
}
.loopSliderWrap:after {
    content: "";
    display: none;
    clear: none;
}
/*ループスライダー テキスト*/
.r-slide-area { position: relative; }
.r-main-message {
	position: absolute;
	width: 100%;
	height: 130px;
	background-color: rgba(26,133,59,0.9);
	bottom: 0;
	left: 0;
}
.r-message-detail {
	position: absolute;
	width: 100%;
	right: auto;
	left: auto;
	text-align: center;
	bottom: 20px;
	color: #fff;
	z-index: 10;
}
h3.recruit-main { font-family: 'Roboto'; font-size: 80px; font-weight: bold; letter-spacing: 0.05em; line-height: 80px; }
.recruit-txt { font-size: 1.5rem; line-height: 2.3rem; font-family: TelopMinPro-B; }
/*************************************
* 新着情報共通
*************************************/
.news-alpha { width: 65%; float: left; }
.news-beta { width: 30%; float: right; }
/*サイドバー*/
.news-sidebar { padding-top: 30px; border-top: 5px solid #1a853b; }
.news-new { margin-bottom: 1rem; }
.news-new h5 { font-weight: 800; margin-bottom: 0.3rem; }
ul.blog-new { margin-bottom: 1rem; }
ul.blog-new, ul.blog-new li { list-style: none; margin: 0; padding: 0; }
ul.blog-new li { padding-left: 1.2em; text-indent: -1.2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
ul.blog-new li:before {
	font-family: FontAwesome;
	content: '\f0da';
	color: #1a853b;
	margin-right: 0.3em;
}
.news-category { margin-bottom: 1rem; }
.news-category h5 { font-weight: 800; margin-bottom: 0.3rem; }
ul.list-category { margin-bottom: 1rem; }
ul.list-category, ul.list-category li { list-style: none; margin: 0; padding: 0; }
ul.list-category li { padding-left: 1.2em; text-indent: -1.2em; }
ul.list-category li:before {
	font-family: FontAwesome;
	content: '\f0da';
	color: #b2b2b2;
	margin-right: 0.3em;
}
.news-archive { margin-bottom: 1rem; }
.news-archive h5 { font-weight: 800; margin-bottom: 0.3rem; }
.select { position: relative; background-color: #fff; }
select {
	position: relative;
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: 2px solid #1a853b;
	z-index: 10;
	background-color: transparent;
	cursor: pointer;
}
select::-ms-expand { display: none; }
.select:after {
	position: absolute;
	font-family: FontAwesome;
	content: '\f107';
	color: #1a853b;
	right: 5%;
	top: 50%;
	margin-top: -13px;
	font-size: 20px;
}
/*************************************
* 新着情報一覧
*************************************/
.news-list-detail {
	padding: 1rem 10px 1rem 10px;
	border-bottom: 1px solid #dddddd;
	position: relative;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.news-list-detail:first-child { border-top: 1px solid #dddddd; }
.news-list-detail:hover {
	background-color: #f9f9f9;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.news-list-detail:before {
	font-family: FontAwesome;
	font-size: 2rem;
	content: '\f105';
	color: #dddddd;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -1rem;
}
.news-list-detail a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.newslist-img { width: 28%; float: left; }
.newslist-txt { width: 68%; float: right; margin-right: 2%; }
h4.list-newsttl { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 1.1rem; font-weight: 800; margin-top: 0.3rem; }
.list-dijest p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0.5rem; }
/*ページネーション*/
.pagination { margin-top: 4rem; text-align: center; }
.pagination-box > * { padding: 5px 15px 5px 15px; font-size: 1.3rem; background-color: #1a853b; color: #fff; margin: 5px; }
.pagination-box .current { padding: 5px 15px 5px 15px; font-size: 1.3rem; background-color: #dddddd; }
/*************************************
* 新着情報詳細
*************************************/
h3.single-blog-ttl {
	font-size: 1.5rem;
	padding-left: 25px;
	border-left: 5px solid #1a853b;
	margin-bottom: 3rem;
	margin-top: 1rem;
}
.single-blog-txt {
	padding: 3rem 0 3rem 0;
	border-top: 1px solid #dddddd;
	line-height: 2.3rem;
}
.single-blog-txt img { height: auto; width: auto; max-width: 100%; padding: 15px 0 15px 0; }
/*ページ送り*/
.previous-new { margin-top: 8rem; padding-top: 5rem; border-top: 1px solid #dddddd; text-align: center;}
.previous-new > * { display: inline-block; margin: 0 20px 0 20px; }
.previous-new .archive a { display: block; font-size: 0.8rem; }
.previous-new .archive a:before {
	display: block;
	font-family: FontAwesome;
	content: '\f0c9';
	font-size: 30px;
	color: #1a853b;
}
.previous-new .next a { display: block; font-size: 0.8rem; }
.previous-new .next a:before {
	display: block;
	font-family: FontAwesome;
	content: '\f104';
	font-size: 30px;
	color: #1a853b;
}
.previous-new .previous a { display: block; font-size: 0.8rem; }
.previous-new .previous a:before {
	display: block;
	font-family: FontAwesome;
	content: '\f105';
	font-size: 30px;
	color: #1a853b;
}
/*************************************
* 私たちの理念
*************************************/
.philosophy-message { border-left: 5px solid #1a853b; }
.philosophy-message-txt { width: 97%; margin-left: 3%; }
.philosophy-message-txt p { line-height: 2.3rem; }
.philosophy-message-name { margin-top: 2rem; font-family: HakusyuGyousyoBold; text-align: right; }
.philosophy-message-name span { font-size: 1.7rem; }
/*社員の心得*/
ul.kokoroe, ul.kokoroe li { list-style: none; }
ul.kokoroe { margin-bottom: 5rem; text-align: center; }
ul.kokoroe li span {
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 40px auto;
	padding-left: 50px;
	font-size: 1.2rem;
	font-family: TelopMinPro-B;
	margin-bottom: 1.3rem;
	display: inline-block;
}
ul.kokoroe li:nth-child(1) span { background-image: url("../img/philosophy/pts-01.svg") }
ul.kokoroe li:nth-child(2) span { background-image: url("../img/philosophy/pts-02.svg") }
ul.kokoroe li:nth-child(3) span{ background-image: url("../img/philosophy/pts-03.svg") }
ul.kokoroe li:nth-child(4) span { background-image: url("../img/philosophy/pts-04.svg") }
ul.kokoroe li:nth-child(5) span { background-image: url("../img/philosophy/pts-05.svg") }
.slogan { width: 500px; margin: auto; }
/*************************************
* 運送業務
*************************************/
.unsou-policy {
	position: relative;
	background-image: url("../img/unsou/bg-road.jpg"),url("../img/unsou/bg-town.png");
	background-position: center bottom, center bottom 60px;
	background-repeat: repeat-x;
	background-size: auto 60px, auto 130px;
	padding-bottom: 180px;
}
.unsou-policy-inner { position: relative; }
.unsou-img-01 {
	width: 50%;
	text-align: center;
	margin: auto;
	-webkit-animation:load1 5s ease-in-out infinite;
	animation:load1 5s ease-in-out infinite;  
	animation-fill-mode: forwards;
}
.unsou-img-02 {
	width: 30%;
	height: 100%;
	text-align: center;
	margin: auto;
	position: absolute;
	top: 50%;
	margin-top: -15%;
	left: 50%;
	margin-left: -15%;
}
.unsou-img-03 {
	position: absolute;
	left: -255px;
	bottom: 45px;
	width: 270px;
	-webkit-animation:slidein 8s ease-out infinite;
	animation:slidein 8s ease-out infinite;  
	animation-fill-mode: forwards;
}
.unsou-img-04 {
	position: absolute;
	right: -255px;
	bottom: 10px;
	width: 270px;
	-webkit-animation:slidein-r 8s ease-out infinite;
	animation:slidein-r 8s ease-out infinite;  
	animation-fill-mode: forwards;
	animation-delay: 3s;
}
.unsou-img-05 {
	position: absolute;
	left: -255px;
	bottom: 45px;
	width: 150px;
	-webkit-animation:slidein 8s ease-out infinite;
	animation:slidein 8s ease-in-out infinite;  
	animation-fill-mode: forwards;
	animation-delay: 2s;
}
.unsou-img-06 {
	position: absolute;
	right: -255px;
	bottom: 10px;
	width: 200px;
	-webkit-animation:slidein-r 8s ease-out infinite;
	animation:slidein-r 8s ease-out infinite;  
	animation-fill-mode: forwards;
	animation-delay: 5s;
}
.service-ttl { margin-bottom: 3rem; }
/*************************************
* 運送業務・倉庫業務共通
*************************************/
/*業務・特徴紹介*/
.service-area { font-size: 0; }
.service-detail { width: 47%; display: inline-block; font-size: 1rem; margin-bottom: 3rem; vertical-align: top; }
.service-detail:nth-child(odd) { margin-right: 6%; }
.service-txt { width: 65%; float: left; }
.service-img { width: 32%; float: right; }
/*車輌紹介*/
ul.introduction-img, ul.introduction-img li { list-style: none; padding: 0; margin: 0; }
ul.introduction-img { font-size: 0; text-align: center; }
ul.introduction-img li { font-size: 1rem; width: 30%; margin: 0 1.5% 3rem 1.5%; display: inline-block; vertical-align: top; }
ul.introduction-img li span { margin-top: 0.5rem; display: block; }
/*************************************
* 倉庫業務
*************************************/
/*倉庫のご案内*/
ul.introduction-img-souko, ul.introduction-img-souko li { list-style: none; padding: 0; margin: 0; }
ul.introduction-img-souko { font-size: 0; text-align: center; }
ul.introduction-img-souko li { font-size: 1rem; width: 23%; margin: 0 1% 3rem 1%; display: inline-block; vertical-align: top; }
ul.introduction-img-souko li span { margin-top: 0.5rem; display: block; }
/*************************************
* 採用情報
*************************************/
/* ------------------------------
   採用情報　loopSlider
------------------------------ */
#page-recruit .loopSliderWrap {
    top: 0;
    left: 0;
    height: 650px;
    overflow: hidden;
    position: absolute;
}
#page-recruit .loopSlider {
    margin: 0 auto;
    width: 100%;
    height: 650px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
#page-recruit .loopSlider ul {
    height: 650px;
    float: left;
    overflow: hidden;
}
#page-recruit .loopSlider ul li {
    width: 650px;
    height: 650px;
    float: left;
    display: inline;
    overflow: hidden;
}
/*ページ内リンク*/
.recruit-pagelink-area { margin-top: 3rem; margin-bottom: 3rem; text-align: center; }
.recruit-pagelink-area ul, .recruit-pagelink-area ul li {  list-style: none; padding: 0; margin: 0; }
.recruit-pagelink-area ul li { display: inline-block; margin: 5px; vertical-align: top; }
.recruit-pagelink-area ul li a {
	position: relative;
	border: 2px solid #1a853b;
	color: #1a853b;
	padding: 5px 25px 5px 25px;
	display: inline-block;
	border-radius: 8px;
	vertical-align: middle;
	font-weight: 800;
}
.recruit-pagelink-area ul li a:after {
	font-family: FontAwesome;
	font-size: 1.3rem;
	content: '\f107';
	color: #1a853b;
	margin-left: 0.4em;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.recruit-pagelink-area ul li a:hover {  opacity: 1; background-color: #1a853b; color: #fff; }
.recruit-pagelink-area ul li a:hover:after {
	color: #fff;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
/*スローガン*/
.intro-img { width: 50%; float: left; }
.intro-txt { width: 45%; float: right; }
/*職場の特徴・仕事内容*/
.recruit-content { font-size: 0; }
.recruit-content-detail { width: 47%; display: inline-block; font-size: 1rem; margin-bottom: 3rem; vertical-align: top; }
.recruit-content-detail:nth-child(odd) { margin-right: 6%; }
.recruit-content-txt { width: 65%; float: left; }
.recruit-content-img { width: 32%; float: right; }
/*先輩社員紹介*/
.recruit-interview { background-color: #ecf5ef; padding: 5rem 0 5rem 0; }
.staff-detail { margin-bottom: 4rem; }
.staff-detail:last-child { margin-bottom: 0; }
.staff-img { width: 48%; float: left; }
.staff-txt { width: 48%; float: right; }
h4.recruit-name { font-size: 1.7rem; font-weight: 800; margin-bottom: 2rem; padding-bottom: 0.5rem; border-bottom: 2px solid #1a853b; }
.staff-comment { margin-bottom: 3rem; }
.recruit-interview ul { margin-bottom: 3rem; }
/*************************************
* 会社案内
*************************************/
/*会社概要*/
.conpany-detail { margin-bottom: 4rem; }
.conpany-txt { width: 65%; float: left; }
.company-img { width: 32%; float: right; }
/*アクセス*/
.access-map { margin-bottom: 3rem; }
.map-iframe iframe { width: 100%; height: 450px; }
/*************************************
*お問い合わせ
*************************************/
.area-tel-info { padding-left: 10px; border-left: 5px solid #1a853b; }
.contact-tel { font-weight: 800; font-size: 1.5rem; margin-top: 0.5rem; }
span.red { color: red }
.contact-info { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #dddddd; margin-bottom: 3rem; }
table.contact-mail-form { width: 100%; height: 100%; margin-bottom: 3rem;  border-top: 1px solid #ebebeb; }
table.contact-mail-form tr {
	width: 100%;
	display: block;
	border-bottom: 1px solid #ebebeb;
}
table.contact-mail-form th, table.contact-mail-form td { padding: 20px 0 20px 0; display: table-cell; vertical-align: inherit; }
table.contact-mail-form th { width: 180px; padding-left: 10px; padding-right: 10px; }
table.contact-mail-form td { margin-left: 10px; padding-left: 10px; padding-right: 10px; min-width: 700px; max-width: 900px; width: auto;  }
#contact-01 { margin-bottom: 5rem; }
#contact-01 .comment { font-size: 0.8rem; color: #b2b2b2; }
table.contact-mail-form input, table.contact-mail-form textarea  { border: 1px solid #dddddd; border-radius: 5px; }
table.contact-mail-form input:focus, table.contact-mail-form textarea:focus { border: 1px #dddddd solid; outline:none; background-color: #ffffd6; }
.form-name input { height: 35px; width: 50%; font-size: 1rem; padding: 0 1% 0 1%; color: #333333; }
.form-mail input { height: 35px; width: 90%; font-size: 1rem; padding: 0 1% 0 1%; color: #333333; }
.form-tel input, .form-fax input { height: 35px; width: 50%;  padding: 0 1% 0 1%;  color: #333333;}
.form-comment textarea { height: 200px; width: 90%; font-size: 1rem;  padding: 1%; color: #333333; }
.form-company-name input { height: 35px; width: 50%; font-size: 1rem; padding: 0 1% 0 1%; color: #333333; }
.form-add-no input { height: 35px; font-size: 1rem; padding: 0 1% 0 1%; color: #333333; }
.form-add input { height: 35px; width: 90%; font-size: 1rem; padding: 0 1% 0 1%; color: #333333; }
.form-submit { text-align: center; margin: auto; }
.mwform-tel-field input[type="text"], .mwform-zip-field input[type="text"] { width: 50px; font-size: 1rem; }
.form-submit button[type="submit"], .form-submit button[type="button"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #1a853b;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: inherit;
	font-size: 18px;
	font-weight: bold;
	margin: 0 10px;
	padding: 12px 20px 12px 20px;
	text-align: center;
	text-decoration: none;
	transition: background 0.4s, color 0.4s;
	border-radius: 5px;
	border: none;
}
span.comment { margin-top: 0.5rem; display: block; font-size: 0.8rem; }
.form-submit button[type="submit"]:hover, .form-submit button[type="button"]:hover { background-color: #b2b2b2; }
.bback:before { font-family: FontAwesome; content: '\f0a8'; /* アイコンのunicode */ margin-right: 5px; }
.bconfirm:after { font-family: FontAwesome; content: '\f0a9'; /* アイコンのunicode */ margin-left: 5px; }
.bsubmit:after { font-family: FontAwesome; content: '\f0a9'; /* アイコンのunicode */ margin-left: 5px; }
.body-confirm .contact-info,
.body-confirm .area-tel-info,
.body-complete .contact-info,
.body-complete .area-tel-info,
.body-confirm span.comment,
.body-complete span.comment,
.body-confirm h3.kakunin-before,
.body-confirm h3.kakunin-before
{ display: none }
h3.kakunin-after { display: none; }
.body-confirm h3.kakunin-after,
.body-confirm h3.kakunin-after
{ display: flex; }
.form-complete-message a { display: block; }
/*************************************
*プライバシーポリシー
*************************************/
section#privacy-01 { margin-bottom: 5rem; }





}




































@media screen and (max-width: 1000px) {
/*************************************
* 共通
*************************************/
#main-content { margin-top: 90px; }
.dsp-no-sp { display: none !important; }
.content-inner { width: 94%; margin: auto; padding: 0; height: 100%; }
section { padding-top: 3rem; margin-bottom: 1rem;  display: block; }
section:last-child { margin-bottom: 3rem; } 
.detail-inner { margin: 0; padding: 0; width: 100%; height: 100%; }
#pagetop { position: fixed; width: 40px; height: 30px; bottom: 15px; right: 15px; z-index: 500; }
#pagetop a:before {
	font-family: FontAwesome;
	content: '\f077';
	color: #1a853b;
	font-size: 40px;
	padding: 1px;
	display: inline-block;
}
.font-s { font-size: 0.8rem; }
hr.hr-01 { border-bottom: 1px solid #dddddd; border-top: none; margin: 3rem auto 0 auto; width: 95%; }
/*フェードイン*/
.effect {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  opacity: 0;
  transform: translateX(-50px);
}
.effect-u {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  opacity: 0;
  transform: translateY(50px);
}
.effect-o {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  opacity: 0;
}
.fadein { opacity: 1; transform: translateX(0px); }
/*ぱんくず*/
.pankuzu-area { background-color: #f2f2f2; padding: 5px 0 5px 0; text-align: right; font-size: 0.7rem; }
.pankuzu-area ul, .pankuzu-area ul li { list-style: none; padding: 0; margin: 0; }
.pankuzu-area ul li { display: inline-block; }
/* ローディングのアニメーション部分のCSS */
.loader-animation {
	width: 100%;
	position: absolute;
	height: 100%;
	background-image: url("../img/parts/logo-loading.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100px;
	-webkit-animation:load2 2s ease-in-out 1;
	animation:load2 2s ease-in-out 1;  
	animation-fill-mode: forwards;
}
/*************************************
* 見出し
*************************************/
.page-h2-area { width: 100%; text-align: center; }
.page-h2-img {
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
h2.h2-01 {
	display: inline-block;
	text-align: center;
	padding: 20px 30px 20px 30px;
	background-color: rgba(26,133,59,0.7);
	color: #fff;
	font-size: 1.5rem;
	font-family: TelopMinPro-B;
	margin: 50px auto 50px auto;
}
.h2-02-area { background-color: #1a853b; text-align: center; }
h2.h2-02 { color: #fff; font-size: 1.6rem; letter-spacing: 0.1em; font-family: TelopMinPro-B; padding: 25px 0 25px 0; }
.h3-01-area { margin: auto; text-align: center; margin-bottom: 2rem; }
h3.h3-01 {
	font-family: TelopMinPro-B;
	font-size: 1.5rem;
	padding: 0 50px 0 50px;
	background-image: url("../img/parts/pts-h3.png"),url("../img/parts/pts-h3.svg");
	background-position: left center, right center;
	background-repeat: no-repeat;
	background-size: 40px auto;
	display: inline-block;
	text-align: center;
}
h3.h3-02 {
	padding: 20px 10px 20px 10px;
	border-top: 3px solid #1a853b;
	border-bottom: 3px solid #1a853b;
	display: inline-block;
	font-size: 1.2rem;
	font-family: TelopMinPro-B;
	line-height: 2rem;
}
h3.h3-03 { font-family: TelopMinPro-B; font-size: 1rem; line-height: 1.8rem; margin-bottom: 1.3rem; }
h4.h4-01 {
	font-size: 1.2rem;
	font-weight: 800;
	padding-left: 25px;
	padding-top: 2px;
	background-image: url("../img/parts/pts-h4.svg");
	background-position: left top 3px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	min-height: 20px;
	margin-bottom: 1.3rem;
}
h5.h5-01 { padding-left: 10px; line-height: 1.3rem; margin-bottom: 0.5rem; font-weight: 800; }
h5.h5-01:before { content: ""; border-left: 5px solid #1a853b; margin-right: 8px; }
h5.h5-02 { margin-top: 0.5rem; }
/*************************************
* テーブル
*************************************/
.table-01 { width: 100%; border-collapse: collapse; }
.table-01 th, .table-01 td  { padding: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.table-01 .tb-bold { font-weight: bold }
/*************************************
* リスト
*************************************/
ul.list-01, ul.list-01 li { list-style: none; } 
ul.list-01 li { padding-left: 1.2em; text-indent: -1.2em; }
ul.list-01 li:before {
	font-family: FontAwesome;
	content: '\f111';
	color: #1a853b;
	margin-right: 0.3em;
}

/*************************************
* ボタン
*************************************/
.btn-01 {
	position: relative;
	border: 2px solid #1a853b;
	color: #1a853b;
	padding: 5px 25px 5px 25px;
	display: inline-block;
	margin-top: 1.5rem;
	border-radius: 8px;
	vertical-align: middle;
	font-weight: 800;
}
.btn-01:after {
	font-family: FontAwesome;
	font-size: 1.3rem;
	content: '\f105';
	color: #1a853b;
	margin-left: 0.7em;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.btn-01:hover {  opacity: 1; background-color: #1a853b; color: #fff; }
.btn-01:hover:after {
	color: #fff;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.btn-02 {
	position: relative;
	color: #333333;
	font-weight: 800;
	font-size: 0.8rem;
	display: inline-block;
	vertical-align: middle;
}
.btn-02:before{
	font-family: FontAwesome;
	font-size: 1.3rem;
	content: '\f105';
	color: #1a853b;
	margin-right: 0.4em;
	display: inline-block;
	vertical-align: middle;
}
.btn-02:hover { opacity: 1; color: #b2b2b2; }
/*************************************
* header
*************************************/
#header-top { position: fixed; top: 0; z-index: 5000; width: 100%; }
.header-main { background-color: #fff;  }
.h-ttl { height: 35px; padding: 10px 0 5px 0; }
.h-ttl.butsuryu { padding-top: 0; }
.h-ttl img { height: 35px; width: auto; }
.h-ttl h1 { display: none; }
.h-menu { text-align: center; }
.h-menu-sp { padding: 30px 0 100px 0; border-top: 1px solid #dddddd; }
.h-menu-ttl-sp img { width: 200px; margin-bottom: 1rem; }
.h-menu ul, .h-menu ul li { list-style: none; padding: 0; margin: 0; }
.h-menu ul li a { padding: 10px 0 10px 0; border-bottom: 1px solid #dddddd; display: block; }
.h-menu ul li a:first-child { border-top: 1px solid #dddddd; }
.h-menu ul li a:last-child { border-bottom: none; }
body.home .h-menu a.home,
body.news .h-menu a.news,
body.philosophy .h-menu a.philosophy,
body.unsou .h-menu a.unsou,
body.souko .h-menu a.souko,
body.recruit .h-menu a.recruit,
body.company .h-menu a.company,
body.contact .h-menu a.contact
{ color: #1a853b; }
.h-add { margin-bottom: 1.5rem; }
a.h-tel-sp { font-weight: bold; font-size: 1.1rem; margin-bottom: 0.3rem; display: inline-block; }
a.h-tel-sp:hover { opacity: 1; }
a.h-tel-sp span.tel-d {
	font-size: 0.8rem;
	color: #fff;
	background-color: #333333;
	border-radius: 5px;
	padding: 3px 5px 3px 5px;
	margin-right: 5px;
}

.global-navi {
	transform:  translateY(-100%);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1200;
	padding: 50px 0 100px 0;
	background: rgba(255,255,255,0.98);
	transition: all 0.8s;
	font-weight: bold;
	height: 100%;
	text-align: left;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
    opacity: 0;
}
/* .global-naviに.activeが追加 */
.global-navi.active {
	opacity: 1;
	transform:  translateY(0);
	-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
/*バーガーメニュー*/
.nav-toggle {
	position: fixed; /* bodyに対しての絶対位置指定 */
	right: 10px;
	top: 4px;
	display: block;
	width: 52px;
	height: 52px;
	cursor: pointer;
	z-index: 1900;
}
.nav-toggle span {
	display: block;
	position: absolute; /* .toggleに対して */
	width: 36px;
	border-bottom: solid 3px #321400;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	right: 8px;
	border-radius: 2px;
}
.nav-toggle span:nth-child(1) { top: 12px; }
.nav-toggle span:nth-child(2) { top: 24px; }
.nav-toggle span:nth-child(3) { top: 36px; }
/***** クリック後のボタン *****/
/* 最初のspanをマイナス45度にする */
.nav-toggle.active span:nth-child(1) {
	top: 24px;
	left: 8px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-bottom: solid 3px #321400;
	opacity: 1;
}
/* 2番目と3番目のspanを45度にする */
.nav-toggle.active span:nth-child(2),
.nav-toggle.active span:nth-child(3) {
	top: 24px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	border-bottom: solid 3px #321400;
	opacity: 1;
}
/*************************************
* footer
*************************************/
.f-navi-area { display: none; }
.f-menu-area { padding: 1.3rem 0 2.5rem 0; border-top: 1px solid #dddddd; }
.f-left { text-align: center; }
.f-right { text-align: center; }
.f-ttl { width: 200px; margin: 0 auto 1rem auto; }
.f-add { margin-bottom: 1.5rem; }
.f-add img { width: 200px; margin-bottom: 1rem; display: block; }
a.f-tel { font-weight: bold; font-size: 1.1rem; margin-bottom: 0.3rem; display: inline-block; }
a.f-tel:hover { opacity: 1; }
a.f-tel span.tel-d {
	font-size: 0.8rem;
	color: #fff;
	background-color: #333333;
	border-radius: 5px;
	padding: 3px 5px 3px 5px;
	margin-right: 5px;
}
.f-copy { text-align: center; font-size: 11px; color: #b2b2b2; padding: 5px; }
/*************************************
* トップページ
*************************************/
/*スライド*/
section#home-slide { padding-top: 0; margin-bottom: 0; }
.top-slide-area { width: 100%; height: 100%; position: relative; }
.top-slide {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 100px;
}
.top-slide p { text-indent: -9999px; width: 100%; }
.top-slide-h2 {
	text-indent: -9999px;
	background-image: url("../img/top/slide-logo.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 500px 500px;
	position: absolute;
	right: -40px;
	bottom: 100px;
	display: block;
	width: 500px;
	height: 500px;
	animation-name: fadein-ttl;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	animation-delay: 2s;
	animation-fill-mode: forwards;
	opacity: 0;
}
.maincomment {
	animation-name: fadein-ttl;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	animation-delay: 3s;
	animation-fill-mode: forwards;
	opacity: 0;
}
.maincomment-01, .maincomment-02 {
	display: block;
	max-width: 40px;
	position: absolute;
	top: 20px;
}
.maincomment-01 img, .maincomment-02 img { max-width: 40px; }
.maincomment-01 { right: 20px; }
.maincomment-02 { right: 80px; }
.maincomment-01 img, .maincomment-02 img {  }
.scroll-wheel:after {
	position: absolute;
	bottom: 60px;
	left: 50%;
	margin-left: -26.5px;
	font-family: FontAwesome;
	content: '\f107';
	color: #fff;
	font-size: 80px;
	padding: 1px;
	display: inline-block;
	z-index: 12;
	animation: sdb2 3.5s infinite;
}
/*メニュー*/
section#top-menu { padding-top: 0; }
.link-area {
	height: 350px;
	width: 100%;
	position: relative;
	overflow: hidden;
	font-family: TelopMinPro-B;
}
.link-area:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.link-philosophy:after { background-image: url("../img/top/01-01.jpg"); }
.link-unsou:after { background-image: url("../img/top/01-02.jpg"); }
.link-souko:after { background-image: url("../img/top/01-03.jpg"); }
.link-txt-area {
	width: 35%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(26,133,59,0.9);
	padding: 0 2.5% 0 2.5%;
	color: #fff;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	z-index: 13;
}
.link-unsou .link-txt-area { left: auto; right: 0; }
.link-txt-area:after {
	font-family: FontAwesome;
	content: '\f105';
	color: #fff;
	font-size: 50px;
	padding: 1px;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -20px
}
.link-txt-inner { position: absolute; top: 50%; margin-top: -75px; }
.top-h3 span.link-txt-sub { display: inline-block; padding-bottom: 5px; border-bottom: 1px solid #fff; letter-spacing: 0.1em; }
.top-h3 span.link-txt-main { display: block; font-size: 2rem; margin-top: 2rem; margin-bottom: 1.5rem; letter-spacing: 0.1em; }
a.link-area-link:hover .link-area:after {
	-moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
a.link-area-link:hover .link-txt-area { background-color: rgba(0,0,0,0.7); }
/*新着情報*/
.top-newsdetail {
	display: block;
	width: 98%;
	padding: 15px 1% 15px 1%;
	border-bottom: 1px solid #dddddd;
	position: relative;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.top-newsdetail:first-child { border-top: 1px solid #dddddd; }
.top-newsdetail:hover {
	background-color: #f8f8f8;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.top-newsdetail:after {
	font-family: FontAwesome;
	content: '\f105';
	color: #dddddd;
	font-size: 25px;
	padding: 1px;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -15px;
}
.top-newsdetail:nth-child(odd) { margin-right: 6%; }
.newsdetail-img { width: 25%; float: left }
.newsdetail-txt { width: 70%; float: left; margin-left: 2%; }
.top-newsdetail a { position: absolute; height: 100%; width: 100%; left: 0; top: 0; }
/*blog共通*/
.category  {
	padding: 2px 5px;
	font-size: 0.8rem;
	line-height: 1.2rem;
	background-color: #1a853b;
	color: #fff;
	display: inline-block;
	
}
.date { display: block; font-size: 0.8rem; }
h4.newsttl { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*採用情報*/
section#top-recruit { margin-bottom: 6rem; }
/* ------------------------------
   TOP／採用情報共通　loopSlider
------------------------------ */
.loopSliderWrap {
    top: 0;
    left: 0;
    height: 350px;
    overflow: hidden;
    position: absolute;
}
.loopSlider {
    margin: 0 auto;
    width: 100%;
    height: 350px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
.loopSlider ul {
    height: 350px;
    float: left;
    overflow: hidden;
}
.loopSlider ul li {
    width: 350px;
    height: 350px;
    float: left;
    display: inline;
    overflow: hidden;
}
.loopSliderWrap:after {
    content: "";
    display: none;
    clear: none;
}
/*ループスライダー テキスト*/
.r-slide-area { position: relative; }
.r-main-message {
	position: absolute;
	width: 100%;
	height: 100px;
	background-color: rgba(26,133,59,0.9);
	bottom: 0;
	left: 0;
}
.r-message-detail {
	position: absolute;
	width: 100%;
	right: auto;
	left: auto;
	text-align: center;
	bottom: 20px;
	color: #fff;
	z-index: 10;
}
h3.recruit-main { font-family: 'Roboto'; font-size: 60px; font-weight: bold; letter-spacing: 0.05em; line-height: 60px; }
.recruit-txt { font-size: 1.1rem; line-height: 1.5rem; font-family: TelopMinPro-B; }
/*************************************
* 新着情報共通
*************************************/
.news-alpha {  }
.news-beta { margin-top: 3rem; }
/*サイドバー*/
.news-sidebar { padding-top: 30px; border-top: 5px solid #1a853b; }
.news-new { margin-bottom: 1rem; }
.news-new h5 { font-weight: 800; margin-bottom: 0.3rem; }
ul.blog-new { margin-bottom: 1rem; }
ul.blog-new, ul.blog-new li { list-style: none; margin: 0; padding: 0; }
ul.blog-new li { padding-left: 1.2em; text-indent: -1.2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
ul.blog-new li:before {
	font-family: FontAwesome;
	content: '\f0da';
	color: #1a853b;
	margin-right: 0.3em;
}
.news-category { margin-bottom: 1rem; }
.news-category h5 { font-weight: 800; margin-bottom: 0.3rem; }
ul.list-category { margin-bottom: 1rem; }
ul.list-category, ul.list-category li { list-style: none; margin: 0; padding: 0; }
ul.list-category li { padding-left: 1.2em; text-indent: -1.2em; }
ul.list-category li:before {
	font-family: FontAwesome;
	content: '\f0da';
	color: #b2b2b2;
	margin-right: 0.3em;
}
.news-archive { margin-bottom: 1rem; }
.news-archive h5 { font-weight: 800; margin-bottom: 0.3rem; }
.select { position: relative; background-color: #fff; }
select {
	position: relative;
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: 2px solid #1a853b;
	z-index: 10;
	background-color: transparent;
	cursor: pointer;
}
select::-ms-expand { display: none; }
.select:after {
	position: absolute;
	font-family: FontAwesome;
	content: '\f107';
	color: #1a853b;
	right: 5%;
	top: 50%;
	margin-top: -13px;
	font-size: 20px;
}
/*************************************
* 新着情報一覧
*************************************/
.news-list-detail {
	padding: 1rem 10px 1rem 10px;
	border-bottom: 1px solid #dddddd;
	position: relative;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.news-list-detail:first-child { border-top: 1px solid #dddddd; }
.news-list-detail:hover {
	background-color: #f9f9f9;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.news-list-detail:before {
	font-family: FontAwesome;
	font-size: 2rem;
	content: '\f105';
	color: #dddddd;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -1rem;
}
.news-list-detail a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.newslist-img { width: 28%; float: left; }
.newslist-txt { width: 68%; float: right; margin-right: 2%; }
h4.list-newsttl { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 1.1rem; font-weight: 800; margin-top: 0.3rem; }
.list-dijest p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0.5rem; }
/*ページネーション*/
.pagination { margin-top: 4rem; text-align: center; }
.pagination-box > * { padding: 5px 15px 5px 15px; font-size: 1.3rem; background-color: #1a853b; color: #fff; margin: 5px; }
.pagination-box .current { padding: 5px 15px 5px 15px; font-size: 1.3rem; background-color: #dddddd; }
/*************************************
* 新着情報詳細
*************************************/
h3.single-blog-ttl {
	font-size: 1.2rem;
	padding-left: 25px;
	border-left: 5px solid #1a853b;
	margin-bottom: 2rem;
	margin-top: 0.5rem;
}
.single-blog-txt {
	padding: 3rem 0 3rem 0;
	border-top: 1px solid #dddddd;
	line-height: 2.3rem;
}
.single-blog-txt img { height: auto; width: auto; max-width: 100%; padding: 10px 0 10px 0; }
/*ページ送り*/
.previous-new { margin-top: 8rem; padding-top: 5rem; border-top: 1px solid #dddddd; text-align: center;}
.previous-new > * { display: inline-block; margin: 0 20px 0 20px; }
.previous-new .archive a { display: block; font-size: 0.8rem; }
.previous-new .archive a:before {
	display: block;
	font-family: FontAwesome;
	content: '\f0c9';
	font-size: 30px;
	color: #1a853b;
}
.previous-new .next a { display: block; font-size: 0.8rem; }
.previous-new .next a:before {
	display: block;
	font-family: FontAwesome;
	content: '\f104';
	font-size: 30px;
	color: #1a853b;
}
.previous-new .previous a { display: block; font-size: 0.8rem; }
.previous-new .previous a:before {
	display: block;
	font-family: FontAwesome;
	content: '\f105';
	font-size: 30px;
	color: #1a853b;
}
/*************************************
* 私たちの理念
*************************************/
.philosophy-message {  }
.philosophy-message-txt {  }
.philosophy-message-img { width: 40%; margin: 1rem auto 0 auto }
.philosophy-message-txt p:first-child { line-height: 2rem; text-align: justify; }
.philosophy-message-name { margin-top: 1rem; font-family: HakusyuGyousyoBold; text-align: center; font-size: 0.8rem; }
.philosophy-message-name span { font-size: 1.2rem; }
/*社員の心得*/
ul.kokoroe, ul.kokoroe li { list-style: none; }
ul.kokoroe { margin-bottom: 5rem;  }
ul.kokoroe li span {
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 40px auto;
	padding-left: 50px;
	font-size: 1rem;
	font-family: TelopMinPro-B;
	margin-bottom: 1.3rem;
	display: inline-block;
}
ul.kokoroe li:nth-child(1) span { background-image: url("../img/philosophy/pts-01.svg") }
ul.kokoroe li:nth-child(2) span { background-image: url("../img/philosophy/pts-02.svg") }
ul.kokoroe li:nth-child(3) span{ background-image: url("../img/philosophy/pts-03.svg") }
ul.kokoroe li:nth-child(4) span { background-image: url("../img/philosophy/pts-04.svg") }
ul.kokoroe li:nth-child(5) span { background-image: url("../img/philosophy/pts-05.svg"); margin-bottom: 0; }
.slogan { width: 100%; max-width: 500px; margin: auto; }
/*各種認定*/
.anzen-mark { width: 70%; max-width: 300px; margin: 1rem auto 0 auto }
/*************************************
* 運送業務
*************************************/
.unsou-policy {
	position: relative;
	background-image: url("../img/unsou/bg-road.jpg"),url("../img/unsou/bg-town.png");
	background-position: center bottom, center bottom 60px;
	background-repeat: repeat-x;
	background-size: auto 50px, auto 100px;
	padding-bottom: 160px;
}
.unsou-policy-inner { position: relative; }
.unsou-img-01 {
	width: 50%;
	text-align: center;
	margin: auto;
	-webkit-animation:load1 5s ease-in-out infinite;
	animation:load1 5s ease-in-out infinite;  
	animation-fill-mode: forwards;
}
.unsou-img-02 {
	width: 30%;
	height: 100%;
	text-align: center;
	margin: auto;
	position: absolute;
	top: 50%;
	margin-top: -15%;
	left: 50%;
	margin-left: -15%;
}
.unsou-img-03 {
	position: absolute;
	left: -255px;
	bottom: 35px;
	width: 200px;
	-webkit-animation:slidein 8s ease-out infinite;
	animation:slidein 8s ease-out infinite;  
	animation-fill-mode: forwards;
}
.unsou-img-04 {
	position: absolute;
	right: -255px;
	bottom: 10px;
	width: 200px;
	-webkit-animation:slidein-r 8s ease-out infinite;
	animation:slidein-r 8s ease-out infinite;  
	animation-fill-mode: forwards;
	animation-delay: 3s;
}
.unsou-img-05 {
	position: absolute;
	left: -255px;
	bottom: 35px;
	width: 100px;
	-webkit-animation:slidein 8s ease-out infinite;
	animation:slidein 8s ease-in-out infinite;  
	animation-fill-mode: forwards;
	animation-delay: 2s;
}
.unsou-img-06 {
	position: absolute;
	right: -255px;
	bottom: 10px;
	width: 120px;
	-webkit-animation:slidein-r 8s ease-out infinite;
	animation:slidein-r 8s ease-out infinite;  
	animation-fill-mode: forwards;
	animation-delay: 5s;
}
.service-ttl { margin-bottom: 2rem; }
/*************************************
* 運送業務・倉庫業務共通
*************************************/
/*業務・特徴紹介*/
.service-area {  }
.service-detail { margin-bottom: 2rem; }
.service-detail:last-child { margin-bottom: 0; }
.service-txt { width: 65%; float: left; }
.service-img { width: 32%; float: right; }
/*車輌紹介*/
ul.introduction-img, ul.introduction-img li { list-style: none; padding: 0; margin: 0; }
ul.introduction-img { font-size: 0; text-align: center; }
ul.introduction-img li { font-size: 1rem; width: 48%; margin: 0 1% 1.5rem 1%; display: inline-block; vertical-align: top }
ul.introduction-img li span { margin-top: 0.5rem; display: block; }
/*************************************
* 倉庫業務
*************************************/
/*倉庫のご案内*/
ul.introduction-img-souko, ul.introduction-img-souko li { list-style: none; padding: 0; margin: 0; }
ul.introduction-img-souko { font-size: 0; text-align: center; }
ul.introduction-img-souko li { font-size: 1rem; width: 48%; margin: 0 1% 1.5rem 1%; display: inline-block; vertical-align: top; }
ul.introduction-img-souko li span { margin-top: 0.5rem; display: block; }
/*************************************
* 採用情報
*************************************/
/* ------------------------------
   採用情報　loopSlider
------------------------------ */
#page-recruit .loopSliderWrap {
    top: 0;
    left: 0;
    height: 450px;
    overflow: hidden;
    position: absolute;
}
#page-recruit .loopSlider {
    margin: 0 auto;
    width: 100%;
    height: 450px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
#page-recruit .loopSlider ul {
    height: 450px;
    float: left;
    overflow: hidden;
}
#page-recruit .loopSlider ul li {
    width: 450px;
    height: 450px;
    float: left;
    display: inline;
    overflow: hidden;
}
/*ページ内リンク*/
#page-recruit section { padding-top: 100px; margin-top: -50px; }
.recruit-pagelink-area { margin-top: 2rem; margin-bottom: 2rem; text-align: center; }
.recruit-pagelink-area ul, .recruit-pagelink-area ul li { list-style: none; padding: 0; margin: 0; }
.recruit-pagelink-area ul li { display: inline-block; margin: 5px; vertical-align: top; }
.recruit-pagelink-area ul li a {
	position: relative;
	border: 2px solid #1a853b;
	color: #1a853b;
	padding: 5px 25px 5px 25px;
	display: inline-block;
	border-radius: 8px;
	vertical-align: middle;
	font-weight: 800;
}
.recruit-pagelink-area ul li a:after {
	font-family: FontAwesome;
	font-size: 1.3rem;
	content: '\f107';
	color: #1a853b;
	margin-left: 0.4em;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.recruit-pagelink-area ul li a:hover {  opacity: 1; background-color: #1a853b; color: #fff; }
.recruit-pagelink-area ul li a:hover:after {
	color: #fff;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
/*スローガン*/
.intro-img { width: 100%; max-width: 600px; margin: 0 auto 1.5rem auto; }
.intro-txt { text-align: center; }
/*職場の特徴・仕事内容*/
.recruit-content {  }
.recruit-content-detail { width: 100%; margin-bottom: 2rem; }
.recruit-content-txt { width: 65%; float: left; }
.recruit-content-img { width: 32%; float: right; }
/*先輩社員紹介*/
.recruit-interview { background-color: #ecf5ef; padding: 5rem 0 5rem 0; }
.staff-detail { margin-bottom: 4rem; }
.staff-detail:last-child { margin-bottom: 0; }
.staff-img { width: 100%; max-width: 600px; margin: 0 auto 1.5rem auto; }
.staff-txt { width: 100%; max-width: 600px; margin: 0 auto 1rem auto; }
h4.recruit-name { font-size: 1.3rem; font-weight: 800; margin-bottom: 1.5rem; padding-bottom: 0.5rem; border-bottom: 2px solid #1a853b; }
.staff-comment { margin-bottom: 1.5rem; }
.recruit-interview ul { margin-bottom: 1.5rem; }
/*************************************
* 会社案内
*************************************/
/*会社概要*/
.company-img { margin: 1rem auto 2rem auto; width: 100%; max-width: 500px; text-align: center; }
/*アクセス*/
.access-map { margin-bottom: 3rem; }
.map-iframe iframe { width: 100%; height: 350px; }
/*************************************
*お問い合わせ
*************************************/
.area-tel-info { padding-left: 10px; border-left: 5px solid #1a853b; }
.contact-tel { font-weight: 800; font-size: 1.5rem; margin-top: 0.5rem; }
span.red { color: red }
.contact-info { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #dddddd; margin-bottom: 3rem; }
table.contact-mail-form { width: 100%; height: 100%; margin-bottom: 2rem; }
table.contact-mail-form tr { width: 100%; display: block; }
table.contact-mail-form th, table.contact-mail-form td { padding: 10px 0 10px 0; display: block; }
table.contact-mail-form th {  background-color: #f2f2f2; padding-left: 10px; }
table.contact-mail-form td {  }
#contact-01 { margin-bottom: 3rem; }
#contact-01 .comment { font-size: 0.8rem; color: #b2b2b2; }
table.contact-mail-form input, table.contact-mail-form textarea  {
	border: 1px solid #dddddd;
	border-radius: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
table.contact-mail-form input:focus, table.contact-mail-form textarea:focus { border: 1px #dddddd solid; outline:none; background-color: #ffffd6; }
.form-name input { height: 35px;  font-size: 1rem; padding: 0 1% 0 1%; color: #333333; }
.form-mail input { height: 35px;  font-size: 1rem; padding: 0 1% 0 1%; color: #333333; }
.form-tel input, .form-fax input { height: 35px;   padding: 0 1% 0 1%;  color: #333333;}
.form-comment textarea { height: 200px;  font-size: 1rem;  padding: 1%; color: #333333; }
.form-company-name input { height: 35px;  font-size: 1rem; padding: 0 1% 0 1%; color: #333333; }
.form-add-no input { height: 35px; font-size: 1rem; padding: 0 1% 0 1%; color: #333333; }
.form-add input { height: 35px;  font-size: 1rem; padding: 0 1% 0 1%; color: #333333; }
.form-submit { text-align: center; margin: auto; }
.mwform-tel-field input[type="text"], .mwform-zip-field input[type="text"] { width: 50px; font-size: 1rem; }
.form-submit button[type="submit"], .form-submit button[type="button"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #1a853b;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: inherit;
	font-size: 18px;
	font-weight: bold;
	margin: 0 10px;
	padding: 12px 20px 12px 20px;
	text-align: center;
	text-decoration: none;
	transition: background 0.4s, color 0.4s;
	border-radius: 5px;
	border: none;
}
span.comment { margin-top: 0.5rem; display: block; font-size: 0.8rem; }
.form-submit button[type="submit"]:hover, .form-submit button[type="button"]:hover { background-color: #ff7900; }
.bback:before { font-family: FontAwesome; content: '\f0a8'; /* アイコンのunicode */ margin-right: 5px; }
.bconfirm:after { font-family: FontAwesome; content: '\f0a9'; /* アイコンのunicode */ margin-left: 5px; }
.bsubmit:after { font-family: FontAwesome; content: '\f0a9'; /* アイコンのunicode */ margin-left: 5px; }
.body-confirm .contact-info,
.body-confirm .area-tel-info,
.body-complete .contact-info,
.body-complete .area-tel-info,
.body-confirm span.comment,
.body-complete span.comment,
.body-confirm h3.kakunin-before,
.body-confirm h3.kakunin-before
{ display: none }
h3.kakunin-after { display: none; }
.body-confirm h3.kakunin-after,
.body-confirm h3.kakunin-after
{ display: flex; }
.form-complete-message a { display: block; }
/*************************************
*プライバシーポリシー
*************************************/
section#privacy-01 { margin-bottom: 3rem; }








































}



@media only screen and (max-width: 768px){







}

@media only screen and (max-width: 750px){

/*************************************
* トップページ
*************************************/
/*スライド*/
.top-slide {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 0;
}
.top-slide-h2 {
	background-size: 250px 250px;
	left: -50px;
	bottom: 0;
	width: 250px;
	height: 250px;
}
.maincomment-01, .maincomment-02 {
	max-width: 35px;
}
.maincomment-01 img, .maincomment-02 img {
	max-width: 35px;
}
.maincomment-01 { right: 20px; }
.maincomment-02 { right: 70px; }
/*メニュー*/
section#top-menu { padding-top: 0; }
.link-area { height: 270px; }
.link-txt-area { width: 95%; height: 50%; left: 0; bottom: 0; top: auto; }
.link-unsou .link-txt-area { left: 0; right: auto; }
.link-txt-inner { top: 10px; margin-top: 0; }
.top-h3 span.link-txt-sub { font-size: 0.8rem; padding-bottom: 0.1rem; }
.top-h3 span.link-txt-main { display: block; font-size: 1.5rem; margin-top: 0.8rem; margin-bottom: 0.5rem; letter-spacing: 0.1em; }
.link-txt-inner p { font-size: 0.8rem; }
/*************************************
* 採用情報
*************************************/
.recruit-pagelink-area ul li { display: block; margin-bottom: 0.8rem; }
.recruit-pagelink-area ul li a { display: block; }



















}





@media only screen and (max-width: 500px){
/*************************************
* テーブル
*************************************/
.table-01 tr { padding-bottom: 0.5rem; display: block; }
.table-01 th, .table-01 td  { border: none; display: block; padding: 0 5px 0 5px; }
.table-01 th { font-weight: 800; background-color: #f2f2f2; }
.table-01 th.th-02 { background-color: transparent; }
/*************************************
* 新着情報一覧
*************************************/
.newslist-img { width: 90%; float: none; }
.newslist-txt { width: 90%; float: none; margin-right: 0; margin-top: 0.8rem; }
h4.list-newsttl { font-size: 1rem; margin-top: 0; }
.list-dijest { margin-top: 0; font-size: 
	0.8rem; }
/*************************************
* 私たちの理念
*************************************/
.philosophy-message-img { width: 100%; }
/*************************************
* 運送業務
*************************************/
.unsou-img-01 {
	width: 90%;
	text-align: center;
	margin: auto;
	-webkit-animation:load1 5s ease-in-out infinite;
	animation:load1 5s ease-in-out infinite;  
	animation-fill-mode: forwards;
}
.unsou-img-02 {
	width: 70%;
	height: 100%;
	text-align: center;
	margin: auto;
	position: absolute;
	top: 50%;
	margin-top: -36%;
	left: 50%;
	margin-left: -35%;
}
.service-txt { width: 100%; float: none; }
.service-img { width: 100%; float: none; margin-top: 1rem; }
/*************************************
* 運送業務・倉庫業務共通
*************************************/
ul.introduction-img li { width: 100%; margin: 0 0 1.5rem 0; display: block; }
ul.introduction-img-souko li { width: 100%; margin: 0 0 1.5rem 0; display: block; }





}





@media only print {
body { font-family: sans-serif; }
/*フェードイン*/
.effect {
  opacity: 1 !important;
  transform: translateX(0px) !important;
}
.effect-u {
  opacity: 1 !important;
  transform: translateY(0px) !important;
}
.effect-o {
  opacity: 1 !important;
}
#js-loader { display: none; }

/*トップページスライド*/
.top-slide-area {
	background-image: url("../img/top/slide01.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 700px;
	position: relative;
	z-index: -1
}
.top-slide-img-group { display: none !important; }
.maincomment { opacity: 1 !important; }
.top-slide-h2 { opacity: 1 !important; }



}