@charset "UTF-8";

body {
	font-family: var(--font-family-text);
}



a {
	display: inline-block;
	color: #001E50;
	text-decoration: none;
}
@media screen and (min-width: 769px) {
  a {
	  position: relative;
	  color: #001E50;
  }

  a:hover {
	  color: rgb(0, 64, 197);
  }

  a.item-bd span,
  a .item-bd span {
	  padding-bottom: 2px;
	  border-bottom: 1px solid #001E50;
	  font-weight: bold;
	  color: #001E50;
  }

  a:hover.item-bd span,
  a:hover .item-bd span {
	  border-bottom: 1px solid #0040C5;
	  color:  rgb(0, 64, 197);
  }

  .side_nav a,
  .side_nav a:hover {
	  color: #ffffff;
  }
}



.sp-dips {
	display: block;
}
.pc-dips{
	display: none;
}
.txt-b {
	font-weight: 600;
}
.txt-n {
	font-weight: normal;
}
@media screen and (min-width: 769px) {
  .pc-dips{
	  display:block;
  }
  .sp-dips {
	  display: none;
  }
  .fl-l {
	  float: left;
  }
  .fl-r {
	  float: right;
  }
}



/* 上付き・下付き */
sup {
	position: relative;
	font-size: 85%;
	vertical-align: 0;
}
sub {
	position: relative;
	font-size: 85%;
	vertical-align: 0;
}
@media screen and (min-width: 769px) {
  sup {
	  font-size: 65%;
  }
  sub {
	  font-size: 65%;
  }
}



/* 余白 */
.mt-00 {
	margin-top: 0px !important; 
}
.mt-10 {
	margin-top: 10px !important;
}
.mt-20 {
	margin-top: 20px !important;
}
.mt-25 {
	margin-top: 25px !important;
}
.mt-30 {
	margin-top: 30px !important;
}
.mt-40 {
	margin-top: 40px !important;
}
.mt-70 {
	margin-top: 70px !important;
}
.mt-80 {
	margin-top: 80px !important;
}
.mt-100 {
	margin-top: 100px !important;
}
.mt-120 {
	margin-top: 120px !important;
}
.mb-00 {
	margin-bottom: 0px !important;
}
.mb-10 {
	margin-bottom: 10px !important;
}
.mb-20 {
	margin-bottom: 20px !important;
}
.mb-30 {
	margin-bottom: 30px !important;
}
.mb-40 {
	margin-bottom: 40px !important;
}
.mb-100 {
	margin-bottom: 100px !important;
}
.pt-00 {
	padding-top: 0px !important;
}
.pt-10 {
	padding-top: 10px !important;
}
.pt-20 {
	padding-top: 20px !important;
}
.pt-30 {
	padding-top: 30px !important;
}
.pt-40 {
	padding-top: 40px !important;
}
.pb-00 {
	padding-bottom: 0px !important;
}
.pb-10 {
	padding-bottom: 10px !important;
}
.pb-20 {
	padding-bottom: 20px !important;
}
.pb-30 {
	padding-bottom: 30px !important;
}
.pb-40 {
	padding-bottom: 40px !important;
}
@media screen and (min-width: 769px) {
  .mt-00_pc {
	  margin-top: 0px !important;
  }
  .mt-10_pc {
	  margin-top: 10px !important;
  }
  .mt-20_pc {
	  margin-top: 20px !important;
  }
  .mt-25_pc {
	  margin-top: 25px !important;
  }
  .mt-30_pc {
	  margin-top: 30px !important;
  }
  .mt-40_pc {
	  margin-top: 40px !important;
  }
  .mt-70_pc {
	  margin-top: 70px !important;
  }
  .mt-80_pc {
	  margin-top: 80px !important;
  }
  .mt-100_pc {
	  margin-top: 100px !important;
  }
  .mt-120_pc {
	  margin-top: 120px !important;
  }
  .mb-00_pc {
	  margin-bottom: 0px !important;
  }
  .mb-10_pc {
	  margin-bottom: 10px !important;
  }
  .mb-20_pc {
	  margin-bottom: 20px !important;
  }
  .mb-30_pc {
	  margin-bottom: 30px !important;
  }
  .mb-40_pc {
	  margin-bottom: 40px !important;
  }
  .mb-100_pc {
	  margin-bottom: 100px !important;
  }
  .pt-00_pc {
	  padding-top: 0px !important;
  }
  .pt-10_pc {
	  padding-top: 10px !important;
  }
  .pt-20_pc {
	  padding-top: 20px !important;
  }
  .pt-30_pc {
	  padding-top: 30px !important;
  }
  .pt-40_pc {
	  padding-top: 40px !important;
  }
  .pb-00_pc {
	  padding-bottom: 0px !important;
  }
  .pb-10_pc {
	  padding-bottom: 10px !important;
  }
  .pb-20_pc {
	  padding-bottom: 20px !important;
  }
  .pb-30_pc {
	  padding-bottom: 30px !important;
  }
  .pb-40_pc {
	  padding-bottom: 40p !important;
  }
}




/* [target="_blank"] ｱｲｺﾝ 
-------------------------------------------------------------------------- */
.itemBlank {
	position: relative;
}

.itemBlank span {
	position: relative;
	padding-right: 22px;
}

.itemBlank span:after {
	position: absolute;
	content: "";
	width: 24px;
	height: 14px;
	top: 50%;
	right: 0;
	margin-top: -7px;
	background: url(/vwf/image/common/icn_outlink.svg) no-repeat center center;
	background-size: 14px 14px;
	-moz-background-size: 14px 14px;
	-webkit-background-size: 14px 14px;
}
@media screen and (min-width: 769px) {
  .itemBlank {
	  position: relative;
  }
  
  .itemBlank span {
	  padding-right: 30px;
  }

  .itemBlank span:after {
	width: 20px;
	height: 20px;
	margin-top: -10px;
	right: 5px;
	background: url(../image/common/icn_outlink.svg) no-repeat center center;
	background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
  }
}


.mv .scroll-line {
	position: absolute;
	bottom: 10px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.mv .scroll-line .scroll-line_wrap {
	position: relative;
	height: 22px;
	width: 2px;
	border-radius: 3px;
	overflow: hidden;
}
.mv .scroll-line .scroll-line_wrap .scroll-line_wh {
	height: 100%;
	width: 100%;
	background: rgb(255, 255, 255);
	border-radius: 3px;
	animation: scroll-line 3s ease -2s infinite normal;
}
@-webkit-keyframes scroll-line {
	0% {
		-webkit-transform:translateY(-200%);
		-ms-transform:translateY(-200%);
		transform:translateY(-200%);
	}
	50% {
		-webkit-transform:translateY(-100%);
		-ms-transform:translateY(-100%);
		transform:translateY(-100%);
	}
	100% {
		-webkit-transform:translateY(100%);
		-ms-transform:translateY(100%);
		transform:translateY(100%);
	}
}
@keyframes scroll-line {
	0% {
		-webkit-transform:translateY(-200%);
		-ms-transform:translateY(-200%);
		transform:translateY(-200%);
	}
	50% {
		-webkit-transform:translateY(-100%);
		-ms-transform:translateY(-100%);
		transform:translateY(-100%);
	}
	100% {
		-webkit-transform:translateY(100%);
		-ms-transform:translateY(100%);
		transform:translateY(100%);
	}
}
@media screen and (min-width: 769px) {
	.mv {
		position: relative;
		width: 100%;
		height: 100vh;
	}

	.mv h1 {
		/*top: 61.85185185185185%;*/
		left: 8.333333333333333%;
		padding-right: 8.5%;
		font-size: 4rem;
		line-height: 1.2;
	}
}



/* #root [パンくず] 
------------------------------------------------------------------------------ */
#finance #root {
	width: 100%;
	margin-top: 100px !important;
	margin-bottom: 20px !important;
}

#root ul {
	width: 84%;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#root li {
	position: relative;
	padding-right: 20px;
	font-size: 12px;
	font-weight: 600;
	color: #3C484D;
	line-height: 1.7;
}

#root li a {
	position: relative;
	display: initial;
	font-size: 12px;
	font-weight: normal;
	color: rgb(0, 30, 80);
	padding-bottom: 1px;
	text-decoration: none;
	border-bottom: 1px solid currentcolor;
}

#root li:after {
	position: absolute;
	content: "";
	top: 50%;
	margin-top: -4px;
	right: 5px;
	width: 0px;
	height: 0px;
	border-left: 5px solid rgb(0, 30, 80);
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}

#root li:last-child:after {
	display: none;
}
@media screen and (min-width: 769px) {
  #root {
	  margin: 15px auto 200px;
  }
  
  #root ul {
	  max-width: 1600px;
	  width: 84%;
	  margin: 0 auto;
  }
  
  #root li {
	  font-size: 14px;
	  padding-right: 20px;
  }
  
  #root li a {
	  position: relative;
	  font-size: 14px;
	  color: rgb(0, 30, 80);
	  padding-bottom: 2px;
	  text-decoration: none;
	  border-bottom: 1px solid currentcolor;
  }
  
  #root li:after {
	  position: absolute;
	  content: "";
	  top: 50%;
	  margin-top: -4px;
	  right: 5px;
	  width: 0px;
	  height: 0px;
	  border-left: 5px solid rgb(0, 30, 80);
	  border-top: 4px solid transparent;
	  border-bottom: 4px solid transparent;
  }
}
@media screen and (min-width: 1600px) {
  #root li {
	  font-size: 16px;
  }

  #root li a {
	  font-size: 16px;
  }
}

/* #movie [パンくず] 
------------------------------------------------------------------------------ */
#movie{
	text-align: center;
	margin: 0 auto 100px auto;
	font-size: 22px;
    font-weight: 600;
	width: 84%;
}

#movie iframe{
	aspect-ratio: 16/9;
	width: 100%;
	height: 100%;
	margin-top: 20px;
	max-width: 560px;	
}

@media screen and (min-width: 769px) {
	#movie{
		margin-bottom: 200px;
		font-size: 32px;
	}
}
/* main_copy
------------------------------------------------------------------------------ */
#finance .main_copy {
	display: block !important;
	width: 84% !important;
	margin: 40px auto 0 !important;
	/* 念のため、親要素の溢れを防止 */
	box-sizing: border-box !important;
}

.main_copy .ttl {
	font-size: 25px;
	font-weight: bold;
	line-height: 1.84;
	text-align: left;
}

.main_copy .txt {
	margin-top: 30px;
	font-size: 16px;
	line-height: 1.875;
	text-align: left;
}

.main_copy .note {
	margin-top: 30px;
}

.main_copy .note li {
	font-size: 13px;
	color: #6A767D;
	line-height: 1.923076923076923;
}
@media screen and (min-width: 769px) {
	.main_copy {
		max-width: 1600px;
		width: 84%;
		margin: 220px auto 0;
	}

	.main_copy .ttl {
		font-size: 48px;
		line-height: 1.363636363636364;
	}

	.main_copy .txt {
		margin-top: 20px;
		font-size: 16px;
		line-height: 1.875;
	}
	.main_copy .note li {
		line-height: 1.923076923076923;
		text-align: center;
	}
}
@media screen and (min-width: 1600px) {
	.main_copy .ttl {
		font-size: 24px;
	}

	.main_copy .txt {
		font-size: 20px;
		line-height: 1.5;
	}
}


/* .plan_are
------------------------------------------------------------------------------ */
.plan_area {
	width: 100%;
	margin-bottom: 100px;
}
.plan_area .plan_01 {
	margin-left: 8.266666666666667%;
}
.plan_area .img,
.plan_area .img img {
	width: 100%;
}
.plan_area .ttl {
	margin-top: 15px;
}
.plan_area .ttl a {
	font-size: 22px;
	font-weight: 600;
	color: #000;
	line-height: 1.666666666666667;
}
.plan_area .txt {
	margin-top: 13px;
	font-size: 16px;
	line-height: 1.769230769230769;
}
.plan_area .plan_02 {
	width: 83.2%;
	margin: 70px auto 0;
}

.plan_area .plan_03 {
	width: 68%;
	margin: 70px auto 0;
}

.plan_area .plan_04 {
	width: 84%;
	margin: 0 auto 70px;
}

.plan_area .plan_01 .ttl,
.plan_area .plan_02 .ttl,
.plan_area .plan_03 .ttl,
.plan_area .plan_04 .ttl,
.plan_area .plan_01 .txt,
.plan_area .plan_02 .txt,
.plan_area .plan_03 .txt,
.plan_area .plan_04 .txt, {
	color: #111;
}
.plan_area .plan_01 .ttl,
.plan_area .plan_02 .ttl,
.plan_area .plan_03 .ttl,
.plan_area .plan_04 .ttl {
	font-size: 22px;
	font-weight: 600;
	color: #000;
	line-height: 1.666666666666667;
}

.plan_area .link {
	margin-top: 2em;
	font-size: 16px;
	font-weight: 600;
	color: #001E50;
}

.plan_area .link a {
	font-size: 16px;
}
@media screen and (min-width: 769px) {
	.plan_area {
		width: 84%;
		max-width: 1600px;
		margin: 0 auto 200px;
	}
	.plan_area .plan_01 {
		float: right;
		width: 50%;
		max-width: 800px;
		margin-left: 0;
	}
	.plan_area .plan_04 {
		width: 60%;
		max-width: 800px;
		margin-bottom: -20px;
	}
	.plan_area .ttl {
		margin-top: 25px;
	}
	.plan_area .ttl a {
		font-size: 24px;
		line-height: 1.866666666666667;
	}
	.plan_area .ttl a:hover {
		color: rgb(0, 64, 197);
	}
	.plan_area .txt {
		margin-top: 17px;
		font-size: 16px;
		line-height: 1.6;
	}

	.plan_area .plan_02 {
		float: left;
		width: 40%;
		max-width: 640px;
		margin-top: 200px;
	}

	.plan_area .plan_03 {
		float: right;
		width: 40%;
		max-width: 638px;
		margin-top: 13%;
		margin-left: 0;
	}

	.plan_area .plan_01 .ttl,
	.plan_area .plan_02 .ttl,
	.plan_area .plan_03 .ttl {
		font-size: 24px;
		line-height: 1.866666666666667;
	}
	.plan_area .plan_01 a:hover .ttl,
	.plan_area .plan_02 a:hover .ttl,
	.plan_area .plan_03 a:hover .ttl {
		color: rgb(106, 118, 125);
	}
	.plan_area .plan_01 a .img,
	.plan_area .plan_02 a .img,
	.plan_area .plan_03 a .img {
		overflow: hidden;
	}
	.plan_area .plan_01 a .img img,
	.plan_area .plan_02 a .img img,
	.plan_area .plan_03 a .img img {
		transition: transform 2.2s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s;
	}
	.plan_area .plan_01 a:hover .img img,
	.plan_area .plan_02 a:hover .img img,
	.plan_area .plan_03 a:hover .img img {
		transform: scale(1.03);
	}

	.plan_area .link {
		margin-top: 2em;
		font-size: 16px;
	}

	.plan_area .link a {
		font-size: 16px;
	}
	
	.plan_area .plan_01 a:hover .link,
	.plan_area .plan_02 a:hover .link,
	.plan_area .plan_03 a:hover .link {
		color: rgb(0, 64, 197);
	}
}
@media screen and (min-width: 1600px) {
	.plan_area .ttl a {
		font-size: 32px;
	}

	.plan_area .txt {
		font-size: 20px;
	}

	.plan_area .plan_01 .ttl,
	.plan_area .plan_02 .ttl,
	.plan_area .plan_03 .ttl {
		font-size: 32px;
	}

	.plan_area .link {
		font-size: 20px;
	}

	.plan_area .link a {
		font-size: 20px;
	}
}














#solutionsplus,
#lifeup,
#freeplan,
#every6,
#autolease,
#ownersplan,
#dasweltauto,
#used_autolease,
#used_ownersplan {
	margin-top: -55px;
	padding-top: 55px; 
}

#solutions,
#lifeup,
#freeplan,
#autolease,
#dasweltauto,
#used_autolease {
	margin-bottom: 150px;
}
#every6,
#ownersplan,
#used_ownersplan {
	margin-bottom: 100px;
}
@media screen and (min-width: 769px) {
  #solutionsplus,
  #lifeup,
  #freeplan,
  #every6,
  #autolease,
  #ownersplan,
  #used_solutions,
  #dasweltauto,
  #used_autolease,
  #used_ownersplan {
	  margin-top: -90px;
	  padding-top: 90px; 
  }

  #solutions,
  #lifeup,
  #freeplan,
  #every6,
  #autolease,
  #ownersplan,
  #used_solutions,
  #dasweltauto,
  #used_autolease,
  #used_ownersplan {
	  margin-bottom: 250px;
  }
}

/* .layout_02
------------------------------------------------------------------------------ */
.layout_02 {
	width: 100%;
	/*margin-top: 80px;*/
}

.layout_02 .img,
.layout_02 .img img {
	width: 100%;
	font-size: 0;
}

.layout_02 .txt_area {
	width: 84%;
	margin: 15px auto 0;
}

.layout_02 .txt_area .ttl {
	font-size: 28px;
	font-weight: 600;
	text-align: left;
}

.layout_02 .txt_area .txt {
	margin-top: 12px;
	font-size: 16px;
	line-height: 1.769230769230769;
}

.layout_02 .txt_area .link {
	margin-top: 17px;
}

.layout_02 .txt_area .link a {
	font-size: 12px;
	font-weight: 600;
}
@media screen and (min-width: 769px) {
	.layout_02 {
		max-width: 1600px;
		margin: 0px auto 0px;
		width: 84%;
	}

	.layout_02 .fl-l {
		float: left;
	}

	.layout_02 .fl-r {
		float: right;
	}

	.layout_02 .img {
		max-width: 890px;
		width: 55.625%;
	}

	.layout_02 .txt_area {
		max-width: 710px;
		width: 44.375%;
		margin: 0;
	}

	.layout_02 .txt_area .ttl {
		font-size: 32px;
		padding-left: 60px;
	}

	.layout_02 .txt_area .txt {
		margin-top: 20px;
		font-size: 16px;
		line-height: 1.7;
		padding-left: 60px;
	}

	.layout_02 .txt_area .link {
		margin-top: 76px;
	}

	.layout_02 .txt_area .link a {
		font-size: 16px;
	}
}
@media screen and (min-width: 1600px) {
	.layout_02 .txt_area .ttl {
		font-size: 48px;
	}

	.layout_02 .txt_area .txt {
		font-size: 20px;
	}

	.layout_02 .txt_area .link a {
		font-size: 20px;
	}
}



/* .layout_03
------------------------------------------------------------------------------ */
.layout_03 {
	width: 100%;
	margin-top: 100px;
}

.layout_03 .intro_area {
	width: 84%;
	margin: 15px auto 0;
}
.layout_03 .intro_area .ttl {
	font-size: 28px;
	font-weight: 600;
}
.layout_03 .intro_area .txt {
	margin-top: 11px;
	font-size: 13px;
	line-height: 1.769230769230769;
}
.layout_03 .intro_area .txt .txt-b {
	font-weight: 600;
}
.layout_03 .intro_area .txt .txt-n {
	font-weight: normal;
}

.layout_03 .box {
	width: 84%;
	margin: 0 auto;
}

.layout_03 .img {
	width: 100%;
	margin: 20px auto 0;
	text-align: center;
}


.layout_03 .txt_area {
	width: 100%;
	margin: 40px auto 0;
}

.layout_03 .txt_area .ttl {
	font-size: 13px;
	font-weight: normal;
	line-height: 1.9;
}

.layout_03 .txt_area .txt {
	position: relative;
	margin-top: 10px;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.9;
	text-indent: -25px;
	padding-left: 25px;
}

.layout_03 .txt_area .txt:before {
	position: relative;
	content: "";
	display: inline-block;
	vertical-align: super;
	left: 0;
	width: 20px;
	height: 2px;
	border-top: 2px solid #000000;
	margin-right: 5px;
}

.layout_03 .txt_area .txt span {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.9;
}

.layout_03 .notes {
	width: 84%;
	margin: 25px auto 0;
	font-size: 13px;
	color: #6A767D;
	line-height: 1.769230769230769;
}
.layout_03 .notes li {
	text-indent: -1.3em;
	padding-left: 1.3em;
}
@media screen and (min-width: 769px) {
	.layout_03 {
		max-width: 1600px;
		margin: 200px auto 0px;
		width: 84%;
	}

	.layout_03 .intro_area {
		width: 100%;
		margin: 0;
	}

	.layout_03 .intro_area .ttl {
		font-size: 32px;
	}

	.layout_03 .intro_area .txt {
		margin-top: 23px;
		font-size: 16px;
		line-height: 1.769230769230769;
	}

	.layout_03 .box {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		display: -ms-flex;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
	}

	#fp_dwafinancialplans #dasweltauto .layout_03 .box {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		display: -ms-flex;
		-webkit-align-items: flex-start;
		-ms-align-items: flex-start;
		align-items: flex-start;
	}

	.layout_03 .img {
		max-width: 900px;
		width: 56.25%;
		margin: 75px auto 0;
		text-align: center;
	}

	.layout_03 .img img {
		max-width: 492px;
		width: 85%;
		margin:0 auto;
	}

	#fp_other .layout_03 .img {
		max-width: 1050px;
		width: 65.625%;
		width: 80%;
		margin: 40px auto 0 0;
		text-align: left;
	}
	
	#fp_other .layout_03 .img img {
		max-width: 1050px;
		width: 100%;
	}

	#fp_autoleaseownersplan .layout_03 .img {
		max-width: 800px;
		width: 70%;
		margin: 75px auto 20px 13%;
		text-align: left;
	}

	#fp_autoleaseownersplan .layout_03 .img img {
		max-width: 800px;
		width: 100%;
	}

	.layout_03 .txt_area {
		max-width: 700px;
		width: 43.75%;
		margin: 75px auto 0;
	}

	.layout_03 .txt_area .ttl {
		font-size: 16px;
		line-height: 1.9;
	}

	.layout_03 .txt_area .txt {
		font-size: 16px;
		line-height: 1.9;
		text-indent: -30px;
		padding-left: 30px;
	}

	.layout_03 .txt_area .txt:before {
		position: relative;
		content: "";
		display: inline-block;
		vertical-align: super;
		width: 24px;
		height: 2px;
		border-top: 2px solid #000000;
		margin-right: 6px;
	}

	.layout_03 .txt_area .txt span {
		font-size: 16px;
		line-height: 1.9;
	}

	.layout_03 .notes {
		clear: both;
		width: 100%;
		margin: 25px auto 0;
		margin-top: 25px;
	}

#fp_autoleaseownersplan .layout_03 .notes {
		margin-left: 10%;
	}
}

@media screen and (min-width:1400px) {
	#fp_autoleaseownersplan .layout_03 .img {
		margin: 75px auto 20px 152px;
	}
}
@media screen and (min-width:1600px) {
	.layout_03 .intro_area .ttl {
		font-size: 48px;
	}

	.layout_03 .intro_area .txt {
		font-size: 20px;
	}

	.layout_03 .txt_area .ttl {
		font-size: 20px;
	}

	.layout_03 .txt_area .txt {
		font-size: 20px;
	}

	.layout_03 .txt_area .txt span {
		font-size: 20px;
	}
}








/* .layout_04
------------------------------------------------------------------------------ */
.layout_04 {
	width: 100%;
	margin-top: 50px;
}

.layout_04.-itemOpen {
	position: relative;
}

.layout_04.-itemOpen:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 84%;
	height: 1px;	
	border-bottom: 1px solid #000000;
}

.layout_04 .ttl {
	width: 84%;
	margin: 0 auto;
	font-size: 28px;
	font-weight: normal;
}

.layout_04 .ttl span {
	font-size: 28px;
	font-weight: 600;
}

.layout_04 .ttl03 {
	width: 84%;
	margin: 0 auto;
	font-size: 25px;
	font-weight: normal;
	text-align: center;
}

.layout_04 .ttl03 span {
	display: block;
	font-size: 25px;
	font-weight: 600;
}

.layout_04 dl {
	overflow: hidden;
	width: 84%;
	margin: 45px auto 0;
	padding-bottom: 5px;
/*	border-bottom: 1px solid #000000;*/
}

.layout_04 dl dt {
	position: relative;
	cursor: pointer;
	display: block;
	padding-right: 33px;
}

.layout_04 dl dt span {
	/*width: 90%;*/
	font-size: 24px;
	line-height: 1.6;
}

.layout_04 dl dt span.txt-b {
	font-weight: 600;
}

.layout_04 dl dt span.txt-n {
	font-weight: normal;
}

.layout_04 dl dt span.txt-ns {
	font-size: 13px;
	font-weight: normal;
}

#lifeup .layout_04 dl dt span.txt-ns {
	padding-left: 2em;
}

.layout_04 dl dt.is-open:before {
	position: absolute;
	content: "";
	width: 17px;
	height: 9px;
	top: 50%;
	right: 5px;
	margin-top: -6px;
	background: url(/vwf/image/common/icn_arr_open.svg) no-repeat center top;
	background-size: 17px auto;
}

.layout_04 dl dt.is-open.active:before {
	position: absolute;
	content: "";
	width: 17px;
	height: 9px;
	top: 50%;
	right: 5px;
	margin-top: -6px;
	background: url(/vwf/image/common/icn_arr_close.svg) no-repeat center top;
	background-size: 17px auto;
}

.layout_04 dl dd {
	display: none;
/*	padding-bottom: 10px;*/
	padding:20px 0 30px;
}

.layout_04 dl dd .img {
	width: 100%;
	margin: 20px auto 0;
}

.layout_04 dl dd .img img {
	width: 100%;
	font-size: 0;
}

.layout_04 dl dd .img.img-s img {
	width: 82%;
	margin: 0 auto;
}

.layout_04 dl dd .txt_area {
	width: 100%;
	margin: 15px auto 0;
}

.layout_04 dl.tablecell {
	width: 84%;
	margin: 45px auto 0;
	padding: 0;
	border-bottom: 1px solid #000000;
}

.layout_04 dl.tablecell dt {
	width: 100%;
	font-size: 16px;
	font-weight: 600;
}

.layout_04 dl.tablecell dt span {
	font-weight:bold;
	display: block;
	padding-top: 5px;
	font-size: 16px;
	font-weight: normal;
}

.layout_04 dl.tablecell dt span .yen {
	display: inline-block;
	padding-left: 2px;
	font-size: 14px;
}


.layout_04 dl.tablecell dd dl {
	width: 100%;
	margin: 0 auto;
	padding: 15px 0 0 0;
}

.layout_04 dl.tablecell dd dl:after {
	position: relative;
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	padding-bottom: 15px;
	border-bottom: 1px solid #000000;
}

.layout_04 dl.tablecell dd dl:last-child:after {
	display: none;
}

.layout_04 dl.tablecell dd dl dt {
	width: 100%;
	font-size: 16px;
	font-weight: 600;
}

.layout_04 dl.tablecell dd dl dt:after {
	display: none;
}

.layout_04 dl.tablecell dd dl dd {
	display: block;
	padding-top: 5px;
	font-size: 16px;
	border-bottom: 0;
	padding-bottom: 0px;
}

.layout_04 dl.tablecell dd dl dd .yen {
	padding-left: 2px;
	font-size: 14px;
}

.layout_04 .txt_area .ttl {
	margin-top: 15px;
	width: 100%;
	font-size: 13px;
	font-weight: 600;
	text-align: left;
}

.layout_04 .txt_area {
	width: 84%;
	margin: 0 auto;
}

.layout_04 .txt {
	margin-top: 8px;
	width: 100%;
	font-size: 16px;
	line-height: 1.6;
}

.layout_04 .ttl02 {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.9;
}

.layout_04 .txt02 {
	position: relative;
	margin-top: 10px;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.9;
	text-indent: -25px;
	padding-left: 25px;
}

.layout_04 .txt02:before {
	position: relative;
	content: "";
	display: inline-block;
	vertical-align: super;
	left: 0;
	width: 20px;
	height: 2px;
	border-top: 2px solid #000000;
	margin-right: 5px;
}

.layout_04 .txt02 span {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.9;
}

.layout_04 .notes {
	clear: both;
	width: 84%;
	margin: 0 auto;
	padding-top: 25px;
	font-size: 14px;
	color: #6A767D;
	line-height: 1.769230769230769;
}

.layout_04 dl dd .notes {
	width: 100%;
}

.layout_04 .notes li {
	text-indent: -1.3em;
	padding-left: 1.3em;
}
@media screen and (min-width: 769px) {
	.layout_04 {
		max-width: 1600px;
		margin: 120px auto 0;
		width: 84%;
	}

	.layout_04.-itemOpen:after {
		width: 100%;
	}

	.layout_04 .ttl {
		width: 100%;
		font-size: 32px;
	}

	.layout_04 .ttl span {
		font-size: 32px;
	}

	.layout_04 .ttl03 {
		width: 84%;
		margin: 0 auto;
		font-size: 24px;
		font-weight: normal;
		text-align: centere;
	}
	
	.layout_04 .ttl03 span {
		display: inline-block;
		margin-right: 1em;
		font-size: 32px;
		font-weight: 600;
	}

	.layout_04 dl {
		overflow: hidden;
		width: 100%;
		margin: 55px auto 0;
	}
	
	.layout_04 dl dt {
		position: relative;
		font-size: 32px;
		padding-bottom: 10px;
		padding-right: 90px;
	}
	
	.layout_04 dl dt span {
		font-size: 24px;
		line-height: 1.5;
	}

	.layout_04 dl dt span.txt {
		display: block;
		margin-top: 5px;
		font-size: 20px !important;
		line-height: 1.7;
	}

	.layout_04 dl dt span.txt-ns {
		font-size: 25px;
	}

	#lifeup .layout_04 dl dt span.txt-ns {
		padding-left: 2em;
	}

	.layout_04 dl dt.is-open:before {
		position: absolute;
		content: "";
		width: 34px;
		height: 18px;
		top: 50%;
		right: 5px;
		margin-top: -12px;
		background: url(/vwf/image/common/icn_arr_open.svg) no-repeat center top;
		background-size: 34px auto;
	}
	
	.layout_04 dl dt.is-open.active:before {
		position: absolute;
		content: "";
		width: 34px;
		height: 18px;
		top: 50%;
		right: 5px;
		margin-top: -12px;
		background: url(/vwf/image/common/icn_arr_close.svg) no-repeat center top;
		background-size: 34px auto;
	}
	
	.layout_04 dl dd {
		overflow: hidden;
/*		padding-bottom: 20px;*/
padding-bottom: 50px;
	}

	.layout_04 dl dd .fl-l {
		float: left;
	}

	.layout_04 dl dd .fl-r {
		float: right;
	}
	
	.layout_04 dl dd .img {
		width:47.5%;
		max-width: 760px;
		margin: 50px auto 0;
	}

	.layout_04 dl dd .img.img-s img {
		width: 100%;
	}
	
	.layout_04 dl dd .txt_area {
		width: 40.25%;
		max-width: 644px;
		margin: 30px 5% 0 0;
	}
	
	.layout_04 .txt_area .ttl {
		margin-top: 20px;
		font-size: 16px;
	}

	.layout_04 .txt_area {
		width: 84%;
		margin: 0 auto 0 0;
	}

	.layout_04 .txt {
		margin-top: 20px;
		font-size: 16px;
		line-height: 1.7;
	}

	.layout_04 .ttl02 {
		margin-top: 20px;
		font-size: 16px;
		line-height: 1.9;
	}

	.layout_04 .txt02 {
		font-size: 16px;
		line-height: 1.9;
		text-indent: -30px;
		padding-left: 30px;
	}

	.layout_04 .txt02:before {
		position: relative;
		content: "";
		display: inline-block;
		vertical-align: super;
		width: 24px;
		height: 2px;
		border-top: 2px solid #000000;
		margin-right: 6px;
	}

	.layout_04 .txt02 span {
		font-size: 20px;
		line-height: 1.9;
	}

	.layout_04 .notes {
		width: 100%;
		font-size: 14px;
	}
}
@media screen and (min-width: 1600px) {
	.layout_04 .ttl {
		font-size: 48px;
	}

	.layout_04 .ttl span {
		font-size: 48px;
	}

	.layout_04 .ttl03 {
		font-size: 31px;
	}
	
	.layout_04 .ttl03 span {
		font-size: 48px;
	}

	.layout_04 .txt_area .ttl {
		font-size: 20px;
	}

	.layout_04 dl dt {
		font-size: 32px;
	}
	
	.layout_04 dl dt span {
		font-size: 32px;
	}

	.layout_04 dl dt span.txt {
		font-size: 20px !important;
	}

	.layout_04 dl dt span.txt-ns {
		font-size: 25px;
	}

	.layout_04 .txt {
		font-size: 20px;
	}

	.layout_04 .ttl02 {
		font-size: 20px;
	}

	.layout_04 .txt02 span {
		font-size: 20px;
	}

	.layout_04 .notes {
		font-size: 18px;
	}
}



/* .layout_05
------------------------------------------------------------------------------ */
.layout_05 {
	width: 84%;
	margin: 100px auto 0;
}
.layout_05 .img,
.layout_05 .img img {
	width: 100%;
	font-size: 0;
}
.layout_05 .txt_area {
	width: 100%;
	margin: 15px auto 0;
}
.layout_05 .txt_area .ttl {
	font-size: 20px;
	font-weight: 600;
	text-align: left;
}
.layout_05 .txt_area ul {
	margin-top: 30px;
}
.layout_05 .txt_area ul li {
	margin-top: 20px;
}
.layout_05 .txt_area ul li a {
	font-size: 12px;
	font-weight: 600;
}
@media screen and (min-width: 769px) {
	.layout_05 {
		max-width: 1600px;
		width: 84%;
		margin: 200px auto 0;
		padding-left: 5.28%;
		display: flex;
		display: -webkit-flex;
		display: -ms-flex;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
	}

	.layout_05.reverse {
		-webkit-flex-direction:row-reverse;
		-ms-flex-direction:row-reverse;
		flex-direction:row-reverse;
	}

	.layout_05 .img {
		width: 55.1%;
		max-width: 800px;
		padding-left: 0;
	}

	.layout_05.reverse .img {
		width: 55.1%;
		max-width: 800px;
	}
	
	.layout_05 .txt_area {
		width: 46.75%;
		max-width: 716px;
		margin: 0;
		padding-left: 5.2%;
	}

	.layout_05.reverse .txt_area {
		padding-left: 0;
		padding-right: 5.2%;
	}
	.layout_05 .txt_area .ttl {
		font-size: 32px;
	}
	.layout_05 .txt_area ul {
		/*margin-top: 80px;
		margin-top: 15.094339623%;*/
		margin-top: 2em;
	}
	.layout_05 .txt_area ul li {
		margin-top: 4.773584906%;
	}

	.layout_05 .txt_area ul li:first-child {
		margin-top: 0;
	}

	.layout_05 .txt_area ul li a {
		font-size: 20px;
	}
}




/* .layout_05_2
------------------------------------------------------------------------------ */
.layout_05_2 {
	width: 84%;
	margin: 100px auto 0;
}
.layout_05_2 .img,
.layout_05_2 .img img {
	width: 100%;
	font-size: 0;
}
.layout_05_2 .txt_area {
	width: 100%;
	margin: 15px auto 0;
}
.layout_05_2 .txt_area .ttl {
	font-size: 20px;
	font-weight: 600;
	text-align: left;
}
.layout_05_2 .txt_area ul {
	margin-top: 30px;
}
.layout_05_2 .txt_area ul li {
	margin-top: 20px;
}
.layout_05_2 .txt_area ul li a {
	font-size: 12px;
	font-weight: 600;
}
@media screen and (min-width: 769px) {
	.layout_05_2 {
		max-width: 1600px;
		width: 84%;
		margin: 200px auto 0;
		display: flex;
		display: -webkit-flex;
		display: -ms-flex;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
	}

	.layout_05_2.reverse {
		-webkit-flex-direction:row-reverse;
		-ms-flex-direction:row-reverse;
		flex-direction:row-reverse;
	}

	.layout_05_2 .img {
		width: 55.1%;
		max-width: 800px;
		padding-left: 0;
	}

	.layout_05_2.reverse .img {
		width: 55.1%;
		max-width: 800px;
	}
	
	.layout_05_2 .txt_area {
		width: 46.75%;
		max-width: 716px;
		margin: 0;
		padding-left: 5.2%;
	}

	.layout_05_2.reverse .txt_area {
		padding-left: 0;
		padding-right: 5.2%;
	}
	.layout_05_2 .txt_area .ttl {
		font-size: 32px;
	}
	.layout_05_2 .txt_area ul {
		/*margin-top: 80px;
		margin-top: 15.094339623%;*/
		margin-top: 2em;
	}
	.layout_05_2 .txt_area ul li {
		margin-top: 4.773584906%;
	}

	.layout_05_2 .txt_area ul li:first-child {
		margin-top: 0;
	}

	.layout_05_2 .txt_area ul li a {
		font-size: 20px;
		line-height: 1.7;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 1280px) {
	.layout_05_2 .txt_area ul li a {
		font-size: 16px;
	}
}






/* .layout_06 
------------------------------------------------------------------------------ */
.layout_06 {
	max-width: 1600px;
	width: 84%;
	margin: 0 auto;
}
.layout_06 .txt_area {
	width: 100%;
	margin-top: 80px;
}

.layout_06 .txt_area .ttl{
	margin-top: 20px;
	font-size: 20px;
	font-weight: 600;
	/*padding-left: 18px;*/
}

.layout_06 .txt_area .link {
	margin-top: 20px;
/*	padding-left: 18px;*/
}
.layout_06 .txt_area .link a {
	font-size: 16px;
	font-weight: 600;
}
@media screen and (min-width: 769px) {
	.layout_06 {
		max-width: 1600px;
		width: 84%;
		margin: 200px auto 0;
		display: flex;
		display: -webkit-flex;
		display: -ms-flex;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
	
	}
	.layout_06 .txt_area {
		max-width: 720px;
		margin-top: 0;
		width: 45%;
	}
	.layout_06 .txt_area .ttl{
		margin-top: 20px;
		padding-left: 0;
		font-size: 24px;
		font-weight: 600;
	}
	.layout_06 .txt_area .link {
		margin-top: 20px;
		padding-left: 0;
	}
	.layout_06 .txt_area .link a {
		font-size: 20px;
	}
}



.layout_07 {
    width: 100%;
    margin-top: 50px;
}
.layout_07 dl {
	width: 84%;
	margin: 0 auto 0;
}
.layout_07 dl dt {
    padding-top: 20px;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}
.layout_07 dl dd {
    width: 100%;
    padding: 20px 0px;
    font-size: 16px;
    text-align: left;
    border-bottom: 1px solid #000000;
}
.layout_07 table.rate {
	margin: 0 auto;
	max-width: inherit;
	width: 100%;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	box-sizing: border-box;
}
.layout_07 table.rate th  {
    padding: 10px 5px 10px 5px;
    width: 23.076923077%;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    background: #DFE4E8;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #ffffff;
    box-sizing: border-box;
}
.layout_07 table.rate thead tr:nth-child(1) th  {
	color: #ffffff;
	background: #00437A;
}
.layout_07 table.rate thead tr:nth-child(1) th:first-child  {
    border-left: none;
}
.layout_07 table.rate thead th  {
    border-left: 1px solid #ffffff;
}
.layout_07 table.rate tr:last-child th  {
    border-bottom: 1px solid #cccccc;
}
.layout_07 table.rate td {
    max-width: inherit;
    padding: 10px 5px 10px 5px;
    font-size: 13px;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    background: #ffffff;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    box-sizing: border-box;
}
.layout_07 table.rate th.w300  {
	width: 35%;
    text-align: left;
    padding-left: 10px;
}
.layout_07 table.rate th.w175,
.layout_07 table.rate td.w175 {
    width: 13%;
}
.layout_07 .notes {
	clear: both;
    width: 84%;
    margin: 0 auto;
    padding-top: 25px;
    font-size: 14px;
    color: #6A767D;
    line-height: 1.769230769230769;
}
.layout_07 .notes li {
    text-indent: -1.3em;
    padding-left: 1.3em;
}
@media screen and (min-width: 769px) {
  .layout_07 {
	  max-width: 1600px;
	  margin: 120px auto 0;
	  width: 84%;
  }
  .layout_07 dl {
	  position: relative;
	  margin: 0 auto 0;
	  width: 100%;
	  display: flex;
	  display: -webkit-flex;
	  display: -ms-flex;
  }
  .layout_07 dl:first-child {
	  border-top: 2px solid #000000;
  }
  .layout_07 dl:after {
	  position: absolute;
	  content: "";
	  left: 0;
	  bottom: 0;
	  display: table;
	  width: 100%;
	  height: 1px;
	  border-bottom: 1px solid #cccccc;
  }
  .layout_07 dl dt {
	  min-width: 230px;
	  width: 200px;
	  padding: 15px 0px;
	  font-size: 16px;
	  font-weight: 600;
	  text-align: left;
  }
  .layout_07 dl dd {
	  position: relative;
	  width: 100%;
	  text-align: left;
	  border-bottom: none;
	  position: relative;
	  width: calc(100% - 250px);
	  padding: 15px 0px 15px 20px;
	  font-size: 16px;
  }
  .layout_07 dl dd:before {
	  position: absolute;
	  content: "";
	  display: block;
	  top: 0;
	  left: 0px;
	  width: 2px;
	  height: 100%;
	  padding-left: 2px;
	  border-left: 2px solid #000000;
	  z-index: 1; 
  }
  .layout_07 table.rate {
	  margin: 0 auto;
	  max-width: inherit;
	  width: 100%;
	  border-right: 1px solid #cccccc;
	  border-top: 1px solid #cccccc;
	  box-sizing: border-box;
  }
  .layout_07 table.rate th  {
	  padding: 10px 5px 10px 5px;
	  width: 23.076923077%;
	  font-size: 16px;
	  font-weight: 600;
	  line-height: 1.5;
	  text-align: center;
	  vertical-align: middle;
	  background: #DFE4E8;
	  border-left: 1px solid #cccccc;
	  border-bottom: 1px solid #ffffff;
	  box-sizing: border-box;
  }
  .layout_07 table.rate thead tr:nth-child(1) th  {
	  color: #ffffff;
	  background: #00437A;
  }
  .layout_07 table.rate td {
	  max-width: inherit;
	  padding: 10px 5px 10px 5px;
	  font-size: 16px;
	  line-height: 1.5;
	  text-align: center;
	  vertical-align: middle;
	  background: #ffffff;
	  border-left: 1px solid #cccccc;
	  border-bottom: 1px solid #cccccc;
	  box-sizing: border-box;
  }
  .layout_07 table.rate th.w300  {
	  width: 35%;
	  text-align: center;
	  padding-left: 10px;
  }
  .layout_07 table.rate th.w175,
  .layout_07 table.rate td.w175 {
	  width: 13%;
  }
  .layout_07 .notes {
	  width: 100%;
	  font-size: 14px;
  }
}



/* table 
------------------------------------------------------------------------------ */
table.table01 {
	display: table;
	width: 84%;
	margin: 30px auto 0; 
}

table.table01 th {
	display: block;
	padding-top: 20px;
	width: 100%;
	font-size: 16px;
	font-weight: 600;
	text-align: left;
}

table.table01 td {
	display: block;
	width: 100%;
	padding: 20px 0px;
	font-size: 16px;
	text-align: left;
	border-bottom: 1px solid #000000;
}

table.table01 a {
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
}

.table01 td .notes {
	width: 100%;
}
@media screen and (min-width: 769px) {
	table.table01 {
		display: table;
		max-width: 1600px;
		width: 100%;
		margin:120px auto 0;
		position: relative;
		border-top: 2px solid #000000;
	}
	
	table.table01 tr {
		position : relative;
		display: table;
		width: 100%;
	}
	
	table.table01 tr:after {
		position: absolute;
		content: "";
		left: 0;
		bottom: 0;
		display: table;
		width: 100%;
		height: 1px;
		border-bottom: 1px solid #cccccc;
	}
	
	table.table01 th {
		display:  table-cell;
		padding: 15px 0px;
		min-width: 230px;
		width: 200px;
		font-size: 16px;
	}
	
	table.table01 td {
		position: relative;
		display: table-cell;
		width: calc(100% - 250px);
		padding: 15px 0px 15px 20px;
		font-size: 16px;
		border-bottom: none;
	}

	table.table01 td:before {
		position: absolute;
		content: "";
		display: block;
		top: 0;
		left: 0px;
		width: 2px;
		height: 100%;
		padding-left: 2px;
		border-left: 2px solid #000000;
		z-index:1;
	}
	
	table.table01 a {
		font-size: 16px;
	}



table.table01 td table.rate {
	margin: 0 0 10px;
	/*max-width: 1000px;*/
	width: 99%;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	box-sizing: border-box;
}

table.table01 td table.rate th {
	padding: 15px 0px 15px 0px;
	min-width: inherit;
	/*width: 23.076923077%;*/
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	vertical-align: middle;
	background: #e5e5e5;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	box-sizing:border-box;
}

table.table01 td table.rate thead tr:nth-child(1) th {
	color: #ffffff;
	background: #999999;
}


table.table01 td table.rate thead tr:nth-child(1) th:nth-child(1) {
	width: 32.5%;
}
table.table01 td table.rate thead tr:nth-child(1) th:nth-child(2) {
/*	width: 67.6%;*/
}


table.table01 td table.rate thead tr:nth-child(2) th:nth-child(2) {
}



table.table01 td table.rate th.w175 {
	/*width: 175px;*/
	/*width: 170px;
	width: 17%;*/
}

table.table01 td table.rate th.w300 {
/*	width: 300px;*/
	/*width: 325px;
	width: 32.5%;*/
}

table.table01 td table.rate th.w700 {
/*	width: 700px;*/
/*	width: 675px;
	width: 67.5%;*/
}



table.table01 td table.rate tbody th {
	text-align: left;
	padding-left: 4%;
}



table.table01 td table.rate tbody th {
	width: 32.5%;
}



table.table01 td table.rate tbody td {
	padding: 10px 0px 10px 0px;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	vertical-align: middle;
	background: #ffffff;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	box-sizing:border-box;
	
	width: 13.5%;




}

table.table01 td table.rate tbody td:before {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    left: 0px;
    width: 2px;
    height: 100%;
    padding-left: 2px;
    border-left: none;
    z-index: 1;
}

table.table01 td table.rate tbody sup {
	font-size: 80%;
	padding: 0 2px;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}













}
@media screen and (min-width: 1600px) {
	table.table01 th {
		font-size: 20px;
	}
	
	table.table01 td {
		font-size: 20px;
	}
	table.table01 a {
		font-size: 20px;
	}
}





table.table02 {
	display: table;
	width: 84%;
	margin: 30px auto 0; 
}

table.table02 th {
	display: block;
	padding-top: 20px;
	width: 100%;
	font-size: 16px;
	font-weight: 600;
	text-align: left;
}

table.table02 td {
	display: block;
	width: 100%;
	padding: 20px 0px;
	font-size: 16px;
	text-align: left;
	border-bottom: 1px solid #000000;
}

table.table02 a {
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
}

.table02 td .notes {
	width: 100%;
}

@media screen and (min-width: 769px) {
	table.table02 {
		display: table;
		max-width: 1600px;
		width: 100%;
		margin:120px auto 0;
		position: relative;
		border-top: 2px solid #000000;
	}
	
	table.table02 tr {
		position : relative;
		display: table;
		width: 100%;
	}
	
	table.table02 tr:after {
		position: absolute;
		content: "";
		left: 0;
		bottom: 0;
		display: table;
		width: 100%;
		height: 1px;
		border-bottom: 1px solid #cccccc;
	}
	
	table.table02 th {
		display:  table-cell;
		padding: 15px 0px;
		min-width: 231px;
		width: 200px;
		font-size: 16px;
	}

	table.table02 td {
		position: relative;
		display: table-cell;
		min-width: 140px;
		width: calc(25% - 77px);
		padding: 15px 0px 15px 20px;
		font-size: 16px;
		border-bottom: none;
	}

	table.table02 td {
		padding: 15px 5px 15px 0px;
		text-align: right;
	}

	table.table02 td .yen {
		padding-left: 2px;
		font-size: 14px;
	}

	table.table02 td:before {
		position: absolute;
		content: "";
		display: block;
		top: 0;
		left: 0px;
		width: 2px;
		height: 100%;
		padding-left: 2px;
		border-left: 1px solid #cccccc;
		z-index:1;
	}

	table.table02 td:nth-of-type(1):before {
		position: absolute;
		content: "";
		display: block;
		top: 0;
		left: 0px;
		width: 2px;
		height: 100%;
		padding-left: 2px;
		border-left: 2px solid #000000;
		z-index:1;
	}
	
	table.table02 a {
		font-size: 16px;
	}
}
@media screen and (min-width: 840px) {
	table.table02 td {
		padding: 15px 20px 15px 0px;
	}
}
@media screen and (min-width: 1600px) {
	table.table02 th {
		font-size: 20px;
	}

	table.table02 td {
		font-size: 20px;
	}

	table.table02 td .yen {
		padding-left: 2px;
		font-size: 18px;
	}

	table.table02 a {
		font-size: 20px;
	}
}



/* .dealer_area  [ディーラー検索]
------------------------------------------------------------------------------ */
.dealer_area {
	width: 84%;
	margin: 0 auto;
}

.dealer_area a {
	color: #111111;
}
.dealer_area .img {
	width: 100%;
}
.dealer_area .txt_area {
	width: 100%;
	margin-top: 15px;
}
.dealer_area .txt_area .ttl {
	font-size: 28px;
	font-weight: bold; 
	line-height: 1.5;
}
.dealer_area .txt_area .ttl span {
	font-weight: bold;
}

.dealer_area .txt_area .link {
	margin-top: 20px;
	font-size: 16px;
	font-weight: 600;
	color: #001E50;
}

.dealer_area .txt_area ul {
	margin-top: 25px;
}

.dealer_area .txt_area ul li {
	position: relative;
	font-size: 16px;
}
@media screen and (min-width: 769px) {
  .dealer_area {
	  max-width: 1600px;
	  width: 84%;
	  margin: 200px auto 0;
	  justify-content: space-between;
  }

  .dealer_area a {
	  display: flex;
	  display: -webkit-flex;
	  display: -ms-flex;
	  -webkit-justify-content: space-between;
	  -ms-justify-content: space-between;
	  justify-content: space-between;
  }
  .dealer_area .img {
	  display: block;
	  width: 50%;
	  overflow: hidden;
  }

  .dealer_area .img img {
	  transition: transform 2.2s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s;
  }

  .dealer_area:hover .img img {
	  transform: scale(1.03);
  }

  .dealer_area .txt_area {
	  width: 50%;
  }

  .dealer_area .txt_area .ttl {
	  font-size: 32px;
	  line-height: 1.75;
	   padding-left: 20%;
  }

  .dealer_area:hover .txt_area .ttl {
	  color: rgb(106, 118, 125);
  }

  .dealer_area .txt_area .link {
	  margin-top: 66px;
	  font-size: 16px;
	  color: #001E50;
	  text-decoration: underline;
  }

  .dealer_area .txt_area .link:hover {
	  color: rgb(0, 64, 197);
  }

  .dealer_area .txt_area ul {
	  margin-top: 2em;
	  padding-left: 20%;
  }

  .dealer_area .txt_area ul li {
	  display: inline;
	  font-size: 16px;
  }

  .dealer_area .txt_area ul li:hover {
	  color: rgb(0, 64, 197);
	  font-size: 16px;
  }

  .dealer_area a:hover .item-bd span{
	  border-bottom: 1px solid #001E50;
  }

  .dealer_area a:hover .item-bd:hover span{
	  border-bottom: 1px solid #0040C5;
  }
  .dealer_area a:hover .itemBlank span:after {
  	background: url(/vwf/image/common/icn_outlink_hover.svg) no-repeat center center;
  	background-size: 20px 20px;
  }
}
@media screen and (min-width: 1600px) {
  .dealer_area .txt_area .ttl {
	  font-size: 48px;
  }

  .dealer_area .txt_area .link {
	  font-size: 20px;
  }

  .dealer_area .txt_area ul li {
	  font-size: 20px;
  }

  .dealer_area .txt_area ul li:hover {
	  font-size: 20px;
  }
}




/* .simulation_area  [お支払いシュミレーション]
------------------------------------------------------------------------------ */
.simulation_area {
	width: 84%;
	margin: 100px auto 0;
}

.simulation_area a {
	color: #111111;
}
.simulation_area .img {
	width: 100%;
}
.simulation_area .txt_area {
	width: 100%;
	margin-top: 15px;
}
.simulation_area .txt_area .ttl {
	font-size: 28px;
	font-weight: bold; 
	line-height: 1.5;
}
.simulation_area .txt_area .ttl span {
	font-weight: bold;
}
.simulation_area .txt_area .link {
	margin-top: 20px;
	font-size: 16px;
	font-weight: 600;
	color: #001E50;
}

.simulation_area .txt_area ul {
	margin-top: 25px;
}

.simulation_area .txt_area ul li {
	position: relative;
	font-size: 16px;
}
@media screen and (min-width: 769px) {
  .simulation_area {
	  max-width: 1600px;
	  width: 84%;
	  margin: 200px auto 0;
  }
  .simulation_area a {
	  display: flex;
	  display: -webkit-flex;
	  display: -ms-flex;
	  -webkit-justify-content: space-between;
	  -ms-justify-content: space-between;
	  justify-content: space-between;
	  -webkit-flex-direction:row-reverse;
	  -ms-flex-direction:row-reverse;
	  flex-direction:row-reverse;
  }
  .simulation_area .img {
	  display: block;
	  width: 50%;
	  overflow: hidden;
  }

  .simulation_area .img img {
	  transition: transform 2.2s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s;
  }

  .simulation_area:hover .img img {
	  transform: scale(1.03);
  }

  .simulation_area .txt_area {
	  width: 50%;
  }

  .simulation_area .txt_area .ttl {
	  font-size: 32px;
	  line-height: 1.75;
	  padding-left: 0;
  }

  .simulation_area:hover .txt_area .ttl {
	  color: rgb(106, 118, 125);
  }

  .simulation_area .txt_area .link {
	  margin-top: 66px;
	  font-size: 16px;
	  color: #001E50;
	  text-decoration: underline;
  }

  .simulation_area .txt_area .link:hover {
	  color: rgb(0, 64, 197);
  }

  .simulation_area .txt_area ul {
	  margin-top: 60px;
	  padding-left: 0;
  }

  .simulation_area .txt_area ul li {
	  display: inline;
	  font-size: 16px;
  }

  .simulation_area .txt_area ul li:hover {
	  color: rgb(0, 64, 197);
	  font-size: 16px;
  }

  .simulation_area a:hover .item-bd span{
	  border-bottom: 1px solid #001E50;
  }

  .simulation_area a:hover .item-bd:hover span{
	  border-bottom: 1px solid #0040C5;
  }
}
@media screen and (min-width: 1600px) {
  .simulation_area .txt_area .ttl {
	  font-size: 48px;
  }

  .simulation_area .txt_area .link {
	  font-size: 20px;
  }

  .simulation_area .txt_area ul li {
	  font-size: 20px;
  }

  .simulation_area .txt_area ul li:hover {
	  font-size: 20px;
  }
}



/* .category_area 
------------------------------------------------------------------------------ */
.category_area {
	width: 100%;
	margin: 0 auto;
}
.category_area .box {
	width: -webkit-calc(100% - 20px);
	width: calc(100% - 20px);
	padding: 0; 
	overflow: hidden;
}

.slider .box {
    margin: 0 20px 0 0;
}

.slider {
  width: 84%;
  margin: 160px auto 0;
}

.slider .slick-list {
	padding: 0 25% 0 0;
}

.category_area .img {
	font-size: 0;
}

.category_area .box a {
	font-weight: 600;
	outline: none;
	color: #000000;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.category_area .box a:hover {
	color: rgb(106, 118, 125);
}

.category_area .txt {
	font-size: 24px;
	line-height: 1.8;
}
@media screen and (min-width: 769px) {
  .category_area {
	  max-width: 1600px;
	  width: 84%;
	  margin: 200px auto 0;
	  display: flex;
	  display: -webkit-flex;
	  display: -ms-flex;
	  -webkit-justify-content: space-between;
	  -ms-justify-content: space-between;
	  justify-content: space-evenly;
  }

  .category_area .box {
	  max-width: 482px;
	  width: 30.125%;
	  padding: 20px 0 1px; 
  }

  .slider .box {
	  margin: 0;
  }

  .slider .box p.img {
	  overflow: hidden;
	  font-size: 0;
	  margin-bottom: 24px;
  }

  .category_area .img {
	  font-size: 0;
  }
}
@media screen and (min-width: 1600px) {
  .category_area .txt {
	  font-size: 32px;
  }
}



/* .movie_area 
------------------------------------------------------------------------------ */
.movie_area {
	width: 84%;
	margin: 100px auto 150px;
}

.movie_area .txt {
	font-size: 24px;
	font-weight: 600;
}

.movie_area .box {
	margin-top: 20px;
	width: 100%;
}

.movie_area .img {
	width: 100%;
}

.movie_area .link {
	margin-top: 20px;
}

.movie_area a .link {
	font-size: 16px;
	font-weight: 600;
}

@media screen and (min-width: 769px) {
	.movie_area {
		max-width: 1600px;
		width: 84%;
		margin: 120px auto 200px;
	}
	
	.movie_area .txt {
		font-size: 24px;
	}

	.movie_area .box {
		max-width: 482px;
		width: 100%;
		margin: 50px auto 0;
	}
	
	.movie_area .img {
		width: 100%;
		padding: 0;
		margin: 0;
		overflow: hidden;
		font-size: 0;
	}
	
	.movie_area .link {
		width: 100%;
		margin: 30px auto 0;
	}

	.movie_area a .link {
		font-size: 16px;
	}
}
@media screen and (min-width: 1600px) {
	.movie_area .txt {
		font-size: 32px;
	}

	.movie_area a .link {
		font-size: 20px;
	}
}