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

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


#sectionA {}
#sectionA > .wrap {}
#sectionA > .wrap > .co_column2 > .container > .item2 > .d1 {}
#sectionA > .wrap > .co_column2 > .container > .item2 > .d1 > .item1 {font-weight: bold;}
#sectionA > .wrap > .co_column2 > .container > .item2 > .d1 > .item2 {}
#sectionA > .wrap > .co_column2 > .container > .item2 > .d2 {
	padding: 2rem;
	border: solid 1px var(--color-DYFC-orange);
}
#sectionA > .wrap > .co_column2 > .container > .item2 > .d2 > .img {}
#sectionA > .wrap > .co_column2 > .container > .item2 > .d2 > .name {
	line-height: 1;
	color: var(--color-DYFC-orange);
}
#sectionA > .wrap > .co_column2 > .container > .item2 > .d2 > .profile {}
#sectionA > .wrap > .co_column2 > .container > .item2 > .d2 > .text {}



#sectionB {}




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




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


#sectionA > .wrap > .co_title {text-align: center;}
#sectionA > .wrap > .co_column2 > .container > .item2 > .d1 > .item2 {margin-top: 2rem;}
#sectionA > .wrap > .co_column2 > .container > .item2 > .d2 {
	display: grid;
	grid-template-columns: 14.4rem 1fr;
	grid-template-rows: auto 1fr auto;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	margin-top: 4rem;
}
#sectionA > .wrap > .co_column2 > .container > .item2 > .d2 > .img {
	grid-area: 1 / 1 / 3 / 2;
}
#sectionA > .wrap > .co_column2 > .container > .item2 > .d2 > .name {
	grid-area: 1 / 2 / 2 / 3;
	margin-left: 2rem;
	font-size: 2.2rem;
}
#sectionA > .wrap > .co_column2 > .container > .item2 > .d2 > .profile {
	grid-area: 2 / 2 / 3 / 3;
	margin-left: 2rem;
	font-size: 1.4rem;
	margin-top: 0.7rem;
}
#sectionA > .wrap > .co_column2 > .container > .item2 > .d2 > .text {
	grid-area: 3 / 1 / 4 / 3;
	margin-top: 2rem;
	font-size: 1.4rem;
}



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




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


#sectionA {}
#sectionA > .wrap {padding-top: 0;}
#sectionA > .wrap > .co_column2 > .container > .item2 > .d1 {
	display: flex;
	gap: 6rem;
}
#sectionA > .wrap > .co_column2 > .container > .item2 > .d1 > .item1 {
	flex: 1;
	font-size: 2rem;
}
#sectionA > .wrap > .co_column2 > .container > .item2 > .d1 > .item2 {width: 45.8rem;}

#sectionA > .wrap > .co_column2 > .container > .item2 > .d2 {
	display: grid;
	grid-template-columns: 28rem 1fr;
	grid-template-rows: repeat(2, auto) 1fr;
	gap: 0 3rem;
	margin-top: 4rem;
}
#sectionA > .wrap > .co_column2 > .container > .item2 > .d2 > .img {
	grid-area: 1 / 1 / 4 / 2;
}
#sectionA > .wrap > .co_column2 > .container > .item2 > .d2 > .name {
	grid-area: 1 / 2 / 2 / 3;
	font-size: 2.2rem;
}
#sectionA > .wrap > .co_column2 > .container > .item2 > .d2 > .profile {
	grid-area: 2 / 2 / 3 / 3;
	margin-top: 3rem;
	font-size: 1.6rem;
}
#sectionA > .wrap > .co_column2 > .container > .item2 > .d2 > .text {
	grid-area: 3 / 2 / 4 / 3;
	font-size: 1.6rem;
}



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




/* - - - - - - - - - - - - - - - - - - -
https://---/message-css.css
ID = {02D6CB97-C1D2-4776-AA3C-AA79A9A6B2E1}
- - - - - - - - - - - - - - - - - - - */