@charset "utf-8";

/* common */
.cta_area{margin-top:110px;}

/* archive */
#content_wrap.archive_vc-term .page_title{margin-bottom:60px;}
.glossary_pickup{
	padding:30px 40px 40px;
	margin-top:40px;
	background:#F3F7FD;
	border:1px solid #CAD2DA;
}
.pickup_head{
	padding:0;
	margin:0 0 30px;
	background:none;
	font-size:2.6rem;
	line-height:3.7rem;
	text-align:center;
}
.pickup_head_txt{
	padding-left:45px;
	background:url(/ai-vc/img/common/icon_beginner.svg) no-repeat center left;
}
.pickup_list{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	gap:25px 30px;
	padding:0;
	margin:0;
}
.pickup_item{
	list-style:none;
	margin:0;
	font-weight:500;
	line-height:2.5rem;
}
.pickup_link{
	display:block;
	padding-left:20px;
	background:url(/ai-vc/img/common/arrow_r_black.svg) no-repeat center left;
}
.glossary_head{
	padding:0;
	background:none;
	font-family:var(--font_zenkaku);
	font-size:2.6rem;
	line-height:3.7rem;
}
.glossary_subhead{
	position:relative;
	padding-left:25px;
	margin-bottom:20px;
	font-family:var(--font_zenkaku);
	font-size:2.2rem;
	line-height:3.2rem;
}
.glossary_subhead::before{
	content:'';
	position:absolute;
	top:7px;
	left:0;
	width:4px;
	height:20px;
	background:#0458D2;
}
.glossary_search{
	display:flex;
	align-items:center;
	gap:15px;
}
.glossary_search_input{
	width:100%;
	padding:11px 25px 12px;
	background:#fff;
	border:1px solid #CAD2DA;
	border-radius:4px;
	font-weight:500;
	letter-spacing:0;
	line-height:2.5rem;
}
.glossary_search_input::placeholder{color:#ccc;}
.glossary_search_button{
	flex-shrink:0;
	width:125px;
	padding:12px 20px 13px;
	background:#052365;
	border-radius:4px;
	color:#fff !important;
	font-family:var(--font_zenkaku);
	font-size:1.7rem;
	font-weight:500;
	letter-spacing:0;
	line-height:2.5rem;
	cursor:pointer;
	transition:background 0.3s;
}
.glossary_search_button:hover{background:#0458D2;}
.glossary_result_txt{margin:40px 0;}
.glossary_tabs{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:10px;
	margin-bottom:30px;
}
.glossary_tab{
	padding:0 20px 20px;
	border-bottom:5px solid #CAD2DA;
	color:#ccc !important;
	font-family:var(--font_zenkaku);
	font-size:2rem;
	font-weight:500;
	letter-spacing:0;
	line-height:2.9rem;
	cursor:pointer;
	transition:border 0.3s, color 0.3s;
}
.glossary_tab:hover{
	border-color:#0458D2;
	color:#0458D2 !important;
}
.glossary_tab[aria-selected="true"]{
	border-color:#0458D2;
	color:#0458D2 !important;
}
.glossary_nav_list{
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	padding:0;
}
.glossary_nav_item{
	list-style:none;
	margin:0;
	font-weight:500;
	letter-spacing:0;
	line-height:2.5rem;
	text-align:center;
}
#glossary_panel_kana .glossary_nav_item{min-width:70px;}
#glossary_panel_alpha .glossary_nav_item{min-width:50px;}
.glossary_nav_link{
	display:block;
	padding:11px 15px 12px;
	border:1px solid #CAD2DA;
	color:#212121 !important;
	text-decoration:none !important;
	transition:border 0.3s;
}
.glossary_nav_link:hover{border-color:#212121;}
.glossary_nav_link.is_disabled{
	color:#ccc !important;
	pointer-events:none;
}
.glossary_group_title{
	padding:13px 20px 15px;
	margin:70px 0 25px;
	background:#F3F7FD;
}
.glossary_list{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px 30px;
	padding:0;
}
.glossary_item{
	list-style:none;
	margin:0;
	font-weight:500;
	letter-spacing:0;
	line-height:2.5rem;
}
.glossary_link{
	display:inline-block;
	padding-left:20px;
	background:url(/ai-vc/img/common/arrow_r_black.svg) no-repeat top 11px left;
}

/* single */
.single_vc-term .content_area{padding-top:155px;}
.content_box{
	max-width:780px;
	margin:auto;
}
.single_vc-term .page_title{
	font-size:3.2rem;
	line-height:5.1rem;
}
.glossary_btn{
	margin-top:80px;
	text-align:center;
}


@media screen and (max-width:1024px){

/* common */
.cta_area{margin-top:100px;}

/* archive */
#content_wrap.archive_vc-term .page_title{margin-bottom:40px;}
.glossary_pickup{
	margin-top:35px;
}
.pickup_head{
	font-size:2rem;
	line-height:2.9rem;
}
.pickup_head_txt{
	padding-left:30px;
	background-size:27px;
}
.pickup_list{gap:20px 25px;}
.pickup_item{line-height:2.3rem;}
.glossary_head{
	font-size:2.4rem;
	line-height:3.5rem;
}
.glossary_subhead{
	padding-left:20px;
	font-size:2rem;
	line-height:2.9rem;
}
.glossary_search_input{
	padding:11px 15px 13px;
	font-size:1.6rem;
	line-height:2.4rem;
}
.glossary_search_button{
	padding-bottom:14px;
	font-size:1.6rem;
	line-height:2.4rem;
}
.glossary_tabs{margin-bottom:25px;}
.glossary_tab{
	padding:0 10px 15px;
	font-size:1.8rem;
	line-height:2.6rem;
}
.glossary_nav_list{gap:15px;}
.glossary_group_title{
	padding:9px 15px 11px;
	margin-top:50px;
	font-size:2.4rem;
	line-height:3.5rem;
}
.glossary_list{gap:15px 20px;}
.glossary_item{line-height:2.3rem;}
.glossary_link{background-position:top 8px left;}

/* single */
.single_vc-term .content_area{padding-top:95px;}
.single_vc-term .page_title{
	font-size:2.4rem;
	line-height:3.6rem;
}
.glossary_btn{margin-top:50px;}
.single_vc-term .cta_area{margin-top:80px;}

}


@media screen and (max-width:767px){

/* archive */
.glossary_pickup{padding:30px 20px 35px;}
.pickup_list{gap:15px 20px;}
.glossary_search{display:block;}
.glossary_search_button{
	display:block;
	width:105px;
	padding:7px 10px 9px;
	margin:15px auto 0;
}
.glossary_nav_list{
	display:grid;
	gap:10px;
}
#glossary_panel_kana .glossary_nav_list{grid-template-columns:repeat(auto-fit, minmax(70px, 1fr));}
#glossary_panel_alpha .glossary_nav_list{grid-template-columns:repeat(auto-fit, minmax(50px, 1fr));}
.glossary_list{display:block;}
.glossary_item{margin-bottom:15px;}

/* single */
.glossary_btn{margin-top:40px;}
.single_vc-term .cta_area{margin-top:60px;}

}


@media screen and (max-width:500px){

.glossary_pickup{padding-bottom:10px;}
.pickup_list{display:block;}
.pickup_item{margin-bottom:15px;}

}