@charset "utf-8";
/* CSS Document */

/* DYFC 共通用 css
------------------------------------------------------------------------------*/

:root {
	--color-DYFC-orange: #ff7600;/* DYFC オレンジ */
	--color-black: black;/* DYFC オレンジ */
	--color-titleZabu: #f4f4f4;/* タイトルザブ グレー */
	--color-footerBG: #fff8f2;/* Footer背景 薄いオレンジ */
	--color-line-gray: #d2d3d3;/* 線 グレー */
	--color-border-gray: #e0e0e0;/* 枠 グレー */
}
@media screen and (max-width: 767px) {:root {/* // Mobile // */
	--header-height: 6rem;
}}
@media screen and (min-width: 768px) {:root {/* // PC // */
	--header-height: 10rem;
}}


/*============================================================================*/
:where(:focus-visible) {box-shadow: none;}


* {
	margin : 0;
	padding : 0;
}
html {scroll-behavior: smooth;} 
body {
	font-size: 1.6rem;/* // Root Font Size // */
	letter-spacing: 0.05em;
}

table {font-size: 1em;}

main {
	position: relative;
	overflow-wrap: break-word;
}


/*============================================================================*/

body > main a,
body > footer a {transition: all 0.3s;}
body > main a:hover,
body > footer a:hover {opacity: 0.7;}

/*============================================================================*/

.zerobreak {
	clear: both;
	font-size: 0;
}
br.pcbr {display: none;}
br.mobr {display: inline;}

.jus {text-align: justify;}
img {
	border: 0;
	max-width: 100%;
	vertical-align: bottom;
	max-height: 100%;
	width /***/:auto;
	height: auto;
}

/*============================================================================*/

a .arrow-S {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.8rem;
	height: 1.8rem;
	margin-left: 1.8rem;
	background: black;
	border-radius: .6rem;
}
a .arrow-S::before {
	content: "";
	display: block;
	width: 50%;
	font-size: 0;
	background-image: url(/-/media/Project/globeride/daiwa_com_jp/top/arrow_normal_s_bf98141f.svg);
	aspect-ratio: 1;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	filter: invert(1);
}
a:hover .arrow-S {}




a .arrow-L {}
a:hover .arrow-L {}


/*============================================================================*/

a {
	outline: none;
	color: inherit;
}
a:link,
a:visited,
a:hover,
a:active,
a:focus {
	color: inherit;
	text-decoration: none;
}
a.noLink {pointer-events: none;}


a,
a *,
a::before,
a::after,
a *::before,
a *::after {
	transition: all .2s;
}



/*============================================================================*/
/* SNS Icon */

.snsIcon > a::before {
	display: block;
	aspect-ratio: 1;
	content: "";
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.snsIcon.facebook > a::before {background-image: url(/-/media/Project/globeride/daiwa_com_jp/header/fb.svg);}
.snsIcon.instagram > a::before {background-image: url(/-/media/Project/globeride/daiwa_com_jp/header/insta.svg);}
.snsIcon.youtube > a::before {background-image: url(/-/media/Project/globeride/daiwa_com_jp/header/yt.svg);}


/*============================================================================*/
/* パンくず */

main > .commonBreadcrumb_upper {z-index: 10;}
	.heroDesign-home main > .commonBreadcrumb_upper {display: none;}
	.heroDesign-home.addBreadcrumb main > .commonBreadcrumb_upper {display: block;}
	.heroDesign-textColor-white main > .commonBreadcrumb_upper {filter: invert(1);}

main > .commonBreadcrumb_upper > .breadcrumb {}
main > .commonBreadcrumb_upper > .breadcrumb > a {display: inline-block;}
main > .commonBreadcrumb_upper > .breadcrumb > a[href] {color: #878a8c;}
main > .commonBreadcrumb_upper > .breadcrumb > a:not([href]) {}
main > .commonBreadcrumb_upper > .breadcrumb > a:not([href]):hover {opacity: 1;}
main > .commonBreadcrumb_upper > .breadcrumb > a[href]:hover {color: black;}

main > .commonBreadcrumb_upper > .breadcrumb > .arrow {
	display: inline-block;
	-webkit-mask: url(/-/media/Project/globeride/daiwa_com_jp/top/arrow_head_one_984d7bae.svg) center/contain no-repeat;
	mask: url(/-/media/Project/globeride/daiwa_com_jp/top/arrow_head_one_984d7bae.svg) center/contain no-repeat;
	background: #0a0a14;
	aspect-ratio: 1;
	width: 1rem;
	margin-left: .6em;
	margin-right: .45em;
}


/*============================================================================*/

header *,
header *::before,
header *::after,
header::before,
header::after,
header {
	transition: .3s;
}
header > .wrap {
	position: fixed;
	width: 100%;
	z-index: 100;
	top: 0;
}
header > .wrap::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	/* background: linear-gradient(0deg,rgba(237, 83, 83, 0) 0%, rgba(237, 83, 83, 0.3) 80%); */
	background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 80%);
	pointer-events: none;
}
header > .wrap > .container {
	position: absolute;
	top: 0;
	width: 100%;
	backdrop-filter: blur(.8rem) saturate(80%);
}

header > .wrap > .container > .item.logo {
	display: flex;
	justify-content: center;
	background-color: var(--color-DYFC-orange);
}
header > .wrap > .container > .item.logo > .dyfcLogo {
	font-size: 0;
	/* mask: url(image/logo.svg) center/contain no-repeat;
	background-color: black; */
	background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/common/image/logo.svg);
	aspect-ratio: 1.82;/* 273x150px (AspectRatio = 91:50 ≒ 1.82) */
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	width: 55.0531%;/* 37.6rem の中に 20.7remで表示 // =(20.7÷37.6)*100 */
}
header > .wrap > .container > .item.userMenu > .container {
	display: flex;
	/* height: -webkit-fill-available; */
	height: 100%;
}
header > .wrap > .container > .userMenu > .container > .item > a:hover {background-color: var(--color-footerBG);}
header > .wrap > .container > .userMenu > .container > .item > a:hover > img {opacity: .8;}




#footer-sitemap {background-color: var(--color-footerBG);}
#footer-sitemap > .wrap > .container-page > .item > .heading > a {
	display: flex;
	align-items: center;
	width: fit-content;
}
#footer-sitemap > .wrap > .container-page > .item > .list > ul > li + li {
	margin-top: 1em;
}
#footer-sitemap > .wrap > .container-page > .item > .list > ul > li > a {
	display: flex;
	line-height: 1;
}
#footer-sitemap > .wrap > .container-page > .item > .list > ul > li > a::before {
	content: "";
	display: block;
	width: .4rem;
	height: max(.1rem, 1px);
	margin-top: .5em;
	margin-right: 0.3rem;
	background-color: black;
}
#footer-sitemap > .wrap > .container-page > .item > .list > ul > li > a > span {}




#footer-sitemap > .wrap > .container-link > .item.link > .container {
	display: flex;
}
#footer-sitemap > .wrap > .container-link > .item.link > .container > .item {}
#footer-sitemap > .wrap > .container-link > .item.link > .container > .item > a {
	display: flex;
	align-items: center;
	width: fit-content;
}
#footer-sitemap > .wrap > .container-link > .item.link > .container > .item > a > .arrow-S {}
#footer-sitemap > .wrap > .container-link > .item.sns > .container > .item > a {
	display: flex;
	align-items: center;
	gap: 1rem;
}
#footer-sitemap > .wrap > .container-link > .item.sns > .container > .item > a::before {width: 3.4rem;}




#footer-logo{
	background-color: black;
	color: white;
}
#footer-logo > .wrap > .container > .item.daiwa-logo {}
#footer-logo > .wrap > .container > .item.daiwa-logo > a {
	display: block;
	width: fit-content;
}
#footer-logo > .wrap > .container > .item.daiwa-logo > a > span {
	font-size: 0;
	background-image: url(/-/media/Project/globeride/daiwa_com_jp/common/logo_daiwa.svg);
	aspect-ratio: 6.818182;/* 300x44px (AspectRatio = 75:11 ≒ 6.818182) */
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	filter: invert(1);
}




/*============================================================================*/

/*====================================*/
/* Hero Area */

#heroArea {}
	.heroDesign-home #heroArea {padding-top: 0;}
#heroArea > .titleArea {
	background-color: var(--color-titleZabu);
	font-weight: bold;
	line-height: 1.05;
}
	.heroDesign-home #heroArea > .titleArea {display: none;}
#heroArea > .titleArea > .subTitle {color: var(--color-DYFC-orange);}
	.heroDesign-subTitle_none #heroArea > .titleArea > .subTitle {display: none;}
#heroArea > .titleArea > .mainTitle {}

#heroArea > .heroImageArea {
	position: relative;
	background-image: var(--hero-image);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	aspect-ratio: var(--hero-imageAspectRatio, 2.3);
}
	.heroDesign-textColor-white #heroArea > .heroImageArea {color: white;}
#heroArea > .heroImageArea > .copy {
	background-image: var(--hero-copyImage);
	aspect-ratio: var(--hero-copyAspectRatio, 2);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 50%;
	top: calc(var(--header-height, 10rem) + (100% - var(--header-height, 10rem)) / 2);/* headerの高さを引いた残りの50％ */
	transform: translateY(-50%);
}
#heroArea > .heroImageArea > .copy.text {
	width: fit-content;
	background-image: none;
	aspect-ratio: auto;
	font-weight: bold;
	color: white;
}


#heroArea > .addArea {background-color: var(--color-DYFC-orange);}
#heroArea > .addArea > .container {color: white;}
#heroArea > .addArea > .container > .title {font-weight: bold;}
#heroArea > .addArea > .container > .text {font-weight: bold;}
#heroArea > .addArea > .container > .link {font-weight: bold;}
#heroArea > .addArea > .container > .link > a.co_linkDeco {/* Link */
	filter: invert(1);
	background-color: white;
	color: black;
}
#heroArea > .heroObi {
	background-color: #5a5d60;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
}


/*====================================*/
/* Hero Area v1 */

#heroArea-v1 {}
#heroArea-v1 > .titleArea {
	background-color: var(--color-titleZabu);
	font-weight: bold;
	line-height: 1.05;
}
#heroArea-v1 > .titleArea > .subTitle {
	color: var(--color-DYFC-orange);
}

#heroArea-v1 > .container > .bgImage > .d1 {
	background-image: var(--hero-image);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	aspect-ratio: var(--hero-imageAspectRatio, 2.3);
}
#heroArea-v1 > .container > .item.title {font-weight: bold;color: white;}
#heroArea-v1 > .container > .item.text {font-weight: bold;}
#heroArea-v1 > .container > .item.addArea.typeA {}


#heroArea-v1 > .container > .addArea.typeA {background-color: var(--color-DYFC-orange);}
#heroArea-v1 > .container > .addArea.typeA > .container {color: white;}
#heroArea-v1 > .container > .addArea.typeA > .container > .title {font-weight: bold;}
#heroArea-v1 > .container > .addArea.typeA > .container > .text {font-weight: bold;}
#heroArea-v1 > .container > .addArea.typeA > .container > .link {font-weight: bold;}
#heroArea-v1 > .container > .addArea.typeA > .container > .link > a.co_linkDeco {/* Link */
	filter: invert(1);
	background-color: white;
	color: black;
}


/* Type-A */
#heroArea-v1.type-A {}
#heroArea-v1.type-A > .container > .item.title {line-height: 1.1;}




/*====================================*/
/* Sectioin・その他共通パーツ */

main section > .wrap {}

main section .parts-title {
	color: var(--color-DYFC-orange);
}




/*============================================================================*/




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (max-width: 767px) {/* // Mobile // */
/*============================================================================*/
	.onlyMO {display: block;}
	br.pcbr {display: none;}
	br.mobr {display: inline;}
	.jusMO {text-align: justify;}
	/*============================================================================*/
		html {font-size:2.4154589372vw}/* // 幅414pxのときに、1rem＝10px // */
		main {}
		/* .hamburgerNavigation-Open > main,
		.hamburgerNavigation-Open > footer {
			overflow: hidden; /* body全体のスクロールを禁止 *___/
			height: 0dvh;
			pointer-events: none;
		} */



	/*============================================================================*/
	/* パンくず */
		main > .commonBreadcrumb_upper {
			position: absolute;
			top: 7rem;
			width: 100%;
			font-size: max(1rem, 10px);
		}
		main > .commonBreadcrumb_upper > .breadcrumb {
			margin: 0 1.95rem;
			text-align: left;
		}
		main > .commonBreadcrumb_upper > .breadcrumb > .arrow {
			width: .8rem;
		}




		header > .wrap::before {
			display: none;
			height: 9rem;
			/* filter: invert(1); */
		}
		header > .wrap > .container {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			gap: max(.1rem, 1px);
			height: var(--header-height);
		}
			.header-logo-upsize-Mo header > .wrap > .container {backdrop-filter: blur(0rem) saturate(80%);}
			.header-logo-upsize-Mo.scrollToggle-scA-On header > .wrap > .container {backdrop-filter: blur(.8rem) saturate(80%);}
		header > .wrap > .container > .item.logo {
			flex: 1;
			padding-top: 1rem;
			padding-bottom: 1rem;
			padding-left: 1.95rem;
			padding-right: 0px;
			justify-content: flex-start;
			/* min-height: 6rem; */
			background-color: transparent;
		}
		.hamburgerNavigation-Open header > .wrap > .container > .item.logo {/* .hamburgerNavigation-Open */
			background-color: var(--color-DYFC-orange);
		}
		.hamburgerNavigation-Open header > .wrap > .container > .item.logo > .dyfcLogo {/* .hamburgerNavigation-Open */
			filter: invert(0);
		}
		.header-logo-upsize-Mo header > .wrap > .container > .item.logo {/* .header-logo-upsize-Mo */
			padding-top: 2.4rem;
			padding-bottom: 2.4rem;
		}

		.header-logo-upsize-Mo.hamburgerNavigation-Open header > .wrap > .container > .item.logo,/* .header-logo-upsize-Mo.hamburgerNavigation-Open */
		.header-logo-upsize-Mo.scrollToggle-scA-On header > .wrap > .container > .item.logo {/* .header-logo-upsize-Mo.scrollToggle-scA-On */
			padding-top: 1rem;
			padding-bottom: 1rem;
		}
		header > .wrap > .container > .item.logo > .dyfcLogo {
			width: 7rem;
			filter: invert(1);
		}
			.header-logo-White-Mo header > .wrap > .container > .item.logo > .dyfcLogo {filter: invert(0);}
			.header-logo-White-Mo.scrollToggle-scA-On header > .wrap > .container > .item.logo > .dyfcLogo {filter: invert(1);}
			.header-logo-White-Mo.scrollToggle-scA-On.hamburgerNavigation-Open header > .wrap > .container > .item.logo > .dyfcLogo {filter: invert(0);}

		.header-logo-upsize-Mo header > .wrap > .container > .item.logo > .dyfcLogo {/* .header-logo-upsize-Mo */
			width: 12rem;
		}
		.header-logo-upsize-Mo.hamburgerNavigation-Open header > .wrap > .container > .item.logo > .dyfcLogo,/* .header-logo-upsize-Mo.hamburgerNavigation-Open */
		.header-logo-upsize-Mo.scrollToggle-scA-On header > .wrap > .container > .item.logo > .dyfcLogo {/* .header-logo-upsize-Mo.scrollToggle-scA-On */
			width: 7rem;
		}
		header > .wrap > .container > .item.mainMenu {display: none;}
		header > .wrap > .container > .item.subMenu {display: none;}
		header > .wrap > .container > .item.userMenu {height: 6rem;}
		header > .wrap > .container > .item.userMenu > .container {gap: max(.1rem, 1px);}
		header > .wrap > .container > .item.userMenu > .container > .item {
			width: 6rem;
			height: 6rem;
			aspect-ratio: 1;
			background: white;
			display: flex;
		}
		header > .wrap > .container > .item.userMenu > .container > .item > a {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
		}
		header > .wrap > .container > .item.userMenu > .container > .item > a > img {width: 5.3rem;}
		header > .wrap > .container > .item.hamburger {
			width: 6rem;
			aspect-ratio: 1;
			background-color: var(--color-DYFC-orange);
		}




		#heroArea > .addArea > .container {padding: 2.5rem 1.95rem;}
		#heroArea > .addArea > .container > .title {font-size: 4.2rem;}
		#heroArea > .addArea > .container > .text {
			margin-top: 2rem;
			font-size: 1.5rem;
		}
		#heroArea > .addArea > .container > .link {
			margin-top: 2.5rem;
			font-size: 1.4rem;
		}
		#heroArea > .heroObi {
			font-size: 1rem;
			height: 3rem;
		}




		/* Hamburger */
				.hamburger {
					position: relative;
					cursor: pointer;
				}
				.hamburger-line {
					position: absolute;
					left: 1.6rem;
					width: 3rem;
					height: .34rem;
					background-color: white;
					transition: all .4s;
				}
				.hamburger-line:nth-of-type(1) {top: 1.9rem;}
				.hamburger-line:nth-of-type(2) {top: 2.8rem;}
				.hamburger-line:nth-of-type(3) {top: 3.7rem;}

			/* メニューオープン */
				.hamburgerNavigation-Open .hamburger .hamburger-line:nth-of-type(1) {
					transform: translateY(.9rem) rotate(-45deg);
				}
				.hamburgerNavigation-Open .hamburger .hamburger-line:nth-of-type(2) {
					transform: scaleX(0);
					/* opacity: 0; */
				}
				.hamburgerNavigation-Open .hamburger .hamburger-line:nth-of-type(3) {
					transform: translateY(-.9rem) rotate(45deg);
				}




		#hamburger-navigation {
			position: fixed;
			top: 6rem;
			width: 100%;
			max-height: calc(100dvh - 6rem);
			transform-origin: 50% 0%;
			transform: scaleY(0);
			opacity: 0;
			background: linear-gradient(135deg, #db7979, #858d8e);/* ----------------------------------------------------------// test // */
			overflow: auto;
			z-index: 100;
		}
		.hamburgerNavigation-Open #hamburger-navigation {/* .hamburgerNavigation-Open */
			display: flex;
			flex-direction: column;
			gap: max(.1rem, 1px);
			transform: scaleY(1);
			opacity: 1;
			margin-top: max(.1rem, 1px);
		}
		.hamburgerNavigation-Open #hamburger-navigation::-webkit-scrollbar {/* .hamburgerNavigation-Open // scrollbar */
			width: 0;
			height: 0;
		}
		#hamburger-navigation > .hamburger-naviMenu {
			display: flex;
			flex-direction: column;
			gap: max(.1rem, 1px);
		}
		#hamburger-navigation > .hamburger-naviMenu > .naviTitle {
			background-color: var(--color-DYFC-orange);
			display: flex;
			align-items: center;
			justify-content: space-between;
			color: white;
			font-size: 2rem;
			font-weight: bold;
		}
		#hamburger-navigation > .hamburger-naviMenu > .naviTitle > a {
			padding: 0 1.95rem;
			display: flex;
			justify-content: space-between;
			width: 100%;
			min-height: 6rem;
			align-items: center;
			gap: 2rem;
		}
		#hamburger-navigation > .hamburger-naviMenu > .naviTitle > a > .line {
			font-size: 0;
			background-image: url(/-/media/Project/globeride/daiwa_com_jp/top/arrow_normal_l_41fbcdf9.svg);
			aspect-ratio: 1;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center center;
			width: 2rem;
			filter: invert(1);
		}
		#hamburger-navigation > .hamburger-naviMenu > .naviBody {
			padding: 2.4rem 1.95rem;
			background-color: var(--color-footerBG);
			font-size: 1.4rem;
		}
		#hamburger-navigation > .hamburger-naviMenu > .naviBody > ul > li + li {
			margin-top: 1.3em;
		}
		#hamburger-navigation > .hamburger-naviMenu > .naviBody > ul > li > a {
			display: flex;
			line-height: 1;
		}
		#hamburger-navigation > .hamburger-naviMenu > .naviBody > ul > li > a::before {
			content: "";
			display: block;
			width: .4rem;
			height: max(.1rem, 1px);
			margin-top: .5em;
			margin-right: 0.3rem;
			background-color: black;
		}
		#hamburger-navigation > .hamburger-naviMenu > .naviBody > ul > li > a > span {
			/* width: 100%; */
			min-width: 50%;
		}



		#hamburger-naviSns {
			background-color: white;
			padding: 3rem 1.95rem 6rem;
			margin-top: min(-.1rem, -1px);
			border-bottom: solid 1px #e0e0e0;
		}
		#hamburger-naviSns > .naviSnsTitle {font-size: 1.2rem;}
		#hamburger-naviSns > .container {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			gap: 1.4rem 3rem;
			margin-top: 1rem;
		}
		#hamburger-naviSns > .container > .item {}
		#hamburger-naviSns > .container > .item > a {
			display: flex;
			align-items: center;
			font-size: 1.3rem;
		}
		#hamburger-naviSns > .container > .item > a::before {
			width: 2.55rem;
			margin-right: 0.99rem;
		}




		footer.footer {margin-top: 8rem;}
		#footer-sitemap > .wrap > .container-page {padding: 1rem 1.95rem 4rem;}
		#footer-sitemap > .wrap > .container-page > .item > .heading {
			font-size: 1.8rem;
			font-weight: bold;
			border-bottom: solid max(.1rem, 1px) black;
		}
		#footer-sitemap > .wrap > .container-page > .item > .heading > a {
			width: 100%;
			justify-content: space-between;
			padding: 2.4rem 0;
		}
		#footer-sitemap > .wrap > .container-page > .item > .list {
			margin-top: 3rem;
			margin-bottom: 1.6rem;
			font-size: 1.4rem;
		}
		#footer-sitemap > .wrap > .container-page > .item > .list > ul > li > a {
			width: fit-content;
			min-width: 40%;
		}

		#footer-sitemap > .wrap > .container-link {
			padding: 4rem 1.95rem;
			border-top: solid max(.1rem, 1px) #E0E0E0;
		}
		#footer-sitemap > .wrap > .container-link > .item.sns {font-size: 1.4rem;}
		#footer-sitemap > .wrap > .container-link > .item.sns::before {
			content: "SNS";
			display: block;
			margin-bottom: 1.2rem;
		}
		#footer-sitemap > .wrap > .container-link > .item.sns > .container {
			display: flex;
			flex-wrap: wrap;
			gap: 1rem 3rem;
		}
		#footer-sitemap > .wrap > .container-link > .item.link {
			margin-top: 4rem;
			font-size: 1.4rem;
		}
		#footer-sitemap > .wrap > .container-link > .item.link > .container {
			flex-direction: column;
			gap: 1rem;
		}
		#footer-sitemap > .wrap > .container-link > .item.link > .container > .item > a {
			padding: 1rem 0;
			width: 100%;
			justify-content: space-between;
		}


		#footer-logo {}
		#footer-logo > .wrap > .container {
			padding: 3rem 0 6rem;
			text-align: center;
		}
		#footer-logo > .wrap > .container > .item.copyright {
			margin-top: 1.5rem;
			font-size: 1rem;
		}
		#footer-logo > .wrap > .container > .item.daiwa-logo > a {margin: 0 auto;}
		#footer-logo > .wrap > .container > .item.daiwa-logo > a > span {width: 13.2rem;}




		/*============================================================================*/

		/*====================================*/
		/* Hero Area */

		#heroArea {margin-top: 0;}
		#heroArea > .titleArea {
			padding: 10rem 1.95rem 2rem;
		}
		#heroArea > .titleArea > .subTitle {font-size: 1.2rem;}
		#heroArea > .titleArea > .mainTitle {font-size: 2.6rem;}
		#heroArea > .titleArea > .subTitle + .mainTitle {margin-top: .6rem;}
			.heroDesign-subTitle_none #heroArea > .titleArea > .subTitle + .mainTitle {margin-top: 0;}
		#heroArea > .heroImageArea {}
			.heroDesign-home #heroArea > .heroImageArea {aspect-ratio: 0.708904;/* 828x1168px (AspectRatio = 207:292 ≒ 0.708904) */}
		#heroArea > .heroImageArea > .copy {
			width: var(--hero-copy-width, 20rem);
			left: 1.95rem;
		}
		#heroArea > .heroImageArea > .copy.text {
			font-size: 3.6rem;
			top: auto;
			bottom: 3rem;
			transform: translateY(0);
		}
		#heroArea > .heroImageArea > .copy.text.bottom {
			bottom: 0;
		}


		/*====================================*/
		/* Hero Area v1 */

		#heroArea-v1 {margin-top: 0;}
		#heroArea-v1 > .titleArea {
			min-height: 12rem;
			padding: calc(var(--header-height, 6rem) + 4rem) 1.95rem 2rem;
		}
		#heroArea-v1 > .titleArea > .subTitle {font-size: 1.2rem;}
		#heroArea-v1 > .titleArea > .mainTitle {font-size: 2.6rem;}
		#heroArea-v1 > .titleArea > .subTitle + .mainTitle {margin-top: .6rem;}

		#heroArea-v1 > .container {
			display: grid;
			grid-gap: 0;
			grid-template-columns: 1fr;
			grid-auto-flow: dense;
		}
		#heroArea-v1 > .container > .bgImage {grid-area: 1 / 1 / 2 / 2;}
		#heroArea-v1 > .container > .title {
			grid-area: 1 / 1 / 2 / 2;
			display: flex;
			align-items: flex-end;
			margin-bottom: 3rem;
			margin-left: 1.95rem;
			margin-right: 1.95rem;
			font-size: 3.6rem;
		}
		#heroArea-v1 > .container > .text {
			grid-area: 2 / 1 / 3 / 2;
			background-color: var(--color-footerBG);
			padding: 3rem 1.95rem;
		}
		#heroArea-v1 > .container > .addArea.typeA {grid-area: 3 / 1 / 4 / 2;}
		#heroArea-v1 > .container > .addArea.typeA > .container {padding: 2.5rem 1.95rem;}
		#heroArea-v1 > .container > .addArea.typeA > .container > .title {font-size: 4.2rem;}
		#heroArea-v1 > .container > .addArea.typeA > .container > .text {
			margin-top: 2rem;
			font-size: 1.5rem;
		}
		#heroArea-v1 > .container > .addArea.typeA > .container > .link {
			margin-top: 2.5rem;
			font-size: 1.4rem;
		}


		/* Type-A */
		#heroArea-v1.type-A {}
		#heroArea-v1.type-A > .container {
			display: flex;
			flex-direction: column;
			background-color: var(--color-footerBG);
		}
		#heroArea-v1.type-A > .container > .item.title {
			flex-direction: column;
			align-items: normal;
			color: black;
			font-weight: bold;
			gap: 1rem;
			margin: 3rem 1.96rem;
		}
		#heroArea-v1.type-A > .container > .item.title > .subTitle {font-size: 1.2rem;}
		#heroArea-v1.type-A > .container > .item.title > .mainTitle {font-size: 2.2rem;}
		#heroArea-v1.type-A > .container > .item.title > .text {font-size: 1.5rem;}




		/*====================================*/
		/* Sectioin・その他共通パーツ */

		main section {
			margin-top: 4rem;
			margin-bottom: 4rem;
		}
		main section > .wrap {
			margin-left: 1.95rem;
			margin-right: 1.59rem;
		}




	/*============================================================================*/
	.onlyPC {display: none;}
/*============================================================================*/
}




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (min-width: 768px) {/* // PC // */
/*============================================================================*/
	.onlyPC {display: block;}
	br.mobr {display: none;}
	br.pcbr {display: inline;}
	.jusPC {text-align: justify;}
	/*============================================================================*/
		html {font-size: .625vw;}/* // 幅1600pxのときに、1rem＝10px // */
		main {}




	/*============================================================================*/
	/* パンくず */
		main > .commonBreadcrumb_upper {
			position: absolute;
			top: 16rem;
			width: 100%;
			font-size: max(1.4rem, 10px);
		}
			.heroDesign-subTitle_none main > .commonBreadcrumb_upper {top: 14.1rem;}
		main > .commonBreadcrumb_upper > .breadcrumb {
			max-width: 80rem;
			padding-right: 10rem;
			margin-left: auto;
			text-align: right;
		}
		main > .commonBreadcrumb_upper > .breadcrumb > a {}
		main > .commonBreadcrumb_upper > .breadcrumb > .arrow {
		}



		header > .wrap::before {
			height: 14rem;
		}

		#hamburger-navigation {display: none;}

		header > .wrap > .container {
			display: flex;
			gap: max(.2rem, 2px);
			height: var(--header-height);
			justify-content: space-between;
		}


		header > .wrap > .container > .item.logo {width: 18.2rem;}


		header > .wrap > .container > .mainMenu {
			display: flex;
			flex: 1;
			font-weight: 600;
		}
		header > .wrap > .container > .mainMenu > .container {
			display: flex;
			gap: max(.2rem, 2px);
			width: 100%;
		}
		header > .wrap > .container > .mainMenu > .container > .item {
			display: flex;
			flex: 1;
			background-color: white;
		}
		header > .wrap > .container > .mainMenu > .container > .item > a {
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			font-size: 2rem;
		}
		header > .wrap > .container > .mainMenu > .container > .item3 > a {font-size: 1.4rem;}
		header > .wrap > .container > .mainMenu > .container > .item > a > span {
		}
		header > .wrap > .container > .mainMenu > .container > .item > a::after {
			content: "";
			display: block;
			background: var(--color-DYFC-orange);
			width: calc(100% - .9rem * 2);
			height: 0.4rem;
			position: absolute;
			bottom: 0.9rem;
			transform: scaleX(0);
			border-radius: 1rem;
		}
		header > .wrap > .container > .mainMenu > .container > .item > a:hover::after {
			transform: scaleX(1);
		}

		header > .wrap > .container > .subMenu {background-color: var(--color-footerBG)}
		header > .wrap > .container > .subMenu > .container {display: flex;}
		header > .wrap > .container > .subMenu > .container > .item {}
		header > .wrap > .container > .subMenu > .container > .item > a > .icon {
			display: block;
			font-size: 0;
			aspect-ratio: 1;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center center;
			width: 10rem;
		}
		header > .wrap > .container > .subMenu > .container > .item > a > .icon::before {
			content: "";
			display: block;
			font-size: 0;
			aspect-ratio: 1;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center center;
			opacity: 0;
			transition: opacity 0.3s ease-in-out;
		}
		header > .wrap > .container > .subMenu > .container > .item > a > .icon:hover:before {
			opacity: 1;
		}

		header > .wrap > .container > .subMenu > .container > .item1 {}
		header > .wrap > .container > .subMenu > .container > .item1 > a > .icon {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/common/image/d0icon01.svg);}
		header > .wrap > .container > .subMenu > .container > .item1 > a > .icon::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/common/image/d0icon01_on.svg);}
		header > .wrap > .container > .subMenu > .container > .item2 > a > .icon {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/common/image/d0icon02.svg);}
		header > .wrap > .container > .subMenu > .container > .item2 > a > .icon::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/common/image/d0icon02_on.svg);}
		header > .wrap > .container > .subMenu > .container > .item3 > a > .icon {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/common/image/d0icon03.svg);}
		header > .wrap > .container > .subMenu > .container > .item3 > a > .icon::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/common/image/d0icon03_on.svg);}
		header > .wrap > .container > .subMenu > .container > .item4 > a > .icon {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/common/image/d0icon04.svg);}
		header > .wrap > .container > .subMenu > .container > .item4 > a > .icon::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/common/image/d0icon04_on.svg);}
		header > .wrap > .container > .subMenu > .container > .item5 > a > .icon {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/common/image/d0icon05.svg);}
		header > .wrap > .container > .subMenu > .container > .item5 > a > .icon::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/common/image/d0icon05_on.svg);}

		header > .wrap > .container > .userMenu {background-color: white;}
		header > .wrap > .container > .userMenu > .container > .item {aspect-ratio: 1;}
		header > .wrap > .container > .userMenu > .container > .item > a {
			display: flex;
			justify-content: center;
			width: 10rem;
			height: 10rem;
		}
		header > .wrap > .container > .userMenu > .container > .item > a > img {width: 7.6rem;}

		header > .wrap > .container > .hamburger {display: none;}


		#heroArea > .addArea {
			position: absolute;
			bottom: 10.5rem;
			right: 0;
			border-radius: 1.5rem 0 0 1.5rem;
			padding: 3rem 4rem 4rem 5rem;
			width: 58rem;
		}
		#heroArea > .addArea > .container {}
		#heroArea > .addArea > .container > .title {font-size: 6.6rem;}
		#heroArea > .addArea > .container > .text {font-size: 1.8rem;margin-top: 0.4rem;}
		#heroArea > .addArea > .container > .link {font-size: 1.3rem;margin-top: 3.3rem;}
		#heroArea > .addArea > .container > .link > a.co_linkDeco {width: 2.3rem;}
		#heroArea > .heroObi {
			font-size: 1.6rem;
			height: 6rem;
		}





		#footer-sitemap {}
		#footer-sitemap a > span.linkText {position: relative;}
		#footer-sitemap a > span.linkText::after {
			content: "";
			position: absolute;
			bottom: -.2rem;
			left: 0;
			width: 0;
			height: max(.1rem, 1px);
			background-color: black;
		}
		#footer-sitemap a:hover > span.linkText::after {
			width: 100%;
		}
		#footer-sitemap > .wrap {
			display: flex;
			flex-direction: column;
			width: 138rem;
			margin: 0 auto;
		}
		#footer-sitemap > .wrap > .container-page {
			display: flex;
			justify-content: space-between;
			padding: 3.5rem 0;
			gap: 5rem;
		}
		#footer-sitemap > .wrap > .container-page > .item {
			width: 100%;
		}
		#footer-sitemap > .wrap > .container-page > .item > .heading {}
		#footer-sitemap > .wrap > .container-page > .item > .heading > a {font-weight: 500;}
		#footer-sitemap > .wrap > .container-page > .item > .heading > a > .arrow-S {
		}
		#footer-sitemap > .wrap > .container-page > .item > .list {
			border-top: solid max(.1rem, 1px) black;
			padding-top: 2rem;
			margin-top: 2rem;
		}
		#footer-sitemap > .wrap > .container-page > .item > .list > ul {}
		#footer-sitemap > .wrap > .container-page > .item > .list > ul > li {}
		#footer-sitemap > .wrap > .container-page > .item > .list > ul > li > a {
			min-width: 12rem;
			width: fit-content;
		}
		#footer-sitemap > .wrap > .container-page > .item > .list > ul > li > a > span.linkText::after {bottom: -.5rem;}
		#footer-sitemap > .wrap > .container-page > .item > .list > ul > li > a > .linkText {}
		#footer-sitemap > .wrap > .container-link {
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
			padding: 4.5rem 0;
			border-top: solid 1px #e0e0e0;
		}
		#footer-sitemap > .wrap > .container-link > .item {}
		#footer-sitemap > .wrap > .container-link > .item.sns > .container {
			display: flex;
			gap: 6rem;
		}
		#footer-sitemap > .wrap > .container-link > .item.sns > .container > .item {}
		#footer-sitemap > .wrap > .container-link > .item.link > .container {gap: 4.5rem;}



		#footer-logo{}
		#footer-logo > .wrap {
			width: 138rem;
			margin: 0 auto;
			padding: 3.8rem 0;
		}
		#footer-logo > .wrap > .container {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		#footer-logo > .wrap > .container > .item {}
		#footer-logo > .wrap > .container > .item.daiwa-logo {}
		#footer-logo > .wrap > .container > .item.daiwa-logo > a > span {width: 18rem;}
		#footer-logo > .wrap > .container > .item.copyright {font-size: 1.3rem;}




		/*============================================================================*/

		/*====================================*/
		/* Hero Area */

		#heroArea {
			padding-top: 10rem;
		}
		#heroArea > .titleArea {
			min-height: 12rem;
			padding: 3rem 80rem 3.8rem 10rem;
		}
			.heroDesign-subTitle_none #heroArea > .titleArea {padding: 4rem 80rem 4rem 10rem;}
		#heroArea > .titleArea > .subTitle {font-size: 2.4rem;}
		#heroArea > .titleArea > .mainTitle {font-size: 3.6rem;}
		#heroArea > .titleArea > .subTitle + .mainTitle {margin-top: .8rem;}
			.heroDesign-subTitle_none #heroArea > .titleArea > .subTitle + .mainTitle {margin-top: 0;}
		#heroArea > .heroImageArea {margin: 4rem 10rem 8rem;}
			.heroDesign-home #heroArea > .heroImageArea {
				aspect-ratio: 1.610306;/* 2000x1242px (AspectRatio = 1000:621 ≒ 1.610306) */
				margin: 0;
			}
		#heroArea > .heroImageArea > .copy {
			width: var(--hero-copy-width, 40rem);
			left: 4rem;
		}
			.heroDesign-home #heroArea > .heroImageArea > .copy {left: 11rem;}
		#heroArea > .heroImageArea > .copy.bottom {
			bottom: 10rem;
			top: auto;
			transform: none;
		}
		#heroArea > .heroImageArea > .copy.text {font-size: 6.4rem;}
		#heroArea > .heroImageArea > .copy.text > .title {}
		#heroArea > .heroImageArea > .copy.text > .text {
			font-size: 1.8rem;
			margin-top: 3rem;
		}


		/*====================================*/
		/* Hero Area v1 */

		#heroArea-v1 {}
		#heroArea-v1 > .titleArea {
			min-height: 12rem;
			padding: calc(var(--header-height, 10rem) + 3rem) 80rem 3.8rem 10rem;
		}
		#heroArea-v1 > .titleArea > .subTitle {
			font-size: 2.4rem;
		}
		#heroArea-v1 > .titleArea > .mainTitle {
			font-size: 3.6rem;
		}
		#heroArea-v1 > .titleArea > .subTitle + .mainTitle {
			margin-top: .8rem;
		}

		#heroArea-v1 > .container {
			position: relative;
			display: grid;
			grid-gap: 0;
			grid-template-columns: 1fr;
			grid-template-rows: 1fr auto;
			grid-auto-flow: dense;
		}
		#heroArea-v1 > .container > .bgImage {grid-area: 1 / 1 / 3 / 2;}
		#heroArea-v1 > .container > .title {
			grid-area: 1 / 1 / 2 / 2;
			display: flex;
			align-items: flex-end;
			margin-left: 11rem;
			font-size: 7.4rem;
		}
		#heroArea-v1 > .container > .text {
			grid-area: 2 / 1 / 3 / 2;
			margin-top: 3rem;
			margin-bottom: 10rem;
			margin-left: 11rem;
			font-size: 1.8rem;
			color: white;
			width: calc(50% - 11rem);
		}
		#heroArea-v1 > .container > .addArea.typeA {
			position: absolute;
			top: calc(100% - 18.4rem);
			right: 0;
			border-radius: 1.5rem 0 0 1.5rem;
			padding: 3rem 4rem 4rem 5rem;
			width: 58rem;
		}
		#heroArea-v1 > .container > .addArea.typeA > .container {}
		#heroArea-v1 > .container > .addArea.typeA > .container > .title {font-size: 6.6rem;}
		#heroArea-v1 > .container > .addArea.typeA > .container > .text {font-size: 1.8rem;margin-top: 0.4rem;}
		#heroArea-v1 > .container > .addArea.typeA > .container > .link {font-size: 1.3rem;margin-top: 3.3rem;}
		#heroArea-v1 > .container > .addArea.typeA > .container > .link > a.co_linkDeco {width: 2.3rem;}


		#heroArea > .heroObi {
			font-size: 1.6rem;
			height: 6rem;
		}




		/* Type-A */
		#heroArea-v1.type-A {}
		#heroArea-v1.type-A > .titleArea {}
		#heroArea-v1.type-A > .titleArea > .subTitle {font-size: 2.4rem;}
		#heroArea-v1.type-A > .titleArea > .mainTitle {font-size: 3.6rem;}
		#heroArea-v1.type-A > .titleArea > .subTitle + .mainTitle {margin-top: .8rem;}

		#heroArea-v1.type-A > .container {
			margin-top: 4rem;
			margin-left: 10rem;
			margin-right: 10rem;
		}
		#heroArea-v1.type-A > .container > .item.title {
			flex-direction: column;
			align-items: normal;
			justify-content: center;
		}
		#heroArea-v1.type-A > .container > .item.title > .subTitle {font-size: 1.8rem;}
		#heroArea-v1.type-A > .container > .item.title > .subTitle + .mainTitle {margin-top: 1.5rem;}
		#heroArea-v1.type-A > .container > .item.title > .mainTitle {font-size: 6rem;}
		#heroArea-v1.type-A > .container > .item.title > .mainTitle + .text {margin-top: 3rem;}
		#heroArea-v1.type-A > .container > .item.title > .text {font-size: 1.8rem;}




		/*====================================*/
		/* Sectioin・その他共通パーツ */

		main section > .wrap {
			width: 138rem;
			margin-left: auto;
			margin-right: auto;
			padding-top: 6rem;
			padding-bottom: 11rem;
		}




	/*============================================================================*/
	.onlyMO {display: none;}

/*============================================================================*/
}




/* - - - - - - - - - - - - - - - - - - -
https://---/dyfc-css.css
ID = {}
- - - - - - - - - - - - - - - - - - - */