@charset "utf-8";

:root {
	--wrv-color-text: #000;
	--wrv-color-blue: #33c;
	--wrv-color-gray: #cbd0d5;
}

@media print, screen and (min-width : 769px){
	.section {
		margin-top: 70px;
		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 {
		text-align: center;
		font-family: var(--font-bold);
		font-size: 44px;
		line-height: 60px;
	}
	.section h3+p {
		margin-top: 15px;
		letter-spacing: .1em;
		font-size: 20px;
		line-height: 2;
	}

	.section .box_flex {
		justify-content: space-between;
	}

	.block_inner {
		width: 980px;
		margin: auto;
	}

	#contents_area .section .link {
		display: inline-block;
		position: relative;
		padding: 0 40px 0 25px;
		letter-spacing: .07em;
		border: 2px solid;
		border-radius: 20px;
		color: var(--wrv-color-blue);
		font-family: var(--font-bold);
		font-size: 19px;
		line-height: 36px;
	}
	#contents_area .section .link::after {
		content: '';
		position: absolute;
		right: 10px;
		width: 22px;
		height: 36px;
		background: url(../img/link_arrow.svg) 50% 50% / contain no-repeat;
	}

	.section .caution {
		font-family: var(--font-light);
		font-size: 12px;
		line-height: 20px;
	}


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

	#section_maintenance {
		text-align: center;
	}

	#section_maintenance .note {
		margin-top: 15px;
		text-align: center;
		letter-spacing: .1em;
		font-size: 14px;
	}

	#section_maintenance figure {
		margin-top: 40px;
	}

	#section_maintenance .link {
		margin-top: 15px;
	}

	#section_maintenance .link small {
		display: inline-block;
		margin-left: 25px;
		letter-spacing: .04em;
		font-size: 13px;
	}


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

	#section_accessory {
		margin-top: 110px;
		text-align: center;
	}

	#section_accessory .item_list {
		margin-top: 50px;
	}
	#section_accessory .item_list>li+li {
		margin-top: 85px;
	}

	#section_accessory h4,
	#section_accessory .item_list p {
		text-align: left;
	}
	#section_accessory h4 {
		margin-bottom: 30px;
		padding: 7px 20px 3px;
		background: var(--wrv-color-gray);
		letter-spacing: .1em;
		font-family: var(--font-bold);
		font-size: 22px;
		line-height: 32px;
	}
	#section_accessory h4 small {
		display: inline-block;
		margin-left: 20px;
		letter-spacing: .1em;
		font-size: 16px;
		vertical-align: top;
	}

	#section_accessory .copy {
		letter-spacing: .2em;
		font-family: var(--font-bold);
		font-size: 19px;
	}

	#section_accessory .btn {
		display: inline-block;
		min-width: 163px;
		border: 2px solid;
		color: var(--wrv-color-blue);
		font-family: var(--font-bold);
		font-size: 13px;
		line-height: 32px;
	}
	#section_accessory .btn::after {
		content: '>>>';
		display: inline-block;
		margin-left: 1em;
	}

	#section_accessory .kurumask>div{
		align-items: stretch;
	}
	#section_accessory .kurumask figure {
		width: 483px;
	}

	#section_accessory .kurumask .text {
		position: relative;
		width: 465px;
	}

	#section_accessory .kurumask .copy {
		line-height: 28px;
	}

	#section_accessory .kurumask p {
		margin-top: 20px;
		letter-spacing: .1em;
		font-size: 17px;
		line-height: 30px;
	}

	#section_accessory .kurumask .btn {
		position: absolute;
		left: 0;
		bottom: 0;
	}

	#section_accessory .rearcamera ul {
		margin-top: 30px;
	}
	#section_accessory .rearcamera li {
		text-align: center;
		letter-spacing: .05em;
		font-family: var(--font-bold);
		font-size: 17px;
	}
	#section_accessory .rearcamera img {
		width: auto;
		height: 129px;
		margin-top: 10px;
	}

	#section_accessory .rearcamera .btn {
		margin: 30px auto 0;
	}

	#section_accessory .link {
		margin-top: 40px;
	}


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

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