@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++

	/dog/honda-car/N-VAN/ for PC

++++++++++++++++++++++++++++++++++++++++ */

@media print, screen and (min-width: 769px){

#contents_area {
	background-image: url(../image/bg_pc.jpg);
	letter-spacing: .02em;
	line-height: 2;
}


/* ----------------------------------------
	section_title
---------------------------------------- */

#section_title {
	height: 728px;
	padding-top: 6px;
	background-image: url(../image/title_pc.jpg);
}

#section_title .section_inner {
	padding: 394px 650px 0 95px;
}

#section_title p {
	color: #fff;
	text-shadow:
		0 0 1px #064917,
		0 0 1px #064917,
		0 0 4px #064917,
		0 0 4px #064917,
		0 0 10px #064917
	;
	font-size: inherit;
	line-height: inherit;
}


/* ----------------------------------------
	section_info
---------------------------------------- */

#section_info {
	width: 790px;
	min-height: 290px;
	margin: 36px auto 0;
	background-image: url(../image/info_bg_pc.png);
}

#profile {
	margin-bottom: 0;
	padding: 40px 0 0;
	background: none;
}

#section_info .title {
	width: 178px;
	padding-bottom: 13px;
}

#profile ul,
#profile li {
	background-image: url(../image/profile_border.png);
}
#profile ul {
	width: 231px;
	margin-left: 80px;
}
#profile li {
	padding: 0 0 2px 16px;
	line-height: 38px;
}

#profile .photo {
	width: 115px;
	margin: -24px 15px 0 0;
}

#profile .size {
	width: 265px;
	margin-top: -62px;
}


/* ----------------------------------------
	section_reason
---------------------------------------- */

.section_reason .section_inner>.heading {
	position: relative;
}

.section_reason h3 {
	position: relative;
	width: 219px;
	margin-bottom: 50px;
}
.section_reason h3:before {
	content: '';
	position: absolute;
}

.section_reason .heading h3+p {
	font-size: 20px;
	line-height: 1.7;
}

.section_reason h4,
#section_reason01 .column h5,
#seatarrange .passenger h6 span {
	font-size: 26px;
}

.section_reason .notes {
	font-size: 12px;
}

.section_reason [data-num] .heading {
	line-height: inherit;
}

.section_reason .photo,
.section_reason .text {
	position: relative;
}

.section_reason .photo_slide .slick-arrow {
	width: 42px;
	height: 42px;
	bottom: 0;
	background: 50% 50% no-repeat;
	background-size: contain;
}

.section_reason .photo_slide .slick-prev {
	left: 360px;
	background-image: url(../image/slider_btn_prev.png);
}

.section_reason .photo_slide .slick-next {
	right: 360px;
	background-image: url(../image/slider_btn_next.png);
}

.section_reason .btn,
.section_reason .btn:before {
	width: 57px;
	background-image: url(../image/btn_size_pc.png);
}

.section_reason .photo_slide .slick-dots {
	padding-top: 20px;
}
.section_reason .photo_slide .slick-dots li {
	margin: 0 5px;
}
.section_reason .photo_slide .slick-dots li button {
	width: 18px;
	height: 18px;
	background: none;
}
.section_reason .photo_slide .slick-dots li button:before {
	left: 4px;
	top: 4px;
	width: 8px;
	height: 8px;
	border: solid 1px #909c5d;
	border-radius: 50%;
	background: #909c5d;
}

.section_reason .photo_slide .slick-dots .slick-active button:before {
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	background: #fff;
}

.section_reason .photo_slide .slick-dots li button:after {
	display: none;
}

.accessory_title {
	padding-left: 30px;
	background: url(../image/accessory_icon.png) 0 0 no-repeat;
	background-size: 22px;
	line-height: 22px;
}

.accessory .name {
	white-space: nowrap;
	color: #909c5d;
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
}
.accessory .name small {
	display: block;
	font-size: 14px;
	text-indent: -.5em;
}

.btn_detail {
	display: block;
	overflow: hidden;
	width: 282px;
	height: 34px;
	background: url(../image/btn_detail_pc.png);
	text-indent: 200%;
}

/* secion_reason01
---------------------------------------- */

#section_reason01 {
	margin-top: 54px;
}

#section_reason01 .section_inner>.heading {
	position: relative;
	width: 219px;
	margin: auto;
}

#section_reason01 h3:before {
	right: -95px;
	top: -52px;
	width: 60px;
	height: 116px;
	background: url(../image/reason01/title_deco_pc.png);
}

#section_reason01 .mv {
	margin-top: 25px;
}

/* style */

#style {
	margin-top: 82px;
}

#style .slick-arrow {
	bottom: 40px;
}

#style .slick-prev {
	left: 307px;
}

#style .slick-next {
	right: 310px;
}

#style p {
	text-align: center;
	line-height: 1;
}
#style p img {
	margin: auto;
}

#style #style_side>img {
	padding: 49px 0 98px 52px;
}
#style #style_back li img {
	padding: 6px 0 74px 262px;
}

#style  #style_back .copy {
	position: absolute;
	right: 104px;
	top: 73px;
}

#style .btn {
	left: auto;
	right: 198px;
	top: 541px;
	margin: 0;
}

#style .photo_slide .slick-dots {
	position: absolute;
	bottom: 54px;
}

/* carrycase */

#carrycase {
	margin-top: 120px;
}
#carrycase h5 {
	position: relative;
	z-index: 2;
}
#carrycase h5 img {
	margin: auto;
}

#carrycase .photo_slide {
	margin-top: -18px;
	padding-bottom: 12px;
}

#carrycase li img {
	padding-left: 70px;
}
#carrycase li p {
	position: absolute;
	left: 665px;
	top: 460px;
	line-height: 1;
}

/* column */

#section_reason01 .column {
	margin-top: 90px;
	width: 790px;
	min-height: 400px;
	padding: 27px 395px 35px 80px;
	background-image: url(../image/reason01/column_bg_pc.png);
}
#section_reason01 .column h4 {
	width: 129px;
	margin: 0 0 10px -47px;
}

#section_reason01 .column .photo {
	position: absolute;
	right: 90px;
	top: 56px;
	width: auto;
}
#section_reason01 .column .photo img {
	margin-bottom: 10px;
}

#section_reason01 .column h5 {
	line-height: 40px;
}
#section_reason01 .column small {
	display: block;
	margin-top: 14px;
	font-size: 12px;
	line-height: 1;
}

/* interior */

#interior {
	margin-top: 7px;
}
#interior h4,
#seatarrange h4 {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
#interior h4 {
	margin: 0 0 40px 187px;
}
#interior>div {
	position: relative;
	z-index: 1;
	width: 410px;
}
#interior>div:nth-child(even) {
	margin-left: 490px;
}
#interior>div:nth-child(odd) {
	margin-left: 80px;
}
#interior>div p {
	position: absolute;
}

#interior .copy img {
	max-width: none;
}

#interior .photo>ul {
	overflow: hidden;
}

#interior .btn {
	margin-top: 10px;
}
#interior>div:nth-child(even) .btn {
	left: auto;
	right: 0;
}

#interior #interior01 .copy {
	left: -340px;
	top: 36px;
}

#interior #interior01 .photo+p {
	left: -255px;
	top: 295px;
	width: 215px;
}

#interior #interior02 .copy {
	left: 443px;
	top: 117px;
}

#interior #interior02 .photo+p {
	left: 435px;
	top: 340px;
	width: 220px;
}

/* seatarrange */

#seatarrange {
	margin-top: -82px;
	padding-bottom: 110px;
	background: url(../image/reason01/seatarrange_foot_pc.png) 50% 100% no-repeat;
}
#seatarrange>div {
	padding: 0 70px;
}
#seatarrange>div+div {
	margin-top: 100px;
	padding-top: 100px;
	background: url(../image/reason01/seatarrange_border_pc.png) 50% 0 no-repeat;
}
#seatarrange h4 {
	margin: 0 13px 14px;
}

#seatarrange .passenger {
	position: relative;
	margin-top: 50px;
}
#seatarrange .passenger h6 {
	white-space: nowrap;
}
#seatarrange .passenger h6 span,
#seatarrange .passenger h6 small {
	display: block;
	letter-spacing: .1em;
	line-height: 1;
}
#seatarrange .passenger h6 span {
	-webkit-transform-origin: 0 0;
	-webkit-transform: scaleX(.8);
	transform-origin: 0 0;
	transform: scaleX(.8);
}
#seatarrange .passenger h6 small {
	margin-top: 15px;
	font-size: 20px;
}
#seatarrange .passenger p {
	width: 460px;
	padding: 17px 0 25px;
}
#seatarrange .passenger figure {
	position: absolute;
	right: 15px;
	bottom: 0;
}

#seatarrange>div>figure {
	margin: 45px -70px 0;
	padding-left: 140px;
}

#seatarrange .note {
	position: absolute;
	z-index: 2;
	width: 770px;
	margin-top: 10px;
	text-align: right;
	font-size: 12px;
	line-height: 1;
}

#seatarrange .accessory {
	position: relative;
	z-index: 1;
	margin-top: 40px;
	text-align: center;
}
#seatarrange .accessory>div {
	display: inline-block;
	text-align: left;
}
#seatarrange .accessory ul {
	display: -webkit-flex;
	display: flex;
	margin-top: 20px;
}
#seatarrange .accessory li {
	position: relative;
	width: 390px;
}
#seatarrange .accessory li+li {
	margin-left: 60px;
}
#seatarrange .accessory li:before {
	content: '';
	position: absolute;
	bottom: 100%;
}
#seatarrange .accessory li>div {
	position: relative;
}
#seatarrange .accessory li p {
	position: absolute;
	left: 0;
	width: 190px;
}

#seatarrange .accessory .name+p {
	bottom: 0;
}

#seatarrange .accessory li figure {
	margin-left: 200px;
}

#seatarrange .accessory .btn_detail {
	margin: 27px auto 0;
}

#seatarrange01 .passenger figure {
	right: 45px;
}

#seatarrange01 [data-accessory='1']:before {
	right: -134px;
	width: 238px;
	height: 243px;
	margin-bottom: 13px;
	background: url(../image/reason01/seatarrange01_accessory01_line_pc.png);
}

#seatarrange01 [data-accessory='2']:before {
	right: 39px;
	width: 186px;
	height: 584px;
	margin-bottom: 11px;
	background: url(../image/reason01/seatarrange01_accessory02_line_pc.png);
}

#seatarrange #seatarrange02>figure {
	padding-left: 87px;
}

#seatarrange02 [data-accessory='1']:before {
	left: 39px;
	width: 153px;
	height: 217px;
	margin-bottom: 63px;
	background: url(../image/reason01/seatarrange02_accessory01_line_pc.png);
}

#seatarrange #seatarrange04>figure {
	padding-left: 45px;
}
#seatarrange04 .passenger p {
	padding-bottom: 55px;
}
#seatarrange04 .passenger figure {
	right: -15px;
}

/* secion_reason02
---------------------------------------- */

#section_reason02 {
	margin-top: 190px;
}
#section_reason02 h3:before {
	left: -172px;
	top: -138px;
	width: 127px;
	height: 258px;
	background: url(../image/reason02/title_deco_pc.png);
}
#section_reason02 .heading+ul {
	margin-top: 60px;
}
#section_reason02 [data-num]+li {
	margin-top: 93px;
}
#section_reason02 [data-num]:nth-child(odd) {
	padding-left: 460px;
}
#section_reason02 [data-num]:nth-child(even) {
	padding-right: 460px;
}

#section_reason02 [data-num] .heading {
	position: absolute;
	left: 0;
	top: 0;
	width: 435px;
}
#section_reason02 [data-num]:nth-child(even) .heading {
	left: 550px;
}

#section_reason02 [data-num] h4 {
	margin-bottom: 5px;
	font-size: 30px;
	line-height: 40px;
}

#section_reason02 [data-num] .photo:after {
	content: '';
	position: absolute;
}

#section_reason02 [data-num='1'] .heading {
	padding-top: 33px;
}

#section_reason02 [data-num='1'] .photo:after {
	left: -83px;
	top: 56px;
	width: 125px;
	height: 54px;
	background: url(../image/reason02/equipment01_line_pc.png);
}

#section_reason02 [data-num='1'] .icon {
	position: absolute;
	right: 100%;
	bottom: 0;
	white-space: nowrap;
	letter-spacing: -.4em;
}
#section_reason02 [data-num='1'] .icon li {
	display: inline-block;
	width: 118px;
	margin-right: 15px;
	vertical-align: bottom;
}

#section_reason02 [data-num='2'] .heading {
	padding-top: 165px;
}

#section_reason02 [data-num='2'] .photo:after {
	right: -104px;
	top: 37px;
	width: 124px;
	height: 58px;
	background: url(../image/reason02/equipment02_line_pc.png);
}

#section_reason02 [data-num='2'] .accessory,
#section_reason02 [data-num='2'] .btn_detail {
	position: absolute;
	left: 550px;
	z-index: 3;
}
#section_reason02 [data-num='2'] .accessory {
	top: 100px;
}

#section_reason02 [data-num='2'] .accessory .name {
	margin: 5px 0 0 30px;
}

#section_reason02 [data-num='2'] .btn,
#section_reason02 [data-num='2'] .btn:before {
	background-image: url(../image/btn_close_pc.png);
}

#section_reason02 [data-num='2'] .btn_detail {
	bottom: 4px;
}


/* ----------------------------------------
	section_car
---------------------------------------- */

#section_car {
	margin-top: 15px;
	padding-top: 260px;
}
#section_car:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 56px;
	height: 264px;
	margin-left: 220px;
	background: url(../image/car_deco_pc.png);
}
#section_car h3 {
	position: relative;
	text-align: center;
	letter-spacing: inherit;
	font-size: 20px;
	line-height: 36px;
}
#section_car h3 strong {
	display: block;
	font-size: 26px;
}
#section_car figure {
	margin: 18px 0 0 108px;
}

#section_car .heading .caution {
	font-size: 20px;
}

#section_car .btn {
	background: #909c5d;
}
#section_car .btn+p {
	margin-top: 32px;
	text-align: center;
}

}