@charset "utf-8";

@media screen and (max-width : 768px){
	.section {
		color: var(--wrv-color-text);
	}
	.section img,
	.section li a {
		display: block;
	}
	.section img {
		width: 100%;
	}
	.section sup {
		vertical-align: top;
		font-size: 75%;
	}
	.section h3 {
		margin: 0 -15px;
		text-align: center;
		font-family: var(--font-bold);
		font-size: calc(44 / 750 * 100vw);
		line-height: calc(60 / 44);
	}
	.section h3+p {
		margin-top: calc(25 / 750 * 100vw);
		letter-spacing: .1em;
		font-size: calc(22 / 750 * 100vw);
		line-height: calc(38 / 22);
	}

	#contents_area .section .link {
		display: inline-block;
		position: relative;
		padding: 0 calc(54 / 750 * 100vw) 0 calc(39 / 750 * 100vw);
		letter-spacing: .07em;
		border: 1px solid;
		border-radius: calc(28 / 750 * 100vw);
		text-align: left;
		color: var(--wrv-color-blue);
		font-family: var(--font-bold);
		font-size: calc(26 / 750 * 100vw);
		line-height: calc(54 / 750 * 100vw);
	}
	#contents_area .section .link::after {
		content: '';
		position: absolute;
		right: calc(12 / 750 * 100vw);
		width: calc(31 / 750 * 100vw);
		height: calc(54 / 750 * 100vw);
		background: url(../img/link_arrow.svg) 50% 50% / contain no-repeat;
	}

	.section .caution {
		font-family: var(--font-light);
		font-size: calc(21 / 750 * 100vw);
		line-height: calc(35 / 21);
	}


/* ----------------------------------------
	section_maintenance
---------------------------------------- */

	#section_maintenance {
		margin-top: calc(50 / 750 * 100vw);
		text-align: center;
	}

	#section_maintenance .note {
		margin-top: calc(25 / 750 * 100vw);
		text-align: center;
		letter-spacing: .1em;
		font-size: calc(18 / 750 * 100vw);
	}

	#section_maintenance figure {
		width: calc(601 / 750 * 100vw);
		margin: calc(40 / 750 * 100vw) auto 0;
	}

	#section_maintenance .link {
		margin-top: calc(40 / 750 * 100vw);
	}

	#section_maintenance .link small {
		display: inline-block;
		margin-left: calc(40 / 750 * 100vw);
		letter-spacing: .04em;
		font-size: calc(18 / 750 * 100vw);
	}


/* ----------------------------------------
	section_accessory
---------------------------------------- */

	#section_accessory {
		margin-top: calc(100 / 750 * 100vw);
		text-align: center;
	}

	#section_accessory .item_list {
		margin-top: calc(50 / 750 * 100vw);
	}
	#section_accessory .item_list>li+li {
		margin-top: calc(70 / 750 * 100vw);
	}

	#section_accessory h4,
	#section_accessory .item_list p {
		text-align: left;
	}
	#section_accessory h4 {
		margin-bottom: calc(25 / 750 * 100vw);
		padding: 0 calc(18 / 750 * 100vw);
		background: var(--wrv-color-gray);
		letter-spacing: .1em;
		font-family: var(--font-bold);
		font-size: calc(24 / 750 * 100vw);
		line-height: calc(42 / 750 * 100vw);
	}
	#section_accessory h4 small {
		display: inline-block;
		letter-spacing: .1em;
		margin-left: 1em;
		font-size: calc(18 / 750 * 100vw);
	}

	#section_accessory .copy {
		letter-spacing: .2em;
		font-family: var(--font-bold);
		font-size: calc(22 / 750 * 100vw);
	}

	#section_accessory .btn {
		display: inline-block;
		min-width: calc(270 / 750 * 100vw);
		margin-top: calc(30 / 750 * 100vw);
		border: 1px solid;
		color: var(--wrv-color-blue);
		font-family: var(--font-bold);
		font-size: calc(22 / 750 * 100vw);
		line-height: calc(54 / 750 * 100vw);
	}
	#section_accessory .btn::after {
		content: '>>>';
		display: inline-block;
		margin-left: 1em;
	}

	#section_accessory .kurumask .text {
		margin-top: calc(20 / 750 * 100vw);
	}

	#section_accessory .kurumask .copy {
		line-height: calc(30 / 750 * 100vw);
	}

	#section_accessory .kurumask p {
		margin-top: calc(20 / 750 * 100vw);
		letter-spacing: .1em;
		font-size: calc(20 / 750 * 100vw);
		line-height: calc(30 / 20);
	}

	#section_accessory .rearcamera ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: calc(30 / 750 * 100vw);
	}
	#section_accessory .rearcamera li {
		width: calc(332 / 750 * 100vw);
		text-align: center;
		letter-spacing: .05em;
		font-family: var(--font-bold);
		font-size: calc(20 / 750 * 100vw);
	}
	#section_accessory .rearcamera li:nth-child(n+3) {
		margin-top: calc(35 / 750 * 100vw);
	}
	#section_accessory .rearcamera img {
		width: auto;
		height: calc(189 / 750 * 100vw);
		margin-top: calc(10 / 750 * 100vw);
	}

	.section#section_accessory .link {
		display: block;
		margin-top: calc(60 / 750 * 100vw);
	}


/* ----------------------------------------
	section_caution
---------------------------------------- */

	#section_caution {
		margin-top: calc(60 / 750 * 100vw);
	}


/* ----------------------------------------
	footer
---------------------------------------- */

	#footer_topic_path {
		margin-top: 80px;
	}
}