@font-face{
	font-family:"source-han-sans-japanese";
	font-style:normal;
	font-weight:500;
	src:url("../fonts/NotoSansCJKjp-Medium.woff2") format("woff2"),url("../fonts/NotoSansCJKjp-Medium.woff") format("woff"),url("../fonts/NotoSansCJKjp-Medium.ttf") format("truetype")
}
@font-face{
	font-family:"source-han-sans-japanese";
	font-style:normal;
	font-weight:700;
	src:url("../fonts/NotoSansCJKjp-Bold.woff2") format("woff2"),url("../fonts/NotoSansCJKjp-Bold.woff") format("woff"),url("../fonts/NotoSansCJKjp-Bold.ttf") format("truetype")
}
@font-face{
	font-family:"source-han-sans-japanese";
	font-style:normal;
	font-weight:900;
	src:url("../fonts/NotoSansCJKjp-Black.woff2") format("woff2"),url("../fonts/NotoSansCJKjp-Black.woff") format("woff"),url("../fonts/NotoSansCJKjp-Black.ttf") format("truetype")
}
@font-face{
	font-family:"Helvetica-Neue";
	font-style:normal;
	font-weight:500;
	unicode-range:U+0030-0039,U+0041-007A;
	src:url("../fonts/HelveticaNeuemedium.woff2") format("woff2"),url("../fonts/HelveticaNeuemedium.woff") format("woff"),url("../fonts/HelveticaNeuemedium.eot") format("eot")
}
@font-face{
	font-family:"Helvetica-Neue";
	font-style:normal;
	font-weight:700;
	unicode-range:U+0030-0039,U+0041-007A;
	src:url("../fonts/HelveticaNeue-bold.woff2") format("woff2"),url("../fonts/HelveticaNeue-bold.woff") format("woff"),url("../fonts/HelveticaNeue-bold.eot") format("eot")
}
::placeholder{
	color:#aaa
}
.valid-feedback{
	display:none
}
.invalid-feedback ::placeholder{
	color:#ca2838 !important
}
.invalid-feedback .valid-feedback{
	line-height:1.3;
	color:#ca2838;
	display:block;
	font-weight:700;
	padding:0 0 0 1.6em;
	margin-top:2rem;
	position:relative
}
.invalid-feedback .valid-feedback::before,.invalid-feedback .valid-feedback::after{
	content:'';
	display:block;
	height:0;
	width:0
}
.invalid-feedback .valid-feedback::before{
	margin-bottom:calc(-.3em + 0px)
}
.invalid-feedback .valid-feedback::after{
	margin-top:calc(-.2722222222em + 0px)
}
.invalid-feedback .valid-feedback:before{
	content:"";
	display:block;
	position:absolute;
	top:0.2em;
	left:0;
	width:1em;
	height:1em;
	background:url("../images/icon_error.svg") no-repeat 50% 50%/contain
}
.invalid-feedback .form-control{
	border:2px solid #ca2838
}
.input-group{
	padding:0 0 3.2rem 0
}
.form-label{
	line-height:1.3;
	display:block;
	font-weight:700;
	font-size:2.4rem;
	padding:0 0 3.2rem 0
}
.form-label::before,.form-label::after{
	content:'';
	display:block;
	height:0;
	width:0
}
.form-label::before{
	margin-bottom:calc(-.3em + 0px)
}
.form-label::after{
	margin-top:calc(-.2722222222em + 0px)
}
.button-area{
	padding:3.2rem 0 0 0;
	text-align:center
}
.required{
	position:relative
}
.required::after{
	content:"\5FC5\9808";
	display:inline-block;
	vertical-align:middle;
	margin-left:1.6rem;
	width:auto;
	height:2.4rem;
	line-height:2.4rem;
	overflow:hidden;
	border-radius:1.2rem;
	padding:0 1.6rem;
	color:white;
	font-weight:700;
	font-size:1.4rem;
	background:#f75d5d
}
.text-start{
	text-align:left !important
}
.text-end{
	text-align:right !important
}
.text-center{
	text-align:center !important
}
.table{
	width:100%;
	height:100%;
	border-collapse:separate;
	border-spacing:0;
	table-layout:fixed
}
.separate-bar{
	background:#ccc;
	width:100%;
	height:1px;
	margin:3.2rem 0 0 0;
	padding-top:1px
}
.separate-bar::before{
	content:"";
	display:block;
	width:100%;
	height:1px;
	background:white
}
.select{
	position:relative;
	min-width:13rem;
	font-size:1.6rem;
	width:auto;
	height:5rem;
	padding:0.6rem 1.6rem 0.6rem 5.2rem;
	font-weight:700;
	min-height:5rem;
	background:url("../images/icon_account.svg") no-repeat 0.6rem 50%/3.8rem auto;
	border:none;
	border-radius:2.5rem;
	overflow:hidden;
	transition:none !important;
	appearance:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	box-shadow:none
}
@media screen and (min-width: 375px){
	.select{
		min-width:17rem;
		font-size:2rem
	}
}
@media screen and (min-width: 768px){
	.select{
		min-width:17rem;
		font-size:2rem
	}
}
.select-box{
	display:inline-block;
	width:auto;
	border-radius:2.5rem;
	background:#ebecf0;
	box-shadow:.6rem .6rem .6rem rgba(0,0,0,0.2),-.6rem -.6rem .6rem rgba(255,255,255,0.8);
	overflow:hidden
}
.select-box select{
	display:block;
	min-width:inherit;
	padding:0.6rem 6rem 0.6rem 2rem !important;
	-moz-padding-start:calc(0.8rem - 3px);
	font-weight:700;
	height:5rem;
	line-height:1.42857143;
	background-image:url("../images/down_arrow.svg");
	background-repeat:no-repeat;
	background-position:right 0.8em center;
	background-size:3.2rem 2.4rem !important;
	border:none;
	border-radius:2.5rem;
	overflow:hidden;
	transition:none !important;
	appearance:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	box-shadow:none
}
@media screen and (min-width: 375px){
	.select-box select{
		font-size:2rem
	}
}
@media screen and (min-width: 768px){
	.select-box select{
		font-size:2rem;
		min-width:30rem
	}
}
.clearfix{
	*zoom:1
}
.clearfix:before,.clearfix :after{
	content:"";
	display:table
}
.clearfix:after{
	clear:both
}
html{
	-webkit-tap-highlight-color:transparent;
	-webkit-touch-callout:none;
	position:relative;
	font-size:50.78125%;
	min-height:100%;
	min-height:-webkit-fill-available;
	width:100%
}
.container-fluid,.container,.container-sm,.container-md,.container-lg,.container-xl{
	padding:0 1.6rem
}
@media screen and (min-width: 992px){
	.container-fluid,.container,.container-sm,.container-md,.container-lg,.container-xl{
		padding:0 3.2rem
	}
}
@media (min-width: 768px){
	html{
		font-size:62.5%
	}
	.container,.container-sm,.container-md{
		max-width:720px
	}
}
body{
	min-width:100%;
	min-height:100%;
	min-height:-webkit-fill-available;
	color:#555;
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	-ms-hyphens:auto;
	-moz-hyphens:auto;
	-webkit-hyphenates:auto;
	hyphens:auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch;
	line-height:0;
	font-family:"Helvetica-Neue","source-han-sans-japanese",sans-serif;
	font-style:normal;
	font-weight:500;
	font-size:2rem;
	letter-spacing:.01em;
	line-height:1.5em;
	word-wrap:break-word;
	vertical-align:middle;
	background-color:#ebecf0
}
@media screen and (min-width: 768px){
	body{
		overflow-x:auto
	}
}
@supports (-webkit-touch-callout: none){
	body,html{
		height:-webkit-fill-available
	}
}
@media all and (-ms-high-contrast: none){
	body{
		font-family:"\30E1\30A4\30EA\30AA", "Helvetica-Neue", "source-han-sans-japanese", "sans-serif"
	}
}
@media all and (-ms-high-contrast: none){
	.win11{
		font-family:"\30E1\30A4\30EA\30AA", "Helvetica-Neue", "source-han-sans-japanese", sans-serif !important
	}
}
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	margin:0px;
	padding:0px
}
body:not(.iPad) .t-hover{
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-ms-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	position:relative
}
@media (min-width: 768px){
	body:not(.iPad) .t-hover:not(.on):hover{
		filter:alpha(opacity=60);
		-moz-opacity:0.6;
		opacity:0.6
	}
}
a:link{
	color:#555;
	text-decoration:none
}
a:hover{
	color:#555;
	text-decoration:none
}
a:visited{
	color:#555;
	text-decoration:none
}
a.disabled{
	pointer-events:none
}
a,button,.btn{
	-webkit-tap-highlight-color:transparent;
	-webkit-touch-callout:none;
	background-color:transparent
}
a:link,a:visited,a:hover,a:active,button{
	outline:none;
	border:none
}
a:hover,button:hover{
	cursor:pointer
}
a:focus,button,.btn{
	outline:none !important;
	border:none !important;
	box-shadow:none !important
}
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,textarea:focus,select:focus{
	outline:none !important;
	box-shadow:none !important
}
a.tel{
	color:#555 !important
}
@media (min-width: 768px){
	a.tel{
		color:#555 !important
	}
}
a.disabled{
	pointer-events:none
}
button{
	border-radius:0
}
em{
	font-style:normal
}
img{
	margin:0px;
	padding:0px;
	border:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	-ms-interpolation-mode:bicubic;
	max-width:100%;
	height:auto
}
img::selection{
	background:transparent
}
img::-moz-selection{
	background:transparent
}
ul{
	list-style-image:none;
	list-style-type:none
}
u{
	text-decoration:none;
	border-bottom:1px solid;
	padding-bottom:0.01em
}
u.under-bar{
	margin-left:0.2em;
	margin-right:0.2em;
	display:inline-block
}
h1,h2,h3,h4,h5,h6{
	margin:0
}
.hide-text{
	overflow-x:hidden !important;
	overflow-y:hidden !important;
	display:block !important;
	text-indent:1000% !important;
	white-space:nowrap !important
}
.text-nowrap{
	white-space:nowrap !important
}
.fixed,.ge-active,.fixed,.gl-active{
	position:fixed;
	width:100%;
	height:100%;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
a[href^="tel:"]{
	cursor:default
}
.sub{
	font-size:0.6em;
	padding:0 0.25em;
	vertical-align:bottom;
	position:relative;
	top:-0.3em !important;
	display:inline-block
}
.sup{
	font-size:0.6em;
	padding:0 0.25em;
	position:relative;
	top:0.2em;
	vertical-align:top;
	display:inline-block
}
.scroll-box{
	overflow:auto
}
.sales .scroll-box{
	scrollbar-base-color:#555;
	scrollbar-face-color:linear-gradient(to right, #ccc, #fff) !important
}
.truck-account .scroll-box{
	scrollbar-base-color:#555;
	scrollbar-face-color:linear-gradient(to bottom, #ccc, #fff)
}
.scroll-box.not-x-scroll{
	overflow-x:inherit !important
}
.scroll-box::-webkit-scrollbar{
	width:1rem;
	border-radius:0.5rem
}
.scroll-box::-webkit-scrollbar:horizontal{
	height:1rem;
	border-radius:0.5rem
}
.sales .scroll-box::-webkit-scrollbar-track{
	background:linear-gradient(to right, #ccc, #fff);
	border-radius:0.5rem;
	margin:5rem 0 5rem 0
}
.truck-account .scroll-box::-webkit-scrollbar-track{
	background:linear-gradient(to bottom, #ccc, #fff);
	border-radius:0.5rem;
	margin:0
}
.scroll-box::-webkit-scrollbar-thumb{
	background:#555;
	border-radius:0.5rem
}
@-moz-document url-prefix(){
	.scroll-box{
		scrollbar-width:thin;
		scrollbar-color:#555 transparent
	}
}
.content{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0 1.6rem
}
@media screen and (min-width: 768px){
	.content{
		width:calc(146.4rem + 3.2rem)
	}
}
@media screen and (min-width: 768px){
	.content{
		padding:0 3.2rem
	}
}
.basic-button{
	display:table !important;
	height:6.4rem;
	min-width:100%;
	overflow:hidden;
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-ms-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	color:blue !important;
	background:white
}
.basic-button span{
	display:table-cell !important;
	width:1%;
	vertical-align:middle;
	font-weight:600;
	font-size:2rem;
	line-height:1em;
	text-align:center !important;
	padding:0 3.84rem;
	position:relative;
	height:6.4rem
}
.basic-button.active{
	color:white !important;
	background:blue !important
}
.modal{
	display:none;
	position:fixed;
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-ms-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:rgba(0,0,0,0.78);
	background-image:repeating-linear-gradient(-45deg, rgba(0,0,0,0.85), rgba(0,0,0,0.85) 0.4rem, transparent 0, transparent 0.8rem)
}
@supports (-webkit-touch-callout: none){
	.modal{
		height:-webkit-fill-available
	}
}
.ge-active .modal-general{
	display:block
}
.gl-active .modal-global{
	display:block
}
.global-menu{
	position:absolute;
	display:flex;
	align-items:stretch;
	flex-direction:column;
	height:100%;
	position:absolute;
	left:50%;
	-webkit-transform:translate(-50%, 0%);
	-ms-transform:translate(-50%, 0%);
	-moz-transform:translate(-50%, 0%);
	transform:translate(-50%, 0%)
}
.global-menu__inner{
	display:flex;
	background:black;
	overflow:hidden;
	border-radius:2.5rem;
	width:100%;
	max-height:calc(100% - (21rem));
	padding:1.6rem
}
@media screen and (min-width: 768px){
	.global-menu__inner{
		max-height:calc(100% - (17.4rem));
		padding:3.2rem
	}
}
.global-menu__nav{
	width:100%;
	overflow-y:auto
}
.global-menu__nav ul{
	display:block
}
.global-menu__nav ul li{
	display:block;
	padding:1.6rem 0;
	border-bottom:1px solid rgba(255,255,255,0.3)
}
@media screen and (min-width: 768px){
	.global-menu__nav ul li{
		padding:1.6rem
	}
}
.global-menu__nav ul a{
	font-size:2rem;
	line-height:1.444em;
	font-weight:700;
	color:white;
	display:block;
	position:absolute
}
.global-menu__nav ul a::before{
	content:"";
	width:2rem;
	height:2rem;
	vertical-align:middle;
	background:url("../images/left_arrow_w.svg") no-repeat 0 0/2rem auto;
	position:absolute;
	top:50%;
	-webkit-transform:translate(0%, -50%) rotate(180deg);
	-ms-transform:translate(0%, -50%) rotate(180deg);
	-moz-transform:translate(0%, -50%) rotate(180deg);
	transform:translate(0%, -50%) rotate(180deg);
	right:0
}
.global-menu__nav .logout{
	display:block;
	padding-top:4.8rem
}
@media screen and (min-width: 768px){
	.global-menu__nav .logout{
		padding-top:4.8rem
	}
}
.global-menu__nav .logout a{
	text-align:end
}
.global-menu__nav .logout a::before{
	display:none
}
.back-button{
	display:table !important;
	height:5rem;
	min-width:10rem;
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-ms-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out
}
@media screen and (min-width: 768px){
	.back-button{
		min-width:10rem
	}
}
.back-button>span{
	display:table-cell !important;
	width:1%;
	vertical-align:middle;
	font-weight:700;
	font-size:2rem;
	line-height:1em;
	text-align:center !important;
	padding:0 2rem;
	position:relative;
	height:5rem;
	border-radius:2.5rem;
	background:#ebecf0;
	box-shadow:.6rem .6rem .6rem rgba(0,0,0,0.2),-.6rem -.6rem .6rem rgba(255,255,255,0.8)
}
.back-button>span{
	position:relative;
	font-size:1.8rem;
	letter-spacing:-0.04em
}
.back-button>span::before{
	display:none;
	position:absolute;
	left:1.6rem;
	position:absolute;
	top:50%;
	-webkit-transform:translate(0%, -50%);
	-ms-transform:translate(0%, -50%);
	-moz-transform:translate(0%, -50%);
	transform:translate(0%, -50%);
	content:"";
	width:2rem;
	height:2rem;
	vertical-align:middle;
	background:url("../images/left_arrow.svg") no-repeat 0 50%/2rem auto
}
@media screen and (min-width: 375px){
	.back-button>span::before{
		display:block
	}
}
.global-menu .back-button>span{
	color:white;
	background:black;
	-webkit-box-shadow:none;
	box-shadow:none
}
.global-menu .back-button>span:before{
	background:url("../images/left_arrow_w.svg") no-repeat 0 50%/2rem auto
}
@media screen and (min-width: 768px){
	.back-button>span{
		font-size:2rem;
		letter-spacing:inherit
	}
}
.global-menu .back-button{
	min-width:100% !important
}
.header{
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	background-color:transparent;
	width:100%;
	padding:0;
	margin:0;
	display:block
}
.header__inner{
	width:100%;
	position:relative;
	min-height:19.4rem
}
@media screen and (min-width: 768px){
	.header__inner{
		min-height:14.2rem
	}
}
.header__logo{
	padding-top:2.4rem;
	display:block;
	height:6.4rem;
	text-align:center
}
@media screen and (min-width: 768px){
	.header__logo{
		position:absolute;
		top:50%;
		left:50%;
		-webkit-transform:translate(-50%, -50%);
		-ms-transform:translate(-50%, -50%);
		-moz-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
		height:8rem;
		padding-top:0
	}
}
.header__logo img{
	height:6.4rem;
	width:auto
}
@media screen and (min-width: 768px){
	.header__logo img{
		height:8rem
	}
}
.header__left{
	position:absolute;
	top:11.2rem;
	left:0;
	width:13rem
}
@media screen and (min-width: 375px){
	.header__left{
		width:16rem
	}
}
@media screen and (min-width: 768px){
	.header__left{
		width:20rem;
		top:4.6rem
	}
}
.header__account{
	display:table;
	position:absolute;
	top:11.2rem;
	right:8.4rem;
	border-radius:2.5rem;
	background:#ebecf0;
	box-shadow:.6rem .6rem .6rem rgba(0,0,0,0.2),-.6rem -.6rem .6rem rgba(255,255,255,0.8);
	overflow:hidden
}
@media screen and (min-width: 768px){
	.header__account{
		top:4.6rem
	}
}
.header__account span{
	display:table-cell;
	vertical-align:middle;
	position:relative;
	min-width:13rem;
	font-size:1.6rem;
	width:auto;
	height:5rem;
	padding:0.6rem 1.6rem 0.6rem 5.2rem;
	font-weight:700;
	min-height:5rem;
	line-height:1.42857143 !important;
	background:url("../images/icon_account.svg") no-repeat 0.6rem 50%/3.8rem auto;
	border:none;
	border-radius:2.5rem;
	overflow:hidden;
	transition:none !important
}
@media screen and (min-width: 375px){
	.header__account span{
		min-width:17rem;
		font-size:2rem
	}
}
@media screen and (min-width: 768px){
	.header__account span{
		min-width:17rem;
		font-size:2rem
	}
}
.header__menu-button{
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-ms-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	position:absolute;
	top:11.2rem;
	right:0;
	width:6.4rem;
	height:5rem;
	border-radius:2.5rem;
	background:#ebecf0;
	box-shadow:.6rem .6rem .6rem rgba(0,0,0,0.2),-.6rem -.6rem .6rem rgba(255,255,255,0.8)
}
@media screen and (min-width: 768px){
	.header__menu-button{
		top:4.6rem
	}
}
.global-menu .header__menu-button{
	-webkit-box-shadow:none;
	box-shadow:none;
	background:black
}
.header__menu-button button{
	display:block;
	width:6.4rem;
	height:5rem;
	position:relative
}
.header__menu-button button span{
	display:block;
	position:absolute;
	height:3px;
	border-radius:1.5px;
	width:3.2rem;
	background:#555;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	z-index:100;
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-ms-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out
}
.global-menu .header__menu-button button span{
	background:white
}
.header__menu-button button span:nth-of-type(1){
	transform:translate(-50%, -50%) rotate(0);
	-moz-transform:translate(-50%, -50%) rotate(0);
	-o-transform:translate(-50%, -50%) rotate(0);
	-ms-transform:translate(-50%, -50%) rotate(0);
	margin-top:-0.8rem
}
.header__menu-button button span:nth-of-type(2){
	opacity:1
}
.header__menu-button button span:nth-of-type(3){
	transform:translate(-50%, -50%) rotate(0);
	-moz-transform:translate(-50%, -50%) rotate(0);
	-o-transform:translate(-50%, -50%) rotate(0);
	-ms-transform:translate(-50%, -50%) rotate(0);
	margin-top:0.8rem
}
@media (min-width: 768px){
	.header__menu-button:hover{
		filter:alpha(opacity=60);
		-moz-opacity:0.6;
		opacity:0.6
	}
}
.gl-active .header__menu-button button span:nth-of-type(1){
	transform:translate(-50%, -50%) rotate(-45deg);
	-moz-transform:translate(-50%, -50%) rotate(-45deg);
	-o-transform:translate(-50%, -50%) rotate(-45deg);
	-ms-transform:translate(-50%, -50%) rotate(-45deg);
	margin-top:0
}
.gl-active .header__menu-button button span:nth-of-type(2){
	opacity:0
}
.gl-active .header__menu-button button span:nth-of-type(3){
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	transform:translate(-50%, -50%) rotate(45deg);
	-moz-transform:translate(-50%, -50%) rotate(45deg);
	-o-transform:translate(-50%, -50%) rotate(45deg);
	-ms-transform:translate(-50%, -50%) rotate(45deg);
	margin-top:0
}
.footer{
	text-align:center;
	line-height:0;
	font-size:0;
	width:100%
}
.footer__copyright{
	font-size:1.2rem;
	color:#555;
	line-height:7.6rem;
	text-indent:0.04em
}
.login{
	width:100%
}
.login .inner{
	max-width:50rem;
	margin:0 auto;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	-js-display:flex;
	display:flex;
	justify-content:center;
	align-items:center;
	min-height:calc(100vh - 7.6rem)
}
@supports (-webkit-touch-callout: none){
	.login .inner{
		min-height:calc(100svh - 7.6rem)
	}
}
.login__logo{
	display:block;
	margin:0 auto;
	max-width:60%;
	padding:6.4rem 0
}
@media screen and (min-width: 768px){
	.login__logo{
		max-width:30rem
	}
}
.login__logo img{
	width:100%;
	height:auto
}
.login__form .form-control{
	width:100%;
	background:white;
	display:inline-block;
	vertical-align:middle;
	line-height:1.42857143;
	color:#555;
	margin:0;
	padding:0 1.6rem;
	min-height:5rem;
	border-radius:2.5rem;
	-webkit-box-shadow:none;
	box-shadow:none;
	min-width:100%
}
@media screen and (min-width: 768px){
	.login__form .form-control{
		width:auto
	}
}
.login__button{
	display:table !important;
	height:5rem;
	min-width:100%;
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-ms-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	margin:0 auto
}
@media screen and (min-width: 768px){
	.login__button{
		min-width:30rem
	}
}
.login__button>span{
	display:table-cell !important;
	width:1%;
	vertical-align:middle;
	font-weight:700;
	font-size:2rem;
	line-height:1em;
	text-align:center !important;
	padding:0 2rem;
	position:relative;
	height:5rem;
	border-radius:2.5rem;
	background:#ebecf0;
	box-shadow:.6rem .6rem .6rem rgba(0,0,0,0.2),-.6rem -.6rem .6rem rgba(255,255,255,0.8)
}
.top{
	min-height:calc(100vh - 7.6rem)
}
@supports (-webkit-touch-callout: none){
	.top{
		min-height:calc(100svh - 7.6rem)
	}
}
.calendar{
	margin:-1.6rem
}
@media screen and (min-width: 768px){
	.calendar{
		margin:0
	}
}
.calendar__navi{
	width:100%;
	padding:3.2rem 1.6rem
}
@media screen and (min-width: 768px){
	.calendar__navi{
		padding:3.2rem 2.5rem
	}
}
.calendar__navi .current_month{
	display:inline-block;
	font-size:3rem;
	font-weight:700
}
.calendar__navi .prev,.calendar__navi .next{
	display:table !important;
	height:5rem;
	min-width:inherit !important;
	width:5rem;
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-ms-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	position:relative
}
.calendar__navi .prev>span,.calendar__navi .next>span{
	display:table-cell !important;
	width:5rem;
	vertical-align:middle;
	font-weight:700;
	font-size:2rem;
	line-height:1em;
	text-align:center !important;
	padding:0;
	position:relative;
	height:5rem;
	border-radius:2.5rem;
	background:#ebecf0;
	box-shadow:.6rem .6rem .6rem rgba(0,0,0,0.2),-.6rem -.6rem .6rem rgba(255,255,255,0.8)
}
.calendar__navi .prev>span:before,.calendar__navi .next>span:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url("../images/left_arrow.svg") no-repeat 50% 50%/2rem auto
}
.calendar__navi .prev span span,.calendar__navi .next span span{
	display:inline-block;
	width:1%;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	font-size:0
}
.calendar__navi .next>span:before{
	transform:rotateZ(180deg)
}
.calendar__week thead tr th{
	border:none;
	height:5rem;
	text-align:center;
	vertical-align:middle;
	font-size:1.8rem
}
@media screen and (min-width: 768px){
	.calendar__week thead tr th{
		font-size:2rem;
		height:10rem
	}
}
.calendar__week thead tr th:nth-last-of-type(7){
	color:#e03939
}
.calendar__week thead tr th:nth-last-of-type(1){
	color:#286fb8
}
.calendar__day tbody tr td{
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-ms-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	position:relative;
	text-align:center;
	vertical-align:middle;
	padding:0 0 0 0;
	border:none;
	height:8.4rem
}
@media screen and (min-width: 768px){
	.calendar__day tbody tr td{
		height:10rem
	}
}
.calendar__day tbody tr td.blank{
	background-color:transparent !important;
	color:#999
}
.calendar__day tbody tr td.disabled>strong:after{
	display:none
}
.calendar__day tbody tr td.disabled a{
	pointer-events:none !important
}
.calendar__day tbody tr td.today>strong::before{
	position:absolute;
	content:"";
	display:block;
	border-radius:100%;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	border:0.4rem solid #555;
	width:calc(100% + 1.6rem);
	height:0;
	padding:calc(100% + 0.8rem) 0 0 0
}
@media screen and (min-width: 768px){
	.calendar__day tbody tr td.today>strong::before{
		width:calc(100% + 2.4rem);
		height:0;
		padding:calc(100% + 1.2rem) 0 0 0;
		border:0.6rem solid #555
	}
}
.calendar__day tbody tr td.active>strong{
	color:white
}
.calendar__day tbody tr td.active>strong::after{
	background:#555;
	box-shadow:none !important
}
.calendar__day tbody tr td.active a{
	pointer-events:none !important
}
.calendar__day tbody tr td a{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:+1
}
.calendar__day tbody tr td>strong{
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	margin:-8% auto 0 auto;
	width:54%;
	font-weight:700;
	font-family:"Helvetica-Neue";
	max-width:5rem;
	font-size:2rem;
	letter-spacing:-0.022em;
	line-height:0
}
@media screen and (min-width: 768px){
	.calendar__day tbody tr td>strong{
		width:50%;
		font-size:2.4rem
	}
}
.calendar__day tbody tr td>strong::after{
	position:absolute;
	content:"";
	display:block;
	width:100%;
	height:0;
	padding:100% 0 0 0;
	border-radius:100%;
	background:#ebecf0;
	box-shadow:.6rem .6rem .6rem rgba(0,0,0,0.2),-.6rem -.6rem .6rem rgba(255,255,255,0.8);
	z-index:-1;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.calendar__day tbody tr td .log{
	display:flex;
	justify-content:center;
	position:absolute;
	position:absolute;
	left:50%;
	-webkit-transform:translate(-50%, 0%);
	-ms-transform:translate(-50%, 0%);
	-moz-transform:translate(-50%, 0%);
	transform:translate(-50%, 0%);
	width:100%;
	height:0.8rem;
	bottom:0.4rem
}
@media screen and (min-width: 768px){
	.calendar__day tbody tr td .log{
		height:1rem
	}
}
.calendar__day tbody tr td .log>span{
	width:0.8rem;
	height:0.8rem;
	border-radius:100%;
	margin:0 0.1rem;
	display:block;
	border-radius:100%;
	background:#ebecf0;
	box-shadow:inset .3rem .3rem .3rem rgba(0,0,0,0.2),inset -.3rem -.3rem .3rem rgba(255,255,255,0.8);
	position:relative
}
@media screen and (min-width: 768px){
	.calendar__day tbody tr td .log>span{
		width:1rem;
		height:1rem;
		margin:0 0.2rem
	}
}
.calendar__day tbody tr td .log>span::before{
	content:"";
	display:block;
	position:absolute;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	width:80%;
	height:80%;
	border-radius:100%
}
.calendar__day tbody tr td .log.log-1>span:nth-of-type(1):before{
	background:#ec6941
}
.calendar__day tbody tr td .log.log-2>span:nth-of-type(2):before{
	background:#80c269
}
.calendar__day tbody tr td .log.log-3>span:nth-of-type(3):before{
	background:#549ce6
}
.calendar__day tbody tr td .log.log-4>span:nth-of-type(4):before{
	background:#0068b7
}
.calendar__day tbody tr td .log.log-5>span:nth-of-type(5):before{
	background:#8957a1
}
.calendar__day tbody tr td:not(.disabled,.blank,.active):hover{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6
}
.current-location{
	width:100%;
	height:100%;
	border-radius:2.5rem;
	background:#ebecf0;
	box-shadow:.6rem .6rem .6rem rgba(0,0,0,0.2),-.6rem -.6rem .6rem rgba(255,255,255,0.8)
}
.current-location__inner{
	padding:1.6rem
}
@media screen and (min-width: 768px){
	.current-location__inner{
		padding:3.2rem
	}
}
.current-location__title h3{
	display:flex;
	align-items:center;
	border-radius:2.5rem;
	background:#ebecf0;
	box-shadow:inset .6rem .6rem .6rem rgba(0,0,0,0.2),inset -.6rem -.6rem .6rem rgba(255,255,255,0.8);
	min-height:5rem;
	overflow:hidden;
	position:relative;
	line-height:1.2em;
	overflow:hidden;
	font-weight:700;
	font-size:2rem;
	padding:1rem 0 1rem 13.4rem
}
@media screen and (min-width: 768px){
	.current-location__title h3{
		font-size:2.4rem;
		padding:1rem 0 1rem 14.7rem
	}
}
.current-location__title h3::before{
	content:"\73FE\5728\6642\9593";
	display:block;
	position:absolute;
	border-radius:1.6rem;
	background:#ebecf0;
	box-shadow:.4rem .4rem .4rem rgba(0,0,0,0.2),-.4rem -.4rem .4rem rgba(255,255,255,0.8);
	height:3.2rem;
	position:absolute;
	top:50%;
	-webkit-transform:translate(0%, -50%);
	-ms-transform:translate(0%, -50%);
	-moz-transform:translate(0%, -50%);
	transform:translate(0%, -50%);
	left:0.9rem;
	font-size:1.6rem;
	font-weight:900;
	line-height:3.2rem;
	overflow:hidden;
	padding:0 1.6rem;
	width:10.4rem;
	text-align:center
}
@media screen and (min-width: 768px){
	.current-location__title h3::before{
		width:11.6rem;
		font-size:1.8rem
	}
}
.current-location__title h2{
	display:flex;
	align-items:center;
	font-weight:700;
	font-size:2rem;
	min-height:5rem;
	text-align:center;
	justify-content:center;
	padding-bottom:1.6rem
}
@media screen and (min-width: 768px){
	.current-location__title h2{
		font-size:2.4rem;
		padding-bottom:0
	}
}
.current-location__navi{
	padding:1.6rem 0 0 0
}
@media screen and (min-width: 768px){
	.current-location__navi{
		padding:3.2rem 0 0 0
	}
}
.current-location__navi button{
	display:table !important;
	height:5rem;
	min-width:100%;
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-ms-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out
}
@media screen and (min-width: 768px){
	.current-location__navi button{
		min-width:100%
	}
}
.current-location__navi button>span{
	display:table-cell !important;
	width:1%;
	vertical-align:middle;
	font-weight:700;
	font-size:2rem;
	line-height:1em;
	text-align:center !important;
	padding:0 2rem;
	position:relative;
	height:5rem;
	border-radius:2.5rem;
	background:#ebecf0;
	box-shadow:.6rem .6rem .6rem rgba(0,0,0,0.2),-.6rem -.6rem .6rem rgba(255,255,255,0.8)
}
.current-location__navi button.active span{
	box-shadow:none !important;
	color:white
}
.current-location__navi .row>li:nth-of-type(1) .active span{
	background:#ec6941
}
.current-location__navi .row>li:nth-of-type(2) .active span{
	background:#80c269
}
.current-location__navi .row>li:nth-of-type(3) .active span{
	background:#549ce6
}
.current-location__navi .row>li:nth-of-type(4) .active span{
	background:#0068b7
}
.current-location__navi .row>li:nth-of-type(5) .active span{
	background:#8957a1
}
.current-location__map{
	position:relative;
	padding:0 0.8rem 0.8rem 0.8rem
}
@media screen and (min-width: 768px){
	.current-location__map{
		height:calc(100% - 19.6rem)
	}
}
.current-location__map .inner{
	width:100%;
	height:0;
	position:relative;
	padding:105% 0 0 0;
	background:#ddd;
	border-radius:1.7rem;
	overflow:hidden
}
@media screen and (min-width: 768px){
	.current-location__map .inner{
		padding:0;
		height:100%
	}
}
.select-day__navi{
	width:100%;
	padding:3.2rem 1.6rem 0 1.6rem
}
@media screen and (min-width: 768px){
	.select-day__navi{
		padding:3.2rem 2.5rem 0 2.5rem
	}
}
.select-day__navi .current_day{
	display:inline-block;
	font-size:2.4rem;
	font-weight:700
}
@media screen and (min-width: 375px){
	.select-day__navi .current_day{
		font-size:3rem
	}
}
.select-day__navi .prev,.select-day__navi .next{
	display:table !important;
	height:5rem;
	min-width:inherit !important;
	width:5rem;
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-ms-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	position:relative
}
.select-day__navi .prev>span,.select-day__navi .next>span{
	display:table-cell !important;
	width:5rem;
	vertical-align:middle;
	font-weight:700;
	font-size:2rem;
	line-height:1em;
	text-align:center !important;
	padding:0;
	position:relative;
	height:5rem;
	border-radius:2.5rem;
	background:#ebecf0;
	box-shadow:.6rem .6rem .6rem rgba(0,0,0,0.2),-.6rem -.6rem .6rem rgba(255,255,255,0.8)
}
.select-day__navi .prev>span:before,.select-day__navi .next>span:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url("../images/left_arrow.svg") no-repeat 50% 50%/2rem auto
}
.select-day__navi .prev span span,.select-day__navi .next span span{
	display:inline-block;
	width:1%;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	font-size:0
}
.select-day__navi .next>span:before{
	transform:rotateZ(180deg)
}
.select-car{
	padding:3.2rem 0 0 0
}
.select-car__navi{
	border-radius:2.5rem;
	background:#ebecf0;
	box-shadow:inset .6rem .6rem .6rem rgba(0,0,0,0.2),inset -.6rem -.6rem .6rem rgba(255,255,255,0.8);
	background:#dfe0e4;
	min-height:5rem;
	padding:0.2rem;
	overflow:hidden
}
.select-car__navi button{
	display:table !important;
	height:4.6rem;
	min-width:100%;
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-ms-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out
}
@media screen and (min-width: 768px){
	.select-car__navi button{
		min-width:100%
	}
}
.select-car__navi button>span{
	display:table-cell !important;
	width:1%;
	vertical-align:middle;
	font-weight:700;
	font-size:2rem;
	line-height:1em;
	text-align:center !important;
	padding:0 1.84rem;
	position:relative;
	height:4.6rem;
	border-radius:2.3rem;
	background:#ebecf0;
	box-shadow:.6rem .6rem .6rem rgba(0,0,0,0.2),-.6rem -.6rem .6rem rgba(255,255,255,0.8)
}
.select-car__navi button span{
	box-shadow:none !important;
	background-color:transparent;
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-ms-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out
}
.select-car__navi button.active span{
	color:white;
	cursor:default
}
.select-car__navi button:disabled{
	color:#888;
	cursor:default
}
.select-car__navi .row>li:nth-of-type(1) .active span{
	background:#ec6941
}
.select-car__navi .row>li:nth-of-type(2) .active span{
	background:#80c269
}
.select-car__navi .row>li:nth-of-type(3) .active span{
	background:#549ce6
}
.select-car__navi .row>li:nth-of-type(4) .active span{
	background:#0068b7
}
.select-car__navi .row>li:nth-of-type(5) .active span{
	background:#8957a1
}
h2.target{
	display:block;
	position:relative;
	font-size:2.4rem;
	font-weight:700;
	padding:3.2rem 0 3.2rem 3rem
}
h2.target::before{
	content:"";
	display:block;
	position:absolute;
	z-index:3;
	top:4rem;
	left:0.2rem;
	width:1.6rem;
	height:1.6rem;
	border-radius:100%
}
#current-truck.car-1 h2.target::before{
	background:#ec6941
}
#current-truck.car-2 h2.target::before{
	background:#80c269
}
#current-truck.car-3 h2.target::before{
	background:#549ce6
}
#current-truck.car-4 h2.target::before{
	background:#0068b7
}
#current-truck.car-5 h2.target::before{
	background:#8957a1
}
h2.target::after{
	content:"";
	display:block;
	position:absolute;
	z-index:2;
	top:3.8rem;
	left:0;
	width:2rem;
	height:2rem;
	border-radius:100%;
	background:#ebecf0;
	box-shadow:inset .3rem .3rem .3rem rgba(0,0,0,0.2),inset -.3rem -.3rem .3rem rgba(255,255,255,0.8)
}
.tracking-map__map{
	position:relative;
	width:100%;
	height:0;
	margin-top:3.2rem;
	border-radius:2.5rem;
	background:#ebecf0;
	box-shadow:.6rem .6rem .6rem rgba(0,0,0,0.2),-.6rem -.6rem .6rem rgba(255,255,255,0.8);
	padding:105% 0 0 0
}
@media screen and (min-width: 768px){
	.tracking-map__map{
		padding:calc(100% - 19.6rem) 0 0 0
	}
}
.tracking-map__map .inner{
	width:calc(100% - 1.6rem);
	height:calc(100% - 1.6rem);
	position:absolute;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	background:#ddd;
	border-radius:1.7rem;
	overflow:hidden
}
.sales .sales__result{
	position:relative;
	width:100%;
	height:0;
	margin-top:3.2rem;
	overflow-y:hidden;
	border-radius:2.5rem;
	background:#ebecf0;
	box-shadow:.6rem .6rem .6rem rgba(0,0,0,0.2),-.6rem -.6rem .6rem rgba(255,255,255,0.8);
	padding:105% 0 0 0
}
@media screen and (min-width: 768px){
	.sales .sales__result{
		padding:calc(100% - 19.6rem) 0 0 0
	}
}
.sales .sales__result .inner{
	width:100%;
	height:calc(100% - 6.4rem);
	overflow:auto;
	position:absolute;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	padding:0 1.1rem 0 3.2rem;
	margin:0 0 0 -1.1rem
}
.sales__table{
	width:100%;
	border-collapse:separate;
	border-spacing:0
}
.sales__table td{
	font-size:1.8rem;
	padding:1.28rem 0;
	text-align:end;
	background:#ebecf0
}
@media screen and (min-width: 768px){
	.sales__table td{
		padding:1.28rem
	}
}
.sales__table td:first-of-type,.sales__table th:first-of-type{
	text-align:left !important
}
.sales__table thead{
	position:relative
}
.sales__table thead th{
	font-weight:900;
	border-bottom:2px solid white;
	text-align:end;
	vertical-align:top;
	padding:0;
	height:5rem;
	position:sticky;
	top:0;
	background:#ebecf0
}
@media screen and (min-width: 768px){
	.sales__table thead th{
		padding:0 1.6rem
	}
}
.sales__table thead th:before{
	content:"";
	position:absolute;
	border-bottom:2px solid #ccc;
	width:100%;
	height:2px;
	left:0;
	bottom:0;
	z-index:+1
}
.sales__table tbody td{
	border-top:1px solid white;
	border-bottom:1px solid #ccc;
	text-align:end
}
.sales__table tbody tr:first-of-type td{
	border-top:none
}
.sales__table tbody tr:last-of-type td{
	border-bottom:none
}
.sales__table tfoot th{
	font-weight:900;
	border-top:2px solid #ccc;
	vertical-align:bottom;
	padding:0;
	text-align:end;
	height:5rem;
	position:sticky;
	bottom:0;
	background:#ebecf0
}
@media screen and (min-width: 768px){
	.sales__table tfoot th{
		padding:0 1.6rem
	}
}
.sales__table tfoot th:before{
	content:"";
	position:absolute;
	border-top:2px solid white;
	width:100%;
	height:2px;
	left:0;
	top:0;
	z-index:+1
}
.admin{
	min-height:calc(100vh - 7.6rem)
}
@supports (-webkit-touch-callout: none){
	.admin{
		min-height:calc(100svh - 7.6rem)
	}
}
.content-title{
	padding-bottom:3.2rem
}
.content-title h2{
	display:block;
	font-weight:700;
	font-size:3rem;
	text-align:center
}
.truck-account__inner{
	border-radius:2.5rem;
	background:#ebecf0;
	box-shadow:inset .6rem .6rem .6rem rgba(0,0,0,0.2),inset -.6rem -.6rem .6rem rgba(255,255,255,0.8);
	padding:3.2rem 1.6rem 1.6rem 1.6rem
}
@media screen and (min-width: 768px){
	.truck-account__inner{
		padding:3.2rem
	}
}
.truck-account__navi{
	padding:0 0 3.2rem 0
}
@media screen and (min-width: 768px){
	.truck-account__navi{
		padding:0 0 3.2rem 0
	}
}
.truck-account__navi h3{
	font-weight:700;
	font-size:2.6rem;
	padding-bottom:1.6rem
}
@media screen and (min-width: 768px){
	.truck-account__navi h3{
		padding-bottom:0
	}
}
@media screen and (min-width: 375px){
	.truck-account__navi h3{
		font-size:3rem
	}
}
.truck-account__navi .add-account{
	padding:0 0 0 2rem
}
.truck-account__list{
	border-radius:2.5rem;
	background:#ebecf0;
	box-shadow:.6rem .6rem .6rem rgba(0,0,0,0.2),-.6rem -.6rem .6rem rgba(255,255,255,0.8);
	padding:1.6rem 1.6rem
}
@media screen and (min-width: 768px){
	.truck-account__list{
		padding:3.2rem
	}
}
.truck-account__list .inner{
	overflow-x:auto;
	overflow-y:hidden;
	padding:0 0 1.1rem 0
}
.truck-account__table{
	width:100%;
	border-collapse:separate;
	border-spacing:0
}
.truck-account__table td{
	font-size:1.8rem;
	padding:1.28rem;
	position:relative;
	background:#ebecf0
}
@media screen and (min-width: 768px){
	.truck-account__table td{
		padding:1.28rem
	}
}
.truck-account__table thead{
	position:relative
}
.truck-account__table thead th{
	font-weight:900;
	border-bottom:2px solid white;
	white-space:nowrap;
	vertical-align:top;
	padding:0;
	height:5rem;
	position:sticky;
	top:0;
	background:#ebecf0
}
@media screen and (min-width: 768px){
	.truck-account__table thead th{
		padding:0 1.6rem
	}
}
.truck-account__table thead th:before{
	content:"";
	position:absolute;
	border-bottom:2px solid #ccc;
	width:100%;
	height:2px;
	left:0;
	bottom:0;
	z-index:+1
}
.truck-account__table thead tr th:first-of-type{
	padding-left:0
}
.truck-account__table tbody td{
	border-top:1px solid white;
	border-bottom:1px solid #ccc;
	vertical-align:middle;
	white-space:nowrap
}
@media screen and (min-width: 768px){
	.truck-account__table tbody td{
		white-space:inherit
	}
}
.truck-account__table tbody tr:first-of-type td{
	border-top:none
}
.truck-account__table tbody tr:last-of-type td:before{
	content:"";
	position:absolute;
	border-bottom:1px solid white;
	width:100%;
	height:1px;
	left:0;
	bottom:-2px;
	z-index:+1
}
.truck-account__table tbody tr td:last-of-type{
	display:flex;
	justify-content:flex-end;
	padding-right:0.8rem
}
@media screen and (min-width: 768px){
	.truck-account__table tbody tr td:last-of-type{
		padding-right:1.28rem
	}
}
.truck-account__table tbody tr td:nth-of-type(4){
	text-align:center;
	width:14rem
}
.truck-account__table tbody tr td:first-of-type{
	padding-left:0
}
.truck-account__table .indicator{
	display:inline-block;
	position:relative;
	width:3.2rem;
	height:3.2rem;
	overflow:hidden;
	border-radius:100%;
	background:#888
}
.truck-account__table .indicator::before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url("../images/icon_check.svg") no-repeat 50% 50%/cover;
	opacity:0.6
}
.truck-account__table .indicator.active{
	background:#45b140
}
.truck-account__table .indicator.active::before{
	opacity:1
}
.truck-account__table .edit,.truck-account__table .delete{
	display:table !important;
	height:5rem;
	min-width:10rem;
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-ms-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	float:left
}
@media screen and (min-width: 768px){
	.truck-account__table .edit,.truck-account__table .delete{
		min-width:10rem
	}
}
.truck-account__table .edit>span,.truck-account__table .delete>span{
	display:table-cell !important;
	width:1%;
	vertical-align:middle;
	font-weight:700;
	font-size:2rem;
	line-height:1em;
	text-align:center !important;
	padding:0 2rem;
	position:relative;
	height:5rem;
	border-radius:2.5rem;
	background:#ebecf0;
	box-shadow:.6rem .6rem .6rem rgba(0,0,0,0.2),-.6rem -.6rem .6rem rgba(255,255,255,0.8)
}
.truck-account__table .delete{
	margin:0 0 0 2rem
}
.truck-account__table .delete span{
	background:#555;
	color:white
}
.add-button{
	display:table !important;
	height:5rem;
	min-width:10rem;
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-ms-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	min-width:14rem
}
@media screen and (min-width: 768px){
	.add-button{
		min-width:10rem
	}
}
.add-button>span{
	display:table-cell !important;
	width:1%;
	vertical-align:middle;
	font-weight:700;
	font-size:2rem;
	line-height:1em;
	text-align:center !important;
	padding:0 2rem;
	position:relative;
	height:5rem;
	border-radius:2.5rem;
	background:#ebecf0;
	box-shadow:.6rem .6rem .6rem rgba(0,0,0,0.2),-.6rem -.6rem .6rem rgba(255,255,255,0.8)
}
@media screen and (min-width: 375px){
	.add-button{
		min-width:16.5rem
	}
}
@media screen and (min-width: 768px){
	.add-button{
		min-width:18rem
	}
}
.add-button>span{
	position:relative
}
.add-button>span::before{
	display:none;
	position:absolute;
	left:1.6rem;
	position:absolute;
	top:50%;
	-webkit-transform:translate(0%, -50%);
	-ms-transform:translate(0%, -50%);
	-moz-transform:translate(0%, -50%);
	transform:translate(0%, -50%);
	content:"";
	width:2rem;
	height:2rem;
	vertical-align:middle;
	background:url("../images/plus.svg") no-repeat 0 50%/2rem auto
}
@media screen and (min-width: 375px){
	.add-button>span::before{
		display:block
	}
}
.edit-modal{
	position:absolute;
	top:50%;
	-webkit-transform:translate(0%, -50%);
	-ms-transform:translate(0%, -50%);
	-moz-transform:translate(0%, -50%);
	transform:translate(0%, -50%);
	padding:1.6rem;
	width:100%;
	max-height:100%;
	overflow-y:auto
}
@media screen and (min-width: 768px){
	.edit-modal{
		padding:3.2rem
	}
}
.edit-modal__inner{
	margin:0 auto;
	background:#ebecf0;
	padding:1.6rem;
	border-radius:2.5rem;
	min-width:100%;
	max-width:73rem;
	min-width:100%
}
@media screen and (min-width: 768px){
	.edit-modal__inner{
		padding:3.2rem;
		min-width:73rem
	}
}
.edit-modal__title{
	padding-bottom:3.2rem
}
.edit-modal__title h2{
	display:block;
	font-weight:700;
	font-size:3rem;
	line-height:1.5em
}
.edit-modal__form .form-control{
	width:100%;
	background:white;
	display:inline-block;
	vertical-align:middle;
	line-height:1.42857143;
	color:#555;
	margin:0;
	padding:0 1.6rem;
	min-height:5rem;
	border-radius:2.5rem;
	-webkit-box-shadow:none;
	box-shadow:none;
	min-width:100%
}
@media screen and (min-width: 768px){
	.edit-modal__form .form-control{
		width:auto
	}
}
.edit-modal__form .ex{
	display:block;
	padding:1.6rem 0 0 0;
	color:#888
}
.edit-modal .button-area{
	padding:1.6rem 0 0 0
}
.edit-modal__button{
	display:table !important;
	height:5rem;
	min-width:100%;
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-ms-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	min-width:100% !important
}
@media screen and (min-width: 768px){
	.edit-modal__button{
		min-width:30rem
	}
}
.edit-modal__button>span{
	display:table-cell !important;
	width:1%;
	vertical-align:middle;
	font-weight:700;
	font-size:2rem;
	line-height:1em;
	text-align:center !important;
	padding:0 2rem;
	position:relative;
	height:5rem;
	border-radius:2.5rem;
	background:#ebecf0;
	box-shadow:.6rem .6rem .6rem rgba(0,0,0,0.2),-.6rem -.6rem .6rem rgba(255,255,255,0.8)
}
@media screen and (min-width: 768px){
	.edit-modal__button{
		min-width:24rem !important
	}
}