@charset "UTF-8";


/* ==========================================================
 special-bar
========================================================== */
.special-bar {
	display: none;
	width: 100%;
	background: url(/img/enterprise/special-bar_back.png)center center no-repeat #303560;
}
.special-bar.show {
	display: none;
}
.special-bar > .inner {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0;
}
.special-bar .enterprise-link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% - 40px);
	height: 40px;
	padding: 0 16px 0 0;
	text-decoration: none;
	color: #fff;
}
.special-bar .enterprise-link:hover {
	text-decoration: underline;
/*	color: var(--sun);*/
}
.special-bar .enterprise-link > .title-set {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.special-bar .enterprise-link > .title-set > .logo {
	width: 130px;
	height: auto;
	margin: 0 24px;
}
.special-bar .enterprise-link > .title-set > .title {
	font-size: 14px;
	font-weight: bold;
/*	color: #fff;*/
}
.special-bar .enterprise-link > .title-set > .title > b {
/*	color: var(--pu-400);*/
}
.special-bar .enterprise-link > .more {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: bold;
/*	color: #fff;*/
}
.special-bar .enterprise-link > .more::after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url(/img/common/ico_arrow_right_white.svg)center center /contain no-repeat;
	margin-left: 4px;
}
.special-bar .close {
	position: relative;
	flex: 0 1 24px;
	display: block;
	width: 24px;
	height: 24px;
	background-color: #fff;
	border-radius: 50%;
    box-shadow: 0px 6px 40px 0px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    margin: 8px;

}
.special-bar .close:hover {
	background-color: var(--sun);
}
.special-bar .close::before,
.special-bar .close::after {
	content: "";
	display: block;
	width: 8px;
	height: 1px;
	background-color: var(--night);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}
.special-bar .close::after {
	transform: translate(-50%, -50%) rotate(135deg);
}
.login-bar {
	display: none;
	width: 100%;
	height: 20px;
	background-color: var(--gr-50, #FAFAFC);
}
@media screen and (max-width: 768px) {
	.special-bar .enterprise-link {
		padding: 0;
	}
	.special-bar .enterprise-link > .more {
		display: none;
	}
	.special-bar .enterprise-link > .title-set > .logo {
		display: none;
	}
	.special-bar .enterprise-link > .title-set > .title {
		font-size: 10px;
		line-height: 1.2;
		text-align: left;
/*		display: flex;*/
/*		align-items: center;*/
	}
	.special-bar .enterprise-link > .title-set > .title::after {
		content: "";
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(/img/common/ico_arrow_right_white.svg)center center /contain no-repeat;
		margin-left: 4px;
		vertical-align: middle;
	}
	.login-bar {
		display: none;
	}
}
/* ==========================================================
 sitenavi
========================================================== */
/*override*/
.wrapper {
	padding-top: 0;
}
body.is-fixed {
	padding-top: 108px;
}
.sitenavi-wrapper {
	position: relative;
    width: 100%;
    height: auto;
    background-color: #fff;
    transition: transform .2s;
    z-index: 999;
/*	border-top: 20px solid var(--gr-50, #FAFAFC);*/
	font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.sitenavi-wrapper.is-fixed {
	position: fixed;
    top: -108px;
    transform: translateY(108px);
}

.sitenavi-wrapper > .sitenavi-inner {
	position: relative;
    width: 100%;
    height: 88px;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: solid 1px var(--gr-150);
}
@media screen and (max-width: 768px) {
	.wrapper {
		padding-top: 0;
	}
	body.is-fixed {
		padding-top: 64px;
	}
	.sitenavi-wrapper {
		height: auto;
		border-top-width: 4px;
	}
	.sitenavi-wrapper > .sitenavi-inner {
		height: 64px;
	}
}
/*sitenavi*/
.sitenavi-set {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 999;
}
.sitenavi-set > .logo {
	width: 160px;
	height: auto;
	margin: 0 40px;
}
.sitenavi-set > .logo img {
	width: 100%;
	height: auto;
}
.sitenavi-set > .sitenavi-nav {
	position: static;
	display: flex;
	width: auto;
	height: 100%;
	justify-content: flex-start;
	align-items: center;
}

.sitenavi-set .burger,
.sitenavi-set .burger + .label {
	display: none;
}
@media screen and (max-width: 768px) {
	.sitenavi-set > .logo {
		position: absolute;
		top: 16px;
		left: 15px;
		width: 128px;
		margin: 0;
	}
	.sitenavi-set > .sitenavi-nav {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100vh;
		transition: height .4s;
		background-color: #fff;
		flex-direction: column;
		align-items: flex-start;
		opacity: 0;
		pointer-events: none;
		transition: opacity .2s;
		padding-top: 64px;
		overflow: hidden;
	}
	.sitenavi-set .burger {
		position: absolute;
		top: 13px;
    right: 10px;
    display: block;
    width: 40px;
    height: 40px;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
	}
	.sitenavi-set .burger + .label {
		position: absolute;
    top: 13px;
    right: 10px;
    display: block;
    width: 40px;
    height: 40px;
    z-index: 2;
		background-color: var(--cloud, #ffffff);
	}
	.sitenavi-set .burger + .label > span {
    position: absolute;
    display: block;
    right: 5px;
    width: 30px;
    height: 0;
    border-top: 2px solid var(--water, #447FE0);
    transition: all .4s;
	}
	.sitenavi-set .burger + .label > span:nth-of-type(1) {
	  top: 10px;
	}
	.sitenavi-set .burger + .label > span:nth-of-type(2) {
	  top: 19px;
	}
	.sitenavi-set .burger + .label > span:nth-of-type(3) {
	  top: 28px;
	}

	/*スマホナビオープン時*/

	.sitenavi-set input:checked.burger ~ .logo {
		display: none;
	}
	.sitenavi-set input:checked.burger ~ .sitenavi-nav {
		opacity: 1;
		pointer-events: auto;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.sitenavi-set input:checked.burger + .label > span:nth-of-type(1) {
	  transform: translateY(9px) rotate(-45deg);
	}
	.sitenavi-set input:checked.burger + .label > span:nth-of-type(2) {
	  opacity: 0;
	}
	.sitenavi-set input:checked.burger + .label > span:nth-of-type(3) {
	  transform: translateY(-9px) rotate(45deg);
	}
}
/*main*/
.sitenavi-nav > .main-list {
	position: static;
	display: flex;
	width: auto;
	height: 100%;
	justify-content: flex-start;
	align-items: center;
}
.sitenavi-nav > .main-list > .item {
	position: relative;
	width: auto;
	height: 100%;
	margin: 0 8px;
}
.sitenavi-nav > .main-list > .item.back,
.sitenavi-nav > .main-list > .item > .main-check,
.sitenavi-nav > .main-list > .item > .close-check {
	display: none;
}
.sitenavi-nav > .main-list > .item > .accordion {
	height: 100%;
	transition: opacity .2s;
}
.sitenavi-nav > .main-list > .item > .main-check + .label,
.sitenavi-nav > .main-list > .item > .accordion > .label,
.sitenavi-nav > .main-list > .item > .link {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
	color: var(--night, #202226);
	padding: 0 8px;
	text-decoration: none;
}
.sitenavi-nav > .main-list > .item > .close-check + .label {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.sitenavi-nav > .main-list > .item:hover > .main-check + .label,
.sitenavi-nav > .main-list > .item > .accordion > .label:hover,
.sitenavi-nav > .main-list > .item:hover > .link {
	cursor: pointer;
	color: var(--water, #447FE0);
}
.sitenavi-nav > .main-list > .item > .main-check + .label {
	/* cursor: default; */
}
.sitenavi-nav > .main-list > .item > .main-check + .label::before,
.sitenavi-nav > .main-list > .item > .accordion > .label::before {
	position: absolute;
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-right: 1px solid var(--gr-400, #949598);
	border-bottom: 1px solid var(--gr-400, #949598);
	top: 70%;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	transition: .2s;
}
.sitenavi-nav > .main-list > .item > .accordion[open] > .label::before {
	transform: translateX(-50%) rotate(-135deg);
}
.sitenavi-nav > .main-list > .item:hover > .main-check + .label::before,
.sitenavi-nav > .main-list > .item > .accordion > .label:hover::before {
	top: 75%;
	border-color: var(--water, #447FE0);
}
.sitenavi-nav > .main-list > .item > .main-check + .label::after,
.sitenavi-nav > .main-list > .item > .accordion > .label::after,
.sitenavi-nav > .main-list > .item > .link::after {
	position: absolute;
	content: "";
	display: block;
	width: 0;
	height: 3px;
	background-color: var(--water, #447FE0);
	bottom: 0;
	left: 0;
	transition: width .2s;
}
.sitenavi-nav > .main-list > .item:hover > .main-check + .label::after,
.sitenavi-nav > .main-list > .item > .accordion > .label:hover::after,
.sitenavi-nav > .main-list > .item:hover > .link::after {
	width: 100%;
	background-color: var(--water, #447FE0);
}
.sn-www:not(.scene, .func, .func-use, .func-price) .sitenavi-nav > .main-list > .item.service .main-check + .label::after,
.sn-www.scene .sitenavi-nav > .main-list > .item.scene .main-check + .label::after,
.sn-support .sitenavi-nav > .main-list > .item.support .main-check + .label::after,
.sn-community .sitenavi-nav > .main-list > .item.support .main-check + .label::after,
.sn-www.func .sitenavi-nav > .main-list > .item.func .link::after,
.sn-www.func-use .sitenavi-nav > .main-list > .item.func .link::after,
.sn-www.func-price .sitenavi-nav > .main-list > .item.func .link::after,
.sn-price .sitenavi-nav > .main-list > .item.price .link::after,
.sn-company .sitenavi-nav > .main-list > .item.company .link::after,
.sn-showcase .sitenavi-nav > .main-list > .item.showcase .main-check + .label::after,
.sn-knowhow .sitenavi-nav > .main-list > .item.showcase .main-check + .label::after,
.sn-hrseminar .sitenavi-nav > .main-list > .item.seminar .link::after,
.sn-eventreport .sitenavi-nav > .main-list > .item.support .main-check + .label::after,
.sn-nextfund .sitenavi-nav > .main-list > .item.partner .main-check + .label::after,
.sn-connectedpartner .sitenavi-nav > .main-list > .item.partner .main-check + .label::after,
.sn-salespartner .sitenavi-nav > .main-list > .item.partner .main-check + .label::after,
.sn-www.about .sitenavi-nav > .main-list > .item.service > .accordion > .label::after,
.sn-www.scene .sitenavi-nav > .main-list > .item.scene > .accordion > .label::after,
.sn-support .sitenavi-nav > .main-list > .item.support > .accordion > .label::after,
.sn-community .sitenavi-nav > .main-list > .item.support > .accordion > .label::after,
.sn-eventreport .sitenavi-nav > .main-list > .item.support > .accordion > .label::after,
.sn-showcase .sitenavi-nav > .main-list > .item.showcase > .accordion > .label::after,
.sn-knowhow .sitenavi-nav > .main-list > .item.showcase > .accordion > .label::after,
.sn-nextfund .sitenavi-nav > .main-list > .item.partner > .accordion > .label::after,
.sn-connectedpartner .sitenavi-nav > .main-list > .item.partner > .accordion > .label::after,
.sn-salespartner .sitenavi-nav > .main-list > .item.partner > .accordion > .label::after {
	width: 100%;
	background-color: var(--pu-400);
  @media screen and (max-width: 768px) {
    height: 2px;
  }
}
@media screen and (max-width: 768px) {
	.sitenavi-nav > .main-list {
		position: relative;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		border-top: 1px solid var(--gr-150, #E5E6EA);
		width: 100%;
		height: auto;

	}
	.sitenavi-nav > .main-list > .item {
		position: static;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
	.sitenavi-nav > .main-list > .item > .main-check {
		position: absolute;
		display: block;
		opacity: 0;
		width: 0;
	}
	.sitenavi-nav > .main-list > .item > .main-check + .label,
	.sitenavi-nav > .main-list > .item > .accordion > .label,
	.sitenavi-nav > .main-list > .item > .link {
		width: 100%;
		height: 48px;
		padding: 0 15px;
	}
	.sitenavi-nav > .main-list > .item > .main-check + .label::before,
	.sitenavi-nav > .main-list > .item > .accordion > .label::before {
		top: 50%;
		left: auto;
		right: 20px;
		border-right-color: var(--night, #202226);
		border-bottom-color: var(--night, #202226);
		transform: translateY(-50%) rotate(-45deg);
	}
	.sitenavi-nav > .main-list > .item > .accordion > .label::before {
		transform: translateY(-50%) rotate(45deg);
	}
	.sitenavi-nav > .main-list > .item:hover .main-check + .label::before,
	.sitenavi-nav > .main-list > .item > .accordion:hover > .label::before {
		top: 50%;
	}
	.sitenavi-nav > .main-list > .item > .accordion[open] > .label > .close-area {
		display: none;
	}
	.sitenavi-nav > .main-list > .item .main-check + .label::after,
	.sitenavi-nav > .main-list > .item > .accordion > .label::after,
	.sitenavi-nav > .main-list > .item .link::after {
		width: 100%;
		height: 1px;
		background-color: var(--gr-150, #E5E6EA);
		transition: none;
	}
	.sitenavi-nav > .main-list > .item.back {
		display: block;
		position: absolute;
		bottom: 100%;
		width: auto;
	}
	.sitenavi-nav > .main-list > .item.back .main-check + .label {
		padding-left: 40px;
		font-size: 12px;
		font-weight: normal;
		color: var(--night, #202226);
	}
	.sitenavi-nav > .main-list > .item.back > .main-check + .label::before {
		right: auto;
		left: 20px;
		width: 15px;
		height: 15px;
		transform: translateY(-50%) rotate(-225deg);
		border-right: 2px solid var(--night, #202226);
		border-bottom: 2px solid var(--night, #202226);
	}
	.sitenavi-nav > .main-list > .item.back > .main-check + .label::after {
		display: none;
	}
}


/*sub*/
.sitenavi-nav .sub-set {
	display: flex;
	justify-content: flex-start;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	/* transition: opacity .2s; */
	width: auto;
	min-width: 340px;
	height: auto;
	padding: 40px 0;
	background-color: var(--cloud, #ffffff);
	box-shadow: 0 8px 16px rgba(0,0,0,.2);
	pointer-events: none;
	z-index: 999;
}
@keyframes fadeIn {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
  }
.sitenavi-nav .corp .sub-set {
	width: 680px;
}
.sitenavi-nav .scene .sub-set {
	left: 0;
	transform: translateX(-240px);
}
/* .sitenavi-nav > .main-list > .item:hover .sub-set {
	opacity: 1;
	pointer-events: auto;

} */
.sitenavi-nav > .main-list > .item {
	> input:checked.main-check ~ .sub-set,
	> .accordion[open] > .sub-set {
		/* display: flex; */
		animation: fadeIn 0.5s ease;
		opacity: 1;
		pointer-events: auto;
	}
	> .accordion[open] > .label > .close-area {
		position: fixed;
		height: calc(100vh - 88px);
		margin-top: 88px;
		inset: 0;
		content: '';
	}
}
.sitenavi-nav .sub-set > .sub-list {
	position: relative;
	width: 340px;
	padding: 0 40px;
}
.sitenavi-nav .sub-set > .sub-list:nth-child(2) {
	border-left: 1px solid #ddd;
}
.sitenavi-nav .sub-set > .sub-list::before {
	display: none;
	font-size: 10px;
	font-weight: normal;
	line-height: 24px;
	text-align: left;
	color: #666;
}
.sitenavi-nav .sub-set > .sub-list.service::before {
	display: none;
	content: "製品情報";
}
.sitenavi-nav .sub-set > .sub-list.support::before {
	/*display: block;*/
	/*content: "サポート&コミュニティ";*/
}
.sitenavi-nav .sub-set > .sub-list.showcase::before {
	display: none;
	content: "導入事例";
}
.sitenavi-nav .sub-set > .sub-list.seminar::before {
	display: none;
	content: "セミナー・イベント";
}
.sitenavi-nav .sub-set > .sub-list.corp::before {
	display: none;
	content: "会社情報";
}
.sitenavi-nav .sub-set > .sub-list.partner::before {
	display: none;
	content: "パートナーシップ";
}
.sitenavi-nav .sub-set > .sub-list > .item {
	width: auto;
	height: auto;
}
.sitenavi-nav .sub-set .sub-dl {
	width: 100%;
	padding: 0 40px;
	text-align: left;

	> .title {
		display: flex;
		align-items: flex-end;
		font-size: 16px;
		font-weight: bold;
		text-align: left;
		white-space: nowrap;
		margin-bottom: 16px;
		> a {
			font-size: 12px;
			text-decoration: none;
			color: var(--gr-600);
			padding: 4px;
			margin: 0 0 0 8px;
		}
		> a::after {
			width: 14px;
			height: 14px;
		}
	}

}
.sitenavi-nav .sub-set {
	.flex-wrap {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.flex-wrap.needs {
		width: 720px;

		> * {
			width: calc(100% / 3);
		}
	}
}
.sitenavi-nav .sub-set .sub-dl.cate {
	padding: 0;

	> .title {
		display: inline-block;
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 8px;
		color: var(--pu-600);
		background-color: var(--pu-50);
		padding: 0 16px;
		border-radius: 0 16px 16px 0;
	}
	/* > .title::before {
		content: "━";
		margin-right: 4px;
	} */
	> .item {
		margin-left: 16px;
	}
}
.sitenavi-nav .sub-set .sub-dl.subcate {
	width: 240px;
	padding: 0 0 16px 0;

	> .title {
		display: inline-block;
		font-size: 12px;
		font-weight: normal;
		background-color: var(--sun);
		line-height: 1;
		padding: 4px 8px;
		text-align: left;
		margin-bottom: 8px;
	}
}
.sitenavi-nav .sub-set .sub-grid {
	display: grid;
}
.sitenavi-nav .sub-set .sub-grid.scene {
	width: 1040px;
	> .needs {
		grid-row: 1 / 3;
		grid-column: 1 / 2;
		border-right: solid 1px var(--gr-200);
	}
	> .scales {
		grid-row: 1;
		grid-column: 2;
		padding: 0 0 40px 40px;
	}
	> .industories {
		grid-row: 2;
		grid-column: 2;
		padding: 40px 0 0 40px;
		border-top: solid 1px var(--gr-200);
	}
}
.sitenavi-nav .sub-set .item a {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	padding: 8px;
	height: auto;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6em;
	letter-spacing: .1ex;
	color: var(--pu-400, #3f6ecc);
	text-decoration: none;
	white-space: nowrap;
}
.sitenavi-nav .sub-set .item a::after {
	content: "";
    display: block;
    width: 20px;
    height: 20px;
    mask-image: url(/img/common/icon_arrow.svg);
    mask-size: cover;
    background-color: currentColor;
    margin-left: 4px;
}
.sitenavi-nav .sub-set .item a small {
	display: none;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5em;
	color: var(--gr-600, #56575B);
	white-space: nowrap;
}
.sitenavi-nav .sub-set .item a:hover {
	background-color: var(--pu-50, #DDEFFF);
}
.sitenavi-nav .sub-set .item  > a[target="blank"]::after {
	content: "";
  width: 16px;
  height: 16px;
  mask-image: url(/img/common/icon_blank.svg);
}
.sitenavi-nav .sub-set .item.corp-recruit > a::before,
.sitenavi-nav .sub-set .item.corp-ir > a::before{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 6px;
	transform: translateY(-50%);
	width: 12px;
	height: 12px;
	background: url(/img/common/child_icon_blank_blu.svg) center center /contain no-repeat;
}
@media screen and (max-width: 768px) {
	.sitenavi-nav .sub-set {
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		transform: none;
		opacity: 1;
		pointer-events: none;
		flex-direction: column;
		padding: 0;
		box-shadow: none;
		background-color: var(--cloud, #ffffff);
		transform: translateX(100%);
		transition: transform .4s;
	}
	.sitenavi-nav .accordion > .sub-set {
		position: static;
		top: auto;
		transform: none;
		height: auto;
		padding: 15px 0;
		border-bottom: solid 1px var(--gr-150);
	}
	.sitenavi-nav .sub-set > .sub-list {
		width: 100%;
		padding: 0;
	}
	.sitenavi-nav .sub-set > .sub-list:nth-child(2) {
		border-left: none;
	}
	.sitenavi-nav .sub-set > .sub-list::before {
		display: block;
		background-color: var(--cloud, #ffffff);
		border-bottom: 1px solid var(--gr-150, #E5E6EA);
		padding-left: 15px;
	}
	.sitenavi-nav .sub-set > .sub-list > .item > a {
		height: 60px;
		border-bottom: 1px solid var(--gr-150, #E5E6EA);
		font-size: 14px;
		background-color: var(--cloud, #ffffff);
	}
	.sitenavi-nav .sub-set > .sub-list > .item > a > small {
		font-size: 10px;
	}
	.sitenavi-nav .sub-set .item a {
		width: 100%;

		> br {
			display: none;
		}
	}
	.sitenavi-nav .sub-set .sub-grid {
		display: block;
	}
	.sitenavi-nav .sub-set {
		.flex-wrap, .flex-wrap.needs {
			display: block;
			width: 100%;
		}

	}
	.sitenavi-nav .sub-set .sub-grid.scene {
		width: 100%;

		.cate.needs, .cate.scales, .cate.industories {
			padding: 0 0 10px 0;
			border: none;
		}
	}
	.sitenavi-nav .sub-set .sub-dl {
		padding: 0 15px;
	}
	.sitenavi-nav .sub-set .flex-wrap.needs > * {
		width: 100%;;
	}
	/*下層ナビの出現アクション*/

	/*下層の戻るボタン*/
	.sitenavi-nav > .main-list > .item.back > .main-check {
		opacity: 0;
	}
	.sitenavi-nav > .main-list > .item.back > .main-check + .label {
		opacity: 1;
		transition: opacity .2s;
		pointer-events: auto;
	}
	.sitenavi-nav > .main-list > .item.back > input:checked.main-check + .label {
		opacity: 0;
		pointer-events: none;
	}

	.sitenavi-nav > .main-list > .item > input:checked.main-check ~ .sub-set {
		transform: translateX(0);
	}
}

/*cta*/
.sitenavi-nav .cta-list {
	position: absolute;
	top: 50%;
	right: 40px;
	transform: translateY(-50%);
	display: flex;
	width: auto;
	height: auto;
	justify-content: flex-start;
	align-items: center;
}
.sitenavi-nav .cta-list > .item {
	width: 112px;
	height: 40px;
	margin-left: 8px;
}
.sitenavi-nav .cta-list > .item.tel-pc{
	text-align: left;
	color:#335799;
	width: auto;
}
.sitenavi-nav .cta-list > .item.tel-sp{
	display: none;
}
.sitenavi-nav .cta-list > .item > .telnum{
	display: block;
	font-weight: bold;
	font-size: 16px;
	white-space: nowrap;
}
.sitenavi-nav .cta-list > .item > .telnum-small{
	display: block;
	font-size: 10px;
	line-height: .8;
	font-weight: 700;
}
.sitenavi-nav .cta-list > .item > .telnum-small > span{
	font-size: 8px;
	padding-right: 5px;
}
.sitenavi-nav .cta-list > .item > a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: var(--pu-400, #3F6ECC);
	border: 2px solid var(--water, #447FE0);
	border-radius: 4px;
}
.sitenavi-nav .cta-list > .item.strong > a {
	background-color: var(--water, #447FE0);
	color: var(--cloud, #ffffff);
}
.sitenavi-nav .cta-list > .item > a:hover {
	color: var(--pu-400, #3F6ECC);
	background-color: var(--sun, #FFDA1B);
}
@media screen and (max-width: 768px) {
	.sitenav-contact{
		width: 80%;
	}
	.sitenavi-nav .cta-list > .item{
		height: auto;
	}
	.sitenavi-nav .cta-list > .item > a {
		font-size: 16px;
		height: 48px;
	}
	.sitenavi-nav .cta-list {
		position: static;
		width: 100%;
		display: flex;
		margin-top: 20px;
		transform: none;
		padding: 0 5px;
	}
	.sitenavi-nav .cta-list > .item {
		margin: 0 5px;
		flex: 1;
	}
	.sitenavi-nav .cta-list > .item.tel-pc{
		display: none;
	}
	.sitenavi-nav .cta-list > .item.tel-sp{
		display: block;
	}
	.sitenavi-nav .cta-list > .item.tel-sp a{
		position: relative;
		margin-top: 15px;
		border: solid 1px var(--night, #202226);
		padding: 7px;
	}
	.sitenavi-nav .cta-list > .item > a .tel{
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		line-height: 1em;
	}
	.sitenavi-nav .cta-list > .item > a > span{
		min-width: 220px;
	}
	.sitenavi-nav .cta-list > .item > a .telnum{
		font-weight: bold;
		/*font-family: 'Roboto', sans-serif;*/
	}
	.sitenavi-nav .cta-list > .item > a .telnum-small{
		font-weight: 500;
		font-family: 'Roboto', sans-serif;
	}
	.sitenavi-nav .cta-list > .item > a .telnum {
		font-size: 16px;
	}
	.sitenavi-nav .cta-list > .item > a .telnum-small{
		font-size: 10px;
		margin-left: 8px;
	}
	.sitenavi-nav .cta-list > .item > a .telnum-small > span{
		padding-right: 5px;
	}
	.tel-text{
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 12px;
		font-weight: normal;
		display: block;
		line-height: 1.2em;
		background-color: #fff;
		white-space: nowrap;
		padding: 0 4px;
		color: var(--night, #202226);
	}
}
/*link*/
.sitenavi-nav .link-list {
	position: absolute;
	top: 0;
	right: 16px;
	width: auto;
	height: 20px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0;
/*	background-color: var(--gr-50, #FAFAFC);*/
}
.sitenavi-nav .link-list > .item {
	margin: 0 8px;
	height: 20px;
}
.sitenavi-nav .link-list > .item a {
	display: flex;
	height: 100%;
	align-items: center;
	font-size: 12px;
	line-height: 1em;
	font-weight: normal;
	color: var(--pu-400, #3F6ECC);
	text-decoration: none;
}
.sitenavi-nav .link-list > .item a:hover {
	color: var(--pu-600, #303560);
	text-decoration: underline;
}

@media screen and (max-width: 768px) {
	.sitenavi-nav .link-list {
		position: static;
		width: 100%;
		top: auto;
		left: auto;
		justify-content: center;
		padding: 0;
		margin: 15px 0 60px;
		background-color: transparent;
	}
	.sitenavi-nav .link-list > .item {
		width: 80px;
		margin: 0 5px;
		padding: 0;
	}
	.sitenavi-nav .link-list > .item a {
		width: 100%;
		justify-content: center;
	}
}




.sn-main-list li a.sn-main:hover,
.sn-main-list li.selected a.sn-main,
body.sn-www .sn-main-list li.sn-www a.sn-main,
body.sn-seminar .sn-main-list li.sn-seminar a.sn-main,
body.sn-hrseminar .sn-main-list li.sn-seminar a.sn-main,
body.sn-trainingseminar .sn-main-list li.sn-seminar a.sn-main,
body.sn-eventreport .sn-main-list li.sn-seminar a.sn-main,
body.sn-hrseminar .sn-main-list li.sn-hrseminar a.sn-sub,
body.sn-trainingseminar .sn-main-list li.sn-trainingseminar a.sn-sub,
body.sn-eventreport .sn-main-list li.sn-eventreport a.sn-sub,
body.sn-case .sn-main-list li.sn-case a.sn-main,
body.sn-showcase .sn-main-list li.sn-case a.sn-main,
body.sn-hint .sn-main-list li.sn-case a.sn-main,
body.sn-hrinnovators .sn-main-list li.sn-case a.sn-main,
body.sn-knowhow .sn-main-list li.sn-case a.sn-main,
body.sn-showcase .sn-main-list li.sn-showcase a.sn-sub,
body.sn-hint .sn-main-list li.sn-hint a.sn-sub,
body.sn-hrinnovators .sn-main-list li.sn-hrinnovators a.sn-sub,
body.sn-knowhow .sn-main-list li.sn-knowhow a.sn-main,
body.sn-partner .sn-main-list li.sn-partner a.sn-main,
body.sn-nextfund .sn-main-list li.sn-partner a.sn-main,
body.sn-connectedpartner .sn-main-list li.sn-partner a.sn-main,
body.sn-nextfund .sn-main-list li.sn-nextfund a.sn-main,
body.sn-connectedpartner .sn-main-list li.sn-connectedpartner a.sn-sub,
body.sn-support .sn-main-list li.sn-support a.sn-main {
	background-color: var(--cloud, #ffffff);
	color: var(--water, #447FE0);
}
.sn-main-list li.selected,
.sn-main-list li.selected a.sn-main {
	z-index: 9999;
}
a.sn-more::after {
	display: block;
	content: "";
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	margin: 0 0 0 8px;
	transition: transform .4s;
}
a.sn-more:hover::after,
.sn-main-list li.selected a.sn-more::after {
	border-color: #f3bf35;
}
.selected a.sn-more::after {
	transform: rotate(-135deg);
}
@media screen and (max-width: 768px) {
	.sn-main-list {
		width: auto;
		max-width: none;
		justify-content: flex-start;
	}
	.sn-main-list li {
		flex: none;

	}
	.sn-main-list li a.sn-main {
		font-size: 12px;
		padding: 0 10px;
		/*border-style: solid solid none solid;*/
		/*border-width: 1px;*/
		/*border-color: #fff;*/
	}
}
/*sub-list----------*/
.sn-sub-wrapper {
	display: none;
	position: absolute;
	justify-content: center;
	top: calc(100% - 2px);
	left: 0;
	width: 100%;
	height: auto;
	padding: 5px 0;
	background-color: #fff;
	border-top: solid 2px #ffcd46;
	box-shadow: 0 4px 4px rgba(0,0,0,.1);
}
.sn-sub-list {
	display: flex;
	justify-content: center;
	width: 100%;
	height: auto;
	padding: 5px 0;
}
.sn-sub-list li {
	flex: 0 0 200px;
	height: 50px;
	padding: 0 10px;
	border-left: solid 1px #e5e5e5;
}
.sn-sub-list li:first-of-type {
	border: none;
}
.sn-sub-list li a.sn-sub {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 16px;
	color: #333;
	text-decoration: none;
}
.sn-sub-list li a.sn-sub:hover,
body.sn-hrseminar li.sn-hrseminar a.sn-sub,
body.sn-trainingseminar li.sn-trainingseminar a.sn-sub,
body.sn-eventreport li.sn-eventreport a.sn-sub,
body.sn-showcase li.sn-showcase a.sn-sub,
body.sn-knowhow li.sn-knowhow a.sn-sub,
body.sn-hint li.sn-hint a.sn-sub,
body.sn-hrinnovators li.sn-hrinnovators a.sn-sub,
body.sn-nextfund li.sn-nextfund a.sn-sub,
body.sn-connectedpartner li.sn-connectedpartner a.sn-sub {
	color: #f3bf35;
	border-bottom: solid 2px #ffcd46;
}
@media screen and (max-width: 768px) {
	.sn-sub-list {
		flex-direction: column;
		padding: 15px;
	}
	.sn-sub-list li {
		flex: none;
		border-left: none;
		border-top: solid 1px #e5e5e5;
	}
}
/*other-list----------*/
.sn-other-list {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 260px;
}
.sn-other-list li {
	width: 80px;
	height: 100%;
}
.sn-other-list li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-size: 12px;
	line-height: 14px;
	color: #333;
	text-decoration: none;
	padding: 0 10px;
	white-space: nowrap;
}
.sn-other-list li a:hover {
	background-color: #fff;
	color: #f3bf35;
}
.sn-other-list li.sn-corp {
	width: 120px;
}
.sn-other-list li.sn-login {
	width: 120px;
	background-color: #f3bf35;
}

@media screen and (max-width: 768px) {
	.sn-other-list li.sn-login {
		display: none;
	}
}

/* ==========================================================
 20250723 headerデザイン変更用スタイル
========================================================== */

.default-header {
  &.is-fixed {
    border-bottom: 1px solid var(--gr-150);
  }
  a {
    transition: all 0.2s;
  }
  .sitenavi-inner {
    position: static;
    border: none;
    max-width: 1440px;
    @media screen and (min-width: 768px) {
      padding: 0 40px;
    }
    .sitenavi-set {
      justify-content: center;
      position: static;
      .logo {
        margin: 0 2.7vw 0 0;
      }
    }
    .sitenavi-nav {
      justify-content: space-between;
      width: 100%;
      @media screen and (max-width: 768px) {
        left: 0;
        padding: 64px 0 80px;
        justify-content: flex-start;
      }
      .cta-list {
        position: relative;
        top: auto;
        right: auto;
        transform: none;
        @media screen and (min-width: 768px) {
          margin-left: 2.7vw;
        }
        @media screen and (max-width: 768px) {
          flex-wrap: wrap;
        }
        /* ログイン */
        .login {
          position: absolute;
          right: 0;
          top: -26px;
          @media screen and (max-width: 768px) {
            margin: 16px 0 0;
            position: static;
            width: 100%;
          }
          a {
            font-size: 12px;
            color: var(--pu-400);
            position: relative;
            padding-right: 12px;
            &::after {
              content: "";
              position: absolute;
              top: 50%;
              right: 0;
              transform: translateY(-50%);
              width: 10px;
              height: 10px;
              background: url(/img/common/icon_blank.svg) no-repeat center center / contain;
            }
          }
        }
      }
      /* 活用シーンのみ */
      .scene {
        .sub-set {
          @media screen and (min-width: 768px) {
            left: 50%;
            transform: translateX(-50%);
          }
        }
      }
      .main-list {
        > .item {
          margin: 0;
          position: static;
          &.func,
          &.price,
          &.seminar {
            .link  {
              &::before {
                @media screen and (max-width: 768px) {
                  content: "";
                  position: absolute;
                  top: 50%;
                  right: 20px;
                  transform: translateY(-50%);
                  width: 22px;
                  height: 22px;
                  background: url(/img/common/icon_arrow.svg) no-repeat center center / contain;
                }
              }
            }
          }
          .link {
            padding: 0 1vw;
            @media screen and (max-width: 768px) {
              padding: 0 20px;
            }
            &::after {
              transition: all .3s;
            }
          }
          &:hover {
            background-color: var(--sa-50);
            transition: all .3s;
            @media screen and (max-width: 768px) {
              background-color: transparent;
            }
            .link {
              color: var(--night);
              &::after {
                width: 0;
                background-color: transparent;
                @media screen and (max-width: 768px) {
                  width: 100%;
                  background-color: var(--gr-150);
                }
              }
            }
          }
          .accordion {
            .label {
              padding: 0 30px 0 10px;
              color: var(--night);
              @media screen and (max-width: 768px) {
                padding: 0 36px 0 20px;
              }
              &::before {
                top: 41%;
                left: auto;
                right: 12px;
                transform: rotate(45deg);
                border-right: 2px solid var(--pu-400);
                border-bottom: 2px solid var(--pu-400);
                @media screen and (max-width: 768px) {
                  width: 10px;
                  height: 10px;
                  right: 24px;
                  top: 30%;
                  border-right: 2px solid var(--pu-400);
                  border-bottom: 2px solid var(--pu-400);
                }
              }
              &::after {
                width: 0;
                background-color: transparent;
                @media screen and (max-width: 768px) {
                  width: 100%;
                  height: 1px;
                  background-color: var(--gr-150);
                }
              }
              .close-area {
                background: rgba(32, 34, 38, 0.40);
              }
            }
            .sub-set {
              width: 100%;
              padding: 0;
              min-height: 340px;
              box-shadow: none;
              border-top: 1px solid var(--gr-150);
              justify-content: center;
              @media screen and (max-width: 768px) {
                min-height: auto;
                background-color: var(--sa-50);
                border: none;
              }
              > .sub-dl {
                @media screen and (min-width: 1440px) {
                  position: relative;
                  &::after {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: -100%;
                    width: 100%;
                    height: 100%;
                    background-color: var(--sa-50);
                    z-index: -1;
                  }
                }
              }
              .sub-dl {
                padding: 0;
                display: grid;
                grid-template-columns: 270px 1fr;
                max-width: 1440px;
                width: 100%;
                @media screen and (max-width: 768px) {
                  grid-template-columns: 1fr;
                }
                .scene-title {
                  background-color: var(--sa-50)
                }
                .title {
                  background-color: var(--sa-50);
                  align-items: flex-start;
                  padding: 30px 2.7vw;
                  font-size: 22px;
                  color: var(--pu-400);
                  margin: 0;
                  line-height: 1;
                  font-weight: bold;

                  @media screen and (max-width: 768px) {
                    font-size: 16px;
                    background-color: var(--sa-50);
                    padding: 20px 5px 16px 20px;
                    border-bottom: 1px dashed var(--gr-150);
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    white-space: nowrap;
                    height: 48px;
                  }
                  a {
                    margin-top: 16px;
                    font-size: 16px;
                    font-weight: bold;
                    color: var(--night);
                    @media screen and (max-width: 768px) {
                      margin-top: 0;
                      margin-right: 8px;
                      font-size: 12px;
                      width: 96px;
                    }
                    &::after {
                      width: 18px;
                      height: 18px;
                      background: url(/img/common/child_icon_circle_blue_arrow.svg) no-repeat center center / contain;
                      mask-image: none;
                      @media screen and (max-width: 768px) {
                        width: 16px;
                        height: 16px;
                      }
                    }
                    &:hover {
                      opacity: 0.7;
                      background-color: transparent;
                    }
                  }
                }
                .menu-wrapper {
                  padding: 30px 40px;
                  @media screen and (max-width: 768px) {
                    padding: 0;
                  }
                  .item {
                    max-width: 300px;
                    width: 100%;
                    @media screen and (max-width: 768px) {
                      max-width: inherit;
                      padding-left: 16px;
                    }
                    a {
                      padding: 16px 35px 16px 10px;
                      border-bottom: 1px solid var(--gr-150);
                      color: var(--night);
                      @media screen and (max-width: 768px) {
                        padding: 12px 35px 12px 12px;
                        border-bottom: 1px dashed var(--gr-150);
                        height: 48px;
                      }
                      &::after {
                        position: absolute;
                        top: 50%;
                        transform: translateY(-50%);
                        right: 10px;
                        background-color: var(--pu-400);
                        mask-size: contain;
                        mask-repeat: no-repeat;
                        width: 22px;
                        height: 22px;
                        @media screen and (max-width: 768px) {
                          right: 20px;
                          width: 20px;
                          height: 20px;
                        }
                      }
                      &:hover {
                        background-color: var(--pu-50);
                        @media screen and (max-width: 768px) {
                          background-color: transparent;
                        }
                      }
                      &[target="blank"] {
                        &::after {
                          right: 12px;
                          width: 18px;
                          height: 18px;
                          @media screen and (max-width: 768px) {
                            right: 22px;
                            width: 16px;
                          }
                        }
                      }
                    }
                  }
                  /* 3カラムのスタイル*/
                  .menu-3columns {
                    display: flex;
                    justify-content: space-between;
                    align-items: flex-start;
                    gap: 30px;
                    @media screen and (max-width: 768px) {
                      flex-direction: column;
                      gap: 20px;
                    }
                    .menu-list {
                      display: grid;
                      grid-template-columns: repeat(2, 1fr);
                      grid-template-rows: repeat(5, 1fr);
                      grid-column-gap: 30px;
                      @media screen and (min-width: 768px) {
                        grid-auto-flow: column;
                      }
                      @media screen and (max-width: 768px) {
                        grid-template-columns: 1fr;
                        grid-template-rows: auto;
                        grid-column-gap: 0;
                      }
                      &.scene-menu {
                        max-width: 690px;
                        width: 100%;
                        .item {
                          max-width: 330px;
                          width: 100%;
                          @media screen and (max-width: 768px) {
                            max-width: inherit;
                          }
                        }
                      }
                    }
                    .sub-menu-list {
                      width: 240px;
                      @media screen and (max-width: 768px) {
                        width: 100%;
                        display: flex;
                        gap: 10px;
                        padding: 0 15px;
                      }
                      > .item {
                        @media screen and (max-width: 768px) {
                          padding: 0;
                        }
                        .sub-dl {
                          .item {
                            padding-left: 0;
                          }
                        }
                        &:first-child {
                          margin-bottom: 24px;
                          @media screen and (max-width: 768px) {
                            margin-bottom: 20px;
                          }
                        }
                        .sub-dl {
                          grid-template-columns: 1fr;
                          .title {
                            font-size: 14px;
                            color: var(--pu-400);
                            padding: 12px 13px;
                            border-radius: 4px;
                            margin-bottom: 6px;
                            @media screen and (max-width: 768px) {
                              background-color: var(--cloud);
                              border: none;
                              height: auto;
                            }
                          }
                          .item {
                            a {
                              padding: 10px 30px 10px 10px;
                              font-size: 12px;
                              @media screen and (max-width: 768px) {
                                height: auto;
                                &::after {
                                  right: 10px;
                                }
                              }
                              &::after {
                                width: 16px;
                                height: 16px;
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
            &[open] {
              .label {
                background-color: var(--sa-50);
                border-bottom: 3px solid var(--pu-400);
                color: var(--pu-400);
                @media screen and (max-width: 768px) {
                  border-bottom: 2px solid var(--pu-400);
                  background-color: var(--cloud);
                }
                &::before {
                  top: 46%;
                  transform: rotate(-135deg);
                }
                &::after {
                  content: none;
                }
              }
            }
          }
        }
      }
    }
  }
}