@charset "utf-8";
/*
Theme Name:neilo For PC
Theme URL: http://192.168.1.101/web/neilo/
Description: neiloサイトのテーマ
Author: SALT inc./K.SATO
Version: 1.0
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
th,
td,
pre,
code,
blockquote,
form,
fieldset,
legend,
input,
textarea {
	margin: 0;
	padding: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
fieldset,
img { border: 0 }
address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal
}
li { list-style: none }
caption,
th { text-align: left }
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal
}
q:before,
q:after { content: '' }
abbr,
acronym {
	border: 0;
	font-variant: normal
}
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}
input,
textarea,
select { *font-size:100%
}
legend { color: #FFF }
hr { display: none }
img { vertical-align: bottom }
body {
	color: #000;
	background-color: #FFF;
	font-size: 14px;
	-webkit-text-size-adjust: 100%
}
select,
input,
button,
textarea { font-size: 99% }
table {
	font-size: inherit;
	font: 100%;
	border-collapse: collapse;
	border-spacing: 0
}
pre,
code,
kbd,
samp,
tt {
	font-family: monospace;
*font-size:108%;
	line-height: 100%
}
.hd {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden
}
.cf:before,
.cf:after {
	content: " ";
	display: table
}
.cf:after { clear: both }
.cf { *zoom:1
}
* { max-height: 999999px }
/* COLOR SETTING */
/* COMPANY */
.c01_bg,
.ci01 #hoverLayer,
.ci01 .gn3 a:hover span:last-of-type:before,
.ci01 .gn3 a:hover span:last-of-type:after,
.ci01 .gn3 a:hover span:last-of-type i { background: rgba(217,48,38,1) !important; }
.c01_tc,
.ci01 .gnv li a span.inhover { color: rgba(217,48,38,1) !important; }
.ci01 #menuLayer .menuBoxesin { background: url(images/c01m_img.jpg) no-repeat center center / cover; }
.ci01 #hoverLayer .menuBoxesinBack:before { background: url(images/logo_r.svg) no-repeat center center / contain; }

.ci01 *::selection {
	background: #E72C24;
	color: #fff;
}
.ci01 *::-moz-selection {
 background: #E72C24;
 color:#fff;
}

/* PRODUCTS */
.c02_bg,
.ci02 #hoverLayer,
.ci02 .gn3 a:hover span:last-of-type:before,
.ci02 .gn3 a:hover span:last-of-type:after,
.ci02 .gn3 a:hover span:last-of-type i { background: rgba(78,180,182,1) !important; }
.ci02,
.c02_tc,
.ci02 .gnv li a span.inhover,
.ci02 h2,
.ci02 h3,
.ci02 h4 { color: rgba(78,180,182,1) !important; }
.ci02 #menuLayer .menuBoxesin { background: url(images/c02m_img.jpg) no-repeat center center / cover; }
.ci02 #hoverLayer .menuBoxesinBack:before { background: url(images/logo_tc.svg) no-repeat center center / contain; }
#sub.ci02 header h1 a { background-image: url(images/logo_tc.svg), url(images/mark_tc.svg); }

.ci02 *::selection {
	background: rgba(78,180,182,1);
	color: #fff;
}
.ci02 *::-moz-selection {
 background: rgba(78,180,182,1);
 color:#fff;
}

/* OFFICE */
.c03_bg,
.ci03 #hoverLayer,
.ci03 .gn3 a:hover span:last-of-type:before,
.ci03 .gn3 a:hover span:last-of-type:after,
.ci03 .gn3 a:hover span:last-of-type i { background: rgba(13,126,213,1) !important; }
.c03_tc,
.ci03 .gnv li a span.inhover,
.ci03 h2,
.ci03 h3,
.ci03 h4,
.ci03 .an span.rr,
.ci03 .an2 span.rr { color: rgba(13,126,213,1) !important; }
.ci03 #menuLayer .menuBoxesin { background: url(images/c03m_img.jpg) no-repeat center center / cover; }
.ci03 #hoverLayer .menuBoxesinBack:before { background: url(images/logo_b.svg) no-repeat center center / contain; }
#sub.ci03 header h1 a { background-image: url(images/logo_b.svg), url(images/mark_b.svg); }

.ci03 *::selection {
	background: rgba(13,126,213,1);
	color: #fff;
}
.ci03 *::-moz-selection {
 background: rgba(13,126,213,1);
 color:#fff;
}

/* STUDIO */
.c04_bg,
.ci04 #hoverLayer,
.ci04 .gn3 a:hover span:last-of-type:before,
.ci04 .gn3 a:hover span:last-of-type:after,
.ci04 .gn3 a:hover span:last-of-type i { background: rgba(83,174,220,1) !important; }
.c04_tc,
.ci04 .gnv li a span.inhover,
.ci04 h2,
.ci04 h3,
.ci04 h4,
.ci04 .an span.rr,
.ci04 .an2 span.rr { color: rgba(83,174,220,1) !important; }
.ci04 #menuLayer .menuBoxesin { background: url(images/c04m_img.jpg) no-repeat center center / cover; }
.ci04 #hoverLayer .menuBoxesinBack:before { background: url(images/logo_sk.svg) no-repeat center center / contain; }
#sub.ci04 header h1 a { background-image: url(images/logo_sk.svg), url(images/mark_sk.svg); }

.ci04 *::selection {
	background: rgba(83,174,220,1);
	color: #fff;
}
.ci04 *::-moz-selection {
 background: rgba(83,174,220,1);
 color:#fff;
}

/* SOUND */
.c05_bg,
.ci05 #hoverLayer,
.ci05 .gn3 a:hover span:last-of-type:before,
.ci05 .gn3 a:hover span:last-of-type:after,
.ci05 .gn3 a:hover span:last-of-type i { background: rgba(137,82,151,1) !important; }
.c05_tc,
.ci05 .gnv li a span.inhover,
.ci05 h2,
.ci05 h3,
.ci05 h4,
.ci05 .an span.rr,
.ci05 .an2 span.rr { color: rgba(137,82,151,1) !important; }
.ci05 #menuLayer .menuBoxesin { background: url(images/c05m_img.jpg) no-repeat center center / cover; }
.ci05 #hoverLayer .menuBoxesinBack:before { background: url(images/logo_pu.svg) no-repeat center center / contain; }
#sub.ci05 header h1 a { background-image: url(images/logo_pu.svg), url(images/mark_pu.svg); }

.ci05 *::selection {
	background: rgba(137,82,151,1);
	color: #fff;
}
.ci05 *::-moz-selection {
 background: rgba(137,82,151,1);
 color:#fff;
}

/* NEWS */
.c06_bg,
.ci06 #hoverLayer,
.ci06 .gn3 a:hover span:last-of-type:before,
.ci06 .gn3 a:hover span:last-of-type:after,
.ci06 .gn3 a:hover span:last-of-type i { background: rgba(255,108,0,1) !important; }
.c06_tc,
.ci06 .gnv li a span.inhover,
.ci06 h2,
.ci06 h3,
.ci06 h4,
.ci06 .an span.rr,
.ci06 .an2 span.rr { color: rgba(255,108,0,1) !important; }
.ci06 #menuLayer .menuBoxesin { background: #FFF url(images/logo_or.svg) no-repeat center center / 43.1734% auto; }
.ci06 #hoverLayer .menuBoxesinBack:before { background: url(images/logo_or.svg) no-repeat center center / contain; }
#sub.ci06 header h1 a { background-image: url(images/logo_or.svg), url(images/mark_or.svg); }

.ci06 *::selection {
	background: rgba(255,108,0,1);
	color: #fff;
}
.ci06 *::-moz-selection {
 background: rgba(255,108,0,1);
 color:#fff;
}


/* CONTACT */
.c07_bg,
.ci07 #hoverLayer,
.ci07 .gn3 a:hover span:last-of-type:before,
.ci07 .gn3 a:hover span:last-of-type:after,
.ci07 .gn3 a:hover span:last-of-type i { background: rgba(215,57,142,1) !important; }
.c07_tc,
.ci07 .gnv li a span.inhover,
.ci07 h2,
.ci07 h3,
.ci07 h4,
.ci07 .an span.rr,
.ci07 .an2 span.rr { color: rgba(215,57,142,1) !important; }
.ci07 #menuLayer .menuBoxesin { background: #FFF url(images/logo_p.svg) no-repeat center center / 43.1734% auto; }
.ci07 #hoverLayer .menuBoxesinBack:before { background: url(images/logo_p.svg) no-repeat center center / contain; }
#sub.ci07 header h1 a { background-image: url(images/logo_p.svg), url(images/mark_p.svg); }

.ci07 *::selection {
	background: rgba(215,57,142,1);
	color: #fff;
}
.ci07 *::-moz-selection {
 background: rgba(215,57,142,1);
 color:#fff;
}

/* PRIVACY POLICY */
.c08_bg,
.ci08 #hoverLayer,
.ci08 .gn3 a:hover span:last-of-type:before,
.ci08 .gn3 a:hover span:last-of-type:after,
.ci08 .gn3 a:hover span:last-of-type i { background: rgba(236,160,35,1) !important; }
.c08_tc,
.ci08 .gnv li a span.inhover,
.ci08 h2,
.ci08 h3,
.ci08 h4,
.ci08 .an span.rr,
.ci08 .an2 span.rr { color:rgba(236,160,35,1) !important; }
.ci08 #menuLayer .menuBoxesin { background: #FFF url(images/logo_y.svg) no-repeat center center / 43.1734% auto; }
.ci08 #hoverLayer .menuBoxesinBack:before { background: url(images/logo_y.svg) no-repeat center center / contain; }
#sub.ci08 header h1 a { background-image: url(images/logo_y.svg), url(images/mark_y.svg); }

.ci08 *::selection {
	background: rgba(236,160,35,1);
	color: #fff;
}
.ci08 *::-moz-selection {
 background: rgba(236,160,35,1);
 color:#fff;
}

/* RECRUIT */
.c09_bg,
.ci09 #hoverLayer,
.ci09 .gn3 a:hover span:last-of-type:before,
.ci09 .gn3 a:hover span:last-of-type:after,
.ci09 .gn3 a:hover span:last-of-type i { background: rgba(85,173,79,1) !important; }
.c09_tc,
.ci09 .gnv li a span.inhover,
.ci09 h2,
.ci09 h3,
.ci09 h4,
.ci09 .an span.rr,
.ci09 .an2 span.rr { color:rgba(85,173,79,1) !important; }
.ci09 #menuLayer .menuBoxesin { background: url(images/c09m_img.jpg) no-repeat center center / cover; }
.ci09 #hoverLayer .menuBoxesinBack:before { background: url(images/logo_g.svg) no-repeat center center / contain; }
#sub.ci09 header h1 a { background-image: url(images/logo_g.svg), url(images/mark_g.svg); }

.ci09 *::selection {
	background: rgba(85,173,79,1);
	color: #fff;
}
.ci09 *::-moz-selection {
 background: rgba(85,173,79,1);
 color:#fff;
}

/* ONMENU */
.onMenu .gnv li a span,
.onMenu .gnv li a span.inhover,
.onMenu .menuBoxesText,
.onMenu header h2 {
	color: #FFF !important;
	transition: all 0.3s ease;
}
.onMenu .gn3 a span:last-of-type:before,
.onMenu .gn3 a span:last-of-type:after,
.onMenu .gn3 a span:last-of-type i,
.onMenu .gn3 a:hover span:last-of-type:before,
.onMenu .gn3 a:hover span:last-of-type:after,
.onMenu .gn3 a:hover span:last-of-type i {
	background: #FFF !important;
	transition: all 0.3s ease;
}