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

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

#sectionA {}
#sectionA > .wrap {
	padding-top: 0;
	padding-bottom: 0;
}
#sectionA > .wrap > .seriesTitle {
	color: var(--color-DYFC-orange);
	font-weight: bold;
}
#sectionA > .wrap > .glossaryArea {}
#sectionA > .wrap > .glossaryArea > .table {}
#sectionA > .wrap > .glossaryArea > .table > .tableHead {font-weight: bold;}
#sectionA > .wrap > .glossaryArea > .table > .tableHead > .tableRow {}
#sectionA > .wrap > .glossaryArea > .table > .tableHead > .tableRow > div {}
#sectionA > .wrap > .glossaryArea > .table > .tableData > .tableRow {}
#sectionA > .wrap > .glossaryArea > .table > .tableData > .tableRow > div {}




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




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


#sectionA {
	margin-top: 0;
	margin-bottom: 0;
}
#sectionA > .wrap {margin-bottom: 6rem;}
#sectionA > .wrap > .seriesTitle {
	font-size: 2rem;
	position: sticky;
	top: var(--header-height);
	display: flex;
	height: 6rem;
	align-items: center;
	background-color: white;
	border-bottom: solid max(.2rem, 2px) var(--color-DYFC-orange);
	margin-top: 2rem;
}
#sectionA > .wrap > .glossaryArea > .table > .tableHead > .tableRow {display: none;}

#sectionA > .wrap > .glossaryArea > .table > .tableData {
	padding-top: 1rem;
}
#sectionA > .wrap > .glossaryArea > .table > .tableData > .tableRow {
	border-bottom: solid max(.1rem, 1px) var(--color-table-border-gray);
	display: flex;
	flex-direction: column;
	gap: 1.8rem;
	margin-top: 2rem;
	padding-bottom: 2rem;
}
#sectionA > .wrap > .glossaryArea > .table > .tableData > .tableRow > div {}
#sectionA > .wrap > .glossaryArea > .table > .tableData > .tableRow > div:nth-child(1) {
	font-size: 2rem;
	font-weight: bold;
}
#sectionA > .wrap > .glossaryArea > .table > .tableData > .tableRow > div:nth-child(2) {font-size: 1.6rem;}
#sectionA > .wrap > .glossaryArea > .table > .tableData > .tableRow > div:nth-child(3) {font-size: 1.6rem;}

#sectionA > .wrap > .glossaryArea > .table > .tableData > .tableRow > div::before {
	display: block;
	font-weight: bold;
}
#sectionA > .wrap > .glossaryArea > .table > .tableData > .tableRow > div:nth-child(1)::before {display: none;}
#sectionA > .wrap > .glossaryArea > .table > .tableData > .tableRow > div:nth-child(2)::before {content: var(--word-tableHead-ruby);}
#sectionA > .wrap > .glossaryArea > .table > .tableData > .tableRow > div:nth-child(3)::before {content: var(--word-tableHead-meaning);}



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




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


#sectionA {margin-bottom: 12rem;}
#sectionA > .wrap {margin-bottom: 8rem;}
#sectionA > .wrap > .seriesTitle {
	font-size: 2rem;
	position: sticky;
	top: var(--header-height);
	display: flex;
	height: 9rem;
	align-items: center;
	background-color: white;
}
#sectionA > .wrap > .glossaryArea > .table {
}

#sectionA > .wrap > .glossaryArea > .table > * > .tableRow {
	display: flex;
}
#sectionA > .wrap > .glossaryArea > .table > * > .tableRow > div {
	padding-left: 3rem;
	padding-right: 2rem;
}
#sectionA > .wrap > .glossaryArea > .table > * > .tableRow > div:nth-child(1) {width: 28rem;}
#sectionA > .wrap > .glossaryArea > .table > * > .tableRow > div:nth-child(2) {width: 28rem;}
#sectionA > .wrap > .glossaryArea > .table > * > .tableRow > div:nth-child(3) {flex: 1;}


#sectionA > .wrap > .glossaryArea > .table > .tableHead {
	font-size: 1.8rem;
	position: sticky;
	top: calc(var(--header-height) + 9rem);/* seriesTitle の高さを足す */
	background-color: white;
}
#sectionA > .wrap > .glossaryArea > .table > .tableHead > .tableRow {}
#sectionA > .wrap > .glossaryArea > .table > .tableHead > .tableRow > div {
	border: solid max(.1rem, 1px) var(--color-table-border-gray);
	border-bottom: solid max(.2rem, 2px) var(--color-DYFC-orange);
	text-align: center;
	padding-top: 2.8rem;
	padding-bottom: 2.8rem;
}
#sectionA > .wrap > .glossaryArea > .table > .tableHead > .tableRow > div:nth-child(n+2) {border-left: none;}
#sectionA > .wrap > .glossaryArea > .table > .tableHead > .tableRow > div::before {display: inline;}
#sectionA > .wrap > .glossaryArea > .table > .tableHead > .tableRow > div:nth-child(1)::before {content: var(--word-tableHead-name);}
#sectionA > .wrap > .glossaryArea > .table > .tableHead > .tableRow > div:nth-child(2)::before {content: var(--word-tableHead-ruby);}
#sectionA > .wrap > .glossaryArea > .table > .tableHead > .tableRow > div:nth-child(3)::before {content: var(--word-tableHead-meaning);}


#sectionA > .wrap > .glossaryArea > .table > .tableData > .tableRow {}
#sectionA > .wrap > .glossaryArea > .table > .tableData > .tableRow > div {
	border: solid max(.1rem, 1px) var(--color-table-border-gray);
	padding-top: 2.8rem;
	padding-bottom: 2.8rem;
	border-top: none;
}
#sectionA > .wrap > .glossaryArea > .table > .tableData > .tableRow > div:nth-child(n+2) {border-left: none;}




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




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