@charset "utf-8";



.is-txt-custom{color:#;}
.is-bgc-custom{background-color:#;}

.is-txt-custom-gray{color:#;}
.is-bgc-custom-gray{background-color:#F8F8F8;}

.is-txt-custom-pale{color:#;}
.is-bgc-custom-pale{background-color:#;}

.is-txt-custom-deep{color:#;}
.is-bgc-custom-deep{background: linear-gradient(to right, #057794 0%,#0994b7 100%);}


/* index */
.sec-sm-appeal{padding-bottom: 0 !important;}


.ssc-box{position: relative;display: block;overflow: hidden;}

.ssc-img{background: #000;overflow: hidden;}

.ssc-img img{opacity:.75;transform:scale(1);width: 100%;height: auto;transition:opacity .3s,transform .3s;}

.ssc-box:hover .ssc-img img{opacity:.9;transform:scale(1.05);transition:opacity .3s,transform .3s;}

.ssc-title{position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: .75rem 1.25rem;}

.ssc-title h4{font-size:2em;line-height: 1;color:#FFF;}
	@media only screen and (max-width:991px)	{.ssc-title h4{font-size:1.75em;}}
	@media only screen and (max-width:767px)	{.ssc-title h4{font-size:1.5em;}}
	@media only screen and (max-width:575px)	{.ssc-title h4{line-height: 1.25;}}

.ssc-title h4 small{font-size:.9em;line-height: .75;color:#FFF;display: block;font-family: 'Cormorant',serif;margin-bottom: .5em;}

.readmore{display: flex;justify-content: flex-end;}

.readmore span{border-bottom: 1px solid #212121;}


.ssc-box + p{margin-top: 1em;}


.infection-img{display: flex;justify-content: space-between;align-items: center;margin-top: 2rem;}

.infection-img img{width: auto;height: 13.5rem;}
	@media only screen and (max-width:991px)	{.infection-img img{height: 34vw;}}
	@media only screen and (max-width:767px)	{.infection-img img{height: 34vw;}}
	@media only screen and (max-width:575px)	{.infection-img img{height: 33vw;}}


[class*="sec-"] > .is-bgc-custom-gray{position: absolute;top: 6.5rem;left: 0;right: 0;bottom: 0;}
	@media only screen and (max-width:1199px)	{[class*="sec-"] > .is-bgc-custom-gray{top: 5.5rem;}}
	@media only screen and (max-width:991px)	{[class*="sec-"] > .is-bgc-custom-gray{top: 4.25rem;}}
	@media only screen and (max-width:767px)	{[class*="sec-"] > .is-bgc-custom-gray{top: 3rem;}}


[class*="sec-lg-"] > .is-bgc-custom-gray{position: absolute;top: 10rem;left: 0;right: 0;bottom: 0;}
	@media only screen and (max-width:1199px)	{[class*="sec-lg-"] > .is-bgc-custom-gray{top: 8rem;}}
	@media only screen and (max-width:991px)	{[class*="sec-lg-"] > .is-bgc-custom-gray{top: 5.875rem;}}
	@media only screen and (max-width:767px)	{[class*="sec-lg-"] > .is-bgc-custom-gray{top: 3.25rem;}}


.brand-name{display: block;}

.car-img img{width: 100%;height: auto;}

.car-name{font-size: 1.125em;text-align: center;margin-top: 0.5em;padding-bottom: 1em;position: relative;}

.car-name:after{content: '';width: 1em;margin:0 -0.5em;border-bottom: 1px solid #212121;position: absolute;left: 50%;right: 50%;bottom: 0;}

.car-name small{font-size: 0.9em;line-height: 0.75;display: block;font-family: 'Cormorant',serif;}


.ico-features{}

.tit-features{text-align: center;padding: 0.5em 0;margin-bottom: 0.5em;font-size: 1.125em;line-height: 1.5;font-weight: 800;}


.em11{width: 11em;}
.em22{width: 22em;}
.em33{width: 33em;}
	@media only screen and (max-width:575px)	{.em33{width: 50%;}}


.car-spec{margin: 2em 0;}
.car-spec th,.car-spec td{padding: .5em 1em;color:#FFF;}

.car-spec tr:nth-of-type(odd){background-color:rgba(77,191,203,1);}
.car-spec tr:nth-of-type(even){background-color:rgba(122,143,153,1);}


.table-responsive:before{content: "左右にフリックすると表の全容がご覧いただけます";color:#DC3545;margin-bottom: 0.75em;font-size: 0.75em;line-height: 1.25;display: none;}
	@media only screen and (max-width:575px)	{.table-responsive:before{display: block;}}