/*
================================================================
rev-2022.css for mi templates
from Mar.2022
================================================================
*/

/*
----------------------------------------------------------------
#Home
----------------------------------------------------------------
*/

body#Home .hero
{
	height: 100vh;
	max-height: 2560px;
	background-image: none ;
}

#Home .hero-content
{
	width: 360px;
	margin: auto;
	padding: 30px;
}

#Home .ja { margin-top: 30px; }
#Home .ja p { font-size: 18px; font-weight: 400;}
#Home .nav { margin: 30px 0; }

#Home .nav a
{
	display: block;
	margin-bottom: 10px;
	background-color: #B28324;
	color: white;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: left;
	padding: 30px 40px;
}

#Home .nav a:hover
{
	background-color: rgba(178,131,36,.3);
	color: rgb(178,131,36);
	-webkit-transition: all .5s;
	transition: all .5s;
}

#Home .ex-link.blk:after { color: rgba(0,0,0,.75); margin-left: 0.5rem;}

#Home a:hover.ex-link.blk:after {
  color: rgb(178,131,36);
  -webkit-transition: all .5s;
	transition: all .5s;
}	

#Home .copyright p
{
	font-size: 10px;
	letter-spacing: 0;
	font-weight: bold;
	margin-top: 3px;
}

/*
--------------------------------
carousel
--------------------------------
*/

#ZS {
  position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
  overflow: hidden; /* to bound the empty top space created by inner element's top margin */
  height: 100vh;
  max-height: 2560px;
  background-color: #999;
}

/*
https://github.com/mingyeungs/jquery-zoomslider/blob/master/README.md
*/

/*
----------------------------------------------------------------
header
----------------------------------------------------------------
*/


nav.pre-menu {border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px;}

nav.pre-menu a {font-size: 12px;}

/*
----------------------------------------------------------------
Pages existing
----------------------------------------------------------------
*/

/*
--------------------------------
character font
--------------------------------
*/

.ja {font-family: 'Noto Sans JP', san-serif; }

/*
--------------------------------
external link
--------------------------------
*/

.ex-link:after { font-family: "Font Awesome 5 Free"; content: "\f360"; display: inline-block; margin-left: .25rem; color: ;}

/*
----------------------------------------------------------------
home
----------------------------------------------------------------
*/

/*
--------------------------------
hero
--------------------------------
*/

body.home .hero
{
	position: relative;
	height: 480px;
	background-image: url('https://www.imhds.co.jp/content/dam/im-bs/img/bg/bg-hero-home-rev.jpg') !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

/* new index */

body.home .hero.nobg
{
	height: auto;
	background-image: url('https://www.imhds.co.jp/content/dam/im-bs/img/bg/home-04.jpg') !important;
}

/*
--------------------------------
background image
--------------------------------
*/

.home nav .item.company {	background-image: url('https://www.imhds.co.jp/content/dam/im-bs/img/bg/bg-nav-company-rev.jpg') !important;}
.home nav .item.business {	background-image: url('https://www.imhds.co.jp/content/dam/im-bs/img/bg/bg-nav-business-rev.jpg') !important;}
.home nav .item.recruit {	background-image: url('https://www.imhds.co.jp/content/dam/im-bs/img/bg/bg-nav-recruit-rev.jpg') !important;}

/*
--------------------------------
background image
--------------------------------
*/

.page.company .page-content section.hero {	background-image: url('https://www.imhds.co.jp/content/dam/im-bs/img/bg/bg-hero-company-rev.jpg') !important;}
.page.business .page-content section.hero {	background-image: url('https://www.imhds.co.jp/content/dam/im-bs/img/bg/bg-hero-business-rev.jpg') !important;}
.page.recruit .page-content section.hero {	background-image: url('https://www.imhds.co.jp/content/dam/im-bs/img/bg/bg-hero-recruit-rev.jpg') !important;}

/*
[EOF]
*/