@charset "utf-8";
/*------------------------------------------------------------
	c-ttl
------------------------------------------------------------*/
.c-ttl {
	margin-bottom: 73px;
	text-align: center;
}
.c-ttl h2 {
	margin-bottom: 34px;
	font-size: 6.6rem;
	font-weight: 700;
}
.c-ttl h2 span {
	padding: 15px 106px 25px;
	display: inline-block;
	line-height: 1;
	background: url("../img/u-car/line01.png") no-repeat left center, url("../img/u-car/line01.png") no-repeat right center;
	background-size: 75px auto;
}
.c-ttl p {
	padding: 46px 0 26px;
	margin: 0 auto;
	max-width: 938px;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.72;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
}
.c-ttl p small {
	margin: 15px 10px -22px 0;
    display: block;
    color: #000;
    font-size: 1.7rem;
    font-weight: 500;
	letter-spacing: 0;
    text-align: right;
}
.c-ttl01 p {
	padding: 36px 0;
	font-size: 3.5rem;
}
@media all and (max-width: 896px) {
	.c-ttl {
		margin: 0 13px 28px;
	}
	.c-ttl h2 {
		margin-bottom: 11px;
		font-size: 3.9rem;
	}
	.c-ttl h2 span {
		padding: 15px 72px 25px;
		background-size: 46px auto;
	}
	.c-ttl p {
		padding: 12px 0 16px;
		font-size: 2rem;
		line-height: 1.5;
	}
	.c-ttl p small {
		margin: 5px 0 0;
		font-size: 1rem;
		text-align: center;
	}
	.c-ttl01 p {
		padding: 12px 0 16px;
		font-size: 2rem;
		line-height: 1.5;
		letter-spacing: -0.03em;
	}
}

/*------------------------------------------------------------
	sapotoyo
------------------------------------------------------------*/
#sapotoyo .img{
    width: 70%;
    margin: 0 auto;
    padding: 4% 0 20px;
}

#sapotoyo p{
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    line-height: 1.6;
    padding: 0 0 2%;
}

#sapotoyo .link{
    width: 60%;
    margin: 0 auto;
    padding: 0 0 8%;
}

@media all and (max-width: 635px) {

#sapotoyo .img{
	padding: 0% 0 10px;
}

#sapotoyo p{
    font-size: 14px;

}

#sapotoyo .link{
    width: 90%;

}

}
/*------------------------------------------------------------
	comBtnBox
------------------------------------------------------------*/
#gFooter .fixBanner {
	display: none;
}
/*------------------------------------------------------------
	.c-list
------------------------------------------------------------*/
.c-list {
	margin-bottom: 41px;
}
.c-list .pho {
	margin: 0 0 -4px -188px;
}
.c-list li {
	margin-bottom: 20px;
	padding-left: 60px;
	position: relative;
	font-size: 3.1rem;
	font-weight: 500;
	line-height: 1.5;
}
.c-list li:last-child {
	margin-bottom: 0;
}
.c-list li::before {
	width: 50px;
	height: 51px;
	position: absolute;
	left: -3px;
	top: 0;
	background: url("../img/u-car/icon01.png") no-repeat left top / 100% 100%;
	content: '';
}
.c-list .img {
	margin: 28px -61px 0 -58px;
}
@media all and (max-width: 896px) {
	.c-list {
		margin-bottom: 33px;
	}
	.c-list .pho {
		margin-left: -1px;
		margin-bottom: 0;
	}
	.c-list li {
		margin-bottom: 12px;
		padding-left: 31px;
		font-size: 1.5rem;
	}
	.c-list li::before {
		width: 27px;
		height: 28px;
		top: -5px;
	}
	.c-list .img {
		margin: 10px 0 0 5px;
	}
}


/*------------------------------------------------------------
	system
------------------------------------------------------------*/

#system{
	background-color: #f6ede5;
	max-width: 1280px;
    margin: 0 auto;
    padding: 4% 2%;
	margin-bottom: 8%;
}

#system .sp{
display: none;
}

#system h3{
    font-size: 0;
    text-align: center;
	padding: 2% 0 0;
	line-height: 1.6;
}

#system h3 span{
    font-size: 32px;
}

#system p{
    font-weight: 700;
    text-align: center;
    font-size: 20px;
	line-height: 1.6;
}

#system ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 25px;
	padding: 4% 0 16px;
}

#system ul li{
    width: calc(100% / 3 - 25px * 2 / 3);
}

#system .attention{
    width: 60%;
    margin: 0 auto;
    padding: 0 0 4%;
}

#system small{
    font-size: 12px;
    font-weight: 700;
    padding: 20px 0 4%;
    display: block;
}

#system .img{
    width: 70%;
    margin: 0 auto 14px;
}

#system .link_wrapper{
    display: flex;
    align-items: center;
    gap: 40px;
    flex-direction: column;
    padding: 10px 0 0;
}

#system .link_wrapper div{
    width: 64%;
}

@media all and (max-width: 635px) {

#system{
    padding: 6% 6% 16%;
	margin-bottom: 20%;
}
#system h3{
	padding:6% 0 4%;
}



#system h3 span{
font-size: 18px;
}

#system p{
    font-size: 14px;
}

#system ul{
    flex-direction: column;
    gap: 10px;
	padding: 6% 0 10px;
}

#system ul li{
    width: 90%;
    margin: 0 auto;
}

#system .attention{
    width: 100%;
    padding: 0 0 8%;
}


#system .img{
    width: 100%;
}

#system small{
	padding: 10px 0 8%;
}

#system .link_wrapper{
    gap: 16px;
}

#system .link_wrapper div{
    width: 100%;
}

#system .pc{
display: none;
}

#system .sp{
display: block;
}

}



/*------------------------------------------------------------
	maintenance
------------------------------------------------------------*/
#maintenance {}
#maintenance .content {
	max-width: 1034px;
}
#maintenance .list {
	position: relative;
	margin-bottom: 89px;
	padding: 45px 0 31px;
	background-color: #E5F6FA;
	border-radius: 20px;
}
#maintenance .list::before {
	margin-left: -80px;
	position: absolute;
	width: 159px;
	height: 51px;
	left: 50%;
	bottom: -74px;
	background: url("../img/u-car/maintenance/arrow.png") no-repeat left top / 100% 100%;
	content: '';
}
#maintenance .list h3 {
	margin-bottom: 41px;
	color: #238096;
	font-size: 3rem;
	text-align: center;
	font-weight: 700;
}
#maintenance .list .listUl {
	margin: -23px auto 30px;
	width: 792px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#maintenance .list .listUl li {
	margin-top: 23px;
	width: 176px;
	text-align: center;
}
#maintenance .list .listUl li p {
	margin-top: 10px;
	color: #238096;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.11;
	letter-spacing: -0.05em;
}
#maintenance .list .note {
	margin: 0 auto;
	width: 792px;
	font-size: 1.5rem;
}
#maintenance .list02 {
	padding: 35px 0 50px;
}
#maintenance .list02 h3 {
	margin-bottom: 28px;
}
#maintenance .list .photo {
	margin: 0 auto;
	width: 755px;
}
#maintenance .list .photo img {
	width: 100%;
}
#maintenance .list03 {
	padding: 49px 0 52px;
	background-color: #FAE5EB;
}
#maintenance .list03::before {
	display: none;
}
#maintenance .list03 h3 {
	margin-bottom: 30px;
	color: #C35B67;
}
@media all and (max-width: 896px) {
	#maintenance .content {
		padding: 0 22px;
	}
	#maintenance .list {
		margin-bottom: 97px;
		padding: 20px 25px 33px;
	}
	#maintenance .list h3 {
		margin-bottom: 18px;
		font-size: 3rem;
	}
	#maintenance .list .listUl {
		margin: -21px auto 21px;
		width: auto;
		justify-content: flex-start;
	}
	#maintenance .list .listUl li {
		margin: 21px 5% 0 0;
		width: 30%;
	}
	#maintenance .list .listUl li:nth-child(3n) {
		margin-right: 0;
	}
	#maintenance .list .listUl li img {
		display: block;
		border-radius: 15px;
	}
	#maintenance .list .listUl li p {
		margin-top: 8px;
		font-size: 1.3rem;
		line-height: 1.15;
	}
	#maintenance .list .note {
		width: auto;
		font-size: 1.3rem;
	}
	#maintenance .list .photo {
		width: auto;
	}
	#maintenance .list02, #maintenance .list03 {
		padding: 17px 25px 25px;
	}
	#maintenance .list02 h3, #maintenance .list03 h3 {
		margin-bottom: 9px;
	}
	#maintenance .list03 {
		margin-bottom: 0;
	}
}
@media all and (max-width: 375px) {
	.c-ttl h2 span {
		padding: 15px 54px 25px;
	}
}
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#index {
	margin-bottom: 100px;
}
#index .topBox {
	margin-bottom: 31px;
	position: relative;
	text-align: center;
}
#index .topBox .img {
	width: 190px;
	position: absolute;
	right: -77px;
	top: -45px;
}
#index .topBox h2 {
	margin: 50px 0 26px;
	color: #E50000;
	font-size: 7rem;
	font-weight: 700;
}
#index .topBox h2 span {
	font-size: 6rem;
}
#index .topBox h2 small {
	margin: 23px 0 0;
	display: block;
	color: #000;
	font-size: 1.7rem;
	font-weight: 500;
	text-align: center;
}
#index .topBox p {
	font-size: 3.1rem;
	font-weight: 700;
	line-height: 1.5;
}
#index .topBox p .txt {
	display: block;
}
#index .topBox p .color01 {
	color: #00A100;
}
#index .topBox p .color02 {
	color: #FF8700;
}
#index .topBox p .color03 {
	color: #009EEE;
}
#index .mainImg {
	margin-bottom: 70px;
	position: relative;
}
#index .mainImg .slide .slick-slide > div {
	margin: 0 22px;
	width: 948px;
}
#index .mainImg .arrow li {
	margin-top: 9px;
	position: absolute;
	width: 83px;
	left: 14.6%;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 10;
}
#index .mainImg .arrow li.next {
	left: auto;
	right: 14.6%;
}
#index .mainImg .slick-dots {
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -44px;
}
#index .mainImg .slick-dots li {
	margin: 0 12px;
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius: 100px;
	background-color: #C6C6C6;
	cursor: pointer;
	z-index: 10;
}
#index .mainImg .arrow li:hover {
	opacity: 0.7;
}
#index .mainImg .slick-dots li button {
	display: none;
}
#index .mainImg .slick-dots li.slick-active {
	background-color: #000;
}
#index .bgBox {
	margin-bottom: 141px;
	padding: 88px 0 87px;
	background-color: #EFF9FF;
}
#index .bgBox .content {
	max-width: 1036px;
}
#index .bgBox .linkUl {
	margin: 0 -14px 10px -7px;
}
#index .bgBox .linkUl li {
	width: 524px;
}
#index .bgBox .linkList li {
	width: 196px;
	box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.2);
	border-radius: 20px;
}
#index .bgBox .linkList li img {
	width: 100%;
}
#index .content01 {
	max-width: 1039px;
}
#index .h3Ttl {
	margin: 0 56px 53px;
	padding: 14px 0 19px;
	font-size: 4.3rem;
	font-weight: 700;
	text-align: center;
	border-top: 4px solid #000;
	border-bottom: 4px solid #000;
}
#index .content01 .photo {
	margin-bottom: 82px;
}
#index .content01 .photo img {
	width: 100%;
}
#index .content01 .photo02 {
	max-width: 1000px;
	margin: 0 auto;
}

@media all and (max-width: 896px) {
	#index .topBox {
		margin-bottom: 28px;
		padding: 0 30px;
	}
	#index .topBox h2 {
		margin: 10px -20px 23px;
		padding-right: 0;
		font-size: 3rem;
	}
	#index .topBox h2 span {
		font-size: 3rem;
	}
	#index .topBox h2 small {
		margin: 10px 0 0;
		font-size: 1rem;
		text-align: center;
	}
	#index .topBox p {
		width: calc(100% - 124px);
		font-size: 2rem;
		text-align: left;
	}
	#index .topBox p .txt {
		margin-bottom: 8px;
		font-size: 2.4rem;
		display: block;
		text-align: left;
	}
	#index .topBox .img {
		width: 125px;
		right: 25px;
		bottom: -13px;
		top: auto;
	}
	#index .mainImg {
		margin-bottom: 48px;
	}
	#index .mainImg .slide .slick-slide > div {
		margin: 0 8px;
		width: auto;
	}
	#index .mainImg .arrow li {
		margin-top: -7px;
		width: 53px;
		left: 17px;
	}
	#index .mainImg .arrow li.next {
		right: 17px;
	}
	#index .mainImg .slick-dots {
		bottom: -30px;
	}
	#index .mainImg .slick-dots li {
		margin: 0 8px;
		width: 10px;
		height: 10px;
	}
	#index .bgBox {
		margin-bottom: 0;
		padding: 20px 20px 48px;
	}
	#index .bgBox .linkUl {
		margin-bottom: 18px;
		display: block;
	}
	#index .bgBox .linkUl li {
		margin-bottom: 9px;
		width: auto;
	}
	#index .bgBox .linkList {
		margin-top: -23px;
	}
	#index .bgBox .linkList li {
		margin-top: 23px;
		width: 48.5%;
		border-radius: 50px;
	}
	#index .bgBox .linkList li img {
		width: 100%;
	}
	#index .content01 {
		padding: 0;
	}
	#index .content01 .photo {
		margin-bottom: 57px;
	}
	#index .h3Ttl {
		padding: 9px 27px 19px;
		margin: 0 50px 16px;
		font-size: 3.5rem;
		line-height: 1.37;
	}
	#index .content01 .photo02 {
		margin: 0 28px;
	}
	#index .underSlide{
		margin :0 auto 48px;
		padding: 0 46px;
	}
	#index .underSlideFlame{
		width: 665px;
		text-align: left;
	}
}
@media all and (max-width: 635px) {
	#index .topBox{
		margin-bottom: 16px;
	}

	#index .topBox h2{
		margin: 0 0 0;
	}


	#index .underSlide{
		width: calc( 100% - 92px );
	}
	#index .underSlideFlame{
		width: 100%;
	}
}
@media all and (max-width: 375px) {
	#index .topBox p .txt {
		font-size: 6vw;
	}
	#index .topBox p {
		font-size: 4vw;
	}
	#index .h3Ttl {
		font-size: 6vw;
	}
}
@media all and (min-width: 897px) and (max-width: 1450px) {
	#index .topBox .img {
		width: 166px;
		right: -37px;
		top: -35px;
	}
}
/*------------------------------------------------------------
	ucarrequest
------------------------------------------------------------*/
#ucarrequest .c-ttl {
	margin-bottom: 30px;
}
#ucarrequest .c-ttl p {
	padding: 40px 0 47px;
	font-size: 4.2rem;
	line-height: 1.428;
}
#ucarrequest .c-ttl p span {
	margin-top: 26px;
	display: block;
	font-size: 2.1rem;
}
#ucarrequest .c-list {
	margin: 0 auto 67px;
	max-width: 938px;
}
#ucarrequest .c-list li {
	margin-bottom: 17px;
	font-size: 2.7rem;
}
#ucarrequest .c-list li::before {
	width: 45px;
	height: 46px;
	left: 1px;
	top: -2px;
}
#ucarrequest .c-list .img {
	margin: 28px -41px 0 -48px;
}
#ucarrequest .photo {
	margin: 0 auto 71px;
	max-width: 1035px;
}
#ucarrequest .photo img {
	width: 100%;
}
@media all and (max-width: 896px) {
	#ucarrequest .c-ttl {
		margin: 0 18px 23px;
	}
	#ucarrequest .c-ttl p {
		padding: 16px 0 20px;
		font-size: 2.4rem;
		line-height: 1.458;
	}
	#ucarrequest .c-ttl p span {
		margin-top: 8px;
		font-size: 1.2rem;
	}
	#ucarrequest .c-list li {
		margin-bottom: 12px;
		font-size: 1.5rem;
	}
	#ucarrequest .c-list li::before {
		width: 27px;
		height: 28px;
	}
	#ucarrequest .c-list {
		margin: 0 20px 32px;
	}
	#ucarrequest .c-list .img {
		margin: 29px 5px 0 1px;
	}
	#ucarrequest .photo {
		margin: 0 28px 30px 18px;
	}
}
/*------------------------------------------------------------
	long_run
------------------------------------------------------------*/
#long_run {}
#long_run .content {
	max-width: 1033px;
}
#long_run .c-ttl {
	margin-bottom: 71px;
}
#long_run .c-ttl p {
	padding: 47px 0 50px;
	font-size: 3.1rem;
	line-height: 1.8;
}
#long_run .linkUl {
	margin-bottom: 102px;
	display: flex;
	justify-content: space-between;
}
#long_run .linkUl li {
	width: 507px;
}
#long_run .long {
	margin: 0 auto 152px;
	max-width: 1001px;
}
#long_run .long .imgTxt {
	margin: 0 auto 37px;
	max-width: 812px;
}
#long_run .long .imgTxt img {
	width: 100%;
}
#long_run .long .imgUl {
	margin-top: -28px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#long_run .long .imgUl li {
	margin-top: 28px;
	width: 483px;
}
#long_run .long .imgUl li img {
	width: 100%;
}
#long_run .run {
	margin: 0 auto;
	max-width: 1001px;
}
#long_run .run .imgTxt {
	margin: 0 auto 37px;
	max-width: 806px;
}
#long_run .run .imgTxt img {
	width: 100%;
}
#long_run .run .pho {
	margin: 0 auto 54px;
	max-width: 898px;
	text-align: center;
}
#long_run .run .pho p {
	margin-top: 39px;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.35;
	text-align: center;
}
#long_run .run .info {
	margin-bottom: 95px;
}
#long_run .run .info img {
	width: 100%;
}
#long_run .run h3 {
	margin-bottom: 55px;
	font-size: 4.1rem;
	font-weight: 500;
	text-align: center;
}
#long_run .run h3 span {
	color: #172A88;
}
#long_run .run .photo {
	margin-bottom: 94px;
}
#long_run .fee .img {
	margin-bottom: 37px;
}
#long_run .fee p {
	margin-bottom: 23px;
	font-size: 2rem;
	font-weight: 700;
}
#long_run .fee h4 {
	margin-bottom: 12px;
	color: #00509F;
	font-size: 3rem;
	font-weight: 500;
}
#long_run .noteBox {
	padding: 18px 15px 20px;
	background-color: #E5F6FF;
}
#long_run .noteBox p {
	margin-bottom: 20px;
	color: #349CC4;
	font-size: 2rem;
	text-align: center;
}
#long_run .noteBox ul {
	margin: 0 auto;
	max-width: 762px;
	font-size: 1.5rem;
	line-height: 1.33;
	font-weight: 500;
}
@media all and (max-width: 896px) {
	#long_run .c-ttl p {
		padding: 25px 0 24px;
		font-size: 2rem;
		line-height: 1.73;
	}
	#long_run .c-ttl {
		margin-bottom: 32px;
	}
	#long_run .linkUl {
		margin: 0 12px 48px 14px;
	}
	#long_run .linkUl li {
		width: 49%;
	}
	#long_run .long .imgTxt {
		margin-bottom: 20px;
		max-width: 397px;
	}
	#long_run .long .imgUl {
		margin: 0 auto 20px;
		display: block;
		max-width: 450px;
	}
	#long_run .long .imgUl li {
		margin: 0 0 22px;
		width: auto;
	}
	#long_run .long .imgUl li:last-child {
		margin-bottom: 0;
	}
	#long_run .long {
		margin-bottom: 141px;
	}
	#long_run .run .imgTxt {
		margin-bottom: 29px;
		max-width: 394px;
	}
	#long_run .run .pho {
		margin: 0 10px 24px;
	}
	#long_run .run .pho p {
		margin-top: 32px;
		font-size: 2rem;
		line-height: 1.5;
	}
	#long_run .run .info {
		margin: 0 -6px 58px -1px;
	}
	#long_run .run h3 {
		margin-bottom: 14px;
		font-size: 2.8rem;
	}
	#long_run .run .photo {
		margin-bottom: 44px;
		text-align: center;
	}
	#long_run .fee h4 {
		margin-bottom: 16px;
		text-align: center;
	}
	#long_run .fee p {
		margin: 0 auto 27px;
		width: 81%;
		font-size: 2rem;
		line-height: 1.6;
	}
	#long_run .fee .img {
		margin-bottom: 14px;
		text-align: center;
	}
	#long_run .noteBox {
		padding: 17px 10px 24px;
		margin: 0 8px;
	}
	#long_run .fee .noteBox p {
		margin-bottom: 9px;
		font-size: 1.7rem;
		width: auto;
	}
	#long_run .noteBox ul {
		margin: 0 0 0 21px;
		max-width: inherit;
		font-size: 1.6rem;
		line-height: 1.3125;
	}
	#long_run .noteBox ul li {
		padding-left: 1em;
		text-indent: -1em;
	}
	#long_run .comBtnBox {
		padding-top: 46px;
		margin-top: 73px;
	}
}
/*------------------------------------------------------------
	product
------------------------------------------------------------*/
#product {}
#product .c-ttl {
	margin-bottom: 54px;
}
#product .c-ttl p {
	padding: 39px 0 33px;
	font-size: 3.5rem;
}
#product .content {
	max-width: 1034px;
}
#product h3 {
	padding-bottom: 20px;
	margin-bottom: 27px;
	font-size: 4.6rem;
	color: #F069AD;
	border-bottom: 1px solid #707070;
}
#product .photoUl > li {
	margin-bottom: 26px;
	display: flex;
	justify-content: space-between;
}
#product .photoUl > li:last-child {
	margin-bottom: 0;
}
#product .photoUl > li .photo {
	margin-top: 28px;
	width: 390px;
}
#product .photoUl > li .photo img {
	width: 100%;
}
#product .photoUl > li .textBox {
	width: 595px;
}
#product .photoUl > li .textBox h4 {
	margin-bottom: 14px;
	font-size: 3rem;
	line-height: 1.45;
}
#product .photoUl > li .textBox li {
	margin-bottom: 2px;
	padding-left: 1em;
	font-size: 1.7rem;
	line-height: 1.7;
	text-indent: -1em;
	letter-spacing: -0.05em;
}
#product .photoUl > li .textBox li span {
	font-size: 2rem;
	font-weight: 500;
}
#product .photoUl {
	margin-bottom: 73px;
}
#product .h3Ttl {
	color: #238096;
}
#product .note {
	margin-top: -63px;
	font-size: 1.3rem;
	line-height: 1.8;
}
#product .comBtnBox {
	margin-top: 131px;
}
@media all and (max-width: 896px) {
	#product .c-ttl {
		margin-bottom: 32px;
	}
	#product .c-ttl h2 span {
		padding: 15px 59px 25px;
	}
	#product .c-ttl p {
		padding: 12px 0 16px;
		font-size: 2rem;
		line-height: 1.5;
	}
	#product h3 {
		padding-bottom: 16px;
		margin: 0 19px 31px;
		font-size: 3.9rem;
	}
	#product .photoUl > li {
		margin-bottom: 53px;
		display: block;
	}
	#product .photoUl {
		margin: 0 13px 55px;
	}
	#product .photoUl > li .textBox {
		width: auto;
	}
	#product .photoUl > li .textBox h4 {
		margin-bottom: 13px;
		font-size: 2.6rem;
	}
	#product .photoUl > li .textBox li {
		margin-bottom: 3px;
		font-size: 1.5rem;
	}
	#product .photoUl > li .photo {
		margin: 24px -2px 0;
		width: auto;
	}
	#product .h3Ttl {
		margin-bottom: 22px;
	}
	#product .photoUl01 > li .textBox h4 {
		font-size: 3rem;
	}
	#product .photoUl01 > li .textBox li {
		font-size: 1.7rem;
	}
	#product .photoUl01 > li {
		margin-bottom: 40px;
	}
	#product .note {
		margin: -26px 0 0 14px;
		letter-spacing: -0.05em;
	}
}
/*------------------------------------------------------------
	lineup
------------------------------------------------------------*/
#lineup .c-ttl {
	margin-bottom: 52px;
}
#lineup .c-ttl h2 {
	margin-bottom: 43px;
}
#lineup .c-ttl p {
	padding: 41px 0 35px;
	letter-spacing: -0.03em;
}
#lineup .c-ttl p .red {
	color: #D80000;
	font-size: 6rem;
	font-weight: 700;
	line-height: 0.9;
}
#lineup .c-ttl p .red span {
	font-size: 7.3rem;
}
#lineup .content {
	position: relative;
	max-width: 938px;
}
#lineup .btn {
	margin: 0 28px 69px 2px;
}
#lineup .btn a {
	padding: 20px;
	position: relative;
	color: #582500;
	font-size: 3.7rem;
	font-weight: 700;
	display: block;
	background: url("../img/u-car/lineup/line01.jpg") repeat-x left top / 2px 100%;
	border-radius: 10px;
	box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.25);
	text-align: center;
}
#lineup .btn.ucarZaiko {
	position: sticky;
	top: 62px;
	z-index: 100;
}
#lineup .btn a::before {
	width: 35px;
	height: 35px;
	position: absolute;
	right: 23px;
	top: 50%;
	background: url("../img/u-car/lineup/icon01.png") no-repeat left center / 100% 100%;
	content: '';
	transform: translateY(-50%);
}
#lineup .list {
	margin: 0 28px 69px 4px;
}
#lineup .list .listUl {
	margin-top: -67px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#lineup .list .listUl > li {
	margin-top: 67px;
	width: 415px;
}
#lineup .list .listUl > li .img {
	margin-bottom: 16px;
}
#lineup .list .listUl > li .btn {
	margin: 0 4px 3px -2px;
}
#lineup .list .listUl > li .btn a {
	padding: 11px 40px 12px;
	font-size: 2.2rem;
}
#lineup .list .listUl > li .btn a::before {
	width: 20px;
	height: 20px;
	right: 14px;
	background-image: url("../img/u-car/lineup/icon02.png");
	transition: 0.3s;
}
#lineup .list .listUl > li .btn a.on::before {
	background-image: url("../img/u-car/lineup/icon03.png");
}
#lineup .list .listUl .txtUl {
	display: none;
	margin: 0 4px 0 -2px;
	position: relative;
}
#lineup .list .listUl .txtUl li {
	margin-bottom: 1px;
}
#lineup .list .listUl .txtUl li a {
	padding: 11px 35px 13px;
	display: block;
	color: #582500;
	font-size: 2.2rem;
	font-weight: 700;
	background: url("../img/u-car/lineup/icon04.png") no-repeat right 13px center, url("../img/u-car/lineup/line02.jpg") repeat-x left top;
	text-align: center;
	background-size: 20px auto, 1px 100%;
	box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
}
#lineup .mainImg {
    margin-bottom: 70px;
}
#lineup .mainImg li{
    text-align: center;
}
#lineup .underSlide{
	width: 100%;
	padding: 0;
	margin :0 auto 82px;
	text-align: center;
}

@media all and (max-width: 896px) {
	#lineup .c-ttl h2 {
		margin-bottom: 11px;
	}
	#lineup .c-ttl p {
		padding: 11px 0 14px;
		font-size: 2.4rem;
		line-height: 1.7;
	}
	#lineup .c-ttl p .red {
		font-size: 4.3rem;
	}
	#lineup .c-ttl p .red span {
		font-size: 5.2rem;
	}
	#lineup .c-ttl {
		margin-bottom: 39px;
	}
	#lineup .list {
		margin: 0 auto;
		max-width: 414px;
	}
	#lineup .btn {
		margin: 0 auto 39px;
		max-width: 413px;
	}
	#lineup .btn a {
		padding: 20px 20px 22px;
		font-size: 2.2rem;
	}
	#lineup .btn a::before {
		width: 20px;
		height: 20px;
		right: 18px;
	}
	#lineup .btn.ucarZaiko {
		top: 80px;
	}
	#lineup .list .listUl > li .img {
		margin-bottom: 19px;
	}
	#lineup .list .listUl > li .btn {
		margin: 0 0 4px;
	}
	#lineup .list .listUl .txtUl {
		margin: 0;
	}
	#lineup .list .listUl {
		margin-top: 0;
	}
	#lineup .list .listUl > li {
		width: auto;
		margin: 0 0 63px;
	}
	#lineup + .comBtnBox {
	margin-top: 0;
}
}
@media all and (max-width: 374px) {

	#lineup .c-ttl p {
		font-size: 2rem;
	}
	#lineup .c-ttl p .red {
		font-size: 3.5rem;
	}
	#lineup .c-ttl p .red span {
		font-size: 4rem;
	}
	#lineup .list .listUl > li .btn a {
		font-size: 2rem;
	}
	#lineup .list .listUl .txtUl li a {
		font-size: 2rem;
	}
}
@media all and (max-width: 575px) {
	.comBtnBox .content {
		padding: 0;
	}
	.c-ttl h2 {
		font-size: 3rem;
	}
	#maintenance .content {
		padding: 0 16px;
	}
}
@media all and (max-width: 500px) {
	#lineup .btn.ucarZaiko {
		top: 50px;
	}
}