/*cta_title*/

#cta_title {
	z-index: 200;
	position: sticky; top: 0;;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background-color: rgba(245,246,244,0.7);
	border-bottom: solid 1px rgba(204,204,204,0);
	transition: 0.5s;
}
#cta_title.scrolled-to-top {
	border-bottom: solid 1px rgba(204,204,204,1);
	filter: drop-shadow(0 1px 2px rgba(230,230,230,1));
}

.page_header_wrap {
	border-bottom: solid 1px rgba(207, 199, 195, 1);
	transition: 0.5s;
}
#cta_title.scrolled-to-top .page_header_wrap {
	border-bottom: solid 1px rgba(204,204,204,0);
}


.cta_title_wrap_all--- {
	z-index: 200;
	position: sticky; top: 0;;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background-color: rgba(245,246,244,0.7);
	border-bottom: solid 1px #CCC;
}

.cta_title_wrap_w {
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
}
.cta_title_wrap {
	display: block;
}
@media (min-width: 992px){
	.cta_title_wrap {
		display: flex;
		justify-content: space-between;
		column-gap: 8px;
		align-items: stretch;
	}
}

.cta_title_wrap a.cta_menu_category_1:hover, .cta_title_wrap a.cta_menu_category_2:hover, .cta_title_wrap a.cta_menu_category_3:hover {
	filter: saturate(180%);
}
.cta_title_wrap a.cta_menu_category_1,.cta_title_wrap a.cta_menu_category_2 {
	background-color: var(--color_green);
	transition: 0.5s;
}
.cta_title_wrap a.cta_title_btn {
	white-space: nowrap;
	border-radius: 4px;
	color: #FFF;
	font-size: 13px;
	padding: 7px 12px;
	font-weight: 400;
	text-decoration: none;
	text-align: center;
	line-height: 1;
	display: inline-flex;
	align-items: center;
}
.cta_title_wrap a.cta_menu_category_3, .cta_title_wrap a.cta_menu_category_4, .cta_title_wrap a.cta_menu_category_5 {
	background-color: white;
	border:solid rgba(182,170,162,1.00) 1px ;
	transition: 0.5s;
	color: rgba(119,92,92,1.00);
	border-radius: 100px;
}


.cta_title_wrap .mainTitle {
	display: flex;
	align-items: center;
	column-gap: 16px;
	line-height: 1.2;
	margin-right: auto;
	padding-bottom: 0;
}


.h1_catch {
	font-weight: normal;
	color: #666;
	font-size: 13px;
	margin-bottom: 4px;
	line-height: 1.1;
}
@media (min-width: 576px){
	.h1_catch {
		font-size: 14px;
	}
}

 h1.cta_title_wrap_w {
	font-weight: 600;
}
 h1.cta_title_p {
	font-weight: 500;
}



	
/* CTAボタン類*/
.cta_menu_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 6px;
	row-gap: 5px;
	flex-wrap: wrap;
}
@media (min-width: 992px){
	.cta_menu_wrap {
		justify-content: flex-end;
		column-gap: 8px;
		flex-wrap: nowrap;;
	}
}
.cta_menu_wrap .cta_menu {
	display: flex;
	align-items: center;
}
.cta_menu_wrap .cta_menu a{
	font-size: 14px;
	display: flex;
	align-items: center;
}
.cta_title_wrap .cta_menu a.cta_title_btn > span[class^="material-symbols"] {
	margin: -5px 0px -5px -5px;
	transform: scale(0.70);
}



.cta_menu_sub_content_menu_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 24px;
	margin-top: 12px;
}
@media (min-width: 992px){
	.cta_menu_sub_content_menu_wrap {
		justify-content: flex-end;
		column-gap: 24px;
		margin-top: 12px;
	}
}
.cta_menu_sub_content_menu_wrap a {
	display: inline-block;
	color: #666;
	text-decoration: none;
	padding-bottom: 4px;
	border-bottom: solid 3px rgba(143,134,187,0);
	font-size: 15px;
	line-height: 1;
	transition: 0.5s;
}

.product .cta_menu_sub_content_menu_wrap a.cta_menu_sub_content_menu_product, 
.support .cta_menu_sub_content_menu_wrap a.cta_menu_sub_content_menu_support, 
.case .cta_menu_sub_content_menu_wrap a.cta_menu_sub_content_menu_case,
.webinar .cta_menu_sub_content_menu_wrap a.cta_menu_sub_content_menu_video,
.blog .cta_menu_sub_content_menu_wrap a.cta_menu_sub_content_menu_blog,
.media .cta_menu_sub_content_menu_wrap a.cta_menu_sub_content_menu_media,
.company .cta_menu_sub_content_menu_wrap a.cta_menu_sub_content_menu_company {
	border-bottom: solid 4px rgba(160, 117, 250, 1);
	color: #000;
	font-weight: 500;
}
.cta_menu_sub_content_menu_wrap a:hover {
	border-bottom: solid 4px rgba(125,66,248,1.00);
}


.cta_title_btn_wrap {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	margin-top: 6px;
}
.cta_title_btn_wrap > * {
	width: 100%;
}



/* アイコン */
.cta_title_product_icon_wrap {
	line-height: 0;
}
.cta_title_product_icon_wrap a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 54px;
	width: auto;
	padding: 3px;
	aspect-ratio: 1;
	border-radius: 10px;
	box-shadow: rgba(0,0,0,0.2) 0 1px 1px 0, rgba(0,0,0,0.05) 0 1px 2px 2px;
	transition: 0.5s;
	background-color: white;
	margin-top: 6px;
	margin-bottom: 6px;
}
@media (min-width: 576px) {
	.cta_title_product_icon_wrap a {
		height: 64px;
	}
}



.cta_title_product_icon{
	display: inline-block;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 6px;
}
.cta_title_product_icon_wrap a:hover {
	box-shadow: rgba(23,51,66,0.49) 0 1px 1px 0, rgba(71,159,193,0.28) 0 1px 3px 2px;
	border-radius: 6px;
	filter: brightness(0.9) saturate(1.5);
}
.cta_title_wrap_all h1 {
	font-size: 24px;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
@media (min-width: 576px) {
	.cta_title_wrap_all h1 {
		font-size: 26px;
	}
}

.cta_title_wrap_all h1 > *{
	width: 100%;
}
.cta_title_wrap_all h1 > sup{
	width: auto;
}