@charset "utf-8";

@media screen and (max-width: 768px) {

	/*------------------------------------------------------------------------------------------
*
*
    /N-VAN/camp/
    Responsive / SP
*
*
------------------------------------------------------------------------------------------ */
	/* -----------------------------------
    .camp
----------------------------------- */
	#contents_area {
		padding-top: 0;
	}
	#Camp {
		color: #000;
		letter-spacing: .02em;
		line-break: strict;
	}

	#Camp img {
		width: 100%;
		height: auto;
		vertical-align: bottom;
		-ms-interpolation-mode: bicubic;
	}

	#Camp sup {
		font-size: 60%;
		vertical-align: top;
		position: relative;
		top: .1em;
		margin: 0 1px;
	}

	#Camp .pb30 {
		padding-bottom: 10px;
	}

	#Camp .mb90 {
		margin-bottom: 50px !important;
	}

	.pc_only {
		display: none !important;
	}

	.sp_only,
	.spc {
		display: block !important;
	}

	.main_ph {
		position: relative;
		margin: 0 auto;
	}

	.main_ph .logo {
		position: absolute;
		top: 5vw;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
	}

	.main_ph .logo ul {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column-reverse;
	}

	.main_ph .logo ul li:nth-child(3) {
		width: 60%;
		height: 60%;
		max-width: 320px;
	}

	.main_ph .logo ul li:nth-child(2) {
		width: 70%;
		height: 70%;
		max-width: 360px;
		margin-top: -10px;
	}

	.main_ph .logo ul li:nth-child(1) {
		width: 85%;
		height: 85%;
		max-width: 500px;
		margin-top: -5px;
	}

	#Camp .section_inner {
		margin: 0 15px;
	}

	#Camp .top_copy {
		text-align: left;
		padding: 40px 0 35px;
		letter-spacing: .05em;
	}

	#Camp .top_copy h4 {
		font-size: 18px;
		line-height: 1.4;
		font-weight: 900;
	}

	#Camp .top_copy p {
		font-size: 16px;
		line-height: 1.6;
		margin: 18px 0 0;
	}

	#Camp .category {
		padding: 50px 0;
	}

	#Camp .gray {
		background: #f2f2f2;
	}

	#Camp .category h5 {
		margin: 0 auto 30px;
		text-align: center;
		width: 38%;
		height: 38%;
		max-width: 150px;
	}

	.catph_02 {
		margin-top: 50px;
	}

	.catph_04 {
		margin-top: 50px;
	}

	[class^="catph_"] .catph_inner {
		width: 100%;
		margin: 0 auto;
		height: auto;
	}

	.catph_inner p {
		margin: -4% 15px 0 15px;
	}

	.catph_inner p img {
		max-width: 460px;
		height: auto;
	}

	#Camp .category h6 {
		width: 48%;
		max-width: 200px;
		margin: 35px auto;
	}

	#Camp .category .description {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 25px;
	}

	#Camp .category .description div {
		margin: 0 3%;
		width: 44%;
		display: inline;
	}

	#Camp .category .description div img.bf {
		width: 90px;
		position: relative;
		top: -6px;
		left: -11px;
	}

	#Camp .category .description div img.af {
		width: 76px;
		position: relative;
		top: -6px;
		left: -11px;
	}

	#Camp .description_copy {
		clear: both;
		margin: 15px;
		font-size: 16px;
		line-height: 1.6;
	}

	#Camp .waku {
		width: calc(100% - 30px);
		margin: 45px 15px 0;
		padding: 15px 20px;
		border: 1px solid #777;
		text-align: center;
		box-sizing: border-box;
	}

	.waku .waku_tt {
		font-size: 18px;
		line-height: 1.5;
		font-weight: 900;
		padding: 10px 15px;
		background: #ff4;
		display: inline-block;
		position: relative;
		top: -38px;
	}

	.waku .waku_inner {
		line-height: 1.6;
	}

	.waku .waku_inner_dl {
		margin-top: -25px !important;
	}

	.waku_inner ul {
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.waku_inner ul li:nth-child(1) {
		width: 40%;
		height: 40%;
		min-width: 160px;
		margin: 0 auto 20px;
		display: block;
	}

	.waku_inner ul li:nth-child(2) {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		text-align: left;
		display: block;
	}

	.waku_inner ul li:nth-child(2) br {
		display: block !important;
	}

	.waku_inner ul li:nth-child(2) dl {
		display: flex;
		width: 220px;
		margin: 0 auto;
	}

	.waku_inner ul li:nth-child(2) dt {
		font-weight: 900;
		text-align: right;
		margin-right: 20px;
	}

	.waku_inner ul li:nth-child(2) dd {
		text-align: left;
	}

	.waku_inner hr {
		width: 100%;
		border: none;
		border-bottom: dashed 1px #999;
		height: 1px;
		color: #FFFFFF;
		margin: 1.5em 6px 1.7em;
	}

	.waku_inner br.mbl1 {
		margin-bottom: .5em;
	}

	.waku_inner p.stt {
		font-weight: 900;
		margin: 6px 0;
	}

	#Camp .point {
		margin: 50px 15px 0;
		box-sizing: border-box;
		width: calc(100% - 30px);
	}

	#Camp .white {
		background-color: #fff;
	}

	#Camp .point div {
		text-align: left;
	}

	#Camp .point div:nth-child(2) {
		padding: 25px 20px 20px 25px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
	}

	#Camp .point div:nth-child(2) .point_no {
		margin: 0 20px 0 0;
		width: 45px;
	}

	#Camp .point div:nth-child(2) .point_ntt {
		font-size: 18px;
		line-height: 1.4;
		font-weight: bold;
		width: calc(100% - 65px);
	}

	#Camp .point div:nth-child(2) .point_copy {
		width: 100%;
		line-height: 1.6;
		text-align: left;
		margin: 15px 0 0;
	}

	#Camp .detail {
		width: 100%;
		text-align: center;
		margin: 12px auto;
	}

	#Camp .detail a::after {
		content: '';
		width: 20px;
		height: 20px;
		display: inline-block;
		line-height: 1em;
		background-image: url(/N-VAN/common/image_common/parts_ico_btn_detail_arrow.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 16px 16px;
		position: relative;
		top: 6px;
		left: 5px;
	}

	#Camp .btn_dealer a {
		margin: 20px auto 10px;
		display: inline-block;
		color: #fff;
		background: url(/N-VAN/useful/image/arrow.png) #000 no-repeat;
		background-size: 10px auto;
		background-position: right 10px center;
		padding: 12px 30px 12px 20px;
		line-height: 1.5
	}

	#Camp .category_tt {
		text-align: center;
		font-size: 18px;
		line-height: 1.6;
		margin: 0 auto 25px;
		font-weight: 900;
		letter-spacing: .12em;
	}

	.under_ph {
		background: url(../image/catg5_03_sp.jpg) center center no-repeat;
		background-size: cover;
		padding: 55px 15px;
		text-align: center;
	}

	.under_ph p:nth-child(1) {
		font-size: 20px;
		line-height: 1.5;
		color: #fff;
		margin: 0 auto 20px;
		font-weight: 900;
		letter-spacing: .12em;
		text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	}

	.under_ph p:nth-child(2) {
		font-size: 14px;
		line-height: 27px;
		color: #fff;
		letter-spacing: .1em;
		text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
	}

	.under_ph .btn_cafe a {
		font-size: 16px;
		margin: 25px auto 0;
		display: inline-block;
		color: #fff !important;
		background: url(/N-VAN/useful/image/arrow.png) #c40000 no-repeat;
		background-size: 10px auto;
		background-position: right 10px center;
		padding: 12px 30px 12px 20px;
		letter-spacing: .1em;
		line-height: 1.5;
	}

	#Camp .introduction {
		width: calc(100% - 30px);
		margin: 30px 15px;
		display: flex;
		flex-wrap: wrap;
		border: 1px solid #e0e0e0;
	}

	#Camp .introduction>div:nth-child(1) {
		width: 50%;
		height: 50%;
		max-width: 240px;
		max-height: 240px;
		margin: 30px auto 20px;
	}

	#Camp .introduction>div:nth-child(2) {
		padding: 0 25px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}

	#Camp .introduction div:nth-child(2) p:nth-child(1) {
		font-size: 18px;
		font-weight: 900;
		width: 100%;
		text-align: center;
	}

	#Camp .introduction div:nth-child(2) p:nth-child(2) {
		font-size: 14px;
		font-weight: 900;
		margin: 10px 0 15px;
		width: 100%;
		text-align: center;
	}

	#Camp .introduction div:nth-child(2) p:nth-child(3) {
		line-height: 1.5;
		margin: 0 0 20px;
	}

	#Camp .car {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		margin: 60px 15px;
	}

	#Camp .car>div:nth-child(1) {
		margin: 3vh auto 1vh;
		order: 2;
		text-align: center;
		width: 100%;
	}

	#Camp .car>div:nth-child(1) img {
		margin: 0 auto;
		width: 90%;
		max-width: 450px;
	}

	#Camp .car>div:nth-child(2) {
		width: 100%;
		order: 1;
		text-align: center;
	}

	#Camp .car>div:nth-child(3) {
		order: 3;
	}

	#Camp .btn_car a {
		display: inline-block;
		color: #fff;
		background: url(/N-VAN/useful/image/arrow.png) #000 no-repeat;
		background-size: 10px auto;
		background-position: right 16px center;
		padding: 16px 40px 16px 30px;
	}

	#Camp .car div:nth-child(2) p:nth-child(1) {
		font-size: 14px;
		font-weight: 900;
		border: 1px solid #e0e0e0;
		display: inline-block;
		padding: 1em;
		width: calc(100% - 30px);
		text-align: center;
	}

	#Camp .car div:nth-child(2) p:nth-child(2) {
		margin: 3vh auto 2vh;
		width: 80%;
		max-width: 350px;
	}

	#Camp .car div:nth-child(2) p:nth-child(3) {
		font-size: 14px;
	}

	#Camp .notes {
		margin: 0 0 35px 0;
	}

	#Camp .notes p {
		font-size: 12px;
		line-height: 1.5;
		text-indent: -1.5em;
		padding: 0 0 0 1.5em;
	}

	#Camp .mlr0 {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#Camp .notes_02 p {
		font-size: 12px;
		line-height: 1.5;
		text-indent: -1em;
		padding: 0 0 0 1em;
	}

	.p_caution_03 {
		margin: .5rem auto 0;
		width: 100%;
		text-align: center;
	}

	.p_caution_03 p {
		color: #666;
		font-size: 10px;
		line-height: 15px;
	}
}