a[href^="http"]:after,
a[href^="//"]:after {
  margin: 0 0 0 3px;
  font-family: "Font Awesome 5 Free";
  content: '\f35d';
  font-weight: 900;
}



body {
 margin:0;
 padding:0;
 font-size:16px;
 font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, Osaka, "MS PGothic", "Segoe UI", sans-serif;
 line-height:1.7;
 background-color:#FFF;
}

#vegas {
 margin-top:80px;
 width: 100vw;
 height: 90vh;
 background-position:center center;
 background-size: cover;
 display: table;
 align-items: center;
 justify-content: center;

}

#vegas img{
 margin:0 auto;
 align-items: center;
 justify-content: center;
 text-align:center;
 display: table-cell;
 vertical-align: middle;
 margin-top:32vh;
}

.t_bo {
 border-bottom:1px solid #222;
}

.h_bo {
 border-bottom:1px solid #222;
 background: #DADADA;
}

.orange {
 background: #ED8319;
 color:#FFF;
}


p {
 padding:0.3em 0;
}

h2 {
 font-size:2.5em;

 color:#FFF;
 text-shadow: 0px 0px 4px #111;
}

.ha2 {
 font-size:2.5em;

 color:#FFF;
 text-shadow: 0px 0px 4px #111;
}

.row3 .column {
width: 31.33333%
}

.bg-slider {
 width: 100%;
 height: 100vh;
 background-position:center center;
 background-size: cover;
 display: flex;
 align-items: center;
 justify-content: center;
}

.navbar-item {
 font-weight:bolder
}

.bg-slider img{
 object-fit:cover;
}
.navbar-item img{
max-height: 60px;
}

.bbox{
 margin:1em auto;
 width:85vw;
 border-left:none;
 border-right:none;
 padding:1em 0;
}

#hed {
width: 100%;
background: #FFF;
padding: 0;
position: fixed;
top: 0;
 z-index:1;
}

.s_tit {
 text-align:center;
}

.button{

 width:30vh;
}

.footer {
 background-color:#2B3447;
 color:#FFF;
}

.footer a{
 color:#FFF;
}

.banner, .banner2 {
position: relative;
overflow: hidden;
max-width: 600px;
height: 240px
}
.banner:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
background: url(/img/bg3.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.banner2:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
background: url(/img/bg1.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}

.banner:hover:after, .banner2:hover:after {
opacity: .8;
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}

.banner_text {
opacity: .9;
position: relative;
display: flex;
	position: absolute;
	bottom: 0;
z-index: 1;
text-decoration: none;
color: #fff;
background-color:#E13330;
width:100%;
padding-left:1em;
}

/* フェードイン(初期値) */
.js-fadeUp {
  opacity: 0; /* 最初は非表示 */
  transform: translateY(60px); /* 下に30pxの位置から */
  transition: opacity .8s, transform .8s; /* 透過率と縦方向の移動を0.8秒 */
}
/* フェードイン(スクロールした後) */
.js-fadeUp.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  transform: translateY(0); /* 30px上に移動する */
  transition-delay: .5s; /* フェード開始を0.5秒遅らせる */
}

/* フェードイン(初期値) */
.js-fadeLeft {
  opacity: 0; /* 最初は非表示 */
  transform: translateX(-100px); /* 下に30pxの位置から */
  transition: opacity .8s, transform .8s; /* 透過率と縦方向の移動を0.8秒 */
}
/* フェードイン(スクロールした後) */
.js-fadeLeft.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  transform: translateX(0); /* 30px上に移動する */
  transition-delay: .5s; /* フェード開始を0.5秒遅らせる */
}

/* フェードイン(初期値) */
.js-fadeRight {
  opacity: 0; /* 最初は非表示 */
  transform: translateX(100px); /* 下に30pxの位置から */
  transition: opacity .8s, transform .8s; /* 透過率と縦方向の移動を0.8秒 */
}
/* フェードイン(スクロールした後) */
.js-fadeRight.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  transform: translateX(0); /* 30px上に移動する */
  transition-delay: .5s; /* フェード開始を0.5秒遅らせる */
}

.fade-img2{
 width:100%;
 text-align:center;
 margin:0 auto;
 padding: 0;
 display: flex;
 align-items: center;
}

.fade-img2 div{
 position:absolute;
 text-align:center;
 margin:0 auto;
 width:100%;
}

.fade-img2 span {
 display: block;
 padding: 0;
 text-align:center;
 margin:0 auto;
}

.hd_bg {
margin:0 auto;
padding:0;
background-size:cover;
background: url(/img/bg3.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
width:100%;
height:200px;
text-align:center;
display: flex;
align-items: center;
}

.hd_bg_cp {
margin:0 auto;
padding:0;
background-size:cover;
background: url(/img/campany_bg.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
width:100%;
height:200px;
text-align:center;
display: flex;
align-items: center;
}

.hd_bg_ct {
margin:0 auto;
padding:0;
background-size:cover;
background: url(/img/contact_bg.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
width:100%;
height:200px;
text-align:center;
display: flex;
align-items: center;
}

.hd_bg_biz {
margin:0 auto;
padding:0;
background-size:cover;
background: url(/img/bg3.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
width:100%;
height:200px;
text-align:center;
display: flex;
align-items: center;
}

.hd_bg_ent {
margin:0 auto;
padding:0;
background-size:cover;
background: url(/img/ka1.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
width:100%;
height:200px;
text-align:center;
display: flex;
align-items: center;
}

.hd_bg_ent2 {
margin:0 auto;
padding:0;
background-size:cover;
background: url(/img/ka3.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
width:100%;
height:200px;
text-align:center;
display: flex;
align-items: center;
}

.ent_bg {
margin:0 auto 10vh;
padding:0;
background-size:cover;
background: url(/img/ka1.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
width:100%;
height:420px;
text-align:center;
display: flex;
align-items: center;
background-color: rgba(0,0,0,.7);
}

.ent_bg2 {
margin:0 auto 15vh;
padding:0;
background-size:cover;
background: url(/img/ka.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
width:100%;
height:420px;
text-align:center;
display: flex;
align-items: center;
background-color: rgba(0,0,0,.7);
}


.btn_lnk {
background-color: #ED8319;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all  0.5s ease;
width:33vw;
margin: 0 auto;
padding:1em 2.5em;
color:#FFF;
text-align:center;
}

.btn_lnk a{
color:#FFF;
}

.btn_lnk:hover {
background-color: #ff2222;
color:#FFF;
}



.ent_box{
 position:absolute;
 text-align:center;
 margin:0 auto;
 width:100%;
 margin-top:15vh;
 font-size:1.2em;
 font-weight:bolder;
}

.ha3 {
 font-size:2.5em;

 color:#FFF;
 text-shadow: 0px 0px 4px rgba(0,0,0,1);
}
.ha3_s {
 font-size:1em;

 color:#FFF;
 text-shadow: 0px 0px 4px rgba(0,0,0,1);
}



/*== ボタン共通設定 */
.btn{
/*アニメーションの起点とするためrelativeを指定*/
position: relative;
  overflow: hidden;
/*ボタンの形状*/
  text-decoration: none;
  display: inline-block;
border: 1px solid #555;/* ボーダーの色と太さ */
padding: 10px 80px;
text-align: center;
outline: none;
/*アニメーションの指定*/   
transition: ease .2s;
  background: #FFF;
 margin:2em;
}

/*ボタン内spanの形状*/
.btn span {
  position: relative;
  z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
  color:#333;

}

.btn:hover span{
  color:#fff;
}

/*== 背景が流れる（中央から横全体） */
.bgcenterx:before {
  content: '';
/*絶対配置で位置を指定*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
/*色や形状*/
  background: #E13330;
  width: 100%;
  height: 100%;
/*アニメーション*/
  transition: transform .3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: top;
}

/*hoverした際の形状*/
.bgcenterx:hover:before{
  transform:scale(1, 1);
}

.hed_recruit {
 background-color:#ED8319;
 color:#FFF;
 padding:0.6em 4em;
 margin-left:2em;
 height:2.6em;
 margin-top:1.25em;
 display:table-cell;
 margin-right:2em;
}











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




@media screen and (max-width: 768px){
.navbar-item img{
max-height: 40px;
}

#vegas {
 margin-top:40px;
 width: 100vw;
 height: 60vh;
 background-position:center center;
 background-size: cover;
 display: table;
 align-items: center;
 justify-content: center;
}

.ent_box{
 position:absolute;
 text-align:center;
 margin:0 auto;
 width:100%;
 margin-top:15vh;
 font-size:1em;
}

#vegas img{
 width:100%;
 margin:0 auto;
 align-items: center;
 justify-content: center;
 text-align:center;
 display: table-cell;
 vertical-align: middle;
 margin-top:28vh;
}

.bbox{
 margin:0 0 1em;
 padding:0.5em 1em;
 width:100vw;
 border-bottom:1px solid #EEE;
}

.ha2 {
 font-size:1.5em;
 color:#FFF;
 text-shadow: 0px 0px 4px rgba(0,0,0,1);
}

.ha3 {
 font-size:1.5em;
 color:#FFF;
 font-weight:bolder;
 text-shadow: 0px 0px 2px rgba(0,0,0,1);
}
.ha3_s {
 font-size:0.9em;
 color:#FFF;
 font-weight:bolder;
 text-shadow: 0px 0px 2px rgba(0,0,0,1);
}

.bg-slider {
 margin-top:60px;
 width: 100%;
 height: 50vh;
 background-position:center center;
 background-size: cover;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align:center;
}

.bg-slider img{
 width:85%;
 margin:0 auto;
}

.or {
 background:#ED8319;
 color:#FFF;
}

.hd_bg, .hd_bg_cp, .hd_bg_ct, .hd_bg_biz, .hd_bg_ent {
height:120px;
}



.hlogo img{
 height:60px;
}



.hd_bg {
margin:60px auto;
padding:0;
background-size:cover;
background: url(/img/bg3.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
width:100%;
height:200px;
text-align:center;
display: flex;
align-items: center;
}

.hd_bg_cp {
margin:20px auto;
padding:0;
background-size:cover;
background: url(/img/campany_bg.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
width:100%;
height:200px;
text-align:center;
display: flex;
align-items: center;
}

.hd_bg_ct {
margin:20px auto;
padding:0;
background-size:cover;
background: url(/img/contact_bg.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
width:100%;
height:200px;
text-align:center;
display: flex;
align-items: center;
}

.hd_bg_biz {
margin:20px auto;
padding:0;
background-size:cover;
background: url(/img/bg3.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
width:100%;
height:200px;
text-align:center;
display: flex;
align-items: center;
}

.hd_bg_ent {
margin:20px auto;
padding:0;
background-size:cover;
background: url(/img/ka1.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
width:100%;
height:200px;
text-align:center;
display: flex;
align-items: center;
}


.ent_bg {
margin:0 auto 10vh;
padding:0;
background-size:cover;
background: url(/img/ka1.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
width:100%;
height:420px;
text-align:center;
display: flex;
align-items: center;
background-color: rgba(0,0,0,.7);
}

.ent_bg2 {
margin:0 auto 10vh;
padding:0;
background-size:cover;
background: url(/img/ka.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
width:100%;
height:420px;
text-align:center;
display: flex;
align-items: center;
background-color: rgba(0,0,0,.7);
}



.btn_lnk {
background-color: #ED8319;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all  0.5s ease;
width:60vw;
margin: 0 auto;
padding:1em 2.5em;
color:#FFF;
text-align:center;
}

.btn_lnk a{
color:#FFF;
}

.btn_lnk:hover {
background-color: #ff2222;
color:#FFF;
}


}





.vegas-animation-kenburns {
animation: kenburns ease-out;
}

@keyframes kenburns {
0% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}