@charset "utf-8";
/**************
glossary
******** ********/
#page_glossary_group input.glossary_openable_check {
	display: none;
}

#page_glossary_group .glossary_lists_box h3 {
	font-size: 18px;
	font-weight: 700;
	text-align: left;
}
#page_glossary_group .glossary_lists_box ul.glossary_list li {
	font-size: 1.6rem;
	position: relative;
}
#page_glossary_group .glossary_lists_box ul.glossary_list li a {
	padding-left: 2.6rem;
	position: relative;
	z-index: 10;
}
#page_glossary_group .glossary_lists_box ul.glossary_list li::before {
	content:"";
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(../img/common/list_initial_circle_right_arrow.svg);
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 0.5rem;
	-webkit-transform:translatey(6px);
	transform:translatey(6px);
}

/**** page_glossary_archive  ****/
#page_glossary_group .page_glossary_archive section.glossary_block{
	margin-top:3.8rem;

}
#page_glossary_group .page_glossary_archive .glossary_lists_box h3 {
	padding-bottom:1.1rem;
	margin-bottom: 1.7rem;
	border-bottom: var(--border-1);
}



/***   single   ***/
#page_glossary_group .page_glossary_single h1 {
	text-align: left;
	padding-bottom: 1.1rem;
	margin-bottom: 2.5rem;
	border-bottom: var(--border-1);
	font-size:2.8rem;
}
#page_glossary_group .page_glossary_single  .glossary_text p:last-of-type a {
	color: var(--color-main-3);
	-webkit-text-decoration: 1px solid var(--color-main-3);
	text-decoration: 1px solid var(--color-main-3);
}

#page_glossary_group .page_glossary_single h3.glossary_title {
	position:relative;
	padding-left:18px;
	cursor: pointer;
}
#page_glossary_group .page_glossary_single h3.glossary_title::before {
	content:"";
	position:absolute;
	top: 50%;
	left: 0;
	-webkit-transform:translatey(-20%);
	transform:translatey(-20%);
	display: inline-block;
	width:0;
	height:0;
	border-top:12px solid var(--color-main-3);
	border-bottom:12px solid transparent;
	border-left:7.5px solid transparent;
	border-right:7.5px solid transparent;
	-webkit-transform-origin: 50% 24%;
	transform-origin: 50% 24%;
	transition: -webkit-transform 0.65s cubic-bezier(0, 0.1, 1.0, 0.9);
	transition: transform 0.65s cubic-bezier(0, 0.1, 1.0, 0.9);
	transition: transform 0.65s cubic-bezier(0, 0.1, 1.0, 0.9), -webkit-transform 0.65s cubic-bezier(0, 0.1, 1.0, 0.9);
}
#page_glossary_group .page_glossary_single h3.glossary_title.openable_active::before {
	-webkit-transform: translatey(-20%) rotateX(-180deg);
	transform: translatey(-20%) rotateX(-180deg);
}
#page_glossary_group .page_glossary_single .glossary_list {
	display:none;
}

/***************
レスポンシブ
***************/
/************** sp 768 *****************/
@media print, screen and (max-width : 768px) {
	#page_glossary_group .page_have_aside_nav>div.flex_base {
		flex-direction: column-reverse;
	}
	#page_glossary_group .page_have_aside_nav>div.flex_base .glossary_lists_box {
		margin-top: 7rem;
		padding-top:5.5rem;
		border-top: var(--border-1);
	}
}

/************** pc 768 *****************/
@media print, screen and (min-width : 768px) {
	#page_glossary_group .page_glossary_archive ul.glossary_list{
		display: flex;
		flex-wrap:wrap;
		align-items: flex-start;
	}
	#page_glossary_group .page_glossary_archive ul.glossary_list li {
		width: 335px;
		margin-right:20px;
	}
	#page_glossary_group .page_glossary_single .grossary_lists_box {
		width: 330px;
	}
	#page_glossary_group .page_glossary_single .glossary_contents {
		width: 640px;
	}
}