body {
/* 	background: #f8ffff; */
/* 	font-family: "Sawarabi Mincho"; */
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.8;
	color: #3b3b3b;
	background-color: #e1faed;
	background-image: url(../img/lgback.jpg);
	background-size:  cover;
	background-attachment: fixed;
/* 	background-image: linear-gradient(0deg, #ffffff 0%, #f4fafa 100%); */
}
	
.sawarabi {
/* 	font-family: "Sawarabi Mincho"; */
	font-family: "Noto Serif JP";
}

.greengrad {
	background-color: #28a745;
/* 	background-image: linear-gradient(90deg, #28a745 0%, #115c23 100%); */
	background-image: url(../img/gback.jpg);
	background-size:  cover;
}


.blackgrad {
	background-color: #000000;
	background-image: url(../img/bback.jpg);
	background-size:  cover;
}

.orangegrad {
	background-color: #000000;
	background-image: url(../img/oback.jpg);
	background-size:  cover;
}


.limegrad {
	background-color: #dcffe9;
	background-image: linear-gradient(0deg, #dcffe9 0%, #f1fcfc 100%);
}


.robot {
	font-family: 'Roboto';
	line-height: 0.5 !important;
}

a {
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	text-decoration: none; }
	a:hover {
		text-decoration: none; }

semib{
/* 	color: #000; */
	font-family: "Noto Serif JP";
	line-height: 1.4;
	font-weight: 600;
}


h1,h2, h3, h4, h5 {
/* 	color: #000; */
	font-family: "Noto Serif JP";
	line-height: 1.4;
	font-weight: 600;
}

.dropdown:hover>.dropdown-menu {
	display: block;
}

.jumbotron-extend {
	/* 	ジャンボトロントップページ用 */
	position: relative;
	height: calc(100vh - 60px);
	min-height: 300px;
}

.g-w-grad {
	background: linear-gradient(to right, #63a77b, #FFF, #FFF, #FFF, #FFF, #FFF, #FFF, #FFF, #ffffff, #FFF, #FFF, #FFF, #FFF, #FFF, #FFF) !important;
  }

.sankaku-test {
	position: absolute;
	top:0px;
}

.shacho-bgimg {
	background: url(../img/shacho.png) no-repeat right center;
	background-size: cover;
	position: relative;
}

.massage-bgimg {
	background: url(../img/dna.jpg) no-repeat right center;
	background-size: cover;
	position: relative;
}

.work-bgimg {
	background: url(../img/hikari.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}

.about-bgimg {
	background: url(../img/sakura.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}

.recruit-bgimg {
	background: url(../img/cloud.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}

.member-bgimg {
	background: url(../img/member.png) no-repeat center bottom;
	background-size: cover;
	position: relative;
}

.jumbotron-bgimg-a {
	background: url(../img/kato.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}

.jumbotron-bgimg-b {
	background: url(../img/interview07main.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}

.jumbotron-bgimg-c {
	background: url(../img/slider-3.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}

.jumbotron-bgimg-d {
	background: url(../img/entrance.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}

.jumbotron-bgimg-e {
	background: url(../img/spot4.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}

.jumbotron-bgimg-f {
	background: url(../img/yoakucad.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}


.jumbotron-bgimg-a::before{
	content: "";
	position: absolute;
	top: 0;	bottom: 0;
	left: 0;	right: 0;
	background: black;
	opacity:0.2;
}

.jumbotron-bgimg-b::before{
	content: "";
	position: absolute;
	top: 0;	bottom: 0;
	left: 0;	right: 0;
	background: black;
	opacity:0.2;
}

.jumbotron-bgimg-c::before{
	content: "";
	position: absolute;
	top: 0;	bottom: 0;
	left: 0;	right: 0;
	background: black;
	opacity:0.2;
}

.jumbotron-bgimg-d::before{
	content: "";
	position: absolute;
	top: 0;	bottom: 0;
	left: 0;	right: 0;
	background: black;
	opacity:0.2;
}

.jumbotron-bgimg-e::before{
	content: "";
	position: absolute;
	top: 0;	bottom: 0;
	left: 0;	right: 0;
	background: black;
	opacity:0.2;
}


.jumbotron-container {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


.jumbotron-quarter {
	/* 	ジャンボトロントップページ以外用 */
	position: relative;
	height: calc(20vh - 60px);
	min-height: 200px;
}

.jumbotron-bgimg-w {
	/* 	私たちの仕事用 */
	background: url(../img/work.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}

.jumbotron-bgimg-w::before{
	/* 	私たちの仕事用 */
	content: "";
	position: absolute;
	top: 0;	bottom: 0;
	left: 0;	right: 0;
	background: black;
	opacity:0.3;
}

.jumbotron-bgimg-r {
	/* 	リクルート用 */
	background: url(../img/271367009.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}

.jumbotron-bgimg-r::before{
	/* 	リクルート用 */
	content: "";
	position: absolute;
	top: 0;	bottom: 0;
	left: 0;	right: 0;
	background: black;
	opacity:0.2;
}

.jumbotron-bgimg-ab {
	/* 	私たちについて用 */
	background: url(../img/aboutbg.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}

.jumbotron-bgimg-ab::before{
	/* 	私たちについて用 */
	content: "";
	position: absolute;
	top: 0;	bottom: 0;
	left: 0;	right: 0;
/* 	background: black; */
	/* 	opacity:0.2; */
}

.jumbotron-bgimg-ms {
	/* 	メッセージ用 */
	background: url(../img/shakehands.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}

.jumbotron-bgimg-ms::before{
	/* 	メッセージ用 */
	content: "";
	position: absolute;
	top: 0;	bottom: 0;
	left: 0;	right: 0;
	background: black;
	opacity:0.2;
}


.jumbotron-interview {
	/* 	ジャンボトロントップページ以外用 */
	position: relative;
	height: calc(10vh - 60px);
}

.animation-box{
	transition:.5s;
	opacity:0;
	transform: translateY(100px);
}
 
.animation-box.active{
	opacity:1;
	transform: translateY(0px);
}

.border-bottom {
	border-width:3px !important;
	padding-bottom: 10px;
}

.owl-next,.owl-prev, .owl-nav {
	display: none;
}

.mbr-bgimg {
	/* 	恒温培養機国内シェアドーナツグラフの背景 */
	background: url(../img/MBR-022R.png) no-repeat center center;
	background-size: 38%;
	position: relative;
}

.mensetsu-bgimg {
	/* 	新卒・中途比率ドーナツグラフの背景 */
	background: url(../img/newandcareer.png) no-repeat center center;
	background-size: 25%;
	position: relative;
}

.annual-holiday {
	/* 	年間休日 */
	font-size: 6rem;
}

.outerah {
	background: url(../img/allcast.png) no-repeat top left;
	background-size: 50%;
	position: relative;
	opacity: 0.7;
}

.average-holiday {
	/* 	有休平均取得日数 */
	font-size: 6rem;
}

.outeravh {
	background: url(../img/allcast.png) no-repeat top right;
	background-size: 50%;
	position: relative;
	opacity: 0.7;
}

.red-t {
	color: #ff0000 !important;
}

.image {
	box-shadow: 10px 10px 0 #d4edda !important;
}
.image-dark {
	box-shadow: 10px 10px 0 #18642a !important;
}


.border-1{
    border-width:0.5em !important;
}








.loader007,
.loader007:before,
.loader007:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader007 {
  color: #ffffff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader007:before,
.loader007:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader007:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader007:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}


.opac07 {
	opacity: 0.7;
}

.opac03 {
	opacity: 0.3;
}

/* 画像ファイル添付用 */

.custom-file {
  max-width: 20rem;
  overflow: hidden;
}
.custom-file-label {
  white-space: nowrap;
}
label.custom-file-label:after{
	content:"参照" !important;
}


.animoZoom{display:inline-block;transition:transform .3s;cursor:pointer}.animoZoom:hover{transform:scale(1.1)}



.messetext { font-size:1.5em !important;}



@media screen and (max-width:767px) {
    /* 画面サイズが767px以下の場合読み込む */
    
    h1 { font-size:2.0em !important;}
    h2 { font-size:1.5em !important;}
    h3 { font-size:1.3em !important;}
    h4 { font-size:1.2em !important;}
    
    .jumbotron-extend {
	/* 	ジャンボトロントップページ用 */
	position: relative;
	height: calc(100vh - 250px);
	min-height: 300px;
	}

    .messetext { font-size:1.0em !important;}

    .mt-n4 {
		margin-top: -2em !important;
	}
    
    .mt-n5 {
		margin-top: -5em !important;
	}

	.text-sm-center {
		text-align: center;
	}

	.jumbotron-quarter {
		/* 	ジャンボトロントップページ以外用 */
		position: relative;
		height: calc(15vh - 60px);
		min-height: 150px;
	}
    
}