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

html,body{
height: auto;
	min-width:100%;
	overflow-x : hidden;
    -webkit-overflow-scrolling: touch;
}


body{
	margin: 0px;
	padding:0px;
	font-size: 1.5rem;
	font-weight: 400;
	text-align: center;
	-webkit-text-size-adjust: 100%;	
	font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
 }
 img   { 
  border:none;
	vertical-align:bottom;
	max-width: 100%;
	height: auto;
	width /***/:auto;　/*IE8のみ適用*/
	overflow: hidden;
	border:none;
}
#wrapper{
	overflow: hidden;
}
/*============イメージ============*/

#vegas {
position: relative;
    width: 100vw;
    height: 100vh;
}

#vegas_catch{
position: absolute;
bottom: 7%;
left: 5%;
}
#vegas_catch img{
width:80%;
max-width:1100px;
display: block;
text-align: left;
}
#slider p {
  position: absolute;
    font-size: 1.8rem;
    bottom: 2%;
    right: 5%;
	color:#fff;
	font-weight:bold;
}
#logo{
position: absolute;
width:95%;
top: 5%;
left: 5%;
text-align: left;
}
#logo img{
width:45%;
max-width:280px;
}
@media screen and (max-width:1023px)  and (orientation: portrait){
#vegas {
    width: 100%;
    height: 60vh;
}
#vegas_catch{
    left: 3%;
	bottom: 9%;
}
#vegas_catch img{
width:90%;
}
}
@media screen and (max-width:768px){
#slider p {
    font-size: 1.3rem;
}
}

/*============お知らせ============*/

#news_waku{
	width:100%;
	background-color: #fff;
	padding:90px 0;
}
#news{
	margin:0 auto;
	width:90%;
	max-width:900px;
}

.newsif{
	width:100%;
	height:300px;
	margin: 70px 0 ;
	
}
@media screen and (max-width:768px){
#news_waku{
	width:100%;
	background-color: #fff;
	padding:5em 0 3em 0;
}
#news img{
	width:120px;

}

.ifrm-container {
  width:100%;
  height:18em;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  display: inline-block;
}

.newsif {
  width:100%;
  height:100%;
  border:none;
  display:block;
  margin:2em 0;
}
}
/*============リクナビ============*/
.ric_nav{
width:60%;
max-width:380px;
margin:5em auto;
}

@media screen and (min-width:768px){
.ric_nav{
margin:5em auto;
}
}


/*============採用============*/
.saiyou{
background-image: url("../timages2307/saiyou_bg.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width:100%;
height:50vh;
margin:7em 0 0 0;
position: relative;
padding:1em 0;
}

.saiyou::before{
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.4);
}
.saiyoubun_waku{
  position: absolute;
top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:90%;
  max-width:1200px;
  color:#fff;
  text-align: left;
  
}
.saiyou_title{
  font-size:1.8em;
  font-weight:bold;
}
.saiyou_bun{
margin-top:2em;
width:100%;
max-width:700px;
}
@media screen and (max-width:590px){
.saiyou{
margin:5em 0 0;
}
.saiyou_title{
  font-size:1.6em;
}
.saiyou_bun{
font-size:0.9em;
}
}
@media screen and (max-width:960px)  and (orientation: landscape){
.saiyou{
height:80vh;
}
}

/* 採用ボタン */
.button019 a {
    background: #04a0e9;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 1em 4em;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 700;
	text-decoration: none;
	border-radius: 50vh;
	border: 2px solid #04a0e9;
	margin-top:2em;
	font-size:1.1em;
}
.button019 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button019 a:hover {
  background: #fff;
  color: #04a0e9;
}
.button019 a:hover:after {
  right: 1.4rem;
}
@media screen and (max-width:590px){
.button019 a {
	margin:2em auto 0;
}
}