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

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


#sectionA > .wrap > .text {font-weight: bold;}
#sectionA > .wrap > .text > span {color: var(--color-DYFC-orange, #ff7600);}




#sectionB > .wrap > .co_column2 > .container > .item2 > .card {}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d1 {
	display: flex;
	justify-content: space-between;
}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d1 > .name {
	font-weight: bold;
	color: var(--color-DYFC-orange, #ff7600);
	display: flex;
	align-items: baseline;
}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d1 > .name::after {
	content: "さん";
	display: block;
}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d1 > .sns {
	display: flex;
	align-items: center;
}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d1 > .sns:not(:has(.snsIcon)) {/* 子要素に snsIcon が無い場合 */
	display: none;
}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d1 > .sns::before {
	content: "SNS";
	display: block;
	font-weight: bold;
	letter-spacing: 0;
}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d1 > .sns > .snsIcon {}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d1 > .sns > .snsIcon > a {
	display: block;
	width: 4rem;
	font-size: 0;
	aspect-ratio: 1;/* 1x1px (AspectRatio = 1:1 ≒ 1) */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #46484A;
	border-radius: 10rem;
}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d1 > .sns > .snsIcon-x > a {background-image: url(/-/media/Project/globeride/daiwa_com_jp/footer/f_x.svg);}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d1 > .sns > .snsIcon-facebook > a {background-image: url(/-/media/Project/globeride/daiwa_com_jp/footer/f_fb.svg);}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d1 > .sns > .snsIcon-instagram > a {background-image: url(/-/media/Project/globeride/daiwa_com_jp/footer/f_insta.svg);}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d1 > .sns > .snsIcon-youtube > a {background-image: url(/-/media/Project/globeride/daiwa_com_jp/footer/f_yt.svg);}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d1 > .sns > .snsIcon > a::before {display: none;}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d2 {}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d2 > .text {}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d2 > .img {}



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




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


#sectionB > .wrap > .co_column2 {margin-top: 10rem;}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d1 > .name {
	font-size: 2.2rem;
	gap: 0.4rem;
}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d1 > .name::after {font-size: 1.6rem;}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d1 > .sns {gap: 1rem;}

#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d2 {margin-top: 2rem;}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d2 > .text {font-size: 1.4rem;}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d2 > .img {margin-top: 2rem;}




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




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

#sectionA > .wrap {
	padding-top: 0;
	padding-bottom: 0;
}
#sectionA > .wrap > .text {
	font-size: 2.2rem;
}


#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d1 > .name {
	font-size: 3.2rem;
	gap: 0.8rem;
}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d1 > .name::after {font-size: 2rem;}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d1 > .sns {gap: 2rem;}


#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d2 {
	display: flex;
	justify-content: space-between;
	gap: 5rem;
	margin-top: 3rem;
}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d2 > .text {
	font-size: 2rem;
	width: 43.7rem;
}
#sectionB > .wrap > .co_column2 > .container > .item2 > .card > .d2 > .img {flex: 1;}



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




/* - - - - - - - - - - - - - - - - - - -
https://---/ob_og-css.css
ID = {4CAC9C77-B8AB-43B5-B678-FDFDD21A1E29}
- - - - - - - - - - - - - - - - - - - */