@charset "utf-8";
@media screen and (max-width: 768px) {
    br {
        display: none;
    }
    br.sp {
        display: block;
    }
    #section_osusume img {
        width: 100%;
    }
    #section_osusume .img_slider .slick-dots {
        display: flex;
        display: -webkit-flex;
        position: absolute;
        left: 0;
        right: 0;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: start;
    }
    #section_osusume .img_slider .arrow_prev {
        background-image: none;
    }
    #section_osusume .img_slider .arrow_next {
        background-image: none;
    }
    #section_osusume .slick-dotted.slick-slider {
        margin-bottom: 0;
    }
    #section_osusume .img_slider div {
        margin-bottom: 0px;
        vertical-align: bottom;
    }
    #section_osusume .img_slider .slider_inner {
		position: relative;
        padding: 0;
    }
	#section_osusume .img_slider.col01 small {
		position: absolute;
		right: 5px;
		bottom: 25px;
		text-align: right;
		color: #fff;
		font-size: 9px;
	}
	
	/*----- colors -----*/
	.cyan {		
		color: #00a498 !important;
	}
	.blue {
		color: #1c2787 !important;
	}
    .bg_yellow {
        background-color: rgba(211, 180, 103, .2);
    }
    .bg_gray {
        background-color: rgba(117, 123, 142, .35);
    }
	.bg_cyan {
		background-color: #00a498;
	}
	.bg_blue {
		background-color: #1c2787;
	}
	.bg_white {
		background-color: #fff;		
	}
	/* #section_osusume .item_list li a {
		color: #595757;
	} */
	
	/* #lnav */
	#lnav_wrap {
        position: relative;
        width: 100%;
		background-color: #fff;
        z-index: 3;
	}
    #lnav_wrap.fixed {
        position: fixed;
        top: 87px;
		padding-bottom: 10px;
    }
    #lnav ul {
        margin: 0 25px;
    }
    #lnav ul:after {
        content: "";
        clear: both;
        display: block;
    }
    #lnav ul li {
        float: left;
        width: 50%;
		height: 55px;
		font-size: 13px;
		font-family: 'HondaGlobalFontJP-Bold', sans-serif;
		text-align: center;
		line-height: 1.5;
    }
    #lnav .cyan {
        background-color: rgba(211, 180, 103, .2);
    }
    #lnav .gray {
        background-color: rgba(117, 123, 142, .35);
    }
	#lnav li a {
		display: block;
		padding: 8px 0;
	}
	#lnav li.cyan a {
		color: #00a498 !important;
	}
	#lnav li.gray a {
		color: #333399 !important;
	}
	
    /* .section */
    .section {
        margin: 74px auto 0;
    }
	
	/* .block_type */
    .block_type {
		padding: 0 15px;
		margin-bottom: 21px;
    }
    .block_type .copy {
		padding: 0 10px;
        font-size: 13px;
        line-height: 20px;
    }
	
    /* .block */
    .block {
		padding: 5px 0 20px;
    }
	.block .tit_wrap {
		padding:  17px 0 20px;
		background-color: #fff;		
	}
	.block h2 {
		margin-bottom: 11px;
		text-align: center;
		font-size: 15px;
		font-family: 'HondaGlobalFontJP-Bold', sans-serif;
		line-height: 25px;
		letter-spacing: 2px;
	}
	.block .type {
		margin: 0 15px;
		padding: 10px 0;
		text-align: center;
		color: #fff;
		font-size: 10px;
	}
	.block .bnr_img {
		padding-bottom: 478px;
	}
	.block .bnr_img img {
		position: absolute;
		left: 0;
		right: 0;
		width: 100%;
	}
	.block h3 {
		margin: 20px 0 23px;		
		padding-bottom: 3px;
		font-size: 16px;
		font-family: 'HondaGlobalFontJP-Bold', sans-serif;
		text-align: center;
		line-height: 24px;
	}
	.item_list {
		margin: 0 15px 30px;
	}
	.item_list:last-child {
		margin-bottom: 0;
	}	
	.item_list li {
		margin: 0 0 22px;
		padding: 10px;
		background-color: #fff;
	}
	.item_list li:last-child {
		margin-bottom: 0;
	}	
	.item_list li .box {
		padding-top: 12px;
	}	
	.item_list h4 {
		margin-bottom: 10px;
		font-size: 18px;
		line-height: 26px;
		font-family: 'HondaGlobalFontJP-Bold', sans-serif;
	}
	.item_list h4 span {
		color: #595757;
	}	
	.item_list .copy {
		margin-bottom: 20px;
		color: #595757;
		font-size: 16px;
		line-height: 22px;
	}
	.item_list .link {
		font-size: 13px;
		text-align: center;
	}
	
	/*----- #coordinate -----*/
	#coordinate .block_inner {
		border-top: 1px solid #00a498;
	}
	#coordinate .block_inner.mg_top {
		border-top: none;
	}
	#coordinate h2,
	#coordinate h3,
	#coordinate .item_list h4,
	#coordinate .item_list .link span {
		color: #00a498;
	}
	#coordinate h3 span {
		border-bottom: 3px solid #00a498;
	}
	#coordinate .item_list .link span:after {
		content: '';
		display: inline-block;
		position: relative;
		top: 4px;
		margin-left: 5px;
		width: 16px;
		height: 16px;
		background-image: url(../img/parts_ico_btn_detail_arr_nbox.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 16px auto;
	}
	
	/*----- slick-dots color fix -----*/
	#coordinate .slick-dots li button {
		width: 17px;
		height: 17px;		
	}
	#coordinate .slick-dots li:hover button:before,
	#coordinate .slick-dots li.slick-active button:before {
		background-color: #00a498;
	}
	#coordinate .slick-dots li button:before {
		background-color: #f1f1f1;
	}
	
	/*----- #custom_coordinate -----*/
	#custom_coordinate .block_inner {
		border-top: 1px solid #333399;
	}
	#custom_coordinate .block_inner.mg_top {
		border-top: none;
	}
	#custom_coordinate h2,
	#custom_coordinate h3,
	#custom_coordinate .item_list h4,
	#custom_coordinate .item_list .link span {
		color: #333399;
	}
	#custom_coordinate h3 span {
		border-bottom: 3px solid #333399;
	}
	#custom_coordinate .item_list .link span:after {
		content: '';
		display: inline-block;
		position: relative;
		top: 4px;
		margin-left: 5px;
		width: 16px;
		height: 16px;
		background-image: url(../img/parts_ico_btn_detail_arr_nbox_custom.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 16px auto;
	}
	#custom_coordinate .item_list li.set_detail {
		position: relative;
		margin-bottom: 28px;
		padding: 0;
		box-sizing: border-box;
		background-color: #f1f1f1;
		border: 1px solid #333399;
		border-radius: 3px;
        text-align: center;
        font-size: 10px;
		font-family: 'HondaGlobalFontJP-Bold', sans-serif;
        line-height: 1.6;
	}
	#custom_coordinate .item_list li.set_detail a {
		display: block;
		padding: 10px 0;
		color: #333399;
	}
	#custom_coordinate .item_list li.set_detail a:after {	
		content: '';
		position: absolute;
		top: 25%;
		right: 12px;
		width: 12px;
		height: 24px;
		background: url(../img/parts_ico_arrow_right.png) right center no-repeat;
		background-size: 12px auto;
	}
	#custom_coordinate .item_list li.set_detail p {
		margin: 0 auto;
		width: 200px;
	}
	
	/*----- slick-dots color fix -----*/
	#custom_coordinate .slick-dots li button {
		width: 17px;
		height: 17px;
	}
	#custom_coordinate .slick-dots li:hover button:before,
	#custom_coordinate .slick-dots li.slick-active button:before {
		background-color: #333399;
	}
	#custom_coordinate .slick-dots li button:before {
		background-color: #cbcbcb;
	}

	
	/* banner_lp */
	.banner_lp {
		margin: 7vw 0;
		padding: 0 15px;
	}
	.banner_lp img {
		width: 100%;
	}
	
	
}