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

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

:root {
	--co_horizontalRule-color: var(--color-line-gray);/* 水平線　色 */
}
@media screen and (max-width: 767px) {:root {/* // Mobile // */
	--co_title-fontSize: 1.8rem;/* タイトル　フォントサイズ*/
	--co_title-fontSize2: 1.6rem;/* タイトル　フォントサイズ*/
}}
@media screen and (min-width: 768px) {:root {/* // PC // */
	--co_title-fontSize: 3.2rem;/* タイトル フォントサイズ*/
	--co_title-fontSize2: 2rem;/* タイトル フォントサイズ*/
}}

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

/* 文字色 */
main .colorOrange {color: var(--color-DYFC-orange, #ff7600);}
main .colorBlack {color: var(--color-black, black);}




/*====================================*/
/* タイトル // co_title */

main .co_title,
main .co_title2 {
	font-weight: bold;
}
main .co_title  {font-size: var(--co_title-fontSize);}
main .co_title2 {font-size: var(--co_title-fontSize2);}


/* タイトル // typeA */
.co_title.typeA {
	text-align: center;
	line-height: 1.1;
}
.co_title.typeA > .mainTitle {}
.co_title.typeA > .subTitle {color: var(--color-DYFC-orange);}




/*====================================*/
/* リスト // co_list */

main .co_list {}
main .co_list > ul {margin-left: 2.3rem;}
main .co_list > ul > li {list-style: disc;}
main .co_list > ul > li + li {margin-top: .5rem;}


main .co_list > ol {margin-left: 2.3rem;}
main .co_list > ol > li {list-style: decimal;}
main .co_list > ol > li + li {margin-top: .5rem;}


main .co_list.asterisk > ul {margin: .4em 0 .4em 1.5em;}
main .co_list.asterisk > ul > li {list-style-type: none; text-indent: -1.3em;}
main .co_list.asterisk > ul > li::before {display: inline; content: "※ ";}


main .co_list.negaIndent > ul {margin: .4em 0 .4em 1em;}
main .co_list.negaIndent > ul > li {list-style-type: none; text-indent: -1em;}

main .co_list.negaIndent.indent-1_5em > ul {      margin-left: 1.5em;}
main .co_list.negaIndent.indent-1_5em > ul > li {text-indent: -1.5em;}
main .co_list.negaIndent.indent-1_6em > ul {      margin-left: 1.6em;}
main .co_list.negaIndent.indent-1_6em > ul > li {text-indent: -1.6em;}
main .co_list.negaIndent.indent-2em   > ul {      margin-left: 2.0em;}
main .co_list.negaIndent.indent-2em   > ul > li {text-indent: -2.0em;}


/*====================================*/
/* 水平線 // co_horizontalRule */

main .co_horizontalRule {}
main .co_horizontalRule::after {
	content: "";
	display: block;
	background-color: var(--color-line-gray, #d2d3d3);
	height: max(.1rem, 1px);
}




/*====================================*/
/* リンクデコレーション // a.co_linkDeco */

main .co_linkDeco {
	display: flex;
	position: relative;
	border: solid 1px var(--color-line-gray, #d2d3d3);
	border-radius: 3rem;
	padding: 1.4rem 2.5rem;
	justify-content: space-between;
	min-width: 25rem;
	gap: 1.5rem;
}
main .co_linkDeco.white {
	background-color: white;
	color: black;
}
main .co_linkDeco.black {
	filter: invert(1);
	background-color: white;
	color: black;
}
main .co_linkDeco:hover {opacity: 1;}
main .co_linkDeco::after {
	content: "";
	display: block;
	background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/common/image/arrow_normal_l.svg);
	aspect-ratio: 1.099415;/* 18.8x17.1px (AspectRatio = 18.8:17.1 ≒ 1.099415) */
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	/* width: 2rem; */
	width: 1rem;
	flex-shrink: 0;
}
main .co_linkDeco.arrowDirection6::after {/* → */}
main .co_linkDeco.arrowDirection9::after {/* ↗ */rotate: -45deg;}
main .co_linkDeco > span {
	position: relative;
	margin-top: .1em;
}
main .co_linkDeco > span::after {/* 下線 */
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: black;
	height: max(.1rem, 1px);
	width: 0%;
}
main a.co_linkDeco:hover > span::after,
main a:hover .co_linkDeco > span::after {
	width: 100%;
}




/*====================================*/
/* カラム // co_column2 */


/* Default // PC左右　Mo上下 */
main .co_column2 {}
main .co_column2 > .container {}
main .co_column2 > .container > .item {}
main .co_column2 > .container > .item.item1 {}
main .co_column2 > .container > .item.item2 {}


/* Deco1 // 左：stickyタイトル　右：その他 */
main .co_column2.deco1 {}
main .co_column2.deco1 > .container > .item.item1 > .title {font-weight: 500;}
main .co_column2.deco1 > .container > .item.item1 > .subTitle {
	color: var(--color-DYFC-orange);
	font-weight: 600;
}




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




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (max-width: 767px) {/* // Mobile // */
/*============================================================================*/

/*====================================*/
/* タイトル // co_title */

main .co_title,
main .co_title2 {
	margin-top: 4rem;
	margin-bottom: 2rem;
}
main .co_horizontalRule + .co_title,
main .co_horizontalRule + .co_title2 {margin-top: 0;}


/* タイトル // typeA */
.co_title.typeA {}
.co_title.typeA > .mainTitle {font-size: 4rem;}
.co_title.typeA > .subTitle {font-size: 1.2rem;}
.co_title.typeA > .mainTitle + .subTitle {margin-top: 1rem;}


/*====================================*/
/* リンクデコレーション // a.co_linkDeco */

main .co_linkDeco {
	border-radius: 5rem;
	padding: 2rem 2.5rem;
}





/*====================================*/
/* カラム // co_column2 */

/* Default // PC左右　Mo上下 */
main .co_column2 {}
main .co_column2 > .container {}
main .co_column2 > .container > .item {}
main .co_column2 > .container > .item.item1 {}
main .co_column2 > .container > .item.item2 {}


/* Deco1 // 左：stickyタイトル　右：その他 */
main .co_column2.deco1 {margin-top: 4rem;}
main .co_column2.deco1 + .co_column2.deco1 {margin-top: 10rem;}
main .co_column2.deco1 > .container > .item1 {
	text-align: center;
}
main .co_column2.deco1 > .container > .item1 > .title {
	line-height: 1;
	font-size: 4rem;
}
main .co_column2.deco1 > .container > .item1 > .subTitle {
	margin-top: 1rem;
	margin-bottom: 4rem;
	font-size: 1.2rem;
}




/*====================================*/
/* 水平線 // co_horizontalRule */

main .co_horizontalRule {margin: 4rem auto;}




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




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (min-width: 768px) {/* // PC // */
/*============================================================================*/

/*====================================*/
/* タイトル // co_title */

main .co_title,
main .co_title2 {
	margin-top: 6rem;
	margin-bottom: 3rem;
}
main .co_horizontalRule + .co_title,
main .co_horizontalRule + .co_title2 {margin-top: 0;}


/* タイトル // typeA */
.co_title.typeA {}
.co_title.typeA > .mainTitle {
	font-size: 6.6rem;
}
.co_title.typeA > .subTitle {
	font-size: 1.4rem;
}
.co_title.typeA > .mainTitle + .subTitle {
	margin-top: 1.6rem;
}


	/* text-align-left-PC */
	.co_title.typeA.text-align-left-PC {text-align: left;}




/*====================================*/
/* カラム // co_column2 */

/* Default // PC左右　Mo上下 */
main .co_column2 {}
main .co_column2 > .container {
	display: flex;
	justify-content: space-between;
	gap: 3rem;
}
main .co_column2 > .container > .item {}
main .co_column2 > .container > .item.item1 {}
main .co_column2 > .container > .item.item1 > *:first-child {margin-top: 0;}
main .co_column2 > .container > .item.item1 > *:last-child {margin-bottom: 0;}
main .co_column2 > .container > .item.item2 {}


/* 配置 // 上下中央 */
main .co_column2.vertical-center-PC {}
main .co_column2.vertical-center-PC > .container {align-items: center;}


/* Deco1 // 左：stickyタイトル　右：その他 */
main .co_column2.deco1 {margin-top: 6rem;}
main .co_column2.deco1 + .co_column2.deco1 {margin-top: 10rem;}
main .co_column2.deco1 > .container {
	align-items: flex-start;
	gap: 6rem;
}
main .co_column2.deco1 > .container > .item {}
main .co_column2.deco1 > .container > .item.item1 {
	position: sticky;
	top: var(--header-height, 10rem);
	top: calc(var(--header-height, 10rem) + 7rem);
	width: 30rem;
}
main .co_column2.deco1 > .container > .item.item1 > .title {
	margin-top: 7rem;
	line-height: 1;
	font-size: 4.6rem;
}
main .co_column2.deco1 > .container > .item.item1 > .subTitle {
	margin-top: 1rem;
	margin-bottom: 4rem;
	font-size: 1.4rem;
}
main .co_column2.deco1 > .container > .item.item2 {flex: 1;}
main .co_column2.deco1 > .container > .item.item1 > *:first-child,
main .co_column2.deco1 > .container > .item.item2 > *:first-child {
	margin-top: 0;
	padding-top: 0;
}




/*====================================*/
/* 水平線 // co_horizontalRule */

main .co_horizontalRule {margin: 3rem auto;}




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




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