@charset "UTF-8";
/*--------------------------------------------------------------------------
https://www.kumhotire.co.jp/
body
---------------------------------------------------------------------------*/
html > body{
	font-size:1em;
}
body{
	margin:0;
	background:#333;
	color:#fff;
	list-style:none;
	font-size:16px;
	font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans" , "Noto Sans JP" , sans-serif , YuGothic , Meiryo;
	font-weight:400;
	line-height:1.7;
	box-sizing:border-box;
}
body * {
	box-sizing:border-box;
}
a {
	color:#fff;
	text-decoration:none;
	outline:none;
	cursor:pointer;
}
img {
	vertical-align:bottom;
	width:auto\9;
	max-width:100%;
	height:auto;
	-ms-interpolation-mode:bicubic;
}
button {
	outline:none;
	padding:0;
	background:none;
	border:none;
	color:inherit;
	font:inherit;
	cursor:pointer;
}
ul li {
	list-style:none;
}
.site_wrap{
	display:flex;
	flex-direction:column;
	min-height:100vh;
}
@media all and (-ms-high-contrast:none){
.site_wrap{
	display:block;
}
}
.visually-hidden {
	position:fixed!important;
	inset:0!important;
	contain:strict!important;
	display:block flow!important;
	visibility:visible!important;
	inline-size:4px!important;
	block-size:4px!important;
	margin:0!important;
	padding:0!important;
	border:none!important;
	opacity:0!important;
	pointer-events:none!important;
}

/*   mv
---------------------------------------------------------------------------*/
.mv_wrap {
	position:relative;
	background:#000;
}
.mv_bg_wrap {
  position:relative;
	overflow:hidden;
	height:470px;
}
#mv-svg-trapezoid {
	position:absolute;
	z-index:1;
	top:calc(-30vw + 6px);
	right:0;
	transform:skew(-70deg);
}
#mv-svg-trapezoid svg{
	display:block;
	margin:0 auto;
	width:auto;
	height:560px;
}
#path-trapezoid{fill:url(#gradient);}
#stop1{ animation:step1 8s ease-in-out infinite alternate;}
#stop2{ animation:step2 8s ease-in-out infinite alternate;}
@keyframes step1{
	0% {stop-color:rgb(51 51 51 / 1);}
	100% {stop-color:rgb(153 153 153 / .3);}
}
@keyframes step2{
	0% {stop-color:rgb(153 153 153 / .3);}
	100% {stop-color:rgb(51 51 51 / 1);}
}
#mv-svg-line {
	position:absolute;
	z-index:1;
	top:-30vw;
	right:0;
	rotate:30deg;
}
#path-line {
	stroke:#909090;
	stroke-width:1;
	stroke-linecap:round;
	stroke-dashoffset:1000;
	stroke-dasharray:1000;
	animation:line-animation 8s linear infinite;
}
@keyframes line-animation {
	0%   { stroke-dashoffset:0; }
	50%  { stroke-dashoffset:1000; }
	100%  { stroke-dashoffset:2000; }
}
#mv-clip-triangle {
	display:block;
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	width:620px;
	height:220px;
	clip-path:polygon(0 0, 100% 0, 100% 100%);
	background:linear-gradient(to right, rgb(255 255 255 / .05), rgb(255 255 255 / .16));
}

.mv_img_wrap {
	position:absolute;
	z-index:0;
	bottom:0;
	right:0;
}
@media screen and (min-width:768px){
	#mv-svg-trapezoid {
		top:0;
		right:40vw;
		transform:none;
	}
	#mv-svg-line {
		top:0;
		right:40vw;
		rotate:0deg;
	}
	#mv-clip-triangle {
		top:auto;
		right:auto;
		bottom:0;
		left:0;
		width:420px;
		height:420px;
		clip-path:polygon(0 0, 0 100%, 100% 100%);
	}
}

.mv_search_nav_wrap {
	position:absolute;
	z-index:2;
	bottom:40px;
	left:50%;
	translate:-50% 0;
	padding:16px 32px;
	background:#fff;
	box-shadow:0px 2px 4px 0px rgb(0 0 0 / 0.16);
}
.mv_search_nav_wrap .is-pc {
	display:none;
}
.mv_search_nav li a {
	display:block;
	position:relative;
	padding-right:30px;
	min-width:260px;
	color:#333;
}
.mv_search_nav li a::before {
	position:absolute;
	display:inline-block;
	content:' ';
	top:50%;
	right:0;
	translate:0 -50%;
	rotate:45deg;
	width:10px;
	height:10px;
	border-top:solid 2px #333;
	border-right:solid 2px #333;
}
@media screen and (min-width:768px){
	.mv_search_nav_wrap .is-pc {
		display:block;
	}
	.mv_search_nav_wrap .is-sp {
		display:none;
	}
	.mv_search_nav_wrap .title {
		margin-bottom:.5em;
		color:#999;
		font-size:.8em;
	}
	.mv_search_nav {
		display:grid;
		grid-template-columns:repeat(4,auto);
	}
	.mv_search_nav li + li {
		margin-left:20px;
		padding-left:20px;
		border-left:1px solid #CECECE;
	}
	.mv_search_nav li,
	.mv_search_nav li a {
		min-width:max-content;
	}
}
@media (any-hover:hover) {
	.mv_search_nav li a:hover {
		opacity:.7;
		transition:opacity ease-in-out .3s;
	}
	.mv_search_nav li a {
		transition:opacity ease-in-out .3s;
	}
}

/*   pickup
---------------------------------------------------------------------------*/
.pickup_wrap {
	position:relative;
	padding:40px 0 20px;
	background:linear-gradient(to bottom, rgb(255 255 255 / 0) 0%, rgb(255 255 255 / 0) 30%, rgb(1 1 1 / 1) 30%, rgb(68 68 68 / .8) 100%);
	overflow:hidden;
}
.pickup_item {
	margin-right:10px;
}
.pickup-description {
	margin-top:10px;
	text-align:center;
}
.pickup_slick-arrow {
	position:absolute;
	bottom:0;
	width:24px;
	height:24px;
	background-position:center;
	outline:none;
	cursor:pointer;
}
.pickup_slide_wrap .prev-arrow {
	left:calc(50% - 110px);
	translate:-50% 0;
}
.pickup_slide_wrap .next-arrow {
	left:calc(50% + 110px);
	translate:-50% 0;
}
.pickup_slide_wrap .slick-dots {
	display:flex;
	align-items:center;
	gap:5px;
	margin:20px auto 0 auto;
	max-width:180px;
	height:24px;
}
.pickup_slide_wrap .slick-dots li {
	width:100%;
	min-width:0;
}
.pickup_slide_wrap .slick-dots button {
    display:block;
	width:100%;
    height:3px;
	background:rgb(255 255 255 / .2);
	color:transparent;
    outline:none;
}
.pickup_slide_wrap .slick-dots .slick-active button{
    background:rgb(255 255 255 / .6);
}
@media screen and (min-width:768px){
	.pickup_wrap {
		padding:40px 0 20px 25vw;
		background:linear-gradient(to bottom, rgb(255 255 255 / 0) 0%, rgb(255 255 255 / 0) 20%, rgb(1 1 1 / 1) 20%, rgb(51 51 51 / .8) 100%);
	}
	.pickup_wrap .section_title {
		position:absolute;
		z-index:1;
		top:calc(20% + 40px);
		left:50%;
		translate:-50% 0;
		width:100%;
		max-width:1140px;
		font-size:1.5em;
	}
	.pickup_item {
		width:630px;
	}
	.pickup_slide_wrap .prev-arrow {
		left:191px;
		translate:0;
	}
	.pickup_slide_wrap .next-arrow {
		left:415px;
		translate:0;
	}
	.pickup_slide_wrap .slick-dots {
		margin:20px auto 0 225px;
	}
}
@media (any-hover:hover) {
	.pickup_item a:hover,
	.pickup_slide_wrap .prev-arrow:hover,
	.pickup_slide_wrap .next-arrow:hover {
		opacity:.7;
		transition:opacity ease-in-out .3s;
	}
	.pickup_item a,
	.pickup_slide_wrap .prev-arrow,
	.pickup_slide_wrap .next-arrow {
		transition:opacity ease-in-out .3s;
	}
}

/* section　-　bace
---------------------------------------------------------------------------*/
.section {
	position:relative;
	padding:0 0 80px 0;
}
.section.background_dark {
	position:relative;
	margin-top:0;
	padding-top:60px;
	background:rgba(0, 0, 0, 0.10);
}
.section_inner {
	margin:0 auto;
	padding:80px 20px 0;
	max-width:1140px;
}
.section_title {
	margin-bottom:40px;
	font-size:1.5em;
}
.btn {
	display:block;
	margin:0 auto;
	padding:10px 20px;
	max-width:260px;
	background:#444;
	border:2px solid #444;
	color:#fff;
	border-radius:36px;
	font-size:1.2em;
	font-weight:600;
	position:relative;
	cursor:pointer;
}
.btn::after {
	position:absolute;
	content:"";
	top:0;
	bottom:0;
	right:15px;
	margin:auto;
	width:4px;
	height:8px;
}
.btn::before {
	position:absolute;
	display:inline-block;
	content:' ';
	top:50%;
	right:20px;
	translate:0 -50%;
	rotate:45deg;
	width:10px;
	height:10px;
	border-top:solid 2px #fff;
	border-right:solid 2px #fff;
}
.btn.-w_border {
	background:#444;
	border:1px solid #fff;
}
@media screen and (min-width:768px){
	.section.background_dark {
		margin-top:0;
		padding-top:80px;
		background:rgba(0, 0, 0, 0.10);
	}
	.section_inner {
		margin:0 auto;
		padding:60px 20px 0;
		max-width:1140px;
	}
}
@media (any-hover:hover) {
	.btn.-w_border:hover {
		background:#010101;
		transition:background ease-in-out .3s;
	}
	.btn.-w_border {
		transition:background ease-in-out .3s;
	}
}
/*   section background
---------------------------------------------------------------------------*/
#pickup.section::before {
	position:absolute;
	content:"";
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#444;
}
#support.section::before {
	position:absolute;
	content:"";
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:linear-gradient(135deg, rgb(68 68 68 / 1) 0%, rgb(0 0 0 / 1) 100%);
}
.s-clip-triangle {
	display:block;
	position:absolute;
	z-index:-1;
	width:60vw;
	height:60vw;
	background:linear-gradient(to right, rgb(255 255 255 / .04), rgb(255 255 255 / .08));
	pointer-events:none;
}
.s-clip-triangle.-top {
	top:0;
}
.s-clip-triangle.-bottom {
	bottom:0;
}
.s-clip-triangle.-left {
	left:0;
}
.s-clip-triangle.-right {
	right:0;
	clip-path:polygon(100% 100%, 0% 100%, 100% 0);
}
.s-clip-triangle.-top.-left {
	clip-path:polygon(0 0, 0% 100%, 100% 0);
}
.s-clip-triangle.-top.-right {
	clip-path:polygon(0 0, 100% 100%, 100% 0);
}
.s-clip-triangle.-bottom.-left {
	clip-path:polygon(0 0, 100% 100%, 0 100%);
}
.s-clip-triangle.-bottom.-right {
	clip-path:polygon(100% 0, 100% 100%, 0 100%);
}
.pickup_wrap .s-clip-triangle,
.series_nav_bg .s-clip-triangle {
	z-index:0;
}
@media screen and (min-width:768px){
	.s-clip-triangle {
		width:420px;
		height:420px;
	}
}
/*   tire_lineup
---------------------------------------------------------------------------*/
/* series_nav_wrap */
.series_nav_bg {
	position:relative;
	background:#444;
	border-bottom:3px solid rgb(255 255 255 / .3);
}
.series_nav_wrap {
	margin:0 auto;
	padding:80px 20px 0;
	max-width:1140px;
}
.series_nav {
	display:flex;
	flex-direction:row;
    align-items:center;
	margin-bottom:-4px;
	overflow-x:scroll;
	scrollbar-color:rgb(255 255 255 / .5) #000;
    scrollbar-width:thin;
}
.series_nav::-webkit-scrollbar {
	height:8px;
	background:#000;
}
.series_nav::-webkit-scrollbar-thumb {
	background:rgb(255 255 255 / .5);
	height:2px;
}
.series_nav li {
	width:max-content;
	border-bottom:5px solid;
	border-color:transparent;
}
.series_nav li a {
	display:block;
	padding:0 10px;
	padding-bottom:10px;
	width:max-content;
	font-size:.9em;
	word-break:keep-all;
}
.series_nav li.is-active {
	border-color:#fff;
	font-weight:600;
}
@media screen and (min-width:900px){
	.series_nav {
		-ms-overflow-style:none;
		scrollbar-width:none;
	}
	.series_nav::-webkit-scrollbar{
		display:none;
	}
}
@media (any-hover:hover) {
	.series_nav li:hover {
		border-color:#fff;
		transition:border-color ease-in-out .3s;
	}
	.series_nav li {
		transition:border-color ease-in-out .3s;
	}
}

/* search_result_card */
.search_result_section {
	position:relative;
}
.search_result_section .section_inner {
    padding:30px 20px 0;
}
.search_result_section .series_title {
	font-size:1.5em;
}
.search_result_wrap {
	display:none;
	opacity:0;
}
.search_result_wrap.is-show {
    display:block;
    animation-name:displayAnime;
    animation-duration:.5s;
    animation-fill-mode:forwards;
}
@keyframes displayAnime{
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
.search_result_list {
	display:grid;
	grid-template-columns:repeat(auto-fill, calc(50% - 5px));
	grid-column-gap:10px;
	grid-row-gap:50px;
	padding:30px 0 0;
}
.search_result_card a {
	display:grid;
	grid-template-rows:repeat(4, auto);
	gap:.4em;
	transition:opacity ease-in-out .3s;
}
.search_result_card .thumbnail {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:.5em;
	padding:1em;
	background:rgb(255 255 255 / .10);
}
.search_result_card .thumbnail picture img {
	max-height:140px;
}
.search_result_card .title {
	font-weight:700;
}
.search_result_card .text {
	margin-bottom:.5em;
	font-size:.8em;
}
.car-model {
	display:flex;
	flex-flow:row wrap;
	gap:10px;
}
.car-model dd {
	display:block;
	padding:2px 4px;
	width:max-content;
	border:1px solid #D9D9D9;
	color:#D9D9D9;
	font-size:.6em;
	text-align:center;
}
.search_banner_area {
	display:grid;
	place-content:center;
	margin-top:60px;
}
.search_banner_area picture a {
	display:block;
	max-width:800px;
	cursor:pointer;
	transition:opacity ease-in-out .3s;
}
@media screen and (min-width:768px){
	.section.search_result_section {
		margin-top:3em;
		padding:0 0 80px 0;
	}
	.search_result_list {
		display:grid;
		grid-template-columns:repeat(auto-fill, calc(100% / 3 - 8px));
	}
	.search_result_card .text {
		display:block;
	}
	.car-model dd {
		padding:2px 6px;
		font-size:.7em;
	}
	.search_banner_area {
		margin-top:80px;
	}
}
@media screen and (min-width:1000px){
	.search_result_list {
		display:grid;
		grid-template-columns:repeat(auto-fill, calc(25% - 7.5px));
		grid-column-gap:10px;
		grid-row-gap:60px;
	}
}
@media (any-hover:hover) {
	.search_result_card a:hover,
	.search_banner_area picture a:hover {
		opacity:.7;
		transition:opacity ease-in-out .3s;
	}
}

/* support
---------------------------------------------------------------------------*/
.support_list {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:10px;
}
.support_item a {
	display:grid;
	place-content:center;
	place-items:center;
	gap:1em;
	padding:30px 0;
	background:#fff;
	color:#333;
	font-weight:600;
}
.support_item .item_icon {
	display:grid;
	place-content:center;
	width:100px;
	height:60px;
}
.support_item .item_icon img {
	width:100px;
	height:60px;
	max-width:100px;
	max-height:60px;
}
@media screen and (min-width:540px){
	.support_list {
		grid-template-columns:repeat(3, 1fr);
		grid-gap:20px;
	}
}
@media screen and (min-width:768px){
	.support_list {
		grid-template-columns:repeat(4, 1fr);
		grid-gap:30px;
	}
}
@media (any-hover:hover) {
	.support_item a:hover {
		opacity:.7;
		transition:opacity ease-in-out .3s;
	}
	.support_item a {
		transition:opacity ease-in-out .3s;
	}
}

/* info
---------------------------------------------------------------------------*/
/* news_area */
.news_list li {
	border-top:3px solid rgb(255 255 255 / .3);
}
.news_list li:last-of-type {
	border-bottom:3px solid rgb(255 255 255 / .3);
}
.news_list li a {
	position:relative;
	display:block;
	padding: 30px 30px 30px 0;
	font-size:.9em;
}
.news_list li a::after {
	position:absolute;
	content:"";
	top:50%;
	right:0;
	translate:0 -50%;
	width:24px;
	height:24px;
	background:url(/assets/images/index/icon_arrow.svg) no-repeat;
}
.news_time {
	color:#eee;
	font-size:.75em;
}

/* campaign_area */
.campaign_area {
	margin-top:60px;
}
.campaign_item {
	display:block;
	margin-bottom:10px;
}
@media screen and (min-width:768px){
	.info_wrap {
		display:grid;
		grid-template-columns:repeat(2,1fr);
		gap:40px;
	}
	/* campaign_area */
	.campaign_area {
		margin-top:0;
	}
}
@media (any-hover:hover) {
	.news_list li a:hover,
	.campaign_item a:hover {
		opacity:.7;
		background:#010101;
		transition:opacity ease-in-out .3s,background ease-in-out .3s;
	}
	.news_list li a,
	.campaign_item a {
		transition:opacity ease-in-out .3s,background ease-in-out .3s;
	}
}

/*==========================================================================

utility

========================================================================== */
.sp-none{display:none;}
.br-pc {display:none;}
.inlineBlock {display:inline-block;}
.u-fw-b{ font-weight:700; }
.u-fs-s { font-size:.8em; }
.u-ta-c{ text-align:center; }
.u-mt-24{ margin-top:24px !important; }
.u-mt-40{ margin-top:40px !important; }
.u-mt-60{ margin-top:60px !important; }
.u-mt-80{ margin-top:80px !important; }
.u-img-h185 img {
	width:auto;
	max-height:185px;
}
@media screen and (min-width:768px){
	.sp-none{ display:block; }
	.pc-none{ display:none !important; }
	.br-pc { display:inline-block; }
	.dl_table.sp-none{ display:flex; }
	.u-text_flex {
		display:flex;
		flex-direction:row;
		gap:10px;
	}
	.u-text_flex img {
		max-width:440px;
	}
}

/* fadein */
.fadein {
	opacity:0;
	transform:translateY(20px);
	transition:all 0.7s;
}
.fadein-d-anime{
	animation-name:fadeLRAnime-d;
	animation-duration:1s;
	animation-delay:0.5s;
	animation-fill-mode:forwards;
	opacity:0;
	overflow:hidden;
}
@keyframes fadeLRAnime-d{
	0% {
		translate:10px 0;
		opacity:0;
	}
	100% {
		translate:0;
		opacity:1;
	}
}