@CHARSET "UTF-8";
/*
 * common
 */
.btn-cancel {background-color:#c52d2f;}
.btn-cancel:hover {background-color:#c52d2f;}
.btn-primary:hover {opacity:0.6;}
.navbar-brand img {width:170px;}


/*
 * home
 */
.contents-block {margin-top:20px;}
.title-bar {margin:0; font-size:1.0em; font-weight:normal;}
.title-bar ul {border-bottom:1px solid #8C8C8C; padding:0; margin-bottom:20px;}
.title-bar ul li {display:inline-block; vertical-align:middle;}
.title-bar ul li:last-child {padding-top:10px;}
.title-1 {font-size:2.0em; color:#359C94;}
.title-2 {font-size:1.0em; color:#000;}
.topix-box {padding:0 20px;}
.topix-block {padding:0 15px; margin-bottom:20px;}
.topix-block a:hover {transform: translateY(-2px); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px);}
/*	box-shadow:0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
		filter: brightness(130%);*/
.topix-title {font-size:1.2em; margin:5px 0;}

.info-box {padding:0 50px; margin-bottom:20px;}
.info-block {margin-bottom:10px;}


/*
 * recruitment
 */
.recruitment-block {padding:0 15px; margin-bottom:20px;}
.recruitment-block a:hover {transform: translateY(-2px); box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08); filter: brightness(130%)}


/*
 * about us
 */
.greeting-box {padding:10px 20px;}
.greeting-block {padding:0 30px; margin-bottom:20px;}

.profile-box {padding:0 20px; margin-bottom:20px;}
.profile-block {margin-bottom:20px; padding-left:20px;}
.profile-title {font-size:1.1em;}
.profile-title span {color:#359C94; font-size:1.6em;}
.profile-detail a {display:inline-block; padding:5px 20px; box-shadow:3px 3px 3px #666; color:#000; border-radius:5px;}
.profile-detail a span {font-size:1.5em; color:#359C94;}
.profile-detail a:hover {box-shadow:3px 3px 3px #666; background-color:#E0D75F; color:#fff;}

.profile-contents .table > thead > tr > th,
.profile-contents .table > tbody > tr > th,
.profile-contents .table > tfoot > tr > th,
.profile-contents .table > thead > tr > td,
.profile-contents .table > tbody > tr > td,
.profile-contents .table > tfoot > tr > td
{padding:3px 8px; border-top:none;}
.profile-contents a {color:#0571b1;}

#access h3 {color:#359C94;}


/*
 * biz/taxi
 */
.taxi-box {padding:0px 20px;}
.taxi-block {padding:0 30px; margin-bottom:20px;}
.taxi-title {line-height:1.0; margin:8px 0 10px 0; font-size:1.1em;}

.driver-box {padding:0px 20px;}
.driver-box2 {padding:0px 30px;}
.driver-block {padding:0 10px; margin-bottom:20px;}

.taxi-care-box {padding:0px 20px;}
.taxi-care-block {padding:0 30px; margin-bottom:20px;}
.taxi-care-title {line-height:1.0; margin:8px 0 10px 0; font-size:1.1em; color:#088A85;}
.introduction-box {padding:0 50px; margin-bottom:40px;}

.care-biz-box {padding:0px 20px;}
.care-biz-block-left {padding:0 0 0 30px; margin-bottom:20px;}
.care-biz-title {line-height:1.1; margin:8px 0 10px 0; font-size:1.1em;}

.taxi-noriai-box {padding:0px 20px;}
.taxi-noriai-box-2 {padding:0px 40px;}
.taxi-noriai-box-2 a:hover {transform: translateY(-2px); box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
			filter: brightness(130%);}
.taxi-noriai-block {padding:0; margin-bottom:40px;}
.taxi-noriai-title {line-height:1.0; margin:8px 0 10px 0; font-size:1.1em;}


/*
 * biz/maintenance
 */
.car-mainte-box {padding:0px 20px;}
.car-mainte-box a:hover { transform: translateY(-2px); box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
			filter: brightness(130%) !important;}

.car-mainte-block-left {padding:0 0 0 30px; margin-bottom:20px;}
.car-mainte-block-right {padding:0 60px 0 0; margin-bottom:20px;}
.car-mainte-title {line-height:1.1; margin:8px 0 10px 0; font-size:1.1em;}

.used-car-sales-box {padding:0 50px;}
.used-car-sales-box > div {margin-bottom:10px;}
.used-car-sales-block {margin-bottom:10px;}

.car-biz-box {padding:0px 20px;}
.car-biz-block-left {padding:0 0 0 30px; margin-bottom:20px;}
.car-biz-title {line-height:1.1; margin:8px 0 10px 0; font-size:1.1em;}


/*
 * biz/new biz
 */
.lpg-box {padding:10px 20px;}
.lpg-block {padding:0 15px;}
.lpg-block-last {background:url('/front/_img/biz/new-biz/back_ground.png') 0 0 no-repeat; height:300px; background-size:contain;}

.lpg-title-bar {background-color:#359c94; color:#fff; font-size:1.5em; padding:5px 0 5px 10px;
border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;
border:0px solid #000;}


/*
 * biz/car lease
 */
.les-box {padding:10px 20px;}
.les-block {padding:0 15px;}
.les-block-last {background:url('/front/_img/biz/new-biz/back_ground.png') 0 0 no-repeat; height:300px; background-size:contain;}

.les-title-bar {background-color:#e80b2c; color:#fff; font-size:1.5em; padding:5px 0 5px 10px;
border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;
border:0px solid #000;}


/*
 * contact
 */
#send-conform-block {width:95%; height:100%; position:absolute; top:0; background-color:#000;z-index:1000;opacity:0.5;}
#question {display:none; cursor:default;}
#tel-warning i {display:none;}
#name-warning i {display:none;}
#email-warning i {display:none;}
#subject-warning i {display:none;}
#message-warning i {display:none;}
#form input {background-color:#E0F8F7;}


/*
 * side menu
 */
#side-menu {border:15px outset #068cdb; margin-top:20px; padding:10px 10px 200px 10px;}
#side-menu div {margin-bottom:20px;}
#side-menu a:hover {opacity:0.5 !important;}



/*
 * footer
 */
#footer ul li {display:inline-block; line-height:1.2; height:56px; vertical-align:middle;}
#footer ul li a:hover {opacity:0.5;}
#footer ul li span {font-size:1.15em;}
#footer-copyright {padding-top:10px; padding-bottom:10px; text-align:center; background-color:#0571b1; color:#fff;}


/*
 * responsive
 */
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-brand img {width:120px;}
	.navbar-nav {margin-top:10px;}
	.navbar-nav > li {margin-left:20px;}
	.navbar-inverse .navbar-nav > li > a {width:100px;}
	.lpg-block-last {height:200px;}
	.car-mainte-block-left {padding:0;}
	.car-mainte-block-right {padding:0;}
	}

@media (max-width: 767px) {
	.navbar-brand img {width:100px;}

	.navbar-inverse .navbar-nav > li > a {width:90%;}
	.car-mainte-block-left {padding:0;}
	.car-mainte-block-right {padding:0;}
	.greeting-block {padding:0;}
	.profile-box {padding:0;}
	.profile-block {padding-left:0;}
	
	.taxi-block {padding:0;}
	.driver-box {padding:0 20px;}
	.taxi-care-block {padding:0;}
	.introduction-box {padding:0;}
	.used-car-sales-box {padding:0 20px;}
	.lpg-box {padding:10px 0;}
	.lpg-title-bar {font-size:1.3em;}
	.les-box {padding:10px 0;}
	.les-title-bar {font-size:1.3em;}
	.taxi-noriai-box-2 {padding:0px 20px;}
	}