@charset "utf-8";
/* CSS Document */

header {
	margin-bottom: 3px;
  position: relative;
	z-index: 9999;
}

.main_image_wrapper{
  padding-top: 45%;
  position: relative;
}
.main_image {
  position: absolute;
  left: 0;
  top: 0;
}

.main_image:first-of-type {
  animation: fadeIn-right 2s ease none 1 normal;
}
@keyframes fadeIn-right {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.main_image:nth-of-type(2) {
  animation: fadeIn-left 2s ease none 1 normal;
}
@keyframes fadeIn-left {
  0% {
    opacity: 0
  }
  30%{
    opacity: 0;
  }
  100% {
    opacity: 1
  }
}
.main_image:nth-of-type(3) {
  animation: fadeIn-center 2s ease none 1 normal;
}
@keyframes fadeIn-center {
  0% {
    opacity: 0;
  }
  50%{
    opacity: 0;
 }
  100% {
    opacity: 1;
  }
}
.main_image:nth-of-type(4) {
  animation: fadeIn-sakura 2s ease 1s 1 forwards;
  opacity: 0;
}
@keyframes fadeIn-sakura {
  0% {
    opacity: 0;
  transform: rotate(120deg);
  }
  100% {
    opacity: 1;
  transform: rotate(0);
  }
}
.main_image:nth-of-type(5) {
  animation: fadeIn-text01 2s ease-out 3s 1 forwards;
  opacity: 0;
}
@keyframes fadeIn-text01 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.main_image:nth-of-type(6) {
  animation: fadeIn-text02 2s ease-out 3.5s 1 forwards;
  opacity: 0;
}
@keyframes fadeIn-text02 {
  0% {
    opacity: 0;
    top: -100px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
.water{
  width: 506px;
  height: 506px;
 background: url("../img/top/main_center.png") center no-repeat;
  left: 0;
  right: 0;
  margin: auto;
}

/* 新着情報 */
.container-fluid.bac_white .container .col-lg-4 dl {
	padding: 10px;
}
.container-fluid.bac_white .container .col-lg-4 dl dd {
	margin-bottom: 20px;
}

/* TOP説明文(マスク写真アニメーション箇所) */
.container-fluid .container .col-lg-12 {
	background: #FFF;
	box-shadow: 0 0 3px #999;
	margin-bottom: 30px;
	padding: 20px;
}
.container-fluid img.pull-right {
	width: 40%;
	margin-left: 20px;
	margin-bottom: 20px;
}

/* サービス一覧 */
.container-fluid.bac_white .container {
	padding-top: 0;
}
.container-fluid.bac_white .container .col-lg-8 {
}
.container-fluid.bac_white .container .col-lg-8 ul {
	padding: 30px 0 0;
}
.container-fluid.bac_white .container .col-lg-8 ul li {
	overflow: hidden;
	list-style: none;
	background: #FFF;
	border: solid 1px #CCC;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 0 auto 30px;
	padding-left: 0;
	padding-right: 0;
}
.container-fluid.bac_white .container .col-lg-8 ul li img {
	display: block;
	max-width: 100%;
}
.container-fluid.bac_white .container .col-lg-8 ul li p {
	color: #000;
	background: url(../img/common/ico_arrow.png) no-repeat 0 14px;
	margin-left: 15px;
	padding: 10px 28px 0;
}
.container-fluid.bac_white .container .col-lg-4 ul {
	margin-left: 0;
	padding-left: 0;
}
.container-fluid.bac_white .container .col-lg-4 ul li {
	list-style: none;
	margin-bottom: 15px;
	text-align: center;
}
.col-md-6 {
	width: 48%;
	margin: 5px !important;
}
@media screen and (max-width:640px) {
.col-xs-12 {
	width: 98%;
}
}

/* 新着情報 */
.container-fluid.bac_white .container .col-lg-4 dl {
	overflow-y: auto;
	max-height: 200px;
}
.container-fluid.bac_white .container .col-lg-4 ul {
	margin-left: 0;
	padding-left: 0;
}
.container-fluid.bac_white .container .col-lg-4 ul li {
	list-style: none;
	margin-bottom: 15px;
}


/*==============PC only===============*/
@media (min-width: 1200px){
.main_image_wrapper{
  top: -50px;
}

  /*
p.main_image {
	display: none;
}
body {
	background: #ffeff3 url(../img/top/bac_main.jpg) no-repeat center 156px;
}
.container-fluid .container {
	padding-top: 455px;
}
    */
/* TOP説明文 */
.container-fluid .container .col-lg-12 {
	padding: 40px 100px;
}
.container-fluid img.pull-right {
	width: auto;
}

/* 全体白背景 */
.container-fluid.bac_white {
	min-height: 800px;
	background: #FFF;
  /*
	margin: 0 -15px;
  */
}
.container-fluid.bac_white .container {
	padding-top: 0;
}
.container-fluid.bac_white .container .row {
	position: relative;
}

/* サービス一覧 */
.container-fluid.bac_white .container .col-lg-8 {
	min-height: 620px;
}
.container-fluid.bac_white .container .col-lg-8 ul {
	padding: 30px 0;
}
.container-fluid.bac_white .container .col-lg-8 ul li {
	overflow: hidden;
	list-style: none;
	float: left;
	width: 360px;
	border: solid 1px #CCC;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-right: 30px;
	margin-bottom: 30px;
}
.container-fluid.bac_white .container .col-lg-8 ul li:nth-child(2),
.container-fluid.bac_white .container .col-lg-8 ul li:nth-child(4) {
	float: right;
	margin-right: 0;
}
.container-fluid.bac_white .container .col-lg-8 ul li img {
	display: block;
	max-width: 100%;
}
.container-fluid.bac_white .container .col-lg-8 ul li p {
	color: #000;
	background: url(../img/common/ico_arrow.png) no-repeat 0 14px;
	margin-left: 15px;
	padding: 10px 28px 0;
}

/* 新着情報 */
.container-fluid.bac_white .container .col-lg-4 {
	position: absolute;
	top: -15px;
	right: 0;
	width: 350px;
	background: url(../img/top/bac_news.png) no-repeat 0 0;
}
.container-fluid.bac_white .container .col-lg-4 h3 {
	visibility: hidden;
	height: 80px;
	margin: 0;
	padding: 0;
}

.container-fluid iframe {
	display: block;
	margin-top: 50px;
  width: 100%;
}
}

/*エンゲージ転職バナー*/
@keyframes blinking {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.blink_h2 {
	animation: blinking 1s ease-in-out infinite alternate;
/*  margin-bottom: -40px;
  margin-top: 120px;*/
  text-align: center;
  color: #FF4876;
}

@media (min-width: 1200px){
  .blink_h2 {
  margin-bottom: 10px;
  margin-top: 120px;
  }
    }
/*トップページのサイドのYouTube*/
.top_side_youtube {
  margin-top: -30px;
}
@media (max-width: 480px) {
  .top_side_youtube  {
    margin-top: 30px;
    text-align: center;
  }
}