@charset "utf-8";
@media screen and (max-width : 768px){
	
	.pc {
		display: none !important;
	}
	
	br { display: none;}
	br.sp {display: block;}
	
	img { width: 100%;}
	
	
	.section {
		margin-bottom: 50px;
	}
	#contents_area .section:first-child {
		margin-top: 50px;
	}
	.section.gray {
		padding: 50px 0;
		background: #f0f0f0;
	}
	
	/* section */
	.section h3 {
		margin: 0 0 30px;
		font-size: 23px;
		text-align: center;
	}
	
	.section h3 span {
		padding: 0 .8em 10px;
		border-bottom: 3px solid #444;
		display: inline-block;
		white-space: nowrap;
	}
	
	.section .heading_type01 {
		margin: 0 0 10px;
		font-size: 20px;
		line-height: 1.4;
	}
	
	.section .linktxt_type01 {
		margin: 0 0 20px;
		text-align: center;
		font-size: 13px;
		line-height: 1.6;
	}
	#contents_area .block_inner .linktxt_type01 a {
		color: #00649f;
	}
	.section .linktxt_type01 a span {
		display: inline-block;
		padding-right: 22px;
		background: url(../../common/img/parts_ico_btn_detail_arrow.png) 100% 50% / 16px no-repeat;
	}
	
	
	.block {
		margin: 0 4vw 38px;
	}
	
	.block .block_copy {
		font-size: 23px;
		line-height: 32px;
		margin: 0 20px 20px;
	}
	.block .box_flex.box03 .copy{
		color:#fff;
	}
	
	.link {
		margin: 0 20px 20px;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
	}

	.link a {
		color: #0064a1;
	}
	.block .box_flex.box03 .link span {
		color:#bca66c;
	}
	
	.link a:after{
		content: '';
		width: 20px;
		height: 20px;
		display: inline-block;
		background-image:url(/ACCESS/nwgn/common/img/parts_ico_btn_detail_arrow.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 20px 20px;
		position: relative;
		top: 4px;
		right: -5px;
	}
	.block .box_flex.box03 .box .link span:after{
		background-image: url(/ACCESS/auto-archive/n-wgn/2025/common/img/parts_ico_btn_detail_arrow_elegant.png);
	}
	
	.box_flex {
		margin: 0 0 15px;
		background-color: #fff;
	}
	

	.block .box_flex.box01 {
		background-color: #DAD0D1;
	}
	
	.block .box_flex.box02 {
		background-color: #F8F2E6;
	}
	.block .box_flex.box03 {
		background-color: #182548;
		border-right:solid 0px #bca66c;
	}
	.block .box_flex.box03 .box{
		background-image:url(../img/bg_elegant.png);
		background-repeat: no-repeat;
		background-position: right 10px top 10px;
		background-size: 20vw auto;
	}
	
	.block .box_flex.box04 {
    background-color: #DAE7EA;
	}
	
	.block_inner > a > .box_flex {
		margin-left: 15px;
		margin-right: 15px;
	}
	
	#contents_area .block_inner a {
		color: #444;
	}
	
	.block_inner .link span {
		color: #0064a1;
	}
	
	.block_inner .link span:after{
		content: '';
		width: 20px;
		height: 20px;
		display: inline-block;
		background-image:url(/ACCESS/auto-archive/n-wgn/2025/common/img/parts_ico_btn_detail_arrow.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 20px 20px;
		position: relative;
		top: 4px;
		right: -5px;
	}
	
	.block_pic_wrapper {
		
	}
	.block_pic_wrapper > a {
		display: block;
		margin: 4vw 0;
	}
	.block_pic_wrapper .pic_thumb {
		
	}
	.block_pic_wrapper .pic_thumb img {
		vertical-align: bottom;
	}
	.block_pic_wrapper .pic_label {
		text-align: center;
		padding: 6vw 0;
	}
	.block_pic_wrapper .pic_label p {
		display: block;
		margin-top: 5vw;
		color: #fff;
	}
	.block_pic_wrapper .item05 .pic_label p { color: #595757; }
	
	.block_pic_wrapper .pic_label p span {
		display: inline-block;
		padding: 2px 22px 2px 0;
		background: url(../../common/img/parts_ico_btn_detail_arrow_w.png) 100% 50% / 16px no-repeat;
	}
	.block_pic_wrapper .item05 .pic_label p span {
		background-image: url(../../common/img/parts_ico_btn_detail_arrow_elegant.png);
	}
	
	.block_pic_wrapper .item01 .pic_label img,
	.block_pic_wrapper .item02 .pic_label img,
	.block_pic_wrapper .item03 .pic_label img {
		height: 25vw;
		width: auto;
		display: block;
		margin: 0 auto;
	}
	.block_pic_wrapper .item04 .pic_label img,
	.block_pic_wrapper .item05 .pic_label img {
		height: 14vw;
		width: auto;
		display: block;
		margin: 0 auto;
	}
	.block_pic_wrapper .item01 .pic_label {
		background-color: #312a34;
	}
	.block_pic_wrapper .item02 .pic_label {
		background-color: #bb1b21;
	}
	.block_pic_wrapper .item03 .pic_label {
		background-color: #9b7b68;
	}
	.block_pic_wrapper .item04 .pic_label {
		background-color: #727171;
	}
	.block_pic_wrapper .item05 .pic_label {
		background-color: #e7e0cf;
	}
	
	.box_flex .box {
		padding: 15px;
	}
	
	.box_flex .box h4 {
		margin: 0 0 15px;
		font-size: 18px;
		line-height: 24px;
		font-weight: bold;
	}
	
	.box_flex .box .copy {
		min-height: 4em;
		margin: 0 0 15px;
		font-size: 18px;
		line-height: 25px;
	}
	
	.box_flex .box > *:last-child {
		margin-bottom: 0;
	}

	.block:last-child {
		margin-bottom: 75px;
	}
	
	#special_blocks {
		margin-top: 75px;
	}

	
}