@charset "UTF-8";
@media (min-width: 768px){#header .main-nav {bottom: 14vh;	}
}
@media (min-width: 992px){#header {height: 100vh;	}
}
#greeting { line-height: 2.3vw; padding: 7vw 0;	background-repeat: no-repeat;	background-size: cover;	position: relative;
}
#greeting::before {content: "";	width: 100%;	height: 100%;	background-color: rgba(255,255,255,.85);	position: absolute;	top: 0;	left: 0;
}
#h1-greeting { font-size: 155%; /*border-bottom: solid 1px #ff8800;*/ color: #ff8800; line-height: 3vw;	padding: 10px;	position: relative;
}
#h1-greeting:after {content: " ";	width: 100%;	height: 5px;	bottom: 0;	left: 0;	position: absolute;	background:repeating-linear-gradient(45deg, #fff, #fff 3px, #ff8800 3px, #ff8800 6px);
}
#text-recruit { font-size: 120%;
}
#bottom-text { font-size: 110%; color: #0a0a0a;
}
#text-greeting {background-color: rgba(10,10,10,.15);	padding: 2vw;
}
#text-greeting p { margin: 7px 0; font-size: 105%;
}
.ttl-index { font-size: 200%; /*color: #ffa319; background-color: #ffffff;*/ position: relative; z-index: 123; line-height: 1;
}
/*
.index-header::after { content: ""; border-bottom: solid 2px #ffa319; width: 100%; position: absolute; top: .88vw; left: 0; z-index: 12;
}*/
.ttl-index{position:relative;	margin:0 10px;	/*padding:0 10px 0 55px;	font:bold 22px/40px Arial, Helvetica, sans-serif;	color:#666;	background:#f3f3f3;*/	z-index:1;
}
/*.ttl-index:before{content:" ";	position:absolute;	top:0;	left:0;	width:40px;	height:40px;	border-right:#fff solid 2px;	background:#f60; background-image: -webkit-gradient(linear, left top, left bottom,	from( rgba(255, 255, 255, 0.0)),	color-stop(0.20, rgba(255, 255, 255, 0.0)),	color-stop(0.20, rgba(255, 255, 255, 0.1)),	color-stop(0.40, rgba(255, 255, 255, 0.1)),	color-stop(0.40, rgba(255, 255, 255, 0.3)),	color-stop(0.60, rgba(255, 255, 255, 0.3)),	color-stop(0.60, rgba(255, 255, 255, 0.5)),	color-stop(0.80, rgba(255, 255, 255, 0.5)),	color-stop(0.80, rgba(255, 255, 255, 0.6)),	to( rgba(255, 255, 255, 0.6))	);	background-image: -webkit-linear-gradient(top,	transparent 20%,	rgba(255, 255, 255, 0.1) 20%,	rgba(255, 255, 255, 0.1) 40%,	rgba(255, 255, 255, 0.3) 40%,	rgba(255, 255, 255, 0.3) 60%,	rgba(255, 255, 255, 0.5) 60%,	rgba(255, 255, 255, 0.5) 80%,	rgba(255, 255, 255, 0.6) 80%,	rgba(255, 255, 255, 0.6) 100%	);	background-image: -moz-linear-gradient(top,	transparent 20%,	rgba(255, 255, 255, 0.1) 20%,	rgba(255, 255, 255, 0.1) 40%,	rgba(255, 255, 255, 0.3) 40%,	rgba(255, 255, 255, 0.3) 60%,	rgba(255, 255, 255, 0.5) 60%,	rgba(255, 255, 255, 0.5) 80%,	rgba(255, 255, 255, 0.6) 80%,	rgba(255, 255, 255, 0.6) 100%	);	background-image: -o-linear-gradient(top,	transparent 20%,	rgba(255, 255, 255, 0.1) 20%,	rgba(255, 255, 255, 0.1) 40%,	rgba(255, 255, 255, 0.3) 40%,	rgba(255, 255, 255, 0.3) 60%,	rgba(255, 255, 255, 0.5) 60%,	rgba(255, 255, 255, 0.5) 80%,	rgba(255, 255, 255, 0.6) 80%,	rgba(255, 255, 255, 0.6) 100%	);	background-image: linear-gradient(to bottom,	transparent 20%,	rgba(255, 255, 255, 0.1) 20%,	rgba(255, 255, 255, 0.1) 40%,	rgba(255, 255, 255, 0.3) 40%,	rgba(255, 255, 255, 0.3) 60%,	rgba(255, 255, 255, 0.5) 60%,	rgba(255, 255, 255, 0.5) 80%,	rgba(255, 255, 255, 0.6) 80%,	rgba(255, 255, 255, 0.6) 100%	);	z-index:-1;
}
.ttl-index:after{content:" ";	position:absolute;	top:0;	left:0;	width:40px;	height:40px; background-image: -webkit-gradient(linear, left top, right top,	from( rgba(255, 255, 255, 0.0)),	color-stop(0.20, rgba(255, 255, 255, 0.0)),	color-stop(0.20, rgba(255, 255, 255, 0.1)),	color-stop(0.40, rgba(255, 255, 255, 0.1)),	color-stop(0.40, rgba(255, 255, 255, 0.3)),	color-stop(0.60, rgba(255, 255, 255, 0.3)),	color-stop(0.60, rgba(255, 255, 255, 0.5)),	color-stop(0.80, rgba(255, 255, 255, 0.5)),	color-stop(0.80, rgba(255, 255, 255, 0.6)),	to( rgba(255, 255, 255, 0.6))	);	background-image: -webkit-linear-gradient(left,	transparent 20%,	rgba(255, 255, 255, 0.1) 20%,	rgba(255, 255, 255, 0.1) 40%,	rgba(255, 255, 255, 0.3) 40%,	rgba(255, 255, 255, 0.3) 60%,	rgba(255, 255, 255, 0.5) 60%,	rgba(255, 255, 255, 0.5) 80%,	rgba(255, 255, 255, 0.6) 80%,	rgba(255, 255, 255, 0.6) 100%	);	background-image: -moz-linear-gradient(left,	transparent 20%,	rgba(255, 255, 255, 0.1) 20%,	rgba(255, 255, 255, 0.1) 40%,	rgba(255, 255, 255, 0.3) 40%,	rgba(255, 255, 255, 0.3) 60%,	rgba(255, 255, 255, 0.5) 60%,	rgba(255, 255, 255, 0.5) 80%,	rgba(255, 255, 255, 0.6) 80%,	rgba(255, 255, 255, 0.6) 100%	);	background-image: -o-linear-gradient(left,	transparent 20%,	rgba(255, 255, 255, 0.1) 20%,	rgba(255, 255, 255, 0.1) 40%,	rgba(255, 255, 255, 0.3) 40%,	rgba(255, 255, 255, 0.3) 60%,	rgba(255, 255, 255, 0.5) 60%,	rgba(255, 255, 255, 0.5) 80%,	rgba(255, 255, 255, 0.6) 80%,	rgba(255, 255, 255, 0.6) 100%	);	background-image: linear-gradient(to right,	transparent 20%,	rgba(255, 255, 255, 0.1) 20%,	rgba(255, 255, 255, 0.1) 40%,	rgba(255, 255, 255, 0.3) 40%,	rgba(255, 255, 255, 0.3) 60%,	rgba(255, 255, 255, 0.5) 60%,	rgba(255, 255, 255, 0.5) 80%,	rgba(255, 255, 255, 0.6) 80%,	rgba(255, 255, 255, 0.6) 100%	);	z-index:-1;
}*/
a.bnr-link { position: relative; overflow: hidden; text-shadow: 1px 1px 2px rgba(0,0,0,.5), -1px 1px 2px rgba(0,0,0,.5), 1px -1px 2px rgba(0,0,0,.5), -1px -1px 2px rgba(0,0,0,.5); color: #ffffff; height: 20vw;
}
.bnr-link::after { content: ''; position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, rgba(0,0,0,.2) 0%, rgba(0,0,0,1)100%); width: 100%; height: 100%; z-index: 12; opacity: .8; transition: 0.4s ease-out;
}
a.bnr-link:hover{
}
a.bnr-link:hover::after { opacity: .6;
}
.bnr-bg,
.bnr-bg2 { transition: transform 0.4s ease-out; position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%, -50%);
}
.bnr-bg { height: 100%;
}
.bnr-bg2 { width: 100%;
}
.bnr-link:hover .bnr-bg,
.bnr-link:hover .bnr-bg2 { transform: scale(1.02) translate(-50%, -50%);
}
.h2-banner { position: absolute; top: 45%; left: 0; width: 100%; text-align: center; z-index: 123; font-size: 155%; transition: 0.4s ease-out;
}
.bnr-link:hover .h2-banner { top: 43%;
}
.bnr-text { position: absolute; bottom: -15px; width: 70%; left: 15%; opacity: 0; z-index: 123; transition: 0.4s ease-out; font-size: 100%; text-align: center;
}
.bnr-link:hover .bnr-text { bottom: 10px; opacity: 1;
}
.to-list { position: absolute; right: 1vw; top: 3vw; font-size: 90%; border: solid 1px #99aabb;
}
.list-box { min-height: 12vw; overflow: auto;
}
.list-box li { border-bottom: dotted 1px #99aabb; margin-top: .8vw; padding-bottom: .8vw;
}
a.list-link { text-decoration: underline; color: #ffa319;.ttl-index
}
a.list-link:hover { text-decoration: none;
}
.recruit {
}
#recruit{ background: url(https://ninomiya-kougyou.com/images/index/recruit_back.jpg); /*height: 40vw;*/ background-attachment: fixed; background-size:cover;
}
/*#recruit .recruit{ position: absolute; z-index:1;
}*/
/*#recruit:after{ content: ''; position: absolute; top: 0; left: 0; background:rgba(255, 255, 255, 0.5); width: 100%; height: 100%; z-index: 0; opacity: .8; transition: 0.4s ease-out;
}*/
#h1-recruit{font-size: 250%; border-bottom: solid 1px #ff8800; background: #ff8800;
}
#recruit .bg-whiteopa{ background: rgba(255, 255, 255, 0.75);
}
@media (min-width: 1300px){ #greeting, a.bnr-link, .list-box { font-size: 1.1rem; }
}
@media (max-width: 991px){ .bnr-link::after { opacity: .6; } #recruit{ background-size:contain; }
}
@media (max-width: 767px){ #greeting { line-height: 5.3vw; } #g-header-wrap { width: 100%; } #h1-greeting { font-size: 120%; line-height: 30px; } a.bnr-link { height: 50vw; } .index-header::after { top: 2vw; } .to-list { top: 5.5vw; } .list-box { min-height: 30vw; } .list-box li { margin-top: 4vw; padding-bottom: 4vw; } #recruit{ background-size:cover; }
}
@media (max-width: 575px){ .index-header::after { top: 2.5vw; } #greeting { line-height: 6vw; }
}