/* acab/reset.css */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:where([hidden]:not([hidden='until-found'])){display:none!important}
:where(html){-webkit-text-size-adjust:none;color-scheme:dark light;tab-size:2;
	scrollbar-gutter:stable}
:where(html:has(dialog:modal[open])){overflow:clip}
@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(button){all:unset}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role='button'],[role='option']){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(a){color:inherit;text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}
:where(img,picture,svg,video){/*max-inline-size:100%;*/block-size:auto}
:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + 0.5rem);text-wrap:balance}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(dialog){border:none;background:none;inset:unset;max-width:unset;max-height:unset}:where(dialog:not([open])){display:none!important}:where(:focus-visible){outline:3px solid CanvasText;box-shadow:0 0 0 5px Canvas;outline-offset:1px}:where(:focus-visible,:target){scroll-margin-block:8vh}:where(.visually-hidden:not(:focus-within,:active)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}

/* kuroishi for PC */
html	{background:#000;}
body	{width:100%; height:100vh; margin:0;
	background:linear-gradient(180deg, #222, #444);
	color:#ccc;
	/*
	background-image: url(https://www.bianconero.co.jp/wp-content/uploads/2016/10/pF_top_8.jpg);
	background-position: left top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	*/
	z-index:10;
}

.c	{text-align:center !important;}
.ml00	{margin-left:  0px !important;}
.ml10	{margin-left: 10px !important;}
.ml20	{margin-left: 20px !important;}
.ml330	{margin-left:330px !important;}
.mt00	{margin-top:  0px !important;}
.mt05	{margin-top:  5px !important;}
.mt10	{margin-top: 10px !important;}
.mt15	{margin-top: 15px !important;}
.mt20	{margin-top: 20px !important;}
.mt40	{margin-top: 40px !important;}
.mb00	{margin-bottom: 0px !important;}
.mb10	{margin-bottom:10px !important;}
.mb20	{margin-bottom:20px !important;}

.mb	{display:none;}

h3	{border:1px solid #3de5ff; border-width:0 0 0 7px; padding:0 0 0 7px; line-height:1em; font-size:1.2em; color:#fff;}

.bgVideo	{
    position: fixed;
    z-index: 0;/*最背面に設定*/
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
}
#video {
    /*天地中央配置*/
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*縦横幅指定*/
    width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    min-height: 100%;
    min-width: 100%;
}

.headerWide	{position:fixed; width:100%; background:#0007; z-index:10;}
	.header	{width:1024px; height:50px; overflow:hidden; margin:auto; background:#fff0; transition:0.6s}
		.logoEyes	{display:inline-block; margin-left:10px;}
			.eyes	{display:inline-block; font-size:33px; font-weight:100; vertical-align:sub; color:#ccc;}
			.pro	{display:inline-block; font-size:13px; font-weight:400;
				padding:1px 3px 1px 3px; line-height:1em;
				border:1px solid #fff; border-radius:5px;
				background: #2170bf; color:#fff;}
		.headerRight	{float:right;}
			.nav		{display:inline-block; background:#fff0;}
				.navBt	{display:inline-block; width:100px; text-align:center; font-size:14px;}
			.logoBianconeroH	{width:105px; margin-left:40px; margin-top:17px;}
	.header a	,.footer a		{transition:0.9s;}
	.header a:hover	,.footer a:hover	{transition:0.6s; color:#2acfff; text-shadow:0px 0px 5px #2acfff,0px 0px 5px #2acfff,0px 0px 5px #2acfff;}

.headerSpacer	{height:50px;}

.footerSpacer	{height:50px;}
.footerWide	{width:100%; background:#000a; position:relative; border:1px solid #444; border-width:1px 0 0 0;}
	.footer	{width:1024px; height:280px; overflow:hidden; margin:auto; background:#fff0;}
		.footerNav1	{width:350px; float:left; border:1px solid #444; border-width:0 1px 0 0; padding-left:30px; margin-top:40px; height:150px;}
		.footerNav2	{width:350px; float:left; border:1px solid #444; border-width:0 1px 0 0; padding-left:30px; margin-top:40px; height:150px;}
		.footerNav3	{float:left; padding-left:30px; margin-top:30px;}
		.logoBianconero	{width:160px;}

.pageHeaderWide		{width:100%; position:relative;}
	.pageHeaderTop	{width:1024px; height:450px; overflow:hidden; margin:auto;}
	.pageHeader	{width:1024px; height:150px; overflow:hidden; margin:auto;}
	.pageTitleTop	{margin:100px 0 0 10px;}
	.pageTitle	{margin:100px 0 0 10px;}
.contentsWide		{width:100%; position:relative;}
	.contents	{width:1024px; overflow:hidden; margin:auto; background:#fff0;}
.contentsWide2		{width:100%; position:relative; background:linear-gradient(90deg,#000,#111d);}


.minHeightCheck		{min-height:calc(100vh - 50px - 150px - 280px);}
.top			{border:1px solid #222; border-width:1px 0 0 0;}

/* pageTop button */
	.pageTop			{position:fixed; right:0px; bottom:0px; width:90px; height:90px; opacity:0.9; text-align:center;}
	.pageTop i			{font-size: 25px; width: 25px; height: 25px; top: -40px; color:#fff;}
	.pageTop div			{font-size: 13px; top: 45px; color:#fff;}
	.pageTop a			{text-decoration:none;}

/* top page */
	.pageTitleTop			{position:absolute; width:400px; margin:160px 0 0 590px;}
	.pageTitleTop .logoEyes		{margin-left:0;}
	.pageTitleTop .logoEyes .eyes	{text-shadow:1px 1px 1px #000;}
	.pageTitleTop .logoEyes .pro	{box-shadow:1px 1px 1px #000;}
	.pageTitleTop .logoEyes .ver1	{text-shadow:1px 1px 1px #000; display:inline-block; font-size:30px; font-weight:200; vertical-align:sub; color:#f80; margin-left:8px;}
	.pageTitleTop .logoEyes .ver2	{text-shadow:1px 1px 1px #000; display:inline-block; font-size:25px; font-weight:200; vertical-align:sub; color:#a50; }
	.pageTitleTop h2		{filter: drop-shadow(1px 1px 1px #000);; margin-top:8px; font-size:20px; color:#5bbbbb;
					background:linear-gradient(180deg,#aab6bb, #5bbbbb);
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;}
	.pageTitleTop p			{text-shadow:1px 1px 1px #000; margin-top:8px; font-size:14px; color:#fff;}

	.subTitle			{font-size:16px; margin:15px 0 0 0; border:1px solid #3de5ff; border-width:0 0 0 7px; padding:0 0 0 7px; line-height:1em; color:#fff;}
	h4				{font-size:27px; color:#564f4f; text-align:center; margin:50px 0 30px 0;
					background:linear-gradient(180deg, #7C7272, #332d2d);
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;}
	h5				{font-size:20px; color:#7e9fbc; display:inline-block; float:left;}
	.toppage p			{margin:0 0 30px 240px; font-size:15px;}

/* product */

/* company */
	.tbCompany		{}
		.tbCompany th	{width:280px; vertical-align:top; text-align:right; padding:5px 20px 0 0;
				border:1px solid #3de5ff; border-width:0 4px 0 0;}
		.tbCompany td	{vertical-align:top; padding:5px 0 0 20px;}

	.map			{filter:invert(0.9) hue-rotate(145deg); margin-top:15px;}


/* contact */

	.tbContact		{}
		.tbContact th	{width:280px; vertical-align:top; text-align:right; padding:0px 20px 0 0;
				border:1px solid #3de5ff; border-width:0 4px 0 0;}
		.tbContact td	{vertical-align:top; padding:0px 0 0 20px;}

	input[type=text]	{width:400px;}
	textarea		{width:720px; height:250px;}
	input[type=button]	{width:200px; background:#12282c; border-radius:50px;}



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

	.mb				{display:unset;}

	.header				{width:360px; height:40px;}
		.logoEyes		{}
			.eyes		{font-size:26px;}
			.pro		{font-size:10px;
					padding:1px 3px 1px 3px;
					border:1px solid #fff; border-radius:5px;}
		.headerRight		{}
			.nav		{margin-top:8px !important;}
				.navBt	{width:68px;font-size:11px;}
			.logoBianconeroH	{display:none;}
	.headerSpacer			{height:40px;}

	.footerSpacer	{height:50px;}
	.footerWide	{width:100%; background:#000a; position:relative; border:1px solid #444; border-width:1px 0 0 0;}
		.footer	{width:360px; height:370px; overflow:hidden; margin:auto; background:#fff0;}
			.footerNav1	{width:360px; border-width:0; padding-left:0px; margin-top:20px; height:unset !important;}
			.footerNav2	{width:360px; border-width:0; padding-left:0px; margin-top:00px; height:unset !important;}
			.footerNav3	{padding-left:0px; margin-top:20px;}
			.logoBianconero	{width:180px;}
		.footer .ml20		{margin-left:5px !important;}

	.pageHeaderWide		{width:100%; position:relative;}
		.pageHeaderTop	{width:360px; height:300px; overflow:hidden; margin:auto;}
		.pageHeader	{width:360px; height:150px; overflow:hidden; margin:auto;}
		.pageTitleTop	{margin:60px 0 0 40px;}
		.pageTitle	{margin:100px 0 0 10px;}
	.contentsWide		{width:100%; position:relative;}
		.contents	{width:360px; overflow:hidden; margin:auto; background:#fff0;}
	.contentsWide2		{width:100%; position:relative; background:linear-gradient(90deg,#000,#111d);}


	.minHeightCheck		{min-height:calc(100vh - 40px - 150px - 280px);}
	.top			{border:1px solid #222; border-width:1px 0 0 0;}

	/* top page */
		.pageTitleTop			{width:220px; margin:50px 0 0 140px;}
		.pageTitleTop .logoEyes		{margin-left:0px;}
		.pageTitleTop .logoEyes .eyes	{}
		.pageTitleTop .logoEyes .pro	{}
		.pageTitleTop .logoEyes .ver1	{font-size:30px; margin-left:8px;}
		.pageTitleTop .logoEyes .ver2	{font-size:25px;}
		.pageTitleTop h2		{font-size:17px;}
		.pageTitleTop p			{margin-top:8px; font-size:13px;}

		.subTitle			{font-size:16px; margin:15px 0 0 0; padding:0 0 0 7px;}
		h4				{font-size:21px; margin:50px 0 30px 0;}
		h5				{font-size:16px; float:unset; display:block; text-align:center; margin-bottom:8px;}
		.toppage p			{margin:0 0 30px 120px; font-size:13px;}

		.ml330				{margin-left:120px !important;}


	/* product */

	/* company */
		.tbCompany		{table-layout:fixed; width:360px;}
			.tbCompany th	{width:80px; vertical-align:top; text-align:right; padding:5px 10px 0 0;
					font-size:11px; line-height:24px;}
			.tbCompany td	{vertical-align:top; padding:5px 0 0 10px;}
			.tbCompany ul	{font-size:90%;}
			.tbCompany li	{line-height:1.25em; margin-bottom:10px;}

		.map			{filter:invert(0.9) hue-rotate(145deg); margin-top:15px;}


	/* contact */

		.tbContact		{table-layout:fixed; width:360px;}
			.tbContact th	{width:80px; vertical-align:top; text-align:right; padding:0px 10px 0 0;
					font-size:11px; line-height:13px; padding-top:8px;}
			.tbContact td	{vertical-align:top; padding:0px 0 0 10px;}

		input[type=text]	{width:260px;}
		textarea		{width:260px; height:250px;}
		input[type=button]	{width:200px; background:#12282c; border-radius:50px;}



}