@charset "UTF-8";
/* CSS Document */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


h2 {

    text-align: center;

}
.pc{display: block;}
/*--------------mv----------------
-------------------------------------------*/
#vOImv {
  width: 100%;
  position: relative;
  background-color: #ddd;
  background-image: url(/web/images/career_recruit/mv_bg.gif);
	/*height: 1130px;*/
overflow: hidden;
	padding-bottom: 120px;
  }

#vOImv .mvcontsIn {
  text-align: center;
 width: 980px;
  margin:20px auto;
}

#vOImv .mvcontsIn ul {
  margin-top: 70px;
  overflow: hidden; }

#vOImv .mvcontsIn ul li {
  float: left;
  width: 480px;
  margin-right: 20px;
	margin-bottom: 20px;
  position: relative;
  background-position: center center;
  background-size: 100%; }
#vOImv .mvcontsIn ul li:nth-child(2n) {
	 margin-right: 0px;
}
#vOImv .mvcontsIn ul li a {display: block; }


#vOImv .mvcontsIn ul li img {
  display: block;
padding-left: 35px;
padding-bottom:60px;
 }

#vOImv .mvcontsIn ul li.menu01 {
  background-image: url(/web/images/career_recruit/voice/voNav_pic_01.jpg); }

#vOImv .mvcontsIn ul li.menu02 {
  background-image: url(/web/images/career_recruit/voice/voNav_pic_02.jpg); }

#vOImv .mvcontsIn ul li.menu03 {
  background-image: url(/web/images/career_recruit/voice/voNav_pic_03.jpg); }

#vOImv .mvcontsIn ul li.menu04 {
  background-image: url(/web/images/career_recruit/voice/voNav_pic_04.jpg); }


#vOImv .mvcontsIn ul li:hover {
  -webkit-transition: all 0.35s ease;
  transition: all 0.4s ease;
  background-size: 120%; }
.vOImv_sp {
  display: none; }

#vOImv .mvcontsIn h1 {
  text-align: center;
	margin-top: 180px;
color:#1077b6;
font-size: 24px;
font-weight: normal;}
#vOImv .mvcontsIn h1 img{
	text-align: center;
	margin: 0 auto 18px auto;
	display: block;
}

#vOImv .mvcontsIn p{
	margin-top: 28px;
}



/*------------------MESSAGE---------------*/
.msWrapper{
	width: 980px;
	margin: 128px auto 118px auto;
}
.msWrapper h2{
	margin-bottom: 68px;
}
.msWrapper .picLeft{
	width: 920px;
	margin: 0 auto 50px auto;
	display: flex;
	justify-content: space-between;
}
.msWrapper .picLeft .left{
	width: 37%;

}
.msWrapper .picLeft .right{
	text-align: left;
	width:59.5%;
}

.msWrapper .picRight{
	width: 920px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.msWrapper .picRight .left{
	/*width: 545px;*/width:59.5%;
	text-align: left;
}
.msWrapper .picRight .right{
	/*width: 340px;*/
	width: 37%;

}


.msWrapper .ques{
background:url(/web/images/career_recruit/voice/icon_ques.gif) 0 0 no-repeat;
	background-size: 56px;
padding-left: 77px;
min-height:57px;
color: #1077b6;
font-weight: 600;
line-height: 57px;
font-size: 115%;
	margin-bottom: 15px;
}
.msWrapper .pl{
line-height: 1.7;
	margin-bottom: 25px;
}
.msWrapper .ans{
	background:url(/web/images/career_recruit/voice/icon_ans.gif) 0 0 no-repeat;
	background-size: 56px;
padding-left: 77px;
min-height:57px;
	font-size: 90%;
line-height: 1.8;
	margin-bottom: 20px;
}
.msWrapper .picFrame{
	width: 920px;
	margin: 0 auto 50px auto;
}

.msWrapper .mgScnd{
	margin-bottom: 40px;
}
.message{
	width: 920px;
	margin: 60px auto 0 auto;
	/*border-color:#ffc200;縲€
    border-style: solid;縲€
     border-width:5px 5px 5px 0;*/
	padding: 0px;
  border:solid #ffc200;
  border-width:5px 5px 5px 0em;
display: flex;
	justify-content: space-between;

}

.message .ttl{width: 30%;}

.message .word{width: 67%;
padding: 27px 60px 27px 0;
}
.message .word h3{
	font-size: 120%;
	border-bottom:1px solid #ffc200;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.message .word p{
	font-size: 90%;
	line-height: 1.8;
}


/*------------------END message------------------------*/



#call{
	width: 100%;
	background: url(/web/images/career_recruit/voice/bg_gradation.gif) 0 0 repeat-x;
	padding-top: 150px;
	height: 420px;
	text-align: center;
}
#call .rec{
	display: inline-block;
	background: #3996d1;
	color: #fff;
	font-size: 50px;
	line-height: 1;
	padding: 16px 30px;
	border-radius: 50px;
	margin-bottom: 30px;


}
#call .wait{
	font-size: 40px;
	color: #484848;
	line-height: 1.3;
}

/*------------------END default------------------------*/






















@media (max-width: 768px) {
.pc{display: none;}

  #vOImv {
    display: none; }

  .vOImv_sp {
    background-image: url(/web/images/career_recruit/mv_bg.gif);
    overflow: hidden;
    display: block;
    padding: 20px 2%;
    text-align: center; }

  .vOImv_sp h1 {
    text-align: center;
    width: 55%;
    margin: 60px auto 20px auto;
	}
  .vOImv_sp h1 img{
	  margin-top: 10px;
	}
  .vOImv_sp ul {
    margin:20px auto 20px auto;
    overflow: hidden;
    width: 90%; }

  .vOImv_sp li {
    width: 100%;
    float: none;
    margin-bottom: 5px;
    margin-right: 0%; }

  .vOImv_sp li:nth-child(2n) {
    margin-right: 0; }

  .vOImv_sp li img {
    width: 100%; }

  .vOImv_sp ul li a {
    display: block; }



 /*--------------mv----------------
-------------------------------------------*/
#vOImv {
    background-image: none;
    height: 0; }

  .vOImv_sp {
    display: block; }

  .vOImv_sp h1 {
    text-align: center;
    color:#1077b6;
    padding: 0;
	  font-weight: normal;
	  font-size:16px; }

  .vOImv_sp h1 img{
	  margin-bottom:8px;
	}

  .vOImv_sp .bg_blue {
    background-color: #4071CB;
    width: 100%;
    padding: 20px 0;
    background-image: url(/web/images/career_recruit/form_bg.gif); }


/*message-------------------*/
.msWrapper{
	width: 100%;
	margin: 60px auto 60px auto;
}
.msWrapper h2{
	margin-bottom: 30px;
}
.msWrapper .picLeft{
	display: block;
	width: 90%;
	margin: 0 auto;
	}
.msWrapper .picLeft .right{
	width: 100%;
	}
.msWrapper .picLeft .left{
		width: 70%;
		margin: 15px auto;
	text-align: center;
	}
.msWrapper .picRight{
	display: block;
	width: 90%;
	margin: 0 auto;
	}
.msWrapper .picRight .left{
	width: 100%;
	}
.msWrapper .picRight .right{
	text-align: center;
		width: 70%;
		margin: 15px auto;
	}
.msWrapper .picFrame{
	width: 90%;
	margin: 0 auto 30px auto;
}
/**/
.msWrapper .ques{
	background-size: 40px;
padding-top: 8px;
padding-left: 50px;
line-height: 1.4;
font-size: 115%;
	margin-bottom: 5px;
}
.msWrapper .pl{
line-height: 1.4;
margin-bottom: 5px;
}
.msWrapper .ans{
	background-size: 40px;
padding-left: 50px;
min-height:57px;
	font-size: 90%;
line-height: 1.8;
}
.msWrapper .mgScnd{
	margin-bottom: auto;
}
/*message*/
.message{
	width: 90%;
	margin: 30px auto 0 auto;
	border-width:5px 5px 5px 0em;
display: block;
	justify-content: space-between;
	border:3px solid #ffc200;


}

.message .ttl{width:24%;
	margin: 0 auto;
}

.message .word{
	width:96%;
	padding:0;
margin:10px auto 20px auto;
}
.message .word h3{
	font-size: 120%;
	border-bottom:1px solid #ffc200;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.message .word p{
	font-size: 90%;
	line-height: 1.8;
}

/**/

#call{
	width: 100%;
	background: url(/web/images/career_recruit/voice/bg_gradation.gif) 0 -50px repeat-x;
	padding-top: 80px;
	text-align: center;
	height: auto;
}
#call .rec{
font-size: 36px;
	padding: 12px 25px;
	border-radius: 40px;
	margin-bottom: 20px;


}
#call .wait{
	font-size: 24px;
	line-height: 1.3;
	margin-bottom: 80px;
}
 }/*------------------END 768px------------------------*/












@media (max-width: 480px) {


 /*--------------mv----------------
-------------------------------------------*/
#vOImv {
    background-size: contain; }


} /*------------------END 480px------------------------*/