@charset "utf-8";
@media screen and (max-width : 768px){
	main{
		/*padding-top: 56px;*/
	}
	.c-box-link__cotainer {
		max-width: 1020px;
		padding: 0 30px 20px;
		margin: 0 auto
	}
	.c-slider.w100per{
		margin-left: -20px;
		margin-right: -20px;
	}
	#technology .c-heading4.icon{
		display: flex;
		align-items: center;
	}
	#technology .icon_new{
		display: inline-block;
		padding-right: 10px;
	}
	#technology .h3_line{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.box_catalog{
		padding-bottom: 40px;
		/*border-bottom: #000 solid 1px;*/
	}
	.box_catalog .image{
		margin: 0 auto 20px;
		text-align: center;
	}
	.box_catalog .image img{
		width: 50%;
		margin: 0 auto;
	}
	.box_catalog .text{
		width: 100%;
	}
	.box_catalog .text h3{
		font-size: 18px;
		text-align: center;
		margin-bottom: 10px;
	}
	.box_catalog .text h3 a{
		color: inherit;
		padding-right: 30px;
		position: relative;
		cursor: pointer;
	}
	.box_catalog .text h3 a:after{
		position: absolute;
		top:50%;
		right:0;
		transform: translateY(-50%);
		content:'';
		width: 24px;
		height: 24px;
		background: url(../../../common/image_common/parts_ico_btn_detail_arrow.png);
		background-size: contain;
	}
	.box_catalog .text ul{
		margin-top: 10px;
	}
	.box_catalog .text ul li{
		color: #666;
		font-size: 12px;
		margin-bottom: 10px;
		padding-left: 6px;
		position: relative;
    font-family: "HondaGlobalFontJP-Light", sans-serif;
	}
	.box_catalog .text ul li::before{
		position: absolute;
		top:7px;
		left:0;
		content:'';
		width: 	3px;
		height: 3px;
		background: #666;
		border-radius: 50%;
	}
	.box_movie{
		padding-bottom: 40px;
	}
	.box_related{
		padding-bottom: 0;
	}
	.box_related .c-slider .swiper {
		padding-right: 30px;
	}
	/*
	.box_related .c-card__image{
		border-radius: 8px;
	}
	*/
	.box_related .c-card__image img{
		width: 100%;
		border-radius: 8px;
	}
	.box_caution{
        background: #EFEBDF;
        padding: 20px;
        margin-bottom: 20px;
    }


	/* overwrite */

	.c-slider .swiper{
		/* padding: 0; */
	}
	.c-slider.w100per .swiper-slide{
		width: 100%;
		margin-right: -16px;
	}
	.swiper-slide img{
		border-radius: 0;
	}
	.swiper-slide .c-card__image.w100{
		border-radius: 0;
	}
	.swiper-slide .c-text{
		padding: 0 20px;
	}
	.c-mainvisual.top{
		position: relative;
	}

	.c-box-link {
		display: flex;
		margin-top: 30px;
		margin-right: 0;
		margin-left: 0;
		border-top: none;
		border-bottom: none;
		overflow-x: auto;
		letter-spacing: -0.4em;
		white-space: nowrap;
		flex-wrap: wrap;
		flex-direction: column;
	}
	.c-box-link__item {
		width: 100%;
		letter-spacing: normal;
		text-align: center;
		margin-bottom: 20px;
	}
	.c-box-link__item > a {
		text-align: center !important;
		position: relative;
		display: flex;
		align-items: center;
		width: 99%;
		height: 100%;
		color: var(--color-black);
		text-align: center;
		text-decoration: none;
		background-color: var(--color-white) !important;
		border-top: 1px solid var(--color-gray);
		border-left: 1px solid var(--color-gray);
		transition: border-color .4s ease;
		box-shadow: 0 0 5px gray;
		margin-left: 1%;
		margin-top: 3px;
	}
	.c-box-link__item > a {
		min-height: 50px;
		padding: 9px 0 9px 20px;
		border-top: none;
	}
	.c-box-link__item > a::after {
		position: absolute;
		top: 50%;
		right: 17px;
		display: block;
		width: 6px;
		height: 12px
		content: "";
		background: url(/auto/common/images/icon/icon_arrow_right.svg) no-repeat 0 0;
		background-size: 100% auto;
		transform: rotate(90deg) translate(0, -50%);
		z-index: 1;
	}

	/* original */
	.is-fixed .c-box-link {
		display: block;
		margin-top: 0;
		border-top: 1px solid var(--color-gray);
		border-bottom: 1px solid var(--color-gray);
		overflow-x: auto;
		letter-spacing: -0.4em;
		white-space: nowrap;
		flex-wrap: nowrap;
	}
	.is-fixed .c-box-link__item {
		width: auto;
		display: inline-block;
		letter-spacing: normal;
		flex: 1 0 45%;
		margin-bottom: 0;
	}
	.is-fixed .c-box-link__item > a {
		position: relative;
		display: flex;
		align-items: center;
		width: 100%;
		height: 100%;
		padding: 11px 40px 11px 17px;
		color: var(--color-black);
		text-decoration: none;
		background-color: var(--color-white);
		border-top: 1px solid var(--color-gray);
		box-shadow: none;
		margin-left: 0;
		margin-top: 0;
		transition: border-color .4s ease;
	}
	.is-fixed .c-box-link__item > a {
		min-height: 50px;
		padding: 9px 40px 9px 15px;
		border-top: none;
	}
	.is-fixed .c-box-link__item > a::after {
		position: absolute;
		top: 50%;
		right: 17px;
		display: block;
		width: 6px;
		height: 12px;
		content: "";
		background: url(/auto/common/images/icon/icon_arrow_right.svg) no-repeat 0 0;
		background-size: 100% auto;
		transform: translate(0, -50%);
		z-index: 1;
	}

	#possibility .l-container .c-box--size-s .c-slider {
		margin-right: 0;
	}
  #possibility .c-text.pd20 {
		padding: 0 20px;
	}

}