@charset "utf-8";

/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/

body {
	width: 100% !important;
	color: #333;
	font-size: 14px;
	line-height: 1.6;
	overflow: hidden;
	background: url(../img/topBg.png) no-repeat center top;
}


/*リンク表示方法*/
a {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

a:link {
	color: #0071bc;
}

a:visited {
	color: #0071bc;
}

a:active {
	color: #0071bc;
	text-decoration: underline;
}

a:hover {
	color: #0071bc;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	text-decoration: underline;
}

header, .inner {
	width: 1000px;
	margin: 0 auto;
}


/* gnav hover-min.css */
@-webkit-keyframes hvr-buzz-out{
	10%{
	-webkit-transform:translateX(3px) rotate(2deg);
	transform:translateX(3px) rotate(2deg)
	}30%{
	-webkit-transform:translateX(3px) rotate(2deg);
	transform:translateX(3px) rotate(2deg)
	}40%{
	-webkit-transform:translateX(-3px) rotate(-2deg);
	transform:translateX(-3px) rotate(-2deg)
	}60%{
	-webkit-transform:translateX(-2px) rotate(-1deg);
	transform:translateX(-2px) rotate(-1deg)
	}80%{
	-webkit-transform:translateX(-2px) rotate(-1deg);
	transform:translateX(-2px) rotate(-1deg)
	}100%{
	-webkit-transform:translateX(-1px) rotate(0);
	transform:translateX(-1px) rotate(0);
	}
}

@keyframes hvr-buzz-out{
	10%{
	-webkit-transform:translateX(3px) rotate(2deg);
	transform:translateX(3px) rotate(2deg)
	}30%{
	-webkit-transform:translateX(3px) rotate(2deg);
	transform:translateX(3px) rotate(2deg)
	}40%{
	-webkit-transform:translateX(-3px) rotate(-2deg);
	transform:translateX(-3px) rotate(-2deg)
	}60%{
	-webkit-transform:translateX(-2px) rotate(-1deg);
	transform:translateX(-2px) rotate(-1deg)
	}80%{
	-webkit-transform:translateX(-2px) rotate(-1deg);
	transform:translateX(-2px) rotate(-1deg)
	}100%{
	-webkit-transform:translateX(-1px) rotate(0);
	transform:translateX(-1px) rotate(0);
	}
}

.hvr-buzz-out{
	display:inline-block;
	vertical-align:middle;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-moz-osx-font-smoothing:grayscale;
}

.hvr-buzz-out:active,.hvr-buzz-out:focus,.hvr-buzz-out:hover{
	-webkit-animation-name:hvr-buzz-out;
	animation-name:hvr-buzz-out;
	-webkit-animation-duration:.3s;
	animation-duration:.3s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1;
}
/* */


/* トラックanimate.css */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .9s;
  animation-duration: .9s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .9s;
  animation-duration: .9s;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
/* */


/*-----------------------------------------------------------
PCサイズ
-----------------------------------------------------------*/

.pc {
	display: block;
}

.sp, .spTel {
	display: none;
}

.pcTel {
	display: inline;
}

.maxsize {
	display: block;
}

.middlesize {
	display: none;
}

.sp01 {
	display: block;
}

/*-----------------------------------------------------------
header
-----------------------------------------------------------*/

header {
	padding: 50px 0 0;
}

.headerUl {
	margin: 0 auto;
}

.headerUl:after {
	content: '';
	display: block;
	clear: both;
}

.headerUl li {
	float: left;
}

.H1 {
	width: 241px;
	margin: 16px 0 0;
}

header h1 {
	font-weight: normal;
	font-size: 12px;
	line-height: 1.9;
}

.hLogo {
	margin: 0 0 0 50px;
}

.hLogo a:hover img {
	opacity: 1;
}

.hTel {
	width: 240px;
	margin: 25px 0 0 9px;
	background: url(../img/hTelMark.png) no-repeat left top;
}

.hTel dl {
	float: right;
}

.hTel dd {
	margin: 4px 0 0;
}

.hMail {
	margin: 52px 0 0 5px;
	float: right;
}

.hSnsLink{
    margin: 50px 0 0 5px;
    width: 30px;
}

.hSnsLink > a > img{
	max-width: 100%;
	height: auto;
}

.headerUl.cf {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}


/*-----------------------------------------------------------
テーブル共通
-----------------------------------------------------------*/

table {
	border-collapse: separate;
	width: 100%;
	border-spacing: 0 3px;
}

th {
	background: #a5e6ed;
	vertical-align: middle;
	text-align: center;
}

th span {
	background: #FFF;
	color: #29abe2;
	font-weight: bold;
	display: block;
	width: 125px;
	padding: 11px 0 7px;
	margin: 0 auto;
}

td {
	background: #a5e6ed;
}


/*-----------------------------------------------------------
 nav
-----------------------------------------------------------*/

.navcoverArea {
	position: relative;
	padding: 78px 0 0;
}

.navcoverArea:before {
	content: "";
	width: 100%;
	height: 1380px;
	background: url(../img/roadtop.png) no-repeat center top;
	position: absolute;
	top: 146px;
	left: 0;
	right: 0;
	z-index: -1;
}

.gnav {
	margin: 15px auto 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 99;
	width: 1000px;
}

.gnav ul:after,
.gnav:after {
	content: '';
	display: block;
	clear: both;
}

.gnav li {
	float: left;
}

.gnav li a {
	display: block;
}

.nav01 {
	margin: 70px 0 0 13px;
}

.nav02 {
	margin: 30px 0 0 38px;
}

.nav03, .nav04 {
	margin: 0 0 0 38px;
}

.nav05 {
	margin: 30px 0 0 38px;
}

.nav06 {
	margin: 70px 0 0 38px;
}


.drop {
	position: relative;
}

.drop ul {
	display: none;
	position: absolute;
	box-shadow: 0 1px 6px 0 rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 6px 0 rgba(0,0,0,.4);
	-webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.4);
	width: 1000px;
	margin: 44px auto 0;
	left: -182px;
	z-index: 98;
}

.drop:hover ul {
	display: block;
}

.nav02:hover:after {
	content: "";
	position: absolute;
	left: 0;
	right: -5px;
	width: 130px;
	bottom: -44px;
	margin: auto;
	height: 50px;
	background: url(../img/droparrow.png) no-repeat center bottom;
	z-index: 99;
}

.drop ul:after {
	content: "";
	display: block;
	clear: both;
}

.drop li {
	float: left;
	width: 166.7px;
	border-left: 1px solid #ccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.drop li:first-child {
	border: none;
	width: 166.5px;
}

.drop li a {
	background: rgba(255,255,255,.95) url(../img/dropBg_off.png) no-repeat center right;
	opacity: .95;
	filter: alpha(opacity=95); /* ie lt 8 */
	-ms-filter: "alpha(opacity=95)"; /* ie 8 */
	-moz-opacity: .95; /* FF lt 1.5, Netscape */
	-khtml-opacity: .95; /* Safari 1.x */
	font-size: 12.75px;
	text-decoration: none;
	color: #333;
	padding: 21px 8px 17px;
	line-height: 1.2;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.drop li a:hover {
	background: #29abe2 url(../img/dropBg_on.png) no-repeat center right;
	opacity: 1;
	filter: alpha(opacity=100); /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* ie 8 */
	-moz-opacity: 1; /* FF lt 1.5, Netscape */
	-khtml-opacity: 1; /* Safari 1.x */
	color: #FFF;
}

.drop li a:before {
	content: "";
	width: 13px;
	height: 13px;
	display: inline-block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	vertical-align: bottom;
	margin: 0 3px 2px 0;
}

.dnav01:before {
	background: #2d9834;
}

.dnav02:before {
	background: #0071bc;
}

.dnav03:before {
	background: #7941bf;
}

.dnav04:before {
	background: #dc53bd;
}


/*-----------------------------------------------------------
#slide
-----------------------------------------------------------*/

#modal {
	display: none;
}

/*-----------------------------------------------------------
#cover
-----------------------------------------------------------*/

#cover {
	max-width: 1000px;
	width: 98%;
	margin: 0 auto;
	position: relative;
}

.website #cover:before {
	content: "";
	width: 157px;
	height: 300px;
	background: url(../img/covericon.png) no-repeat center bottom;
	display: block;
	z-index: 97;
	position: absolute;
	bottom: 43px;
	left: -78px;
}

#cover ul {
	position: relative;
}

#cover .sp {
	display: none !important;
}

#cover li {
	width: 100%;
}

#cover li img {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	display: block;
}

#cover p {
	position: absolute;
	bottom: 59px;
	right: -269px;
}


/*-- 中ページカバー --*/
.article #cover {
	background-size: cover !important;
}

.about #cover {
	background: url(../img/cover_aboutBg.png) no-repeat center;
}

.service #cover {
	background: url(../img/cover_serviceBg.png) no-repeat center;
}

.truck #cover {
	background: url(../img/cover_truckBg.png) no-repeat center;
}

.flow #cover {
	background: url(../img/cover_flowBg.png) no-repeat center;
}

.staff #cover {
	background: url(../img/cover_staffBg.png) no-repeat center;
}

.recruit #cover {
	background: url(../img/cover_recruitBg.png) no-repeat center;
}

.company #cover {
	background: url(../img/cover_companyBg.png) no-repeat center;
}

.privacy #cover {
	background: url(../img/cover_privacyBg.png) no-repeat center;
}

.contact #cover {
	background: url(../img/cover_contactBg.png) no-repeat center;
}


/*-----------------------------------------------------------
 #main
-----------------------------------------------------------*/

#main {
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
}

.conteBox {
	max-width: 1000px;
	width: 96%;
	margin: 0 auto;
	z-index: 99;
}

.titH3 {
	margin: 0;
}

.titH4 {
	margin: 0 auto;
}

.website .titH4 {
	max-width: 760px;
	width: 100%;
	display: block;
	margin: 0 auto;
}

.titH5 {
	font-size: 26px;
}


.linkbtn {
	width: 300px;
	background: #333 url(../img/linkbtnBg.png) no-repeat center right;
	display: block;
	color: #FFF !important;
	text-decoration: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 8px 10px 6px;
}

.white {
	background: rgba(255,255,255,.65);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.linkbtn:hover {
	background: #29abe2 url(../img/linkbtnBg.png) no-repeat center right;
	text-decoration: none;
}


.conte01 {
	background: rgba(255,255,255,.95);
	opacity: .95;
	filter: alpha(opacity=95); /* ie lt 8 */
	-ms-filter: "alpha(opacity=95)"; /* ie 8 */
	-moz-opacity: .95; /* FF lt 1.5, Netscape */
	-khtml-opacity: .95; /* Safari 1.x */
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0 2px 7px 1px rgba(0,0,0,.4);
	-moz-box-shadow: 0 2px 7px 1px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 2px 7px 1px rgba(0,0,0,.4);
	padding: 33px 40px 29px;
	margin: -40px auto 0;
	position: relative;
	z-index: 99;
	font-size: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	line-height: 2.14;
}


.conte02 {
	padding: 50px 0 0;
}

.conte02 ul:after {
	content: "";
	display: block;
	clear: both;
}

.conte02 li {
	float: left;
	margin: 0 0 0 50px;
	width: 300px;
}

.conte02 li:first-child {
	margin: 0;
}

.conte02 dt a {
	display: block;
}

.conte02 dt a:hover {
	opacity: .8;
	filter: alpha(opacity=80); /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* ie 8 */
	-moz-opacity: .8; /* FF lt 1.5, Netscape */
	-khtml-opacity: .8; /* Safari 1.x */
}

.conte02 dd {
	text-align: center;
	padding: 26px 0 0;
	line-height: 1.9;
}


.conte03 {
	position: relative;
	padding: 103px 0 111px;
}

.conte03:before {
	content: "";
	width: 1300px;
	height: 879px;
	background: url(../img/townright.png) no-repeat right bottom;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}

.topenviron {
	margin: 60px auto 0;
}

.topenviron dl {
	width: 351px;
	position: relative;
}

.topenviron dl:after {
	content: "";
	background: url(../img/topenviron.png) no-repeat center top;
	width: 320px;
	height: 300px;
	position: absolute;
	top: -10px;
	right: -312px;
	display: block;
}

.topenviron dd {
	padding: 24px 0 0;
	line-height: 1.9;
}

.topenviron dd a {
	margin: 27px 0 0;
}


.conte04 {
	background: url(../img/topareaBg.png) no-repeat center top;
	position: relative;
	margin: 99px 0 0;
	padding: 100px 0 0;
}

.conte04:before {
	content: "";
	width: 100%;
	height: 1520px;
	background: url(../img/roadbottom.png) no-repeat 65% top;
	position: absolute;
	bottom: -509px;
	left: 0;
	right: 0;
	z-index: 1;
}

.conte04:after {
	content: "";
	display: block;
	width: 1300px;
	height: 727px;
	background: url(../img/townleft.png) no-repeat left bottom;
	position: absolute;
	bottom: -194px;
	left: 0;
	z-index: 0;
}

.conte04 h3 {
	text-align: center;
	margin: 22px auto 0;
}

.toparea {
	position: relative;
}

.toparea ul {
	margin: 22px auto 0;
}

.toparea ul:after {
	content: "";
	display: block;
	clear: both;
}

.toparea li {
	float: left;
}

.toparea li:first-child {
	width: 620px;
}

.toparea li + li {
	width: 350px;
	margin: 5px 0 0 30px;
}

.toparea div:first-child {
	margin: 0;
}

.toparea div {
	margin: 26px 0 0;
	line-height: 1.9;
}

.topsafety {
	position: relative;
	padding: 633px 0 0;
}

.toparea a {
	margin: 49px 0 0;
	padding: 10px 10px 8px;
}

.topsafety div {
	position: absolute;
	top: -47px;
	left: 0;
	width: 100%;
}

.topsafety div a {
	display: block;
	max-width: 475px;
	width: 100%;
}

.topsafety div a + a {
	margin: 50px 0 0;
}

.topsafety div a:hover {
	opacity: .8;
	filter: alpha(opacity=80); /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* ie 8 */
	-moz-opacity: .8; /* FF lt 1.5, Netscape */
	-khtml-opacity: .8; /* Safari 1.x */
}

.topsafetytruck {
	position: absolute;
	bottom: -93px;
	right: -268px;
}

.topsafety dl {
	width: 410px;
	position: relative;
}

.topsafety dl:after {
	content: "";
	display: block;
	width: 300px;
	height: 300px;
	background: url(../img/topsafety.png) no-repeat center top;
	position: absolute;
	top: 70px;
	right: -239px;
	z-index: 99;
}

.topsafety dd {
	padding: 24px 0 0;
	line-height: 1.9;
}

.topsafety dd a {
	margin: 51px 0 0;
}


.conte05 {
	background: url(../img/blueconteBg.png) no-repeat center top;
	position: relative;
	padding: 100px 0 0;
	margin: 230px 0 0;
}

.conte05 ul {
	margin: 60px 0 0;
}

.conte05 ul:after {
	content: "";
	display: block;
	clear: both;
}

.conte05 li {
	float: left;
	width: 500px;
	margin: 0 0 0 25px;
}

.conte05 li:first-child {
	width: 475px;
	margin: 0;
}

.conte05 iframe {
	width: 100%;
	height: 300px;
	line-height: 0;
}

.conte05 table {
	margin: -3px 0 0;
	font-size: 14px;
}

.conte05 th {
	width: 169px;
	padding: 30px 20px 27px 24px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.conte05 td {
	line-height: 1.95;
	padding: 5px 0 0;
}


.website .bnrBox {
	background: #8fe0e8;
	z-index: 99;
	position: relative;
}

.bnrBox {
	padding: 43px 0 50px;
}

.bnrBox .conteBox {
	background: #bcecf1;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 10px !important;
}

.bnrBox .conteBox div {
	border: 10px solid #FFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	background: url(../img/bnrBg.jpg) no-repeat center right;
	padding: 22px 22px 30px;
}

.bnrBox span {
	margin: 14px 0 0;
}

.bnrBox .linkbtn {
	padding: 10px 10px 8px;
	margin: 14px 0 0 7px;
}


/*-----------------------------------------------------------
 footer
-----------------------------------------------------------*/

footer {
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	background: #8fe0e8 url(../img/fBg.png) no-repeat center 0;
}

.fLogo {
	width: 388px;
	margin: 0 auto 36px;
}

footer .inner {
	padding: 20px 0 370px;
    text-align: center;
}

.fAdd {
	padding: 0 0 28px;
}

.fAdd li {
	display: inline-block;
	font-size: 14px;
	margin: 0 0 0 20px;
}

.fAdd li:before {
	content: '\25a1';
}

.fAdd li:first-child {
	margin: 0;
}

.fMenu {
	padding: 0 0 32px;
}

.fMenu li {
	display: inline-block;
	line-height: 1;
	border-left: 1px solid #0071bc;
}

.fMenu li:first-child {
    border: none;
}

.fMenu li a {
	margin: 0 0 0 2px;
	padding: 0 4px 0 3px;
	font-size: 13px;
	color: #0071bc;
	text-decoration: none;
}

.fMenu li:first-child a {
	margin: 0;
}

.fMenu li a:hover {
	text-decoration: underline;
}

.copyright {
	background: #FFF;
}

.copyright small {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 11px 0 7px;
    display: block;
    text-align: center;
    font-size: 14px;
}


/* 全ページ共通クラス
----------------------------------------------------------- */

/*--- パンくず ---*/

.pankuzu {
    max-width: 1000px;
    width: 96%;
    margin: 0 auto;
    font-size: 12px;
    padding: 16px 0 0;
}

.pankuzu li {
    margin: 0 0 0 10px;
    display: inline;
}

.pankuzu li:first-child {
    margin: 0;
}

.pankuzu li a {
    margin: 0 10px 0 0;
    color: #000;
}

.pankuzu li a:hover {
    color: #29abe2;
}


/*--- ページトップ ---*/
#pageTop {
	width: 70px;
	margin: 0 auto;
	z-index: 99;
}


/* -- お問い合わせ -- */
input {
	vertical-align: middle;
}

.btnBox1 {
	text-align: center;
}

.contact_cf .clearForm,.contact_cf .clearForm2 {
	padding: 10px 5px;
}

.choose_list1 {
	max-width: 410px;
	width: 80%;
	margin: 20px auto 0;
}

.contact_tb td span {
	margin: 9px 0 0;
	display: block;
}

.clearForm,
.clearForm2,
.toHome {
	max-width: 390px;
	width: 100%;
	padding: 15px 5px;
	cursor: pointer;
	outline: 0;
	font-size: 100%;
	border: none;
	font-weight: bold;
	transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
	background: #333;
    display: block;
    color: #FFF !important;
    text-decoration: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.toHome {
	width: 80%;
}

.clearForm:hover,
.clearForm2:hover,
.toHome:hover {
	background: #29abe2;
	text-decoration: none;
}

.toHome {
	margin: 50px auto 0 !important;
	text-decoration: none;
	display: block;
	text-align: center;
}

#name, #post, #mail, #mail2, #mail_confirm, textarea, #url, #kana, #tel, #msg {
	width: 95%;
}

#msg {
	height: 100px;
}

#zip1, #zip2 {
	width: 150px;
}

#city, #pref, #add {
	width: 85%;
	margin: 5px 0 0 10px;
}

textarea {
	width: 90%;
	padding: 10px 5px;
}

input,
textarea,
button,
select,
option {
	outline: none;
}

input[type="text"] {
	height: 25px;
	padding: 5px;
}

input[type="text"],
textarea,
select,
option {
	border: 1px solid #f9f9f9;
}

input[type="text"]:focus,
textarea:focus,
select:focus,
option:focus {
	border: 1px solid #29abe2;
	box-shadow: 0 0 0 1px #29abe2;
    -moz-box-shadow: 0 0 0 1px #29abe2;
    -webkit-box-shadow: 0 0 0 1px #29abe2;
}

button {
	border: none;
	outline: none;
	background: none;
}

.form_notice1 {
	font-size: 85.714%;
	display: block;
	margin: 5px 0 0;
}

.form_notice2 {
	font-size: 87.5%;
}

.modification_wrap {
	overflow: hidden;
}

.modification {
	width: 221px;
	float: left;
	margin: 0 0 0 246px;
}

.send_bt {
	width: 221px;
	float: right;
	margin: 0 245px 0 0;
}

.error_style {
	color: #FF0000;
	display: block;
	margin: 8px 0 0;
}

.contact_tb {
	margin: 0 auto;
}

.contact_tb th {
	position: relative;
	line-height: 1.4;
	width: 300px;
}

.contact_tb th, .contact_tb td {
	padding: 13px 10px 10px 20px;
	position: relative;
}

.contact_tb th em {
	background: #e25151;
	color: #FFFFFF;
	padding: 2px 5px;
	margin-left: 5px;
	right: 10px;
	font-size: 85.714%;
	float: right;
}

.kind label {
	display: block;
}


/*-- エラーチェック --*/
.formError {
	top: 20px !important;
	left: 40px !important;
}

.zip2formError {
	left: 220px !important;
}

.prefformError, .cityformError, .addformError {
	top: 0 !important;
	left: 80px !important;
}

.formError .formErrorContent {
	background: #d04141 !important;
}

.formError .formErrorArrow div {
	background: #d04141 !important;
}

.zip1 label {
	position: relative;
}


/*-- 送信前ダイアログ --*/
.ui-dialog {
    margin: auto;
    position: absolute;
    left: 0 !important;
    right: 0 !important;
    max-width: 500px !important;
}

.ui-corner-all.ui-button-text-only:focus {
	color: #FFF;
    background: #333;
    outline: none;
    border-color: #333;
}

.ui-corner-all.ui-button-text-only:hover {
    color: #FFF;
    background: #29abe2;
    outline: none;
    border-color: #29abe2;
    transition: .3s;
}

.ui-widget-header {
    background: #29abe2 !important;
    border-color: #29abe2 !important;
}

.ui-dialog .ui-dialog-content,
.ui-button-text-only .ui-button-text {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif !important;
}



/* TOP
----------------------------------------------------------- */

/*-- メインヴィジュアル スライダー --*/

.bx-wrapper {
	margin: 0 !important;
	position: relative;
}

.bx-controls-direction {
	width: 100%;
	position: absolute;
	top: 50%;
}

.bx-controls-direction a {
	width: 32px;
	height: 32px;
	margin: -16px 0 0;
	position: absolute;
	top: 50%;
	z-index: 9999;
	outline: 0;
	text-indent: -9999px;
}

.bx-prev {
	left: 1% !important;
	background: url(./../img/prev.png) no-repeat 0 0;
	background-size: contain;
}

.bx-next {
	right: 1% !important;
	background: url(./../img/next.png) no-repeat 100% 0;
	background-size: contain;
}


/*-- スクロールバーデザイン --*/

.scroll-pane {
	max-width: 375px !important;
	width: 100% !important;
	height: 160px; /*箱の高さ*/
	margin: 49px 0 0;
	overflow-y: auto;
	border-radius: 0 6px 6px 0 / 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0 / 0 6px 6px 0;
	-webkit-border-radius: 0 6px 6px 0 / 0 6px 6px 0;
	-o-border-radius: 0 6px 6px 0 / 0 6px 6px 0;
	-ms-border-radius: 0 6px 6px 0 / 0 6px 6px 0;
}

.scroll-pane:focus {
	outline: none;
}

.jspContainer {
	width: 100% !important;
	overflow: hidden;
	position: relative;
}

.jspPane {
	width: 100% !important;
	position: absolute;
	background: rgba(255,255,255,.65);
}

.jspVerticalBar {
	width: 20px;
	position: absolute;
	top: 0;
	right: -5px;
}

.jspArrowUp, .jspArrowDown {
	margin : 0;
	padding: 0;
	display: block;
	cursor : pointer;
}

.jspArrowDown {
}

.jspTrack {
	position: relative;
	background-position: center;
}

.jspDrag {
	width: 8px;
	margin: 0 auto;
	background: #29abe2;
	position: relative;
	cursor: pointer;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.jspArrow.jspDisabled {
	cursor: default;
}

.jspVerticalBar .jspArrow {
	height: 0px;
}

.jspVerticalBar .jspArrow:focus {
	outline: none;
}


/* 新着情報
----------------------------------------------------------- */

.news ul {
	width: 660px;
}

.news li {
	width: 95%;
	padding: 0 0 18px;
}

.news dl:after {
	content: "";
	display: block;
	clear: both;
}

.news dt {
	float: left;
	color: #FFF;
	background: #29abe2;
	padding: 6px 5px 2px 6px;
	line-height: 1;
	font-size: 12px;
}

.news dd {
	float: left;
	padding: 0 0 0 21px;
	font-size: 14px;
	max-width: 255px;
	width: 100%;
}


/*-----------------------------------------------------------
 中ページ
-----------------------------------------------------------*/
.article .gnav {
	position: static;
	margin: 15px auto;
}

.article .gnav li {
	margin: 0 0 0 30px;
}

.article .drop ul {
	left: -146%;
}

.article .drop li {
	margin: 0 !important;
}

.article #cover {
	position: static;
}

.article #main:after {
	content: "";
	background: #8fe0e8;
    width: 100%;
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    -moz-border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    -webkit-border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    -o-border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    -ms-border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    height: 70px;
    display: block;
    margin: 50px 0 -1px;
}

.article .conteBox {
	padding: 70px 0;
}

.article .titH4 {
	max-width: 500px;
	width: 98%;
	margin: 0 auto 40px;
}

.article .titH5 {
	line-height: 1.3;
}

.right .titH5 {
	width: 65%;
	margin: 0 0 20px auto !important;
}

.leadTxt {
	margin: 40px auto 0;
	padding: 3%;
	line-height: 1.75;
	background: rgba(255,255,255,.85) url(../img/leadBg.png) no-repeat right bottom;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF);
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 2px 7px 1px rgba(0,0,0,.4);
    -moz-box-shadow: 0 2px 7px 1px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 2px 7px 1px rgba(0,0,0,.4);
}

.leadTxt p {
	margin: .8em 0 0;
}

.article th, .article td {
	padding: 15px 3% 14px;
}

.article th span {
	padding: 10px 3% 7px;
	width: 70%;
}

.article .linkbtn {
	max-width: 300px;
	width: 96%;
}


/* 会社案内,サービスについて */
.txtImgArea + .txtImgArea {
	padding: 140px 0 0;
}

.txtImgArea .titH5 {
	margin: 0 0 20px;
}

.txtImgArea ul:after {
	content: "";
	display: block;
	clear: both;
}

.txtImgArea li {
	float: left;
}

.txtImgArea li + li {
	margin: 0 0 0 3%;
}

.txtArea {
	width: 65%;
	margin: 0;
	background: rgba(255,255,255,.85);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 2px 7px 1px rgba(0,0,0,.4);
    -moz-box-shadow: 0 2px 7px 1px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 2px 7px 1px rgba(0,0,0,.4);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 3%;
}

.imgArea {
	width: 32%;
}

.imgArea img {
	max-width: 320px;
	width: 100%;
	margin: 0 auto;
	display: block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	display: block;
	margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-shadow: 0 0 0 4px #fff, 0 6px 0 8px #8fe0e8, 0 -6px 0 8px #8fe0e8;
    -moz-box-shadow: 0 0 0 4px #fff, 0 6px 0 8px #8fe0e8, 0 -6px 0 8px #8fe0e8;
    -webkit-box-shadow: 0 0 0 4px #fff, 0 6px 0 8px #8fe0e8, 0 -6px 0 8px #8fe0e8;
}

.txtAreaH {
	font-size: 120%;
	font-weight: bold;
	border-bottom: 3px solid #d5a985;
	padding: 0 0 10px;
}

.txtAreaTxt {
	padding: 3% 3% 0;
}

.txtAreaTxt p {
	margin: .8em 0 0;
}

.txtAreaTxt p:first-child {
	margin: 0;
}

.txtAreaTxt .linkbtn {
	margin: 40px 0 0;
}


/* 会社案内
----------------------------------------------------------- */
.greetName {
	display: block;
	max-width: 281px;
	width: 60%;
	margin: 20px 0 0 auto;
}

.safetyBox .txtImgArea {
	padding: 50px 0 0;
}

.safetyBox .titH5 {
	margin: 0 0 20px;
}

.safetyBox .leadTxt {
	margin: 0 auto;
}


/* 車両案内
----------------------------------------------------------- */
.trucklistBox ul:after{
	content: "";
	display: block;
	clear: both;
}

.trucklistBox li {
	float: left;
	width: 30%;
	margin: 0 0 0 2.6%;
}

.trucklistBox li + li + li + li {
	margin: 3% 0 0 2.6%;
}

.truckThum {
	background: #FFF;
	position: relative;
	width: 300px;
	height: 250px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}

.truckThum img {
	position: absolute;
	max-width: 300px;
	max-height: 250px;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}

.truckName {
	margin: 10px 0 0;
	color: #0071bc;
	padding: 3px 3% 0;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
}

.truckSpec {
	margin: 10px 0 0;
	background: rgba(255,255,255,.85) url(../img/specBg.png) no-repeat 95% 90%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 2px 7px 1px rgba(0,0,0,.4);
    -moz-box-shadow: 0 2px 7px 1px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 2px 7px 1px rgba(0,0,0,.4);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 3%;
}

.truckSpec span {
	display: block;
	max-width: 130px;
	width: 100%;
	margin: 0 auto;
}

.truckSpec span + span {
	margin: .8em 0 0;
	max-width: 130px;
	width: 100%;
	margin: 0 auto;
}

.truckSpec em {
	font-weight: bold;
	font-size: 110%;
	display: inline-block;
}


/* サービスの流れ
----------------------------------------------------------- */
.flowBox ol {
	position: relative;
	margin: 3% auto 0;
}

.flowBox ol:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 3px;
    height: 85%;
    background: #0071bc;
    z-index: -1;
}

.flowBox ol > li {
	position: relative;
	padding: 1.5% 0;
}

.flowBox ol > li > span {
	position: absolute;
	font-size: 240%;
	text-align: center;
	display: block;
	background: #0071bc;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 70px;
	height: 70px;
	padding: 10px 0 0;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	box-shadow: 0 1px 4px 0 #0071bc;
    -moz-box-shadow: 0 1px 4px 0 rgba #0071bc;
    -webkit-box-shadow: 0 1px 4px 0 #0071bc;
    line-height: 1;
    color: #FFF;
}

.flowBox ol > li > span em {
	font-size: 50%;
	display: block;
	line-height: 1;
	margin: 0 0 3px;
}

.flowBox ol > li > ul:after {
	content: "";
	display: block;
	clear: both;
}

.flowBox ol > li > ul > li {
	width: 45%;
}

.flowBox ol > li > ul > li:first-child {
	float: left;
	text-align: center;
}

.flowBox ol > li > ul > li:first-child img {
	max-width: 450px;
	width: 100%;
	display: block;
	margin: 0 auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}

.flowBox ol > li > ul > li + li {
	float: right;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 3%;
	background: rgba(255,255,255,.85);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}

.flowBox li .titH5 {
	margin: 0 0 10px;
}

.flowBox li p {
	margin: .8em 0 0px 0 0;
}

.flowBox li p:first-child {
	margin: 0;
}


/* スタッフ紹介
----------------------------------------------------------- */
.modalArea ul {
	position: relative;
}
.modalArea ul:after {
	content: "";
	display: block;
	clear: both;
}

.modalArea li {
	float: left;
	width: 30%;
	margin: 0 0 0 2.6%;
}

.modalArea li + li + li + li {
	margin: 5% 0 0 2.6%;
}

.modalThum {
	display: block;
	width: 300px;
	height: 400px;
	position: relative;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	box-shadow: inset 0 0 0 4px #fff, 0 6px 0 8px #8fe0e8, 0 -6px 0 8px #8fe0e8;
    -moz-box-shadow: inset 0 0 0 4px #fff, 0 6px 0 8px #8fe0e8, 0 -6px 0 8px #8fe0e8;
    -webkit-box-shadow: inset 0 0 0 4px #fff, 0 6px 0 8px #8fe0e8, 0 -6px 0 8px #8fe0e8;
    background: #FFF;
}

.modalThum img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 300px;
	max-height: 390px;
	width: auto;
	height: auto;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	display: block;
	margin: auto;
}

.modalTxt {
	background: rgba(255,255,255,.85);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 2px 7px 1px rgba(0,0,0,.4);
    -moz-box-shadow: 0 2px 7px 1px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 2px 7px 1px rgba(0,0,0,.4);
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 3%;
	margin: -10% 0 0;
	z-index: 99;
	position: relative;
}

.modalTxt span, .modalOpen span {
	display: block;
	font-size: 110%;
	font-weight: bold;
	margin: 0 0 3px;
}

.modalTxt span+ span, .modalOpen span + span {
	margin: 15px 0 3px;
}

.modalTxt em {
	padding: 0 5%;
	display: block;
}

.modalBtn:hover, {
	background: #29abe2;
}

.modalOpen {
	display: none;
	position: absolute;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 3%;
	background: rgba(255,255,255,.85) url(../img/modalOpenBg.png) no-repeat 95% 80%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 2px 7px 1px rgba(0,0,0,.4);
    -moz-box-shadow: 0 2px 7px 1px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 2px 7px 1px rgba(0,0,0,.4);
    width: 90%;
    left: 0;
    right: 0;
    margin: 35px auto 0;
}

.modalOpen em {
	padding: 0 2%;
	display: block;
}

.toggle {
	cursor: pointer;
	max-width: 40px;
	width: 100%;
	margin: 10px auto 0;
	background: #333;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

.toggle:hover {
	background: #29abe2;
}

.toggle.toggleActive {
	position: relative;
	background: #29abe2;
}

.toggle.toggleActive:after {
    content: url(../img/droparrow.png);
    position: absolute;
    bottom: -43px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    text-align: center;
    z-index: 99;
}


/* 採用情報
----------------------------------------------------------- */
.wantbtn {
	margin: 0 0 140px;
}

.wantbtn li {
	width: 33.333%;
	float: left;
}

.wantbtn li a {
	margin: 0 auto;
}

.wantBox .linkbtn {
	margin: 0;
}

.jobArea {
	padding: 0;
}

.jobArea + .jobArea {
	padding: 140px 0 0;
}

.jobArea ul:after {
	content: "";
	display: block;
	clear: both;
}

.jobArea li {
	width: 60%;
	float: left;
}

.jobArea li:first-child {
	width: 40%;
}

.jobArea li div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 3%;
}

.jobArea li div p {
	margin: .8em 0 0;
}

.jobArea li div p:first-child {
	margin: 0;
}


/* 会社概要
----------------------------------------------------------- */
.companyBox table {
	width: 100%;
	margin: 0 auto;
}

.company .conteBox iframe {
	width: 100%;
	height: 450px;
	margin: 0 auto;
}


/* プライバシーポリシー
----------------------------------------------------------- */
.privacyBox .leadTxt {
	margin: 0 auto;
}

.privacyBox dl {
	margin: 40px 0 0;
}

.privacyBox dt {
	margin: 20px 0 0;
	padding: 0 10px;
	display: inline-block;
	font-weight: bold;
	border-bottom: 3px solid #d5a985;
}

.privacyBox dt:first-child {
	margin: 0;
}

.privacyBox dd {
	margin: 10px 10px 0;
}

.privacyBox li {
	padding: 0 0 0 2em;
}

.privacyBox li:before {
	content: "・";
	margin: 0 0 0 -1em;
	color: #d5a985;
}


/* お問い合わせ
----------------------------------------------------------- */
.contact .leadTxt {
	margin: 0 auto;
}

.contactBox .leadTxt div {
	margin: 10px auto 0;
	text-align: center;
	font-weight: bold;
	font-size: 160%;
	color: #0071bc;
}

.sendFlg .leadTxt {
	margin: 0 auto;
	text-align: center;
}


/*-- 固定ここまで --*/


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media print,screen and (max-width: 1800px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
.website #cover:before {
	left: -16px;
}

.white {
	padding: 2%;
}

.conte02 {
	width: 98%;
}

.topenviron dl {
	width: 370px;
}

.conte04:before {
	bottom: -400px;
}

.conte04:after {
	bottom: -270px;
}

.topsafetytruck {
	width: 56%;
	right: -3.25%;
	bottom: 0;
}

.topsafetytruck img {
	width: 100%;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1560px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media print,screen and (max-width: 1050px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/

img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.maxsize {
	display: none;
}

.middlesize {
	display: block;
}


/*-----------------------------------------------------------
header
-----------------------------------------------------------*/

header {
	max-width: 1000px;
	width: 98%;
	margin: 0 auto;
	padding: 4% 0 0;
}

.H1 {
	width: 27%;
	margin: 0;
}

header h1 {
	font-size: 80%;
}

.hLogo {
	max-width: 280px;
	width: 40%;
	margin: 0 0 0 1%;
}

.hTel {
	max-width: 183px;
	width: 25%;
	background-size: contain;
	margin: 1% 0 0 1%;
}

.hTel dl {
	max-width: 140px;
	width: 79%;
}

.hMail {
	margin: 3.5% 0 0 5px;
}

.hSnsLink {
	margin: 3.3% 0 0 5px;
}


/*-----------------------------------------------------------
cover
-----------------------------------------------------------*/

.website .navcoverArea:before {
	background: url(../img/roadtop.png) no-repeat 90% bottom;
	top: 35%;
}

#cover {
    max-width: 1000px;
}

#cover img {
	width: 100%;
}

.website #cover:before {
	left: 0;
	bottom: 5%;
	max-width: 157px;
	width: 13%;
	background-size: 100%;
}


/*-----------------------------------------------------------
#main
-----------------------------------------------------------*/
.conte01 {
	line-height: 2;
	padding: 3% 4%;
	margin: -2% auto 0;
}

.conte02 {
	width: 98%;
	padding: 8% 0 0;
}

.conte02 li {
	max-width: 300px;
	width: 31.333%;
	margin: 0 0 0 3%;
}


.news h2 img {
	max-width: 350px;
	width: 100%;
}

.conte03 {
	padding: 10% 0;
}

.conte03:before {
	max-width: 1300px;
	width: 100%;
	background-size: 100%;
}

.topenviron {
	margin: 8% auto 0;
}

.topenviron dt img {
	max-width: 343px;
	width: 100%;
}

.topenviron dl:after {
	max-width: 320px;
	width: 85%;
	background-size: 100%;
	top: 0;
	right: -85%;
}


.conte04 {
	margin: 8% 0 0;
	padding: 8% 0 0;
}

.conte04:before {
	background: url(../img/roadbottom.png) no-repeat 70% bottom;
	bottom: -40%;
}

.conte04:after {
	max-width: 1300px;
	width: 100%;
	background-size: 100%;
	bottom: 35%;
}

.conte04 h3 {
	font-size: 23px;
}

.toparea li:first-child {
	width: 48%;
}

.toparea li + li {
	width: 49%;
	margin: 0 0 0 3%;
}

.toparea li + li img {
	display: block;
	max-width: 350px;
	width: 100%;
	margin: 0 auto;
}

.toparea div {
	margin: 22px 0 0;
}

.toparea a {
	margin: 20px 0 0;
}

.topsafety {
	padding: 4% 0 0;
	max-width: 700px;
	width: 96%;
	margin: 0 auto;
}

.topsafety div {
	position: static;
	top: 0;
	max-width: 475px;
	width: 100%;
	margin: 0 auto;
}

.topsafety div a + a {
	margin: 8% 0 0;
}

.topsafety dl {
	max-width: 410px;
	width: 100%;
	margin: 50px 0 0;
}

.topsafety dl:after {
	top: 30px;
	right: -275px;
}

.topsafety dt img {
	max-width: 350px;
	width: 100%;
}

.truckbottom {
	position: relative;
	max-width: 747px;
	width: 55%;
	margin: 10% 0 0 auto;
	z-index: 99;
}


.conte05 {
	margin: 8% 0 0;
	z-index: 99;
	padding: 8% 0 0;
}

.conte05 ul {
	margin: 8% 0 0;
}

.conte05 li:first-child {
	max-width: 475px;
	width: 47%;
}

.conte05 li {
	width: 50%;
	margin: 0 0 0 3%;
}

.conte05 th {
	padding: 30px 4% 27px;
	width: auto;
}

.conte05 td {
	padding: 0 4%;
}


.bnrBox {
	padding: 8% 0;
}

.bnrBox .conteBox div {
	padding: 3%;
	background-size: cover;
}

.bnrBox p {
	max-width: 580px;
	width: 80%;
}

.bnrBox span {
	max-width: 425px;
	width: 60%;
}


/*-----------------------------------------------------------
nav
-----------------------------------------------------------*/

.gnav {
	max-width: 825px;
	width: 96%;
}

.gnav li {
	max-width: 130px;
	width: 15%;
}

.nav01 {
	margin: 8% 0 0;
}

.nav02 {
	margin: 3% 0 0 2%;
}

.nav03, .nav04 {
	margin: 0 0 0 2%;
}

.nav05 {
	margin: 3% 0 0 2%;
}

.nav06 {
	margin: 8% 0 0 2%;
}


.drop ul {
	max-width: 1000px;
	width: 500%;
	left: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.drop li {
	max-width: 33.333%;
	width: 33.333%;
	box-shadow: 0 1px 6px 0 rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 6px 0 rgba(0,0,0,.4);
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.4);
    margin: 0 0 1px;
    display: table;
}

.drop li:first-child {
	width: 33.333%;
}

.drop li a {
	padding: 11% 10% 9% 4%;
	display: table-cell !important;
	vertical-align: middle;
    box-shadow: inset -1px -1px 1px 0 #ccc;
    -moz-box-shadow: inset -1px -1px 1px 0 #ccc;
    -webkit-box-shadow: inset -1px -1px 1px 0 #ccc;
}


/*-----------------------------------------------------------
footer
-----------------------------------------------------------*/

footer .inner {
	max-width: 1000px;
	width: 96%;
	padding: 20px 0 347px;
}

.fMenu {
	width: 500px;
	margin: 0 auto;
}

.copyright small {
	width: 96%;
}


/* 全ページ共通クラス
----------------------------------------------------------- */
.pankuzu {
	width: 98%;
}


/* トップページ
----------------------------------------------------------- */
.news li {
	font-size: 90%;
}

.scroll-pane {
	width: 100% !important;
}


/* 中ページ
----------------------------------------------------------- */
.article .gnav li {
	margin: 0 0 0 1.5%;
}

.article .drop ul {
	left: -50%;
}

.article .conteBox {
	padding: 8% 0;
}

.leadTxt {
	padding: 20px 4%;
	margin: 5% auto 0;
}


/* 会社案内
----------------------------------------------------------- */
.safetyBox .txtImgArea {
	padding: 8% 0 0;
}


/* 車両案内
----------------------------------------------------------- */
.truckThum {
	width: 100%;
	height: auto;
	padding: 42% 0;
}

.truckThum img {
	max-width: 100%;
	max-height: 100%;
}


/* スタッフ紹介
----------------------------------------------------------- */
.modalThum {
	max-width: 300px;
	max-height: 400px;
	width: 100%;
	height: auto;
	padding: 67% 0;
}

.modalThum img {
	max-width: 98%;
	max-height: 98%;
}


/* プライバシーポリシー
----------------------------------------------------------- */
.privacyBox dt {
	padding: 0 1%;
}

.privacyBox dd {
	margin: 10px 2%;
}


/*-- お問い合わせ --*/

.clearForm,
.clearForm2 {
	padding: 15px 2%;
}

.contact_tb th {
	width: 30%;
	padding: 13px 2% 10px;
}

.contact_tb td {
	padding: 13px 2% 10px;
}

.contact_cf .clearForm,.contact_cf .clearForm2 {
	padding: 10px 5px;
}

#name, #post, #mail, #mail2, #mail_confirm, textarea, #url, #kana, #tel, #msg {
	width: 98%;
}

#zip1, #zip2 {
	width: 40%;
}

#city, #pref, #add {
	margin: 0 0 5px;
	width: 98%;
}

/*-- エラーチェック --*/

.formError {
	top: 20px !important;
	left: 10% !important;
}

.zip2formError {
	left: 54% !important;
}

.prefformError, .cityformError, .addformError {
	top: 30px !important;
	left: 10% !important;
}

.ui-dialog {
	width: 80% !important;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1050px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.pc {
	display: block;
}

.sp {
	display: none;
}

.sp01 {
	display: none;
}


/* ヘッダー
----------------------------------------------------------- */
header {
	padding: 2% 0 0;
}

.H1 {
	width: 100%;
	float: none;
	clear: both;
}

header h1 {
	padding: 0 2%;
}

.hLogo {
	margin: 2% 0 0;
	width: 50%;
}

.hTel {
	width: 35%;
	margin: 2% 0 0 3%;
}

.hMail {
	margin: 6% 0 0 5px;
}

.hSnsLink {
	margin: 5.6% 0 0 5px;
}


/* nav
----------------------------------------------------------- */
.drop ul {
	width: 450%;
}

.drop li {
	max-width: 50%;
	width: 50%;
	border: none;
	margin: 0;
}

.drop li:first-child {
	width: 50%;
}


/* cover
----------------------------------------------------------- */
.website .navcoverArea:before {
	top: 25%;
}


/* トップページ
----------------------------------------------------------- */

.conte01 {
	font-size: 14.5px;
}

.conte02 dd {
	font-size: 90%;
	text-align: left;
}


.conte03 {
	padding: 10% 0 50%;
}

.news ul {
	max-width: 720px;
	width: 100%;
}

.scroll-pane {
	max-width: 720px !important;
}

.news dd {
	max-width: 580px;
	width: 80%;
}

.topenviron dl {
	max-width: 720px;
	width: 100%;
}

.topenviron dl:after {
	top: inherit;
	bottom: -320px;
	height: 300px;
	right: 0;
	left: 0;
	margin: auto;
	max-width: 300px;
	width: 50%;
}

.topenviron dd a {
	margin: 25px auto 0;
}


.conte04:before {
	bottom: -30%;
}

.conte04:after {
	bottom: 41%;
}

.conte04 h3 {
	font-size: 20px;
}

.toparea li {
	float: none;
}

.toparea li:first-child {
	width: 100%;
	margin: 0 auto;
}

.toparea li + li {
	width: 100%;
	margin: 5% auto 0;
}

.toparea a {
	margin: 40px auto 0;
}

.topsafety dl {
	max-width: 720px;
	width: 100%;
	padding: 0;
}

.topsafety dl:after {
	max-width: 300px;
	width: 60%;
	height: 300px;
	bottom: -320px;
	left: 0;
	right: 0;
	top: inherit;
	margin: auto;
	background-size: 100%;
}

.topsafety dd a {
	margin: 45px auto 0;
}

.truckbottom {
	margin: 325px 0 0 auto;
}


.conte05 li {
	float: none;
	width: 100%;
	margin: 8% 0 0;
}

.conte05 li:first-child {
	max-width: 100%;
	width: 100%;
	margin: 0;
}


/* 中ページ
----------------------------------------------------------- */
.article #main {
	font-size: 95%;
}

.article #main:after {
	content: "";
	margin: 8% 0 -1px;
}

.article .titH5 {
	font-size: 25px;
}

.leadTxt {
	background-size: 100%;
}


/* 会社案内,サービスについて */
.txtImgArea + .txtImgArea {
	padding: 14% 0 0;
}

.txtImgArea .titH5 {
	text-align: center;
}

.right .titH5 {
	width: 100%;
	text-align: center;
	margin: 0 0 20px !important;
}

.txtImgArea li {
	float: none;
	margin: 0 auto;
}

.txtImgArea li + li {
	margin: 8% auto 0;
}

.txtArea {
	width: 100%;
}

.imgArea {
	width: 100%;
}


/* 会社案内
----------------------------------------------------------- */
.safetyBox .titH5 {
	text-align: center;
}


/* 車両案内
----------------------------------------------------------- */
.trucklistBox li {
	width: 41%;
	margin: 0 0 0 6%;
}

.trucklistBox li + li + li {
	margin: 8% 0 0 6% !important;
}


/* サービスの流れ
----------------------------------------------------------- */
.flowBox ol:before {
	content: "";
	display: none;
}

.flowBox ol > li {
	padding: 2.5% 0;
}

.flowBox ol > li > span {
	position: static;
	margin: 0 auto 10px;
}

.flowBox ol > li > span:after {
	content: "";
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 1px;
	top: 46px;
	left: 0;
	right: 0;
	background: #0071bc;
}

.flowBox ol > li > ul > li {
	width: 100%;
}

.flowBox ol > li > ul > li:first-child {
	float: none;
}

.flowBox ol > li > ul > li + li {
	float: none;
}

.flowBox li .titH5 {
	text-align: center;
}


/* スタッフ紹介
----------------------------------------------------------- */
.modalArea li {
	width: 41%;
	margin: 0 0 0 6%;
}

.modalArea li + li + li {
	margin: 7% 0 0 6% !important;
}


/* 採用情報
----------------------------------------------------------- */
.wantbtn {
	margin: 0 0 14%;
}

.wantbtn li {
	float: none;
	margin: 10px auto 0;
	width: 100%;
}

.wantbtn li:first-child {
	margin: 0 auto;
	width: 100%;
}

.jobArea {
	padding: 0;
}

.jobArea + .jobArea {
	padding: 14% 0 0;
}

.jobArea li {
	float: none;
	width: 100%;
}

.jobArea li:first-child {
	width: 100%;
}

.jobArea table {
	text-align: center;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media print,screen and (max-width: 591px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.pc, .pcTel {
	display: none;
}

.sp {
	display: block;
}

.spTel  {
	display: inline;
}


/*-- テーブル --*/

table {
	width: 100%;
}

th, td {
	width: 100% !important;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}


/* ヘッダー
----------------------------------------------------------- */

.hMail {
	float: left !important;
	margin: 3% 0 0 3%;
	max-width: 32px;
	width: 9%;
}

.hSnsLink{
	margin: 3% 0 0 3%;
}

.telBtn {
	width: 12%;
	margin: 2.8% 0 0 3%;
}

.menuBtn {
	width: 12%;
	float: right;
	margin: 2.8% 0 0;
}


#cover .pc {
	display: none !important;
}

#cover .sp {
	display: block !important;
}


/* cover
----------------------------------------------------------- */
.navcoverArea {
	padding: 8% 0 0;
}

.navcoverArea:before {
	top: 0;
}


/*--- modal ---*/

.telBtn a,
.menuBtn a {
	margin: 0;
	font-size: 300%;
	color: #0071bc;
	text-align: center;
	display: block;
	line-height: 0;

}

#pageslide {
	width: 65%;
	padding: 1%;
	display: none;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 9999;
	color: #0071bc;
	background: #8fe0e8;
	border-left: solid 5px #0071bc;
	box-shadow: rgba(0, 0, 0, 0.3) -1px 1px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) -1px 1px 10px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) -1px 1px 10px 0px;
	overflow-y: auto;
}

p.btn-close {
	width: 60%;
	margin: 5% auto;
	padding: 6px 2% 3px;
	background: #fcfcfc;
	font-size: 94%;
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

p.btn-close > a {
	text-decoration: none !important;
	color: #4d4d4d;
	display: block;
}

.page_slide_navi {
	width: 96%;
	margin: 0 auto;
}

#slide_navi li a {
	margin: 7px 0 0;
	display: block;
	text-align: center;
	color: #0071bc;
	font-weight: bold;
	padding: 10px 3%;
	text-decoration: none;
	font-size: 90%;
	border-bottom: 1px solid #0071bc;
}


/*-- ページトップ --*/

#pageTop {
	display: none !important;
}


/* フッター
----------------------------------------------------------- */

.sp nav {
	margin: 0 auto;
	padding: 0 0 10px;
	background: #8fe0e8;
	border-top: 5px solid #0071bc;
}

.sp nav li a,
.sp nav li a:link,
.sp nav li a:visited {
	color: #0071bc;
	font-weight: bold;
}


.sp nav li, .sp nav li:first-child {
	width: 100%;
	float: none;
}

.sp nav li a {
	padding: 10px 3%;
	display: block;
	text-align: center;
	text-decoration: none;
	background: initial;
	border-bottom: 1px solid #0071bc;
}

.sp nav li a:hover {
	background: initial;
}


/*-- フッターアイコン --*/

.sp footer {
	margin: 0;
	padding: 10px 0 0;
	background: #8fe0e8;
}

.sp footer ul:after {
	content: '';
	display: block;
	clear: both;
}

.sp footer li {
	width: 32%;
	margin: 0 0.5%;
	float: left;
}

.sp footer li a {
	padding: 10px 0 5px;
	color: #0071bc;
	text-decoration: none;
	display: block;
	border: 2px solid #0071bc;
	text-align: center;
	font-size: 60%;
}

footer ul li:first-child a {
    border: 2px solid #0071bc;
}

.sp footer li a i {
	margin: 0 0 5px;
	font-size: 540%;
	display: block;
}

.sp .copyright {
	margin: 20px auto 0;
	padding: 10px 2%;
	font-size: 70%;
	text-align: center;
}


/* トップページ
----------------------------------------------------------- */
.website .titH4 {
	width: 96%;
}

.linkbtn {
	max-width: 300px;
	width: 100%;
	padding: 8px 20px 6px 5px !important;
}

.conte01 {
	font-size: 14px;
}

.conte02 {
	width: 96%;
}

.conte02 li {
	float: none;
	width: 96%;
	max-width: 300px;
	margin: 8% auto 0;
}

.conte02 li:first-child {
	margin: 0 auto;
}

.conte02 dd {
	text-align: center;
}


.news dt {
	float: none;
	display: inline-block;
}

.news dd {
	float: none;
	padding: 5px 2% 0;
	max-width: 96%;
	width: 96%;
}


.conte03 {
	padding: 20% 0 60%;
}

.topenviron dl:after {
	width: 60%;
}


.conte04 {
	margin: 20% 0 0;
	padding: 10% 0 0;
}

.conte04:before {
	background: url(../img/roadbottom.png) no-repeat 75% bottom;
	bottom: -35%;
}

.conte04:after {
	bottom: 38%;
	background-size: 140%;
}

.conte04 h3 {
	font-size: 18px;
	text-align: left;
}

.toparea div {
	margin: 20px 0 0;
}

.toparea a {
	margin: 30px auto 0;
}

.toparea li + li {
	margin: 30px auto 0;
}

.topsafety {
	padding: 30px 0 0;
}

.topsafety div a {
	width: 96%;
	margin: 0 auto;
}

.topsafety div a + a {
	margin: 8% auto 0;
}

.topsafety dl {
	margin: 45px 0 0;
}

.topsafety dd {
	padding: 15px 0 0;
}

.topsafety dd a {
	margin: 20px auto 0;
}

.truckbottom {
	margin: 60% 0 0 auto;
}


.conte05 {
	padding: 10% 0 0;
}

.conte05 th {
	width: 100% !important;
	padding: 25px 4% 11px;
}

.conte05 td {
	width: 100% !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	text-align: center;
	padding: 11px 4% 22px;
}


.bnrBox p {
	width: 100%;
}

.bnrBox span {
	width: 100%;
}

.bnrBox .linkbtn {
	margin: 12px auto 0;
}


/* 中ページ
----------------------------------------------------------- */
.article #cover {
	margin: 15px auto 0;
}

.article #main {
	font-size: 92%;
}

.article #main:after {
	content: "";
	display: none;
}

.article .conteBox {
	padding: 9% 0;
}

.article .titH5 {
	font-size: 22px;
}


/* 車両案内
----------------------------------------------------------- */
.trucklistBox li {
	float: none;
	max-width: 300px;
	width: 94%;
	margin: 0 auto;
}

.trucklistBox li + li {
	margin: 5% auto 0;
}

.trucklistBox li + li + li {
	margin: 5% auto 0 !important;
}



.contact_tb th {
	font-size: 100%;

}

.choose_list1 {
	width: 80%;
}

#name, #post, #mail, #mail2, #mail_confirm, textarea, #url, #kana, #tel, #msg {
	width: 94%;
}

#zip1, #zip2 {
	width: 40%;
}

#city, #pref, #add {
	width: 96%;
	margin: 2px 0 0;
}

/*-- エラーチェック --*/

.zip1formError {
	left: 10% !important;
}

.zip2formError {
	left: 54% !important;
}

.prefformError, .cityformError, .addformError {
	top: 30px !important;
	left: 50% !important;
}

.detailBox > div {
	width: 100%;
	float: none;
}

.detailBox > .detailTxt {
	width: 98%;
	margin: 20px auto 0;
}

.formError {
	top: 20px !important;
	left: 10% !important;
}

.zip2formError {
	width: 42% !important;
	left: 50% !important;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 591px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media print,screen and (max-width: 414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.telBtn {
	width: 12%;
	margin: 2.8% 0 0 1.5%;
}

.menuBtn {
	width: 12%;
	float: right;
}

.telBtn a,
.menuBtn a {
	font-size: 240%;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons {
    width: 94% !important;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
}

.choose_list1 {
	font-size: 90%;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media print,screen and (max-width: 320px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.telBtn a,
.menuBtn a {
	font-size: 200%;
}


.hMail {
	margin: 2.75% 0 0 5%;
}

.bnrBox .linkbtn em {
	display: block;
}

.hSnsLink{
	width: 25px;
}

.hMail{
	max-width: 25px;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 320px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */