@charset "UTF-8";

/*----------------------------------------------------------

about css

/*----------------------------------------------------------

/* -------------------------------------------------
  parts
------------------------------------------------- */

.fukidashi_ttl_w {
	width:98%;
	max-width:354px;
	margin:0 auto 8px;
	font-weight:900;
	text-align:center;
	background-image:url(../img/fukidashi_s_w.svg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:100% auto;
}

.aboutContents {
	max-width:990px;
	margin:0 auto;
	width: calc(100% - 20px);
	padding:0px 0px 60px;
}
.aboutContents .topRadiusBox {
	padding:40px 0px 20px;
	background:var(--color-secondary);
	position:relative;
	border: 5px solid #0A0E1F;
	border-radius: 8px;
}
.topRadiusBox .fukidashi_ttl_w {
	position:absolute;
	top:-30px;
	left:0;
	right:0;
}
.aboutContents .topRadiusBox .txt{
	text-align: center;
	font-size: 24px;
	line-height:1.5;
	font-weight:700;
}
.aboutContents .topRadiusBox .btn{
	background: url(/1cars/common/img/icon/icon_modal_open-wh.svg) no-repeat right 15px center var(--color-primary);
	background-size: 18px;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	margin: 20px auto 0px;
	width: 80%;
	line-height: 36px;
	transition: all .5s;
	border: 1px solid var(--color-primary);
}
.underBodertxt {
	text-align:center;
}
.underBodertxt span {
	display:inline-block;
	padding:0 10px 5px;
	font-weight:900;
	text-align:center;
	background:url(../img/bg_underBodertxt.gif) no-repeat left 0% bottom 0% ;
	background-size:100% 20px;
}
.aboutContents .bottomBox{
	background:#ffffff;
}
.image img {
	width:100%;
	height:auto;
}

/*-------------------------------
	Display：←767px 
-------------------------------*/
@media print, screen and (max-width: 767px){

	.fukidashi_ttl_w {
		width:90%;
		height:72px;
		padding:10px 0 32px;
		font-size:2.1rem;
		line-height:36px;
	}
	.underBodertxt {
		margin-bottom:15px;
	}
	.underBodertxt span {
		padding:0 5px 3px;
		font-size:2.4rem;
		line-height:1.3em;
		background-size:100% 10px;
	}
	.aboutContents .bottomBox{
		padding:25px;
	}

}

/*-------------------------------
	Display：768px →
-------------------------------*/
@media print, screen and (min-width: 768px){

	.fukidashi_ttl_w {
		height:72px;
		padding:12px 0 34px;
		font-size:2.4rem;
		line-height:36px;
	}

	.aboutContents {
		width:95%;
		margin-bottom:90px;
	}
	.topRadiusBox .leadTxt{
		text-align:center;
	}
	.underBodertxt{
		margin-bottom:25px;
	}
	.underBodertxt span {
		padding:0 10px 8px;
		font-size:3.6rem;
		line-height:1.3em;
		background-size:100% 20px;
	}
	.aboutContents .bottomBox{
		padding:40px 50px;
		border-radius:0 0 18px 18px;
		border:1px solid #DEDEDE;
		border-top:none;
	}
}

@media print, screen and (min-width: 960px){
	.aboutContents .topRadiusBox{
		padding: 60px 0px 40px;
		transition: all .4s;
	}
	.aboutContents .bnrWhyCheap .topRadiusBox:hover{
		cursor: pointer;
		background: var(--color-primary);
	}
	.aboutContents .topRadiusBox .txt{
		font-size: 32px;
		transition: all .6s;
	}
	.aboutContents .topRadiusBox:hover .txt{
		transform: scale(1.07);
	}
	.aboutContents .topRadiusBox .btn{
		width: 360px;
		line-height: 46px;
	}
	.aboutContents .topRadiusBox:hover .btn {
    background-color: #fff;
    background-image: url(/1cars/common/img/icon/icon_modal_open.svg);
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
}
}

/* -------------------------------------------------

  クレカバナー

------------------------------------------------- */
.carBnr{
	margin-top: 30px;
	max-width: 100%;
	padding-bottom: 0;
}
.carBnr ul{
	width: 100%;
	display: block;
	padding: 0 20px;
}
.carBnr ul li{
	width: 100%;
	max-width: 100%;
}
.carBnr ul li:not(:nth-of-type(3)){
	display: none;
}
@media print, screen and (min-width: 768px){
	.carBnr{
		width: 500px;
		margin: 40px auto 0;
	}
	.carBnr ul{
		padding: 0;
	}
}



/* -------------------------------------------------

  #whyCheap

------------------------------------------------- */

/*-------------------------------
	Display：common
-------------------------------*/

#whyCheap .image {
	width:90%;
	max-width:566px;
	margin:40px auto 0;
}
#whyCheap .image img {
	width:100%;
	height:auto;
}
#whyCheapModal .faqBox {
	overflow:hidden;
	padding: 20px 20px 30px;
}

#whyCheapModal .faqBox .fukidashiQ {
	display:inline-block;
	font-weight:700;
	text-align:right;
	position:relative;
	float:right;
	clear:both;
}
#whyCheapModal .faqBox .fukidashiQ::after {
	content: '';
	display:block;
	margin:auto 0;
	background-image:url(../img/faq_icon_q.svg);
	background-repeat:no-repeat;
	background-position:50% 50%;
	position:absolute;
}
#whyCheapModal .faqBox .fukidashiQ .txt{
	position:relative;
	z-index:5;
}
#whyCheapModal .faqBox .fukidashiQ .bg1,
#whyCheapModal .faqBox .fukidashiQ .bg2{
	display:block;
	width:100%;
	height:100%;
	border:3px solid #0A0E1F;
	border-radius:13px;
	position:absolute;
}
#whyCheapModal .faqBox .fukidashiQ .bg1{
	background:#ffffff;
	top:0;
	left:0;
	z-index:2;
}
#whyCheapModal .faqBox .fukidashiQ .bg2{
	background:#0A0E1F;
	bottom:-4px;
	right:-3px;
	z-index:1;
}
#whyCheapModal .faqBox .fukidashiQ .bg1::before,
#whyCheapModal .faqBox .fukidashiQ .bg1::after,
#whyCheapModal .faqBox .fukidashiQ .bg2::after {
	content: '';
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	position:absolute;
	top:0;
}
#whyCheapModal .faqBox .fukidashiQ .bg1::before {
	border-width: 8px 0 8px 16px;
	border-color: transparent transparent transparent #ffffff;
	top:18px;
	right:-15px;
	z-index:2;
}
#whyCheapModal .faqBox .fukidashiQ .bg1::after {
	border-width: 11px 0 11px 19px;
	border-color: transparent transparent transparent #0A0E1F;
	top:15px;
	right:-19px;
	z-index:1;
}
#whyCheapModal .faqBox .fukidashiQ .bg2::after {
	border-width: 11px 0 11px 19px;
	border-color: transparent transparent transparent #0A0E1F;
	top:15px;
	right:-19px;
	z-index:1;
}

#whyCheapModal .faqBox .fukidashiA {
	display:inline-block;
	font-weight:700;
	text-align:left;
	position:relative;
	float:right;
	clear:both;
}
#whyCheapModal .faqBox .fukidashiA::after {
	content: '';
	display:block;
	margin:auto 0;
	background-image:url(../img/faq_icon_a.svg);
	background-repeat:no-repeat;
	background-position:50% 50%;
}
#whyCheapModal .faqBox .fukidashiA .txt{
	position:relative;
	z-index:5;
}

#whyCheapModal .faqBox .fukidashiA .bg1,
#whyCheapModal .faqBox .fukidashiA .bg2{
	display:block;
	width:100%;
	height:100%;
	border:3px solid #0A0E1F;
	border-radius:13px;
	position:absolute;
}
#whyCheapModal .faqBox .fukidashiA .bg1{
	background:var(--color-secondary);
	top:0;
	left:0;
	z-index:2;
}
#whyCheapModal .faqBox .fukidashiA .bg2{
	background:#0A0E1F;
	bottom:-4px;
	right:-3px;
	z-index:1;
}
#whyCheapModal .faqBox .fukidashiA .bg1::before,
#whyCheapModal .faqBox .fukidashiA .bg1::after,
#whyCheapModal .faqBox .fukidashiA .bg2::after {
	content: '';
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	position:absolute;
}
#whyCheapModal .faqBox .fukidashiA .bg1::before {
	border-width: 8px 16px 8px 0;
	border-color: transparent var(--color-secondary) transparent transparent;
	top:18px;
	left:-15px;
	z-index:2;
}
#whyCheapModal .faqBox .fukidashiA .bg1::after {
	border-width: 11px 19px 11px 0;
	border-color: transparent #0A0E1F transparent transparent;
	top:15px;
	left:-19px;
	z-index:1;
}
#whyCheapModal .faqBox .fukidashiA .bg2::after {
	border-width: 11px 19px 11px 0;
	border-color: transparent #0A0E1F transparent transparent;
	top:15px;
	left:-19px;
	z-index:1;
}
#whyCheapModal .faqBox .fukidashiA .cautionTxt,
#whyCheapModal .faqBox .fukidashiQ .cautionTxt {
	display:block;
	margin-top:5px;
	font-size:0.72em;
	line-height:1.8em;
	font-weight:400;
}


/*-------------------------------
	Display：←560px
-------------------------------*/
@media print, screen and (max-width: 560px){

	#whyCheap .image {
		margin:25px auto 0;
	}
	
	#whyCheapModal .faqBox .fukidashiQ {
		margin:0 85px 20px 0;
		padding:15px 20px;
		font-size:1.6rem;
		line-height:1.5em;
		text-align:left;
	}
	#whyCheapModal .faqBox .fukidashiQ::after {
		width: 65px;
		height: 65px;
		background-size:65px 65px;
		top:0;
		right:-85px;
	}
	#whyCheapModal .faqBox .fukidashiA {
		margin:0 0 20px 85px;
		padding:15px 20px;
		font-size:1.6rem;
		line-height:1.5em;
		text-align:left;
	}
	#whyCheapModal .faqBox .fukidashiA::after {
		width: 65px;
		height: 65px;
		background-size:65px 65px;
		position:absolute;
		top:0;
		left:-85px;
	}

}

/*-------------------------------
	Display：561px →
-------------------------------*/
@media print, screen and (min-width: 561px){

	#whyCheap .image {
		margin:40px auto 0;
	}

	#whyCheapModal .faqBox .fukidashiQ {
		margin:0 110px 30px 110px;
		padding:15px 25px;
		font-size:1.8rem;
		line-height:1.5em;
		text-align:left;
	}
	#whyCheapModal .faqBox .fukidashiQ::after {
		width: 100px;
		height: 100px;
		background-size:100px 100px;
		top:-5px;
		right:-110px;
	}
	#whyCheapModal .faqBox .fukidashiA {
		margin:0 110px 30px 110px;
		padding:15px 25px;
		font-size:1.8rem;
		line-height:1.5em;
		text-align:left;
	}
	#whyCheapModal .faqBox .fukidashiA::after {
		width: 100px;
		height: 100px;
		background-size:100px 100px;
		position:absolute;
		top:-5px;
		left:-110px;
	}


}
/*-------------------------------
	Display：769px →
-------------------------------*/
@media print, screen and (min-width: 769px){

	#whyCheap .image {
		margin:40px auto 0;
	}

	#whyCheapModal .faqBox .fukidashiQ {
		margin:0 160px 30px 210px;
		padding:15px 25px;
		font-size:1.8rem;
		line-height:1.5em;
		text-align:right;
	}
	#whyCheapModal .faqBox .fukidashiQ::after {
		width: 147px;
		height: 147px;
		background-size:147px 147px;
		top:-5px;
		right:-160px;
	}
	#whyCheapModal .faqBox .fukidashiA {
		margin:0 220px 30px 160px;
		padding:15px 25px;
		font-size:1.8rem;
		line-height:1.5em;
		text-align:left;
	}
	#whyCheapModal .faqBox .fukidashiA::after {
		width: 147px;
		height: 147px;
		background-size:147px 147px;
		position:absolute;
		top:-5px;
		left:-160px;
	}

}



/* -------------------------------------------------
  #gain
------------------------------------------------- */

/*-------------------------------
	Display：common
-------------------------------*/
#gain .topRadiusBox .leadTxt{
	font-weight: 700;
	padding: 0 20px;
}
#gain.aboutContents{
	width: 100%;
}
#gain.aboutContents .topRadiusBox{
	border: none;
}

#gain .bottomBox{
	padding:0;
}
#gain .gainBox{
	border-top:1px solid #DEDEDE;
	position:relative;
}
#gain .gainBox:first-child{
	border-top:none;
}
#gain .gainBox .number{
	width:200px;
	margin:0 auto;
	letter-spacing:-0.02em;
	font-weight:700;
	text-align:center;
	color:var(--color-primary);
	font-family: 'Roboto';
	position:absolute;
	left:0;
	right:0;
}
#gain .gainBox .midashi{
	padding:15px 0 15px;
	font-weight:900;
	text-align:center;
}
#gain .gainBox .midashi.number01{
	background:url(../img/icon_01.svg) no-repeat 50% 0%;
	background-size:68px 74px;
}
#gain .gainBox .midashi.number02{
	background:url(../img/icon_02.svg) no-repeat 50% 0%;
}

#gain .gainBox > .txt{
	font-size:1.6rem;
	line-height:2em;
}
#gain .gainBox .norikaeImage {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
#gain .gainBox .norikaeImage .box{
	background-color:var(--color-secondary);
	border-radius:10px;
	position:relative;
}
#gain .gainBox .norikaeImage .box.car::before{
	content: '';
	display:block;
	background:url(/noridoki/car/raize/img/raize.png) no-repeat 50% 50%;
	position:absolute;
}
#gain .gainBox .norikaeImage .box:first-child::after{
	content: '';
	display:block;
	position:absolute;
	z-index:10;
}
#gain .gainBox .norikaeImage .box .dataList{
	width:100%;
	max-width:300px;
	margin:0 auto;
	padding:10px 20px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	line-height:20px;
	font-weight:bold;
	background:#ffffff;
	border-radius:10px;
}
#gain .gainBox .norikaeImage .box .dataList dt {
	padding:2px 0;
	float:left;
}
#gain .gainBox .norikaeImage .box .dataList dd {
	padding:2px 0;
	margin-left:110px;
}

#gain .gainBox .norikaeImage .box.life .imageBox{
	margin:-20px 0 0;
	padding:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#gain .gainBox .norikaeImage .box.life .imageBox .carimage{
	width:68%;
}
#gain .gainBox .norikaeImage .box.life .imageBox .carimage .carname{
	margin-bottom:15px;
	font-size:1.8rem;
	line-height:1.4em;
	font-weight:700;
	text-align:center;
}
#gain .gainBox .norikaeImage .box.life .imageBox .carimage img{
	width:100%;
	max-width:232px;
}
#gain .gainBox .norikaeImage .box.life .imageBox .family {
	width:32%;
	max-width:109px;
	padding-top:10px;
}
#gain .gainBox .norikaeImage .box.life .imageBox .family img{
	width:100%;
	height:auto;
}

#gain .fukidashi {
	display:inline-block;
	width:100%;
	position:relative;
	top:-50px;
}
#gain .fukidashi .txt{
	font-weight:700;
	text-align:center;
	position:relative;
	z-index:5;
}
#gain .fukidashi .bg1,
#gain .fukidashi .bg2{
	display:block;
	width:100%;
	height:100%;
	border:2px solid #0A0E1F;
	border-radius:13px;
	position:absolute;
}
#gain .fukidashi .bg1{
	background:#ffffff;
	top:0;
	left:0;
	z-index:2;
}
#gain .fukidashi .bg2{
	background:#0A0E1F;
	bottom:-3px;
	right:-3px;
	z-index:1;
}
#gain .fukidashi .bg1::before,
#gain .fukidashi .bg1::after,
#gain .fukidashi .bg2::after {
	content: '';
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	position:absolute;
}
#gain .fukidashi .bg1::before {
	border-width: 8px 4px 0 4px;
	border-color: #ffffff transparent transparent transparent;
	bottom:-8px;
	right:40px;
	z-index:2;
}
#gain .fukidashi .bg1::after {
	border-width: 10px 6px 0 6px;
	border-color: #0A0E1F transparent transparent transparent;
	bottom:-10px;
	right:38px;
	z-index:1;
}
#gain .fukidashi .bg2::after {
	border-width: 10px 6px 0 6px;
	border-color: #0A0E1F transparent transparent transparent;
	bottom:-10px;
	right:38px;
	z-index:1;
}
#gain .btnL{
	margin-top: 30px;
} 


/*-------------------------------
	Display：←320px
-------------------------------*/
@media print, screen and (max-width: 320px){

	#gain .gainBox .norikaeImage .box .dataList dt,
	#gain .gainBox .norikaeImage .box .dataList dd {
		font-size:1.4rem;
	}
	#gain .gainBox .norikaeImage .box .dataList dd {
		margin-left:90px;
	}

}

/*-------------------------------
	Display：←767px
-------------------------------*/
@media print, screen and (max-width: 767px){

	#gain .gainBox{
		padding:30px 20px 60px;
	}
	#gain .gainBox:last-child{
		padding-bottom:30px;
	}
	#gain .gainBox .number{
		font-size:70px;
		line-height:70px;
		top:-35px;
	}
	#gain .gainBox .midashi{
		font-size:26px;
		line-height:1.5em;
	}
	#gain .gainBox .midashi.number01{
		margin-top:-60px;
		padding:70px 0 15px;
		background-size:54px 59px;
	}
	#gain .gainBox .midashi.number02{
		margin-top:-60px;
		padding:70px 0 15px;
		background-size:61px 59px;
	}

	#gain .gainBox .norikaeImage .box{
		width:100%;
		margin-top:30px;
		padding:35px 20px 20px;
	}
	#gain .gainBox .norikaeImage .box.car::before{
		width:134px;
		height:70px;
		background-size:111px auto;
		top:-30px;
		left:10px;
	}
	#gain .gainBox .norikaeImage .box:first-child::after{
		width:130px;
		height:63px;
		margin:auto;
		background-image:url(../img/norikae_arrow_sp.svg);
		background-size:130px 63px;
	}
	#gain .gainBox .norikaeImage .box.car:first-child::after{
		bottom:-63px;
		right:25px;
	}
	#gain .gainBox .norikaeImage .box.life:first-child::after{
		margin:0 auto;
		bottom:-63px;
		left:0;
		right:0;
	}
	
	#gain .gainBox .norikaeImage .box.life{
		margin-top:40px;
	}
	#gain .gainBox .norikaeImage .box.life:last-child{
		margin-top:70px;
	}

	#gain .fukidashi {
		padding:10px 5px;
		font-size:1.4rem;
		line-height:1.6em;
	}
	
}

/*-------------------------------
	Display：768px →
-------------------------------*/
@media print, screen and (min-width: 768px){

	#gain .gainBox{
		padding:40px 25px 80px;
	}
	#gain .gainBox:last-child{
		padding-bottom:40px;
	}
	#gain .gainBox .number{
		font-size:102px;
		line-height:102px;
		top:-51px;
	}
	#gain .gainBox .midashi{
		font-size:30px;
		line-height:1.5em;
	}
	#gain .gainBox .midashi.number01{
		margin-top:-80px;
		padding:90px 0 15px;
		background-size:68px 74px;
	}
	#gain .gainBox .midashi.number02{
		margin-top:-80px;
		padding:90px 0 15px;
		background-size:76px 74px;
	}
	#gain .gainBox > .txt{
		text-align:center;
	}
	#gain .gainBox .norikaeImage .box{
		width:48%;
		margin-top:60px;
	}
	#gain .gainBox .norikaeImage .box.car{
		padding:85px 20px 25px;
	}
	#gain .gainBox .norikaeImage .box.life{
		padding:25px 20px 15px;
	}
	#gain .gainBox .norikaeImage .box.car::before{
		width:222px;
		height:115px;
		margin:0 auto;
		background-size:222px auto;
		top:-30px;
		left:0;
		right:0;
	}
	#gain .gainBox .norikaeImage .box:first-child::after{
		width:75px;
		height:77px;
		margin:auto;
		background-image:url(../img/norikae_arrow.svg);
		background-size:75px 77px;
		top:0;
		bottom:0;
		right:-75px;
	}
	#gain .gainBox .norikaeImage .box .dataList.line1{
		padding-top:34px;
		padding-bottom:34px;
	}
	
	#gain .fukidashi {
		padding:15px 5px;
		font-size:1.4rem;
		line-height:1.6em;
	}

}

/*-------------------------------
	Display：960px →
-------------------------------*/
@media print, screen and (min-width: 960px){

	#gain .gainBox{
		padding:40px 65px 80px;
	}
	#gain .fukidashi {
		font-size:1.6rem;
		line-height:1.6em;
	}

}


/* -------------------------------------------------

  whyCheap Modal

------------------------------------------------- */
#whyCheapModal .inner .comparisonModalBoxHead{
	padding: 30px;
	background: var(--color-secondary);
}
#whyCheapModal .inner .comparisonModalBoxHead .leadTxt{
	font-weight: 700;
	margin-bottom: 20px;
}
@media print, screen and (min-width: 960px){
	#whyCheapModal .inner .comparisonModalBoxHead{
		padding: 60px 30px 40px;
	}
	#whyCheapModal .inner .comparisonModalBoxHead .leadTxt{
		text-align: center;
	}
	#whyCheapModal .inner .comparisonModalBoxHead .image{
		width: 500px;
		margin: 0 auto;
	}
	#whyCheapModal .faqBox{
		width: 960px;
		margin: 0 auto;
		padding: 40px 0;
	}
}


/* -------------------------------------------------
  car
------------------------------------------------- */

/*-------------------------------
	Display：common
-------------------------------*/
.contentsTTL {
	font-size:2.4rem;
	font-weight:700;
	letter-spacing:0.05em;
	text-align:center;
}
/*-------------------------------
	Display：960px →
-------------------------------*/
@media print, screen and (min-width: 960px){
	.contentsTTL {
		margin:0 0 20px;
		font-size:3.6rem;
	}
}


/* -------------------------------------------------

  about original 背景色変更

------------------------------------------------- */
#contents #comparison .comparisonTTL{
	background: #0A0E1F;
}
#contents #comparison .comparisonTTL::after{

	border-top: 14px solid #0A0E1F;
}


/* -------------------------------------------------

  リース・ローン比較表テーブル

------------------------------------------------- */
#comparisonTable .tableOuterWrap{
	height: 400px;
	transition: all .4s;
	overflow: hidden;
}
#comparisonTable .tableOuterWrap.open{
	height: 100%;
	overflow: auto;
}
#comparisonTable .tableWrap .tableBtn{
	margin: 10px auto 0;
	width: 300px;
	border: 1px solid var(--color-primary);
	font-weight: 700;
	line-height: 60px;
	padding-left: 20px;
	position: relative;
}
#comparisonTable .tableWrap .tableBtn span{
	display: block;
	position: relative;
}
#comparisonTable .tableWrap .tableBtn::after,
#comparisonTable .tableWrap .tableBtn span::before,
#comparisonTable .tableWrap .tableBtn span::after{
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	margin: auto;
	transition: all .4s;
}
#comparisonTable .tableWrap .tableBtn::after{
	content: "開く";
	right: 10px;
	color: var(--color-primary);
	font-size: 14px;
}
#comparisonTable .tableWrap .tableBtn span::before,
#comparisonTable .tableWrap .tableBtn span::after{
	background: var(--color-primary);
	width: 12px;
	height: 1px;
	content: "";
	right: 60px;
}
#comparisonTable .tableWrap .tableBtn span::after{
	transform: rotate(90deg);
}

#comparisonTable .tableWrap .tableBtn.open::after{
	content: "閉じる";
}
#comparisonTable .tableWrap .tableBtn.open span::after{
	transform: rotate(0deg);
}

@media print, screen and (min-width: 960px){
	#comparisonTable{
		max-width: 100%;
	}
	#comparisonTable .comparisonTableInnerWrap{
		max-width: 1000px;
		margin: 0 auto;
	}
	#comparisonTable .tableOuterWrap{
		height: 500px;
	}
	#comparisonTable .tableWrap .tableBtn{
		padding-left: 30px;
		transition: all .4s;
	}
	#comparisonTable .tableWrap .tableBtn:hover{
		background: var(--color-secondary);
		cursor: pointer;
		font-size: 17px;
	}
}