/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
	color: #222;
	font-size: 1em;
	line-height: 1.4;
}
.fixed {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9990;
}
::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
audio, canvas, iframe, img, svg, video {
	vertical-align: middle;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}
.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/*common*/

ul {
	list-style: none;
	padding: 0;
}
h1, h2, h3, p, a {
	margin: 0;
}
a {
	color: #231f20;
	text-decoration: none;
}
img {
	max-width: 100%;
}
.title {
	font-style: italic;
	text-align: center;
}
.title {
	font-size: 30px;
}
.title.al {
	text-align: left;
}
.title.white {
	color: #fff;
}
.title span {
	display: block;
	font-size: 14px;
}
.title.fl::first-letter {
	color: #00b48d;
}
.headertop {
	max-width: 1200px;
	clear: both;
	margin: auto;
	padding: 0 20px;
	box-sizing: border-box
}
.headertop_l {
	float: left;
}
.headertop_l ul {
	display: inline-block;
}
.headertop_l li {
	float: left;
}
.headertop_l li:nth-child(2) p {
	font-size: 12px;
	padding: 20px 0 0 10px;
}
p a#btn {
	display: none;
}
#mainvidual {
	width: 100%;
	height: 100vh;
	background: url(../img/topimage.jpg) no-repeat bottom right;
	position: relative;
}
#mainvidual h1 {
	position: absolute;
	margin: auto;
	text-align: center;
	top: 50%;
	left: 50%;
	margin: -198px 0 0 -414px;
	color: #fff;
}
#undervidual {
	width: 100%;
	height: 498px;
}
.alltrucksbk {
	background: url(../img/alltrucksimg.png) no-repeat bottom right;
	position: relative;
}
.reasonbk {
	background: url(../img/reasonimg.png) no-repeat bottom right;
	position: relative;
}
.casebk {
	background: url(../img/caseimg.png) no-repeat bottom right;
	position: relative;
}
.leasebk {
	background: url(../img/leaseimg.png) no-repeat bottom right;
	position: relative;
}
.flowbk {
	background: url(../img/flowimg.png) no-repeat bottom right;
	position: relative;
}
.companybk {
	background: url(../img/companyimg.png) no-repeat bottom right;
	position: relative;
}
.qabk {
	background: url(../img/qaimg.png) no-repeat bottom right;
	position: relative;
}
.otherbk {
	background: url(../img/otherimg.png) no-repeat bottom right;
	position: relative;
}
#othervidual {
	width: 100%;
	height: 250px;
}
#othervidual h1 {
	text-align: center;
	padding-top: 90px;
}
#othervidual h1 img {
	height: 40px;
}
#othervidual h1 span {
	font-size: 16px;
	font-weight: normal !important;
	display: block;
	text-align: center;
	color: #FFF;
	font-style: italic;
	letter-spacing: 5px;
	margin-top: 20px;
}
#undervidual h1 {
	text-align: center;
	padding-top: 180px;
}
#undervidual h1 span {
	font-size: 16px;
	font-weight: normal !important;
	display: block;
	text-align: center;
	color: #FFF;
	font-style: italic;
	letter-spacing: 5px;
	margin-top: 20px;
}
.headertop_r {
	padding-top: 10px;
	float: right;
	width: 490px;
}
.headertop_r p.line{
	float:left;
	padding:15px 0 0 0;
}
.headertop_r p.line img{
	width:100px;
}
.headertop_r ul {
	display: inline-block;
	float:right;
}
.headertop_r li {
	float: left;
}
.tel1 {
	padding-top: 5px;
	color: #00b48d;
}
.tel2 {
	margin: 0 12px;
}
.mail {
	margin-top: 3px;
	background-color: #00b48d;
}
.mail a {
	font-size: 18px;
	box-sizing: border-box;
	padding: 3px 30px;
	color: #fff;
}
.nav {
	background: #00b48d;
	clear: both;
	text-align: center;
}
.nav ul {
	display: inline-block;
}
.nav li {
	float: left;
	border-right: 1px solid #fff;
}
.nav li a {
	color: #fff;
	padding: 0 20px;
}
.nav li a.active {
	border-bottom: 3px solid #FFF;
	padding-bottom: 15px;
}
.nav li:last-child {
	border-right: none;
}
/*SERVICE*/

#service {
	background: url(../img/bg1.png);
	padding: 60px 0;
}
.servicelist {
	clear: both;
	overflow: hidden;
	text-align: center;
	max-width: 1200px;
	margin: 30px auto 0 auto;
	color: #fff;
	position: relative;
	z-index: 0;
}
.servicelist img {
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;
}
.servicelist img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.servicelist ul {
	display: block;
}
.servicelist li {
	text-align: left;
	margin-right: 2%;
	margin-bottom: 4%;
	float: left;
	font-style: italic;
	width: 32%;
}
.servicelist li:nth-child(3n) {
	margin-right: 0;
}
.servicelist li a {
	color: #FFF;
}
.servicelist li p {
	padding: 0 10px;
	margin-top: -35px;
	font-size: 14px;
	padding: 0 0 0 0;
	position: relative;
	background: url(../img/arrow_right.png) 95% 50%/24px no-repeat;
}
.servicelist li p span {
	font-size: 50px;
	color: #00b48d;
	margin-right: 10px;
}
.servicelist li p a {
	color: #fff;
}
.servicelist li div {
	overflow: hidden;
}
#recommend {
	clear: both;
	overflow: hidden;
}
.recommend_l {
	background: #00b48d;
	width: 40%;
	height: 350px;
	float: left;
}
.recommend_l_text .title {
	text-align: inherit;
}
.recommend_l_text {
	width: 193px;
	margin: auto;
	padding: 0 0 0 40%;
	position: relative;
	top: 30%;
}
.recommend_l_text p {
	margin: 30px 0;
	font-size: 14px;
	text-align: center;
	background: #fff;
}
.recommend_l_text p {
	display: block;
	background: url(../img/arrow_right2.png) 90% 50%/8px no-repeat #FFF;
	color: #00b48d;
	padding: 10px 30px 10px 10px;
}
.recommend_r {
	background: url(../img/buil.png) no-repeat;
	height: 350px;
	background-size: cover;
	width: 60%;
	float: right;
}
/*lineup*/
#lineup {
	background: url(../img/topback.png) 125% top no-repeat fixed;
}
.pickupbg {
	width: 100%;
	background: url(../img/sliderback.png) 70% top no-repeat;
}
.pickup {
	width: 1224px;
	clear: both;
	overflow: hidden;
	margin: auto;
	padding-top:100px;
}
.pickupr {
	position: relative;
	left: 50px;
	margin-top: 5%;
	transform: skewX(-30deg);
	padding: 3% 5% 2% 3%;
	box-sizing: border-box;
	background: #fff;
	float: left;
	width: 50%;
}
.pickupr h2, .pickupr h3, .pickupr li, .pickupr p {
	transform: skewX(30deg);
}
.pickupr h2 {
	color: #00b48d;
	font-size: 16px;
	margin: 0 0 0 5px;
}
.pickupr h3 {
	margin: 5px 0 5px 25px;
	font-size: 40px;
}
.pickupr ul {
	display: inline-block;
	margin: 0 0 0 45px;
}
.pickupr li {
	text-align: left;
	float: left;
}
.pickupr li span {
	color: #fff;
	border-radius: 5px;
	background-color: rgba(0, 180, 141, 0.5);
	padding: 1px 10px;
	margin: 0 5px;
	font-size: 13px;
	display: block;
}
.pickupr p.version {
	margin: 5px 0 0 70px;
	font-size: 14px;
		border-bottom:1px dashed #CCC;
		padding-bottom:5px
}
.pickupr p.lease {
	margin: 0 0 0 115px;
	font-size: 14px;
	padding:5px 0 0 0;
}
.pickupr p.lease span{
	font-size:12px;
}
.pickupr p.lease2 {
	margin: 0 0 0 155px;
	font-size: 14px;
	padding:5px 0 0 0;
}
.pickupr p.lease2 span{
	font-size:12px;
}
@media (max-width:736px){
	.pickup {
		padding-top:0;
	}
	.pickupr p.lease2 {
	margin: 0 0 0 115px;
	}
	.pickupr p.lease2 span{
	font-size:11px;
}
}
.pickupr p.price {
		margin: 0 0 0 135px;
	font-size: 35px;
	font-weight:bold;
	color:#D91B5B;
	font-style:italic;
	letter-spacing:2px;
}
.pickupr p.price span{
	font-size:12px;
}
p.morebtn {
	margin: 30px 0 0 0 !important;
	background: url(../img/line.png) 0 50% repeat-x;
	padding: 0 0 0 0;
	text-align: right;
	font-size: 16px;
}
.pickupr a {
	padding: 5px 15px;
	font-style:italic;
	background: #00b48d;
	color: #fff;
}
.pickupr li.tag_spe{
	width: 85%;
	text-align: center;
	margin-left: 15px;
	margin-top: 8px;
	display: block;
}
.pickupr li.tag_spe2{
	margin-top: 8px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin-left:5px;
}
.pickupr li.tag_spe2 span{
	background: #D91B5B;
}

.pickupr li.tag_spe2.first{
	margin-left: 37px;
}
.pickupr li.tag_spe span{
	background: #039373;
	width: 100%;
}
.pickupr li.tag_spe2 span{
		padding:12px 5px;
		box-sizing:border-box
}
.pickupr li.fourth span{
	padding:3px 5px;
}
ul.equip {
	overflow: hidden;
	clear: both;
	margin: 10px 0 20px 0;
}
ul.equip li {
	color: #fff;
	background: rgba(0, 180, 141, 0.5);
	width: 18%;
	margin-right: 2%;
	float: left;
	text-align: center;
	border-radius: 10px;
	padding: 5px 0;
	font-weight: bold;
	font-size: 16px;
}
dl.equip {
	overflow: hidden;
	clear: both;
	margin: 10px 0 20px 0;
}
dl.equip dd {
	color: #fff;
	background: rgba(0, 180, 141, 0.5);
	width: 20%;
	margin-right: 2%;
	float: left;
	text-align: center;
	border-radius: 10px;
	padding: 10px 0;
	font-weight: bold;
	font-size: 14px;
}
dl.feature {
	overflow: hidden;
	clear: both;
	padding: 20px 0 0;
}
dl.feature dt {
	width: 100%;
	display: block;
	margin-bottom: 10px;
}
dl.feature dd {
	font-size: 14px;
	/* width: 88%;
	float: left;
	font-size: 13px;
	padding: 1% 2% */
}
dl.feature dd span{
	background: #D91B5B;
	color: #fff;
	margin: 0 5px;
	padding:  5px;
	border-radius: 5px;
	display: inline-block;
}
dl.feature dd span:first-child{
	margin-left: 0;
}

dl.feature dd span.sonota{
	font-size: 11px;
	background: none;
	color: inherit;
	margin-top: 5px;
}
p.sonota{
	font-size: 11px;
	background: none;
	color: inherit;
	margin-top: 5px;
}
dd {
	margin: 0;
	padding: 0;
}
table.table4 {
	background: #FFF;
	width: 100%;
}
table.table4 th {
	border: 1px solid #CCC;
	font-size: 14px;
	padding: 10px;
	text-align: center;
	box-sizing: border-box;
	border-collapse: collapse;
	font-weight: bold;
}
table.table4 td {
	padding: 10px;
	box-sizing: border-box;
	border-collapse: collapse;
	border: 1px solid #CCC;
	font-size: 14px;
}
.thumb-item-nav li {
	margin: 0 10px;
}
.tab {
	overflow: hidden;
	clear: both;
	margin: 20px 0 0 0;
}
.tab li {
	background: #999;
	padding: 5px 25px;
	float: left;
	margin-right: 1px;
	color: #FFF;
	cursor: pointer;
}
.tab li.select {
	background: #FFF;
	color: #333;
}
.content-car li {
	background: #FFF;
	padding: 20px;
}
.content-car {
	margin: 0;
}
.hide {
	display: none;
}
.alltruckbgall {
	padding-top: 140px;
	padding-bottom: 100px;
	margin-top:0;
	width: 100%;
}
.alltruckbg {
	clear: both;
	overflow: hidden;
	/*background: url(../img/bg3.png) no-repeat;*/
	max-width: 1200px;
	margin: auto;
}
.alltruck_list {
	margin-top: 140px;
}
.alltruck_list {
	width: 320px;
	float: left;
}
.alltruck_list li {
	line-height: 2.5;
}
.alltruck_list li a {
	color: #fff;
	background: url(../img/arrow_w.png) 0 50%/8px no-repeat;
	padding: 0 0 0 20px;
}
.top-t {
	float: left;
	width: 876px;
}
.alltruckthum > h2 {
	font-size: 20px;
	text-align: center;
	padding: 10px;
}
.alltruckthum ul {
	display: inline-block;
}
.alltruckthum li {
	float: left;
	width: 31.1%;
	position: relative;
	margin-right: 3.3%;
	margin-bottom: 3.3%;
}
.detail {
	position: absolute;
	bottom: 10px;
}
.t-under {
	max-width: 1200px;
	margin: 50px auto;
}
.t-under .detail {
	width: 90%;
	background: url(../img/plus.png) no-repeat right 90%
}
.t-under h2 {
	font-size: 24px !important;
}
.alltruckthum li:nth-child(3n) {
	margin-right: 0!important;
}
.alltruckthum li .caption {
	color: #000;
	padding: 20px;
}
.alltruckthum li .caption h2 {
	font-size: 16px;
}
.caption_text1 {
	padding-top: 60px;
	font-size: 14px;
}
.caption_text1 span {
	font-size: 13px;
}
.caption_text2 span {
	padding: 1px;
	font-size: 11px;
	box-sizing: border-box;
	border: 1px solid #000;
}
.caption_text3 {
	color: #da1c5c;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
}
@media (max-width: 767px) {
.t-under .detail {
	width: auto;
	background: url(../img/arrow_right.png) no-repeat right 90%;
	background-size: 10px;
}
.detail {
	position: static !important;
}
.t-under h2 {
	font-size: 16px !important;
}
.alltruckthum li .caption {
	padding: 10px 0 0 0;
}
}
.caption_text3 span {
	font-size: 50%;
}
.caption_text3 s {
	font-weight: normal;
	font-size: 13px;
	color: #000!important;
}
.alltruckthum li .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	border: 5px solid #00b48d;
	box-sizing: border-box;
		  -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
}
.t-under li .mask {
	background: url(../img/mask.png) no-repeat center top;
	background-size: 100%;
		  -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
}
.t-under li:hover .mask {
	opacity: 0.8;
	z-index: 9909;
}

.t-under li div.carpic{
	overflow:hidden;
}
.t-under li div.carpic img {
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;
}
.t-under li:hover div.carpic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.top-t li .mask {
	background: #FFF !important;
}
.top-t li:hover .mask {
	opacity: 0.9;
	z-index: 9909;
}
.bgall {
/*background: url(../img/bg3.png) 60% no-repeat;
  height: 1500px;
  padding-bottom: 50px;*/
  /*position: relative;*/
}
/*.contents {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}*/
.truckinfo {
	position: relative;
}

.pickuptag {
	position: absolute;
	top: -10px;
	left: -7px;
	z-index: 999;
	background: #DA1C5C;
	border-radius: 100%;
	width: 50px;
	height: 50px;
	font-style: italic
}
.pickuptag p {
	color: #fff;
	position: relative;
	/*top: 10px;
  left: 10px;*/
	padding: 10px 8px;
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
}


.zoton {
	position: absolute;
	top: -10px;
	left: -7px;
	z-index: 999;
	background: #00b48d;
	border-radius: 100%;
	width: 50px;
	height: 50px;
	font-style: italic
}
.zoton p {
	color: #fff;
	position: relative;
	/*top: 10px;
  left: 10px;*/
	padding: 7px 5px;
	font-size: 13px;
	line-height: 2.5;
	font-weight: bold;
	
}

.contactbtn {
	text-align: center;
	width: 250px;
	margin-left: auto;
}
.contactbtn a {
	font-size: 16px;
	background: #00b48d url(../img/arrow_w.png) 90% 50%/ 8px no-repeat;
	color: #fff;
	padding: 7px 50px 10px 30px;
	display: block;
}
.footercontact {
	clear: both;
	overflow: hidden;
	text-align: center;
	padding: 25px 0;
}
.footercontact ul {
	display: inline-block;
}
.footercontact li {
	float: left;
	text-align: left;
	margin: 0 10px;
}
.footercontact li:first-child img {
	width: 100px;
}
.footercontact li:nth-child(2) p:nth-child(1) {
	font-weight: bold;
}
.footercontact li:nth-child(2) p:nth-child(3) {
	font-size: 14px;
}
@media (max-width: 767px) {
.footercontact li:nth-child(2) p:nth-child(3) {
	font-size: 12px;
}
}
.footercontact li:nth-child(2) img {
	margin: 5px 0;
}
.footercontact li:nth-child(3) a {
	border: 1px solid #00b48d;
	color: #00b48d;
	background: url(../img/arrow_right2.png) 90% 50%/8px no-repeat;
	padding: 10px 50px 10px 30px;
	border-radius: 10px;
	-webkit-transition: .4s ease 0s;
    transition: .4s ease 0s;
}
.footercontact li:nth-child(3) a:hover{
	background: #00b48d url(../img/arrow_right_w.png) 90% 50%/8px no-repeat;
	color: #FFF;
}
.footercontact li:nth-child(3) {
	margin-top: 30px;
}
.footer {
	background-color: #EEE;
	clear: both;
	overflow: hidden;
	padding: 50px 0;
}
.footerinner {
	width: 1024px;
	margin: auto;
}
.footernav {
	float: left;
}
.footernav ul {
	display: inline-block;
	width: 190px;
	margin: 0;
	vertical-align: top
}
.footernav li {
	width: 100%;
	float: left;
	line-height: 2;
	font-size: 14px;
}
.footernav li a {
	background: url(../img/arrow_right2.png) 0 50%/6px no-repeat;
	padding: 0 0 0 20px;

}
.footernav li a:hover{
	color:#00B48D;

}
.footerinfo {
	float: right;
	width: 400px;
}
.footerinfo li {
	font-size: 13px;
}
.a li{
	margin-bottom:10px;
}
.b li{
	margin-bottom:28px;
}
.footerinfo h2 {
	font-size: 18px;
}
.footerinfo ul {
	width: 200px;
}
.a {
	float: left;
}
.b {
	float: right;
}
.footerlogo {
	text-align: center;
}
.copyright {
	background: #00b48d;
	color: #fff;
	text-align: center;
	padding: 10px 5px;
	font-size: 13px;
}
/*case CSS*/
.mainvidual h2 span {
	display: block;
	font-size: 20px;
}
#case {
	background: url(../img/bg_sub2.png) repeat-y center top;
	position: relative;
}
#case.vol {
	background: url(../img/bg_sub3.png) no-repeat;
	background-position: center;
	position: relative;
}
.bg_sub {
	z-index: -1;
	position: absolute;
	left: 20vw;
	top: 0;
}
.casewrap {
	max-width: 1200px;
	margin: auto;
	clear: both;
	overflow: hidden;
}
/*.casewrap.lease{
  max-width: 900px;
  margin: auto;
}*/
.case_img {
	width: 50%;
	float: left;
	margin: 9% 0;
}
.case_img.right {
	float: right;
}
.case_img.vol {
	margin: 0;
}
.case_text {
	width: 45%;
	float: right;
	margin: 9% 0;
}
.case_text.vol {
	width: 50%;
	margin: 0;
}
.case_text.left.vol {
	width: 50%;
}
.case_textimg.vol {
	float: none;
	margin: 13% 0 0 0;
	width: 30%;
	position: relative;
	left: -5%;
}
.case_textimg.left.vol {
	float: right;
	margin: 13% 0 0 0;
	width: 30%;
	position: relative;
	left: 10%;
}
.vol_text {
	clear: both;
	/*padding: 10% 0 5% 20%;*/
	margin: 10% 0 5% 20%;
	padding: 3%;
}
.vol_text h3 {
	font-size: 25px;
}
.vol_text.right {
	float: right;
	margin: 10% 20% 5% 0;
}
.case_text.left {
	float: left;
}
.case_textimg {
	float: left;
	margin: 0 0 0 0;
}
.case_in_i {
	float: left;
	margin-left: 50px;
	margin-bottom: 20px;
}
.case_in_i i.icon1 {
	padding: 0 10px 0 30px;
	margin-right: 20px;
	background: url(../img/i_buil.png) 0 50%/25px no-repeat;
	border-right: 1px solid #333;
}
.case_in_i i.icon2 {
	padding: 0 10px 0 30px;
	margin-right: 20px;
	background: url(../img/i_truck.png) 0 50%/25px no-repeat;
	border-right: 1px solid #333;
}
.case_in_i p:first-child {
	margin-bottom: 15px;
	margin-top: 10px;
}
.case_im {
	width: 100%;
	clear: both;
	overflow: hidden;
	font-size: 20px;
	margin: 20px 0;
	font-weight: bold;
	line-height: 1.6;
}
@media (max-width: 767px) {
.casewrap {
	margin-bottom: 30px;
}
.casewrap:last-child {
	margin-bottom: 0;
}
.case_im {
	font-size: 16px;
	margin-bottom: 0;
}
.case_img {
	width: 70%;
	float: none;
}
.case_text {
	width: 80%;
	margin: -20px 20px 20px 20px;
}
.case_in_i {
	font-size: 12px;
	margin-left: 20px;
}
.case_textimg {
	float: left;
	margin: 10px 0 0 0;
	width: 100px
}
}
.case_text table {
	text-align: left;
	border-collapse: collapse;
}
.case_text th {
	text-align: center;
	width: 200px;
}
.case_text th p {
	margin: 10px;
	border: 1px solid #000;
	padding: 10px 0;
}
@media (max-width: 767px) {
.case_text table tr {
	display: block;
}
.case_text table th, .case_text table td {
	display: list-item;
	border: none;
	list-style: none;
	text-align: left;
	width: auto;
	padding: 10px 0;
	font-size: 13.5px;
}
.case_text table td {
	padding: 0 0 10px 0;
	font-size: 12px;
}
.case_text th p {
	padding: 0 0 5px 0;
	margin: 0;
	border: none;
	border-bottom: 1px solid #333;
}
}
/*選ばれる理由*/
#reason {
	clear: both;
	overflow: hidden;
}
.reason_wrap {
	text-align: center;
	max-width: 1200px;
	width: 80%;
	margin: 50px auto;
}
/*.reason_wrap2{
  max-width: 2000px;
  clear: both;
  overflow: hidden;
}*/
.reason_wrap ul {
	display: inline-block;
}
.reason_wrap ul li {
	clear: both;
	overflow: hidden;
	float: none;
}
.reason_wrap ul li ul li {
	width: 50%;
	clear: none;
	overflow: inherit;
	position: relative;
}
.reason_wrap h2.reasontitle{
	margin-bottom:30px;
}
.reason_wrap h2.reasontitle span{
	color:#00B38D;
	font-style:italic;
}
h3.sarani {
	margin-bottom:20px;
	margin-top:-20px;
}
h3.sarani span{
		color:#00B38D;
}
.badge {
	display: none;
}
.sankaku{
	width: 0;
	height: 0;
	border: 40px solid transparent;
	border-top: 40px solid rgba(0,179,142,.5);
	margin:0 auto;
}

 @media only screen and (max-width:736px) {
	 h3.sarani {
		 font-size:16px;
		 margin:20px 20px 20px 20px;
}
.sankaku{
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top: 20px solid rgba(0,179,142,.5);
	margin:-20px auto;
}
.ex{
	position: relative;
}
.badge {
	display:block;
	position: absolute;
	top:120px;
	right: 100px;
	margin: -25px 0 0 -25px;
	text-align: center;
	z-index: 99;
	max-width: 50px
}
.badge img {
	max-width: 25px;
}
 }
@media (max-width: 767px) {
.reason_wrap h2.reasontitle{
	margin-bottom:15px;
	font-size:16px;
	margin:0 20px;
}
}
.reason_wrap ul li:nth-child(odd) ul li {
	float: left
}
.reason_wrap ul li:nth-child(even) ul li {
	float: right;
}
.reason_wrap ul li ul {
	display: block;
}
.reason_wrap ul li ul li h2 {
	margin: 30px 0 15px 0;
}
.reason_wrap ul li ul li h2 + p {
	font-size: 14px;
}
.reason_wrap ul li ul li i.l-icon {
	position: absolute;
	display: block;
	left: 0;
}
.reason_wrap ul li ul li i.r-icon {
	position: absolute;
	display: block;
	right: 0;
}
.textbox1 {
	margin: 10% 0 0 0;
	text-align: left;
	box-sizing: border-box;
	padding: 10% 20px 10% 20px;
	background: url(../img/wing_r.png) left bottom no-repeat;
}
.textbox2 {
	margin: 10% 0 0 0;
	text-align: right;
	box-sizing: border-box;
	padding: 10% 20px 10% 20px;
	background: url(../img/wing_l.png) right bottom no-repeat;
}
.picbox1 img, .picbox2 img {
	max-width: 100%;
}
@media (max-width: 767px) {
.reason_wrap ul li ul li i.l-icon {
	position: absolute;
	display: block;
	left: 50px;
}
.reason_wrap ul li ul li i.r-icon {
	position: absolute;
	display: block;
	right: 50px;
}
.reason_wrap ul li ul li {
	float: none;
	width: auto;
	clear: none;
	overflow: inherit;
	position: relative;
}
.textbox1 {
	margin: 0 0 0 0;
	text-align: left;
	box-sizing: border-box;
	padding: 0 20px 10% 20px;
 background:	url(../img/wing_r.png) left 80% no-repeat #;
}
.textbox2 {
	margin: 0 0 0 0;
	text-align: right;
	box-sizing: border-box;
	padding: 0 20px 10% 20px;
	background: url(../img/wing_l.png) right bottom no-repeat;
}
.reason_wrap ul li ul li h2 {
	margin: 0 0 15px 0;
	padding-top: 30px;
	font-size: 16px;
}
.reason_wrap ul li ul li:nth-child(2) {
	margin-bottom: 30px;
}
.reason_wrap ul li ul li h2 + p {
	font-size: 13px;
}
.picbox1 img, .picbox2 img {
	max-width: 80%;
}
.picbox1 {
	text-align: left;
}
.picbox2 {
	text-align: right;
}
}
/*短期リースについて*/
.lease_dif {
	max-width: 1200px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	text-align: center;
}
.lease_rec {
	max-width: 1200px;
	margin: auto;
}
h2.subtitle {
	margin: 50px 0 0 0;
	color: #00B48D;
	border: 2px solid #00B48D;
	padding: 25px 50px;
	display: block;
	font-size: 24px;
	text-align: center;
	background: #FFF;
}
.lease_title.right {
	text-align: right;
}
.lease_intr h2 {
	color: #fff;
	transform: skewX(30deg);
}
.lease_dif ul {
	max-width:1200px;
	margin: 25px auto;
	text-align: left;
	overflow:hidden;
	clear:both;
}
.lease_dif ul li {
	line-height: 40px;
	width:48%;
	float:left;
}

.lease_dif ul li:first-child{
	border-right:2px dashed #333;
	padding-right:2%;
	margin-right:2%;
	box-sizing:border-box;
}
@media (max-width: 767px){
	.lease_dif ul li {
	line-height: 40px;
	width:auto;
	float:none;
}
.lease_dif ul li:first-child{
	border-right:none;
		border-bottom:1px dashed #333;
	padding-right:0;
	margin-right:0;
	padding-bottom:15px;
	box-sizing:border-box;
}
	
}
.lease_dif ul li span {
	background: #0EB48D;
	color: #FFF;
	font-style: italic;
	padding: 0 5px 0 20px;
	margin-right: 10px;
	font-size: 16px;
}
.ex {
	max-width: 1200px;
	margin: auto;
	text-align: center;
	margin-bottom: 50px;
}
.ex h4 {
	text-align: center;
	border:2px solid #333;
	font-size:20px;
	padding:10px 0;
	letter-spacing:2px;
}
.ex h4 span{
	font-size:13px;
}
.tcwrap table {
	text-align: left;
	width: 100%;
}
.tcwrap th, .tcwrap td {
	border: 1px solid #ddd;
	margin: auto;
	padding: 10px 10px;
	font-size:14px;
	box-sizing:border-box;
	border-collapse:collapse;
}
.exleft{
	float:left;
	width:48%;
	margin:0;
}
.exright{
	float:right;
	width:48%;
	margin:0;
}
.tcwrap {
	overflow:hidden;
	clear:both;
	margin-bottom:50px;
}
@media (max-width: 767px) {
	.ex{
		margin-bottom:0 !important;
	}
	.tcwrap {
	margin-bottom:25px;
}
	.ex h4 {
		margin:0 20px 20px 0;
		font-size:16px;
	}
.exleft,.exright{
	float:none;
	width:auto;
	margin:50px 0 0 0;
}
	.tcwrap th, .tcwrap td {
	border: 1px solid #ddd;
	margin: auto;
	padding: 5px;
	font-size:11px;
	box-sizing:border-box;
	border-collapse:collapse;
}
}
.exleft h5{
	background:#333;
	color:#FFF;
		margin:0;
	padding:7px 0;
		font-size:16px;
}
.exright h5{
	background:#EE3E6A;
	color:#FFF;
		margin:0;
	padding:7px 0;
		font-size:16px;
}
.tc h6{
	font-size:16px;
	margin:20px 0;
	padding:0;
}
.tc h6 span{
	font-size:12px;
}
.tc table th,
.tc table td{
	text-align:center
}
.tc table tbody th{
	min-width:100px;
}
.tc table thead th{
	background:#72838C;
	color:#FFF;
}
.tc table tbody th{
	background:#E7E7E9;
}
.tc table tbody td:last-child{
	background:#D7E8E1;
}
.tc table tbody tr:last-child td{
	background:#D7E8E1;
}
.tc table thead th:last-child,
.tc table tbody tr:last-child th{
	background:#515E66;
	color:#FFF;
}
.tc table tbody tr:last-child td:nth-child(2){
	background:url(../img/squ1.png) center 50% no-repeat;
	background-size:cover;
}
.tc table tbody tr:last-child td:last-child{
	background:url(../img/squ2.png) center 50% no-repeat;
	background-size:cover;
}
.tc table tbody tr:last-child td:nth-child(2) span,
.tc table tbody tr:last-child td:last-child span{
	background:#FFF;
	padding:3px 15px;
	box-sizing:border-box;
	border-collapse:collapse;
	font-weight:bold;
}
@media (max-width: 767px) {
	.tc table tbody th{
	min-width:50px;
}
.tc table tbody tr:last-child td:nth-child(2),
.tc table tbody tr:last-child td:last-child{
	padding:10px 5px;
}
.tc table tbody tr:last-child td:nth-child(2) span,
.tc table tbody tr:last-child td:last-child span{
	padding:3px 10px;
}
}
.bkpink{
	background:#F69EB4 !important;
	color:#FFF;
}
.bkpink2{
	background:#EE3E6A !important;
	color:#FFF;
}
ul.norikae,
ul.norikae li{
	margin:0 !important;
	padding:0 !important;
	text-indent:0 !important;
}
ul.norikae{
	margin-left:48% !important;
	overflow:hidden;
	clear:both;
}
ul.norikae li{
		float:left;
	padding-left:2% !important;
	width:45%;
	box-sizing:border-box
}
ul.norikae li img{
	max-width:100%;
}
dl.sa {
	overflow:hidden;
	clear:both;
	font-size:14px;

}
dl.sa dt{
	float:left;
	width:150px;
}
dl.sa dt.one{
	background:#F69EB4;
	color:#FFF;
	padding:5px 0;
}
dl.sa dt.five{
	background:#EE3E6A;
	color:#FFF;
	padding:5px 0;
}

dl.sa dd{
	float:left;
		padding:5px 0;
}
dl.sa dd .sen2{
	font-size:16px;
	font-weight:bold;
	position:relative;
}
dl.sa dd .sen2:after{
	content:"";
	display:block;
		border:2px solid #FF0;
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
}
.redsuper{
	font-size:20px !important;
	color:#F00;
}
@media (max-width: 767px) {
	.redsuper{
	font-size:16px !important;
	color:#F00;
}
	dl.sa dt,
dl.sa dd{
	float:none;
	margin:0 20px;
}
	dl.sa dt{
		margin:0 auto;
	}
	dl.sa {
	overflow:hidden;
	clear:both;
	font-size:13px;

}
}
.ex table {
	text-align: left;
	width: 100%;
}
.ex th, .ex td {
	border: 1px solid #ddd;
	margin: auto;
	width: 220px;
	padding: 10px 10px;
	font-size:14px;
}
.ex th {
	font-weight: bold !important;
  background: #72838C;
  color: #FFF;
}
.ex th.st {
	font-weight: bold !important;
  background: #EE3E69;
  color: #FFF;
}
.ex tbody th:first-child {
  background: #E7E7F0;
  color: #222;
}
.ex p {
	margin-bottom: 20px;
}
.ex p span {
	border:1px solid #CCC;
	padding: 3px 10px 6px 10px;
}
@media (max-width: 767px) {
	.ex th, .ex td {

	padding: 10px 20px;
	font-size:13px;
}
.ex p{
	text-align:center;
}
h2.subtitle {
	margin: 10px 20px 0 20px;
	color: #00B48D;
	border: 2px solid #00B48D;
	padding: 15px 30px;
	display: block;
	font-size: 18px;
}
.lease_dif ul {
	list-style-position: inside;
	margin: 0 20px;
}
.lease_dif ul li {
	padding-left: 0;
	text-indent: 0;
}
.lease_dif ul li {
	line-height: 27px;
	margin-bottom: 20px;
	font-size: 13px;
}
.lease_dif {
	margin: 20px 0;
}
.ex th {
	width: 110px;
	padding: 10px;
}
.ex td {
	padding: 10px;
	width: 160px;
}
.ex {
	margin: 0 0 30px 20px;
}
.ex table {
	-webkit-overflow-scrolling: touch
}
.ex {
	font-size: 13px;
}
.ex table {
	display: block;
	position: relative;
}
.ex table thead {
	display: block;
	float: left;
}
.ex table tbody {
	display: block;
	position: relative;
	width: auto;
	overflow-x: auto;
	white-space: nowrap;
}
.ex table thead th {
	display: block;
}
.ex table tbody td {
	display: block;
}
.ex table tbody tr {
	display: inline-block;
}
.ex table th:not(:last-child) {
	border-bottom: none;
}
.ex table td:not(:last-child) {
	border-bottom: none;
}
.ex table td {
	border-left: none;
}
}
.st {
	background-color: #F69EB4;
	/* animation: bg-color 10s infinite;
	-webkit-animation: bg-color 10s infinite; */
	color: #FFF;
  font-weight: bold;
}
.st span {
  font-weight: normal;
}
/*会社概要*/
#about {
	max-width: 1200px;
	margin: 50px auto;
	clear: both;
	overflow: hidden;
}
#about table {
	width: 510px;
	text-align: left;
}
#about table {
	float: left;
}
/*#about table:last-child{
  float: right;
}*/
#about th {
	font-weight: normal;
	padding: 10px;
	vertical-align: top;
}
#about td p {
	margin: 10px 0;
	border-left: 1px solid rgb(101, 100, 100);
	padding-left: 20px;
}
#about td {
}
/* ==========================================================================
      slik slider
      ========================================================================== */


/*スライド画像の横幅可変*/

img {
	max-width: 100%;
	height: auto;
}
#mainSlide {
	margin: auto;
	width: 100%;
	position: relative;
	left: 89px;
	-webkit-clip-path: polygon(10% 0, 100% 0, 100% 20%, 100% 90%, 90% 100%, 0 100%, 0% 80%, 0 10%);
	clip-path: polygon(5% 0, 100% 0, 100% 20%, 100% 88%, 95% 100%, 0 100%, 0% 80%, 0 10%);
}
#mainSlide img {
	width: 100%;/*box-shadow: 10px 10px 3px rgba(255, 255, 255, 0.57);*/
}
.slick_container {
	z-index: 3;
	float: left;
	width: 50%;
	/* 任意の値 */
	margin: 0 auto;
	/* 任意の値 */
	position: relative;
}
.slick-prev, .slick-next {
	width: 89px;
	/* 画像幅 */
	height: 89px;/* 画像高さ */
}
.slick-prev:before, .slick-next:before {
	content: "";
}
button.slick-prev, button.slick-next {
	z-index: 3;
}
.slick-prev {
	left: 0;/* 任意の値 */
}
.slick-next {
	right: 0;/* 任意の値 */
}
.slick-arrow {
	z-index: 10;/* 値は適当に */
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {
}
 @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
*, *:before, *:after {
	background: transparent !important;
	color: #000 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
a, a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
a[href^="#"]:after, a[href^="javascript:"]:after {
	content: "";
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
}
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}
/* 画面外にいる状態 */
.fadein, .servicelist ul li {
	opacity : 0.2;
	transform : translate(0, 50px);
	transition : all 500ms;
}
/* 画面内に入った状態 */
.fadein.scrollin, .servicelist ul li.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
.other {
	max-width: 1200px;
	margin: 0 auto 50px auto;
	text-align: center;
	font-size: 12px;
}
.other figcaption {
	text-align: left;
	border: 1px solid #CCC;
	box-sizing: border-box;
	padding: 10px;
}
 @media (max-width: 767px) {
.other {
	margin: 0 20px 50px 20px;
	font-size: 10px;
}
.other figcaption {
	border: 1px solid #CCC;
	box-sizing: border-box;
	padding: 10px;
}
}
.flowwrap {
	overflow: hidden;
	clear: both;
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}
ul.flow1 {
	padding: 10px;
	margin: 30px 0 0 0;
}
ul.flow1 li {
	float: left;
	position: relative;
	width: 20%;
	margin-right: 6.5%;
}
ul.flow1 li:nth-child(4n) {
	margin-right: 0;
}
ul.flow1 li:after {
	content: "";
	background: url(../img/pointer2.png) no-repeat;
	width: 19px;
	height: 37px;
	position: absolute;
	right: -40px;
	top: 22%;
}
ul.flow1 li:nth-child(4):after {
	content: "";
	background: url(../img/pointer3.png) no-repeat;
	width: 37px;
	height: 19px;
	position: absolute;
	left: 40%;
	top: 200px !important;
}
ul.flow1 li div {
	padding: 10px;
	border-radius: 10px;
	text-align: center;
}
ul.flow1 li span {
	background: #DA1C5C;
	padding: 10px 20px;
	color: #FFF;
	position: absolute;
	top: -10px;
	left: -10px;
}
ul.flow1 li p {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	margin-top: 10px;
}
@media only screen and (max-width:736px) {
ul.flow1 li:after, ul.flow1 li:nth-child(4):after {
	background: none !important;
}
.flowin {
	background: url(../img/bg_sub3.png) repeat-y center 100px;
	background-size: 100%;
	overflow: hidden;
	clear: both;
}
.flowwrap {
	padding: 20px 0;
	margin: 0;
}
ul.flow1 {
	margin: 20px 20px;
}
ul.flow1 li {
	float: left;
	position: relative;
	width: 45%;
	margin-right: 10%;
	margin-bottom: 20px;
	background: #FFF;
	padding-bottom: 15px;
}
ul.flow1 li:nth-child(2n) {
	margin-right: 0;
	margin-top: 10%;
}
ul.flow1 li p {
	font-size: 13px;
}
ul.flow1 li p span {
	font-size: 11px;
}
ul.flow1 li div img {
	width: 70%;
}
ul.flow1 li span {
	padding: 5px 10px;
}
}
ul.flow2 {
	padding: 20px !important;
	margin: 30px 0 0 0;
}
ul.flow2 li {
	float: right;
	position: relative;
	width: 20%;
	margin-left: 6.5%;
}
ul.flow2 li:nth-child(4n) {
	margin-left: 0;
}
ul.flow2 li:before {
	content: "";
	background: url(../img/pointer2x.png) no-repeat;
	width: 19px;
	height: 37px;
	position: absolute;
	left: -40px;
	top: 22%;
}
ul.flow2 li:nth-child(4):before {
	content: "";
	background: none
}
ul.flow2 li div {
	padding: 10px;
	border-radius: 10px;
	text-align: center;
}
ul.flow2 li span {
	background: #DA1C5C;
	padding: 10px 20px;
	color: #FFF;
	position: absolute;
	top: -10px;
	left: -10px;
}
ul.flow2 li p {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	margin-top: 10px;
}
@media only screen and (max-width:736px) {
ul.flow2 {
	margin: 0 0 20px 10px;
}
ul.flow2 li div img {
	width: 70%;
}
ul.flow2 li:before, ul.flow2 li:nth-child(4):before {
	background: none !important;
}
ul.flow2 li {
	float: left;
	position: relative;
	width: 45%;
	margin-right: 7.5%;
	margin-left: auto !important;
	margin-bottom: 20px;
	background: #FFF;
	padding-bottom: 15px;
}
ul.flow2 li:nth-child(2n) {
	margin-right: 0;
	margin-top: 10%;
}
ul.flow2 li:nth-child(3), ul.flow2 li:nth-child(4) {
	margin-bottom: 0;
}
ul.flow2 li p {
	font-size: 13px;
}
ul.flow2 li span {
	padding: 5px 10px;
}
}
.flowwrap2 {
	overflow: hidden;
	clear: both;
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	border-radius: 10px;
	margin-bottom: 50px;
}
ul.flow3 {
	max-width: 600px;
	padding: 20px;
	margin: 30px auto 0 auto;
}
ul.flow3 li {
	float: left;
	position: relative;
	width: 42%;
	margin-right: 16%;
}
ul.flow3 li:nth-child(2) {
	margin-right: 0;
}
ul.flow3 li:after {
	content: "";
	background: url(../img/pointer2.png) no-repeat;
	width: 19px;
	height: 37px;
	position: absolute;
	right: -40px;
	top: 22%;
}
ul.flow3 li:nth-child(2):after {
	background: none !important;
}
ul.flow3 li div {
	padding: 10px;
	border-radius: 10px;
	text-align: center;
}
ul.flow3 li span {
	background: #DA1C5C;
	padding: 10px 20px;
	color: #FFF;
	position: absolute;
	top: -10px;
	left: -10px;
}
ul.flow3 li p {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	margin-top: 10px;
}
@media only screen and (max-width:736px) {
.flowwrap2 {
	overflow: hidden;
	clear: both;
	max-width: 524px;
	box-sizing: border-box;
	border-radius: 10px;
	margin-bottom: 50px;
}
ul.flow3 li:after {
	background: none;
}
ul.flow3 {
	margin: 20px 10px;
}
ul.flow3 li {
	background: #FFF;
	padding-bottom: 15px;
}
ul.flow3 li div img {
	width: 70%;
}
ul.flow3 li span {
	padding: 5px 10px;
}
ul.flow3 li:nth-child(2n) {
	margin-top: 10%;
}
}
.table2 {
	font-size: 14px;
}
.table2 th {
	text-align: left;
	padding: 10px;
	line-height: 25px;
	text-align: center;
	vertical-align: top;
}
.table2 th span {
	border: 1px solid #CCC;
	padding: 0;
	width: 100px;
	display: block
}
.table2 td {
	text-align: left;
	padding: 10px;
	line-height: 25px;
	vertical-align: top;
}
.table2 td a {
}
.boxing {
	margin: 50px auto;
	overflow: hidden;
	clear: both;
	max-width: 1200px;
	padding: 10px 0 0 0;
}
.boxing_other {
	margin: 50px auto 75px auto;
	overflow: hidden;
	clear: both;
	max-width: 980px;
	padding: 10px 0 0 0;
}
.leftbox {
	float: left;
	width: 48%;
}
.rightbox {
	float: right;
	width: 48%;
}
@media only screen and (max-width:736px) {
.boxing, .boxing_other {
	margin: 20px 20px 40px 20px;
}
.table2 {
	width: 100% !important;
}
.table2 th {
	width: 70px;
	padding: 10px 0;
	font-size: 12px;
}
.table2 th span {
	width: 100%;
}
.table2 td {
	text-align: left;
	font-size: 13px;
	padding: 10px 0 0 10px;
}
.leftbox {
	float: none;
	width: auto;
	margin: 0 !important;
	padding: 0 !important;
}
.rightbox {
	float: none;
	width: auto;
	margin: 0 !important;
	padding: 0 !important;
}
}
h3.subtitle2 {
	font-size: 16px;
	margin-bottom: 10px;
	padding-left: 3em;
	text-indent: -3em;
}
h3.subtitle2 span {
	background: #DA1C5C;
	color: #FFF;
	padding: 5px 5px;
	margin-right: 15px;
}
h3.subtitle2 + p {
	margin-bottom: 20px;
	font-size: 14px;
	margin-left: 50px;
	line-height: 25px;
}
h3.subtitle2 + p span {
	color: #0EB48D;
	font-weight: bold;
	font-size: 16px;
}
@media only screen and (max-width:736px) {
h3.subtitle2 {
	font-size: 15px;
}
h3.subtitle2 + p {
	margin-bottom: 20px;
	font-size: 13px;
	margin-left: 50px;
}
}
p.mmm2 {
	font-size: 14px;
	line-height: 25px;
	border-top: 1px solid #CCC;
	padding-top: 10px;
	overflow: hidden;
	clear: both
}
p.mmm3 {
	font-size: 14px;
	line-height: 25px;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
}
dl.guide dt {
	float: left;
	width: 25%;
	font-size: 16px;
	font-weight: bold;
}
dl.guide dd {
	float: left;
	width: 75%;
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 20px;
}
table.table1 {
	width: 736px;
	margin: 0 auto;
}
table.table1 th {
	width: 220px;
}
table.table1 select{
	width: 175px;
	border-radius: 0;
	background: transparent url(../img/arrow_g.png) 90% 50%/13px no-repeat;
	border: 1px solid #ccc;
	padding: 2px 8px;
	box-sizing: border-box;
	position: relative;
}
table.table1 select::after{
	content: "";
  position: absolute;
  top: 5px;
  display: inline-block;
  right: 0;
  width: 6px;
  height: 6px;
  border-top: 1px solid #71c2b5;
  border-right: 1px solid #71c2b5;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
textarea {
	width: 100%;
	border: 1px solid #CCC;
	height: 300px;
	box-sizing:border-box;
	border-collapse:collapse
}
@media only screen and (max-width:736px) {
	p.mmm2 ,
	p.mmm3 {
	font-size: 12px;
	}
	dl.guide dt {
	float: none;
	width: auto;
	font-size: 14px;
	font-weight: bold;
}
dl.guide dd {
	float: none;
	width: auto;
	font-size: 13px;
	line-height: 25px;
	margin-bottom: 20px;
}

table.table1{
	width:auto;
		display: block;
	}
table.table1 thead{
			display: none;
		}
table.table1 tbody{
			display: block;
		}
table.table1 tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
table.table1 tbody th,
table.table1 tbody td{
				display: list-item;
				list-style:none;
				margin:0;
				padding:0;
				border: none;
				width:auto;
				font-size:13px;
			}
table.table1 tbody th{
				margin-bottom: 5px;
				list-style-type: none;

			}
table.table1 tbody td{



}
}
table.table1 th, table.table1 td {
	padding: 10px 20px;
	box-sizing: border-box;
	text-align: left;
	vertical-align: top
}
/* input, button, textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
} */
input[type=text],
input[type=email],
input[type=tel] {
	border: none;
	border: 1px solid #CCC;
}
@media only screen and (max-width:736px) {
	input[type=text] {
		width:100%;
		height:30px;
		box-sizing:border-box;
		border-collapse:collapse;
	}
}
.centre {
	text-align: center !important;
	font-size: 14px;
}
input[type=submit] {
	border: none;
	background: #DA1C5C;
	border-radius: 5px;
	color: #FFF;
	font-weight: normal !important;
	padding: 10px 70px;
	font-size:16px;
	letter-spacing:3px;
}
input[type=button], input[type=reset] {
	border: none;
	background: #EEE;
	border-radius: 5px;
	color: #333;
	font-weight: normal !important;
	padding: 10px 25px;
	margin-left: 20px;
}
.error {
	color: #F00;
	margin-bottom: 20px;
}
ul.osusume {
	padding:0 ;
	margin:0;
}
ul.osusume li{
	margin:0 !important;
	padding:0 !important;
	color:#FFF;
	text-align:center;
	position:relative;
	float:left;
	opacity:0;

}
ul.osusume li span{
	background:rgba(218,28,92,0.8);
			animation: bg-color 10s infinite;
	-webkit-animation: bg-color 10s infinite;
	position:absolute;
	top:45%;
	right:0;
	padding:20px;
}
ul.osusume li:first-child{
	width:0;
	height:100vh;
	background:url(../img/r1.jpg) no-repeat right bottom ;
}
ul.osusume li:nth-child(2){
	width:0;
	height:100vh;
	background:url(../img/r2.jpg) no-repeat center top ;

}
ul.osusume li:nth-child(3){
	width:0;
	height:100vh;
	background:url(../img/r3.jpg) no-repeat left top ;


}
.recomodal p{
	position:absolute;
	top:80%;
	left:50%;
	z-index:999;
	color:#FFF;
	font-style:italic;
	font-size:20px;
	opacity:0;
	margin-left:-145px;
}
.textarea2{
	text-align:center;
	position:absolute;
	top:40%;
	left:50%;
	margin:-100px 0 0 -400px;
}
a#btn2{
	cursor:pointer;
}
@media only screen and (max-width:736px) {
	ul.osusume li{
		float:none !important;
		clear:both;
	}
	ul.osusume li span{
		padding:5px 10px;
		font-size:14px !important;
		top:0;
				right:auto;
		left:0
	}
	.recomodal p{
		font-size:16px;
		top:85%
	}
ul.osusume li:first-child{
	width:100vw !important;
	height:33.3vh;
	background:url(../img/r1.jpg) no-repeat right bottom ;
		background-size:cover
}
ul.osusume li:nth-child(2){
	width:100vw !important;
	height:33.3vh;
	background:url(../img/r2.jpg) no-repeat center top ;
		background-size:cover

}
ul.osusume li:nth-child(3){
	width:100vw !important;
	height:33.4vh;
	background:url(../img/r3.jpg) no-repeat left top ;
		background-size:cover


}
}

#loader1{
	width: 100vw;
	height: 50vh;
	background: #00B48D;
	position: fixed;
	top:0;

	z-index: 9999;
}
#loader2{
	width: 100vw;
	height: 50vh;
	background: #00B48D;
	position: fixed;
	bottom:0;
	z-index: 9999;
}
.catching{
	position:fixed;
	top:50%;
	left:40%;
	margin:-36px 0 0 -68px;
	z-index:99999;
}
.catching img{
	width:136px;
}
#topbanner{
	position:fixed;
	bottom:-200px;
	right:20px;
	border:2px solid #00B48D;
	border-radius:5px;
	padding:20px;
	background:#FFF;
}

#topbanner img{
	max-width:300px;
}
#topbanner img.closebanner{
	position:absolute;
	top:10px;
	right:10px;
	max-width:30px;
	cursor:pointer;
	}
	.toplease{
		font-size:13px;
		color:#333;
	}
	.underlease{
		border:1px solid #333;
		font-size:16px;
		margin:20px 0 0 0;
		padding:5px 0 10px 0;
	}
	.underlease h6{
		font-size:16px;
		margin:10px;
		padding:0;
	}
	.underlease p{
		font-size:15px;
	}
@media only screen and (max-width:736px) {
	.underlease{
		margin:20px 20px;
		padding:10px;
		box-sizing:border-box
	}
	.underlease h6{
		font-size:14px;
		margin:5px;
	}
	.underlease p{
		font-size:12px;
	}
		.toplease{
		font-size:11px;
		text-align:center;
		margin-bottom:20px;
		line-height:20px;
	}
	#topbanner{
		position:static;
		margin:20px 20px 0 20px;
	}
	#topbanner img{
		max-width:100% !important;
	}
	#topbanner img.closebanner{
		display:none;
	}
	.catching{
	position:fixed;
	top:50%;
	left:40%;
	margin:-18px 0 0 -34px;
	z-index:99999;
}
.catching img{
	width:68px;
}
}

input::-webkit-input-placeholder {
    color: #AAA;
}
input:-moz-placeholder {
    color: #AAA;
}
input::-moz-placeholder {
    color: #AAA;
}
input:-ms-input-placeholder {
    color: #AAA;
}

.feature_compare{
	text-align: center;
	background: url(../img/feature_compare.jpeg);
	background-position: center center;
	background-size: cover;
	color: #fff;
	padding: 40px 0;
	position: relative;
}
.feature_compare::after{
	content: "";
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(218, 28, 92, 0.85);
}
.feature_compare h2{
	text-align: center;
	/* background: #DA1C5C; */
	color: #fff;
	margin-bottom: 15px;
	box-sizing: border-box;
	font-size: 23px;
	position: relative;
	z-index: 2;
}
.feature_compare h2 span{
	font-size: 18px;
}
.feature_compare .reco{
	position: relative;
	z-index: 2;
}

.feature_compare_three{
	clear: both;
	overflow: hidden;
	text-align: center;
	position: relative;
	z-index: 2;
}
.feature_compare_three ul{
	display: inline-block;
	margin: 50px 0;
}
.feature_compare_three li{
	float: left;
	width: 250px;
	height:250px;
	border-radius: 50%;
	background: #fff;
	color: #DA1C5C;
	margin: 0 20px;
	position: relative;
}

.feature_compare_three li p{
	margin-top: 40%;
	font-size: 20px;
	font-weight: 600;
}

.feature_compare_three li span.num{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 25px;
	color: #000;
	/* background: #DA1C5C; */
	font-style: italic;
	font-weight: bold;
	font-size: 40px;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.feature_compare .compare{
	border: 2px solid #fff;
	max-width: 810px;
	margin: auto;
	padding: 15px 0;
	font-weight: bold;
	position: relative;
	z-index: 2;
}

@media only screen and (max-width:736px){
	.feature_compare h2{
		font-size: 16px;
	}
	.feature_compare .reco{
		font-size: 13px;
	}
	.feature_compare_three{
		text-align: left;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.feature_compare_three ul{
		display: inherit;
		margin: 30px 0;
	}
	.feature_compare_three li{
		padding: 0 15px 10px 15px;
		box-sizing: border-box;
		border-radius: 0;
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 0 0;
		clear: both;
		overflow: hidden;
	}
	.feature_compare_three li:first-child{
		padding-top: 10px;
	}
	.feature_compare_three li:last-child{
		padding-bottom: 10px;
	}
	.feature_compare_three li span{
		display: inline-block;
		vertical-align: middle;
	}
	.feature_compare_three li p{
		margin-top: 0;
		display: inline-block;
		font-size: 14px;
		vertical-align: middle;
	}
	.feature_compare_three li span.num{
		top: inherit;
		left: inherit;
		position: inherit;
		font-size: 20px;
		width: auto;
		height: auto;
		margin-right: 15px;
		line-height: 1;
	}
	.feature_compare .compare{
		/* border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
		border-left: none;
		border-right: none; */
		margin: 0 20px;
		box-sizing: border-box;
		font-size: 14px;
		padding: 10px;
	}
}

.smarttruck-speci{
	background: #039373;
	color: #fff;
	padding: 6px 3px;
	display:block;
	text-align:center;
	border-radius: 5px;
	font-size: 14px;
}


/*==========================================FOOTER======================================================*/
aside {
	text-align: center;
	border-top:1px solid #EEE;
	padding:30px 0 0 0;
}
aside h3 {
	max-width: 120px;
	margin: 0 auto;
}
ul.logos {
	overflow: hidden;
	clear: both;
	max-width: 1200px;
	margin: 25px auto 50px auto;
}
ul.logos li {
	float: left;
	width: 15%;
	margin-right: 2%;
}
ul.logos li div {
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
}
ul.logos li p {
	border-top: 2px solid #EEE;
	padding: 5px 0 0 0;
	font-size: 12px;
	font-weight: bold;
}
ul.logos li img {
	height: 32px;
}
ul.logos li:nth-child(1) img, ul.logos li:nth-child(6) img {
	height: 22px;
}
ul.logos li:nth-child(2) img {
	height: 24px;
}
ul.logos li:last-child {
	margin: 0;
}
 @media only screen and (max-width:769px) {
aside h3 {
	margin-bottom: 25px;
}
ul.logos {
	margin: 0 15px 25px 15px;
}
ul.logos li {
	float: left;
	width: 49%;
	margin: 0 2% 2% 0;
	border: 2px solid #EEE;
	box-sizing: border-box;
	padding: 5px;
}
ul.logos li:nth-child(2n) {
	margin-right: 0;
}
ul.logos li:nth-child(1) img, ul.logos li:nth-child(6) img {
	height: auto;
	width: 56%;
}
ul.logos li:nth-child(2) img {
	height: auto;
	width: 60%;
}
ul.logos li p {
	border-top: none;
	padding: 0;
	font-size: 11px;
}
ul.logos li img {
	height: auto;
	width: 100%;
}
}


#footer {
	background:#231F20;
	overflow: hidden;
	clear: both;
	padding: 50px 0;
}
#footer ul {
	display: flex;
	flex-wrap: wrap;max-width: 1200px;
	margin: 0 auto;
}
#footer ul li {
	width: 25%;
	float: left;
	box-sizing: border-box;
	border-right: 1px solid #000;
	border-left: 1px solid #414042;
	padding: 0 25px;
}
#footer ul li:first-child {
	border-left: none;
}
#footer ul li:last-child {
	border-right: none;
}
#footer ul li h4 img {
	height: 28px;
	width: auto !important;
	margin-right: 20px;
}
#footer ul li:nth-child(1) h4 img {
	height: 18px;
}
#footer ul li:nth-child(2) h4 img {
	height: 22px;
}
#footer ul li h5 {
	color: #FFF;
	font-size: 15px;
	margin-bottom: 5px;
}
#footer ul li p {
	font-size: 12px;
	color: #FFF;
}
#footer ul li div.place {
	margin-top: 20px;
}
#footer ul li:nth-child(4) h4:nth-child(4) {
	margin: 40px 0 0 0;
}
#footer ul li p a{
	color:#FFF;
}
@media only screen and (max-width:769px) {
.address {
	display: none;
	margin: 10px 0;
}
#footer ul li div.place {
	margin-top: auto;
}
#footer ul li div.place {
	border-bottom: 1px solid #333;
	padding: 7px 0;
}
#footer ul li h4 {
	margin:0 0 5px 0;
}
#footer ul li h5 {
	font-size: 13px;
	margin:5px 0;
}
#footer ul li h5:after {
	content: ">";
	display: inline-block;
	float: right;
	transform: rotate(90deg);
	transition: all 0.3s ease-in-out;
}
#footer ul li h5.on:after {
	content: ">";
	transform: rotate(-90deg);
	margin-right: 3px;
}
#footer ul li {
	width: 100%;
	float: none;
	box-sizing: border-box;
	border-right: none !important;
	border-left: none !important;
	padding: 0 15px;
	margin-bottom: 20px;
}
#footer ul li:nth-child(4) h4:nth-child(4) {
	margin: 20px 0 0 0;
}
#copyright ul {
	float: none;
}
#copyright p {
	float: none;
	font-size: 10px;
	color:#FFF;
}
}
h3.spe{
	font-size:30px;
	margin-top:50px;
}
h3.spe span{
	position:relative;
	color:#10B48D;
	font-size:125%;
}
h3.spe span sup{
	position:absolute;
	top:0;
	left:40px;
	letter-spacing:10px;
}
@media (max-width: 767px){
	h3.spe{
	font-size:20px;
	margin-top:20px;
	line-height:40px;
}
h3.spe span{
	position:relative;
	color:#10B48D;
	font-size:125%;
}
h3.spe span sup{
	position:absolute;
	top:0;
	left:27px;
	letter-spacing:6.5px;
}
}