@charset "utf-8";

@media screen and (max-width:559px){
	* {
		font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", メイリオ, Meiryo;
		color: #000000;
		font-size: 18px;
	}

	a {
		text-decoration: none ;
		font-size: 12px;
	}

	#header_link_wit {
		position: fixed;
		left: 36px;
		top: 30px;
	}

	#header_link_home {
		display: none;
	}

	#header_link_company {
		display: none;
	}

	#header_link_recruit {
		display: none;
	}

	#header_link_sitemap {
		font-size: 12px;
		position: fixed;
		right: 36px;
		top: 36px;
		width: 29px
		height: 29px;
		z-index: 10;
	}

	#sitemap {
		display: none;
		position: fixed;
		right: 36px;
		top: 36px;
		width: 210px;
		height: 420px;
		padding: 10px;
		background: #e0d6fa;
		opacity: 0.95;
		z-index: 20;
	}

	#sitemap_icon_top1,#sitemap_icon_top2 {
		position: absolute;
		right: 4px;
		top: 8px;
		width: 25px;
		height: 2px;
		background: #000000;
		border-bottom: 1px solid #404040;
		transition: transform .5s, background .5s, border-bottom.5s, right .5s;
	}

	#sitemap_icon_top2 {
		transform-origin: 24px 1px;
	}

	#sitemap_open_link {
		position: absolute;
		right: 4px;
		top: 13px;
		width: 25px;
		height: 23px;
	}

	#sitemap_close_link {
		position: absolute;
		right: 4px;
		top: 8px;
		width: 25px;
		height: 25px;
		display: none;
	}

	#sitemap_close_link:hover {
		cursor: pointer;
	}

	#sitemap_icon_middle1,#sitemap_icon_middle2 {
		position: absolute;
		right: 4px;
		top: 14px;
		width: 25px;
		height: 2px;
		background: #000000;
		border-top: 1px solid #BFBFBF;
		border-bottom: 1px solid #BFBFBF;
		transition: transform .5s, background .5s, border-top.5s, border-bottom.5s, top.5s, width .5s;
	}

	#sitemap_icon_bottom1,#sitemap_icon_bottom2 {
		position: absolute;
		right: 4px;
		top: 21px;
		width: 25px;
		height: 2px;
		background: #000000;
		border-top: 1px solid #404040;
		transition: transform .5s, background .5s, border-bottom.5s, top.5s;
	}

	#sitemap_icon_bottom2 {
		transform-origin: 1px 1px;
	}

	#sitemap_title {
		font-size: 15px;
		font-weight: 700;
	}

	#sitemap ul,
	#sitemap li {
		line-height: 24px;
	}

	#sitemap a {
		font-size: 16px;
	}

	#sitemap ul {
		list-style: none;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.sitemap_page_link_point:after, .sitemap_page_link_point:before {
	 	content:'';
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: rotate(45deg);
	}

	.sitemap_page_link_point:before {
		width: 7px;
		height: 7px;
		background:#000000;
		margin-top:6px;
		margin-left:-20px;
	}

	.sitemap_content_link_point:after, .sitemap_content_link_point:before {
	 	content:'';
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: rotate(45deg);
	}

	.sitemap_content_link_point:before {
		width: 5px;
		height: 5px;
		border: 1px solid #000000;
		margin-top:6px;
		margin-left:-20px;
	}

	#sitemap a:hover {
		font-weight: 700;
	}

	#content_link {
		display: none;
	}

	#footer {
		display: none;
	}

}
@media screen and (min-width:560px){
	* {
		font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", メイリオ, Meiryo;
		color: #000000;
		font-size: 18px;
	}

	a {
		text-decoration: none ;
		font-size: 12px;
	}

	#header_link_wit {
		position: fixed;
		left: 40px;
		top: 40px;
	}

	#header_link_home {
		font-size: 12px;
		position: fixed;
		right: 341px;
		top: 56px;
	}

	#header_linkbararea_home {
		position: fixed;
		right: 323px;
		top: 76px;
	}

	#header_linkbar_home{
		position: absolute;
		top: 0px;
		left: -70px;
		display: none;
		width: 70px;
		height: 2px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#header_link_company {
		font-size: 12px;
		position: fixed;
		right: 230px;
		top: 56px;
	}

	#header_linkbararea_company {
		position: fixed;
		right: 219px;
		top: 76px;
	}

	#header_linkbar_company{
		position: absolute;
		top: 0px;
		left: -70px;
		display: none;
		width: 70px;
		height: 2px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#header_link_recruit {
		font-size: 12px;
		position: fixed;
		right: 140px;
		top: 56px;
	}

	#header_linkbararea_recruit{
		position: fixed;
		right: 116px;
		top: 76px;
	}

	#header_linkbar_recruit{
		position: absolute;
		top: 0px;
		left: -70px;
		display: none;
		width: 70px;
		height: 2px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#header_link_sitemap {
		font-size: 12px;
		position: fixed;
		right: 48px;
		top: 49px;
		z-index: 10;
	}

	#sitemap {
		display: none;
		position: fixed;
		right: 48px;
		top: 49px;
		width: 180px;
		height: 345px;
		padding: 10px;
		background: #e0d6fa;
		opacity: 0.95;
		z-index: 20;
	}

	#sitemap_icon_top {
		position: absolute;
		right: 4px;
		top: 8px;
		width: 24px;
		height: 2px;
		background: #000000;
		border-bottom: 1px solid #404040;
	}

	#sitemap_icon_middle {
		position: absolute;
		right: 4px;
		top: 14px;
		width: 24px;
		height: 2px;
		background: #000000;
		border-top: 1px solid #BFBFBF;
		border-bottom: 1px solid #BFBFBF;
	}

	#sitemap_icon_bottom {
		position: absolute;
		right: 4px;
		top: 21px;
		width: 24px;
		height: 2px;
		background: #000000;
		border-top: 1px solid #404040;
	}

	#sitemap_title {
		font-size: 12px;
		font-weight: 700;
	}

	#sitemap ul,
	#sitemap li {
		line-height: 18px;
	}

	#sitemap ul {
		list-style: none;
		margin-top: 5px;
	}

	.sitemap_page_link_point:after, .sitemap_page_link_point:before {
	 	content:'';
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: rotate(45deg);
	}

	.sitemap_page_link_point:before {
		width: 7px;
		height: 7px;
		background:#000000;
		margin-top:6px;
		margin-left:-20px;
	}

	.sitemap_content_link_point:after, .sitemap_content_link_point:before {
	 	content:'';
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: rotate(45deg);
	}

	.sitemap_content_link_point:before {
		width: 5px;
		height: 5px;
		border: 1px solid #000000;
		margin-top:6px;
		margin-left:-20px;
	}

	#sitemap a:hover {
		font-weight: 700;
	}
	#content_link {
		position: fixed;
		left: 2%;
		top: calc(50% - 8px)
	}

	#content_menu {
		list-style: none;
	}

	#content_menu li {
		display: list-item;
		vertical-align: top;
		padding-top: 8px;
		padding-bottom: 8px;
		position: relative;
	}

	#footer {
		font-size: 12px;
		position: fixed;
		right: 48px;
		bottom: 36px;
	}
}
@media screen and (min-width:960px){
	* {
		font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", メイリオ, Meiryo;
		color: #000000;
		font-size: 18px;
	}

	a {
		text-decoration: none ;
		font-size: 12px;
	}

	#header_link_wit {
		position: fixed;
		left: 47px;
		top: 40px;
	}

	#header_link_home {
		font-size: 12px;
		position: fixed;
		right: 341px;
		top: 56px;
	}

	#header_linkbararea_home {
		position: fixed;
		right: 323px;
		top: 76px;
	}

	#header_linkbar_home{
		position: absolute;
		top: 0px;
		left: -70px;
		display: none;
		width: 70px;
		height: 2px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#header_link_company {
		font-size: 12px;
		position: fixed;
		right: 230px;
		top: 56px;
	}

	#header_linkbararea_company {
		position: fixed;
		right: 219px;
		top: 76px;
	}

	#header_linkbar_company{
		position: absolute;
		top: 0px;
		left: -70px;
		display: none;
		width: 70px;
		height: 2px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#header_link_recruit {
		font-size: 12px;
		position: fixed;
		right: 140px;
		top: 56px;
	}

	#header_linkbararea_recruit{
		position: fixed;
		right: 116px;
		top: 76px;
	}

	#header_linkbar_recruit{
		position: absolute;
		top: 0px;
		left: -70px;
		display: none;
		width: 70px;
		height: 2px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#header_link_sitemap {
		font-size: 12px;
		position: fixed;
		right: 48px;
		top: 49px;
		z-index: 10;
	}

	#sitemap {
		display: none;
		position: fixed;
		right: 48px;
		top: 49px;
		width: 180px;
		height: 345px;
		padding: 10px;
		background: #e0d6fa;
		opacity: 0.95;
		z-index: 20;
	}

	#sitemap_icon_top {
		position: absolute;
		right: 4px;
		top: 8px;
		width: 24px;
		height: 2px;
		background: #000000;
		border-bottom: 1px solid #404040;
	}

	#sitemap_icon_middle {
		position: absolute;
		right: 4px;
		top: 14px;
		width: 24px;
		height: 2px;
		background: #000000;
		border-top: 1px solid #BFBFBF;
		border-bottom: 1px solid #BFBFBF;
	}

	#sitemap_icon_bottom {
		position: absolute;
		right: 4px;
		top: 21px;
		width: 24px;
		height: 2px;
		background: #000000;
		border-top: 1px solid #404040;
	}

	#sitemap_title {
		font-size: 12px;
		font-weight: 700;
	}

	#sitemap ul,
	#sitemap li {
		line-height: 18px;
	}

	#sitemap ul {
		list-style: none;
		margin-top: 5px;
	}

	.sitemap_page_link_point:after, .sitemap_page_link_point:before {
	 	content:'';
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: rotate(45deg);
	}

	.sitemap_page_link_point:before {
		width: 7px;
		height: 7px;
		background:#000000;
		margin-top:6px;
		margin-left:-20px;
	}

	.sitemap_content_link_point:after, .sitemap_content_link_point:before {
	 	content:'';
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: rotate(45deg);
	}

	.sitemap_content_link_point:before {
		width: 5px;
		height: 5px;
		border: 1px solid #000000;
		margin-top:6px;
		margin-left:-20px;
	}

	#sitemap a:hover {
		font-weight: 700;
	}
	#content_link {
		position: fixed;
		left: 48px;
		top: calc(50% - 8px)
	}

	#content_menu {
		list-style: none;
	}

	#content_menu li {
		display: list-item;
		vertical-align: top;
		padding-top: 8px;
		padding-bottom: 8px;
		position: relative;
	}

	#footer {
		font-size: 12px;
		position: fixed;
		right: 48px;
		bottom: 36px;
	}
}