@charset "utf-8";
#table {
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    width: auto;
    margin-left: 20px;
}


/* フォント変更 23/2/10 */
	body {
		font-family: "游ゴシック", "メイリオ", Meiryo, -apple-system, "BlinkMacSystemFont", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	}
/**/



/*見出しの楕円枠*/
.oshirase {
    color: #17a2b8;
    padding-bottom: 10px;
    padding-top: 10px;
    border-color: #17a2b8;
    border-style: solid;
    margin-bottom: 10px;
}
.oshirase-top {
    padding-bottom: 10px;
    padding-top: 10px;
    border-color: #17a2b8;
    border-style: solid;
    margin-bottom: 10px;
    border-radius: 40px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

/*.oshirase-top-unei　保留 {
    padding-bottom: 10px;
    padding-top: 10px;
    border-color: #70C3FF;
    border-style: solid;
    margin-bottom: 10px;
    border-radius: 40px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    }*/

.oshirase-top-unei {
    padding-bottom: 10px;
    padding-top: 10px;
    border-color:#618ebb;
    border-style: solid;
    margin-bottom: 10px;
    border-radius: 40px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    }

.oshirase-top-seisaku {
    padding-bottom: 10px;
    padding-top: 10px;
    border-color: #FDA33B;
    border-style: solid;
    margin-bottom: 10px;
    border-radius: 40px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}


.oshirase-top-technical {
    padding-bottom: 10px;
    padding-top: 10px;
    border-color: #95c7b2;
    border-style: solid;
    margin-bottom: 10px;
    border-radius: 40px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.oshirase-top-studio {
    padding-bottom: 10px;
    padding-top: 10px;
    border-color: #70c3ff;
    border-style: solid;
    margin-bottom: 10px;
    border-radius: 40px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}


.oshirase-top-system {
    padding-bottom: 10px;
    padding-top: 10px;
    border-color: #9e74b0;
    border-style: solid;
    margin-bottom: 10px;
    border-radius: 40px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}


.oshirase-top-travel {
    padding-bottom: 10px;
    padding-top: 10px;
    border-color: #eaaeb9;
    border-style: solid;
    margin-bottom: 10px;
    border-radius: 40px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

/**/


.oshirase-stripe {
    color: #17a2b8;
    position: fixed;
}
.table-midashi {
    background-color: #F9F7C8;
    text-align: center;
    width: 15%;
}
.sab-title {
    color: #FFFFFF;
    text-shadow: 1px 1px rgba(0,0,0,1.00);
}
.top-title {
    color: #FFFFFF;
    text-shadow: 2px 2px rgba(0,0,0,1.00);
}


/*業務案内ページの見出し文字*/
.main-taitle {
    margin-bottom: 20px;
    color: #17a2b8;
    }


/*.main-taitle-unei {
    margin-bottom: 20px;
    color: #70C3FF;
}*/


.main-taitle-unei {
    margin-bottom: 20px;
    color: #618ebb;
}

.main-taitle-seisaku {
    margin-bottom: 20px;
    color: #FDA33B;
}



.main-taitle-technical {
    margin-bottom: 20px;
    color: #95c7b2;
}

.main-taitle-studio {
    margin-bottom: 20px;
    color: #70c3ff;
}

.main-taitle-system {
    margin-bottom: 20px;
    color: #9e74b0;
}


.main-taitle-travel {
    margin-bottom: 20px;
    color: #eaaeb9;
}

/**/

.footer-color {
    background-color: #D2D2D2;
}
.table-oshirase {
    margin-top: 20px;
    margin-bottom: 60px;
}
.taitle-read {
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: left;
    font-size: medium;
    background-color: undefined;
}
.taitle-read-02 {
    margin-top: 20px;
    text-align: left;
    font-size: medium;
    background-color: undefined;
}
.live-house-logo {
    background-color: #D2D2D2;
    text-align: center;
    margin-bottom: -15px;
    margin-top: 50px;
}
.live-logo {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 40px;
}

.jumbotron-extend {
    position: relative;
    height: 70vh;
    min-height: 100px;
}
.jumbotron-extend-gyoumuannai {
    position: relative;
    height: auto;
    min-height: 100px;
}
.top-livehouse-logo {
    text-align: right;
}
.top-livehouse-logo-image {
    margin-right: 5px;
    margin-left: 5px;
}
.contenter-back-white {
    background-color: rgba(247,247,247,0.50);
}
.body-background-image {
    background-image: url(../images/body-background-image.png);
    background-repeat: no-repeat;
    background-position: bottom;
}


/*業務案内ページ見出しの角枠*/
.gyoumu-title {
    text-align: left;
    border-bottom: 2pt solid rgba(9,39,112,1.00);
    border-left: 10pt solid rgba(9,39,112,1.00);
    padding-left: 20px;
    padding-bottom: 5px;
}


/*.gyoumu-title-unei 保留{
    text-align: left;
    border-bottom: 2pt solid #70c3ff;
    font-family: inherit;
    font-weight: 100;
    border-left: 10pt solid #70c3ff;
    padding-left: 20px;
    padding-bottom: 5px;
}
*/

.gyoumu-title {
    text-align: left;
    border-bottom: 1pt solid #000000;
    border-left: 5pt solid #000000;
    padding-left: 20px;
    padding-bottom: 5px;
}

.gyoumu-title-unei {
    text-align: left;
    border-bottom: 2pt solid #618EBB;
        font-family: inherit;
    font-weight: 100;
    border-left: 10pt solid #618EBB;
    padding-left: 20px;
    padding-bottom: 5px;
}


.gyoumu-title-seisaku {
    text-align: left;
    border-bottom: 2pt solid #fda33b;
    font-family: inherit;
    font-weight: 100;
    border-left: 10pt solid #fda33b;
    padding-left: 20px;
    padding-bottom: 5px;
}

.gyoumu-title-technical {
    text-align: left;
    border-bottom: 2pt solid #95c7b2;
    font-family: inherit;
    font-weight: 100;
    border-left: 10pt solid #95c7b2;
    padding-left: 20px;
    padding-bottom: 5px;
}

.gyoumu-title-system {
    text-align: left;
    border-bottom: 2pt solid #9e74b0;
    font-family: inherit;
    font-weight: 100;
    border-left: 10pt solid #9e74b0;
    padding-left: 20px;
    padding-bottom: 5px;
}


.gyoumu-title-studio {
    text-align: left;
    border-bottom: 2pt solid #70c3ff;
    font-family: inherit;
    font-weight: 100;
    border-left: 10pt solid #70c3ff;
    padding-left: 20px;
    padding-bottom: 5px;
}


.gyoumu-title-travel {
    text-align: left;
    border-bottom: 2pt solid #eaaeb9;
    font-family: inherit;
    font-weight: 100;
    border-left: 10pt solid #eaaeb9;
    padding-left: 20px;
    padding-bottom: 5px;
}

.oshirase-title {
    text-align: center;
    /*        border-top: 2pt solid rgba(9,39,112,1.00);*/
    border-bottom: 2pt solid rgba(9,39,112,1.00);
    font-family: inherit;
    font-weight: 100;
    padding-bottom: 15px;
}


.gyoumu-title-sub {
    text-align: left;
}
.gyoumu-midashi {
    margin-bottom: 20px;
}
.gyoumu-koumoku {
    margin-bottom: 40px;
}


/* table01 */
.table01 tr {
  border-bottom: 1px solid #b5b1b1;
  border-top: 1px solid #b5b1b1;
}

.table01 th,
.table01 td {
    padding-top: 24px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 24px;
    border: none;
    width: auto;
}

.table01 th {
/*    width: 20%; */
    width: 23%;
    background-color: #EDEDE5;
    text-align: center;
}

/* sp */
@media only screen and (max-width: 480px) {

.table01 th {
    width: 15%;
    background-color: #EDEDE5;
    text-align: center;
}

.table01 th {
    width: 25%;
    background-color: #EDEDE5;
    text-align: center;
}
 .table01 th,
 .table01 td {
    width: 100%;
    display: block;
    text-align: left;
  }

.table01 td {
    padding-top: 0;
  }
}
.table-text-left {
    text-align: left;
}

/*使わないcss枠のストライプテスト*/
.stripe-midashi {
    background: repeating-linear-gradient(-45deg, #EBF76F, #EBF76F, 5px, #ffff 5px, #ffff 15px);
    margin-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 10px;
}


.kaisha-gaiyou {
    padding-top: 10px;
    padding-bottom: 40px;
}
.daihyou-name {
    text-align: right;
    font-size: large;
    font-weight: normal;
}
.jisseki {
    list-style-type: none;
    border-bottom: 1px dotted rgba(124,124,124,1.00);
}
.list-center {
    text-align: left;
    margin-top: 10px;
}
.saiyou-midashi {
    color: #092770;
    border-bottom: 2px solid rgba(9,39,112,1.00);
    margin-top: 40px;
}


/*イメージ動画のテスト　後で削除
.top-video {
    width: 100%;
// 適宜指定
;
    border-bottom: 5px solid #092770;
}*/



/*イメージ動画のテスト02*/
.top-video-title {
        position: absolute;
    top: 0;
    left: 0;
    color:white;    
    font-size:3em;
    font-weight: 400;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    top: 50%; /* 追記 */
    left: 50%; /* 追記 */
    -ms-transform: translate(-50%, -50%); /* 追記 */
    -webkit-transform: translate(-50%, -50%); /* 追記 */
    transform: translate(-50%, -50%); /* 追記 */
}

/*イメージ動画のアンダーライン*/
.top-video-02 {
  width: 100%;
        border-bottom: 5px solid #092770;
}

/*イメージ動画のレスポンシブ*/
/* 以下ただのサンプルのため指定（親要素の幅） */
.width250 { width: 250px; }
.width200 { width: 200px; }
.width150 { width: 150px; }
p { margin-top: 10px; }



/*各業務の色分け*/

/*.unei-under 保留 {
    border-bottom: 3px solid #70c3ff;
}
*/

.unei-under {
    border-bottom: 3px solid #618ebb;
}

.seisaku-under {
    border-bottom: 3px solid #fda33b;
}

.technical-under {
    border-bottom: 3px solid #95c7b2;
}

.studio-under {
    border-bottom: 3px solid #70c3ff;
}

.system-under {
    border-bottom: 3px solid #9e74b0;
}

.travel-under {
    border-bottom: 3px solid #eaaeb9;
}

/* 背景格子 */
.cross {
	background-image: linear-gradient(90deg, #fafafa 1px, transparent 0),
	linear-gradient(#fafafa 1px, transparent 0);
	background-size: 10px 10px;
}

/*TOPページ業務名のリンクをオフ*/
.link-under-off {
    color: #000000;
    text-decoration: none!important;
}

/*bootstrap4.0.0cssから移動*/
.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    border-radius: 0.3rem;
    background-image: url(../images/top-image.png);
    border-bottom: 10px solid rgba(9,39,112,1.00);
}

/*↓レスポンシブで縮めると画像が消える要素、要確認
/*@media (min-width: 576px) {*/

    
/*TOPページヘッダー　動画にしたので使わない*/ 
.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    border-radius: 0.3rem;
    background-image: url(../images/top-image.png);
    border-bottom: 10px solid rgba(9,39,112,1.00);
}

/*index.html事業所用　2025/0306*/
.jumbotron-top-jigyousho {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}
    
/*各ページヘッダー画像*/
.jumbotron-kaisha-gaiyou {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    border-radius: 0.3rem;
    background-image: url(../images/22023654_l.png);
    background-repeat: no-repeat;
    border-bottom: 5px solid rgba(9,39,112,1.00);
    background-size: 100% auto;
}    
    
.jumbotron-saiyou-jouhou {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    border-radius: 0.3rem;
    background-image: url(../images/1596663_l.png);
    background-repeat: no-repeat;
    border-bottom: 5px solid rgba(9,39,112,1.00);
    background-size: 100% auto;
}   
    
.jumbotron-kojin-jouhou {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    border-radius: 0.3rem;
    background-image: url(../images/22023453_l.png);
    background-repeat: no-repeat;
    border-bottom: 5px solid rgba(9,39,112,1.00);
    background-size: 100% auto;
}   
    
.jumbotron-otoi-awase {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    border-radius: 0.3rem;
    background-image: url(../images/5008496_l.png);
    background-repeat: no-repeat;
    border-bottom: 5px solid rgba(9,39,112,1.00);
    background-size: 100% auto;
}    
    
.jumbotron-gyoumuannai {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    border-radius: 0.3rem;
    background-image: url(../images/gyoumu-annai.png);
    background-repeat: no-repeat;
    border-bottom: 5px solid rgba(9,39,112,1.00);
}
  
.jumbotron-seisaku {
    border-radius: 0.3rem;
    background-image: url(../images/24927469_l.png);
    background-repeat: no-repeat;
    border-bottom: 5px solid rgba(9,39,112,1.00);
    padding-top: 200px;
}    

.jumbotron-technical {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    border-radius: 0.3rem;
    background-image: url(../images/22023146_l.png);
    background-repeat: no-repeat;
    border-bottom: 5px solid rgba(9,39,112,1.00);
}   
    

    .jumbotron-studio {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    border-radius: 0.3rem;
    background-image: url(../images/1243770_l.png);
    background-repeat: no-repeat;
    border-bottom: 5px solid rgba(9,39,112,1.00);
    background-size: 100% auto;
}   
    
    .jumbotron-system {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    border-radius: 0.3rem;
    background-image: url(../images/4429953_l.png);
    background-repeat: no-repeat;
    border-bottom: 5px solid rgba(9,39,112,1.00);
    background-size: 100% auto;
}   
    
    .jumbotron-travel {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    border-radius: 0.3rem;
    background-image: url(../images/1243776_l.png);
    background-repeat: no-repeat;
    border-bottom: 5px solid rgba(9,39,112,1.00);
    background-size: 100% auto;
}   


/*0207ヘッダー用にbootstrap4.0.0.からコピー*/
.col-12-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

/*bootstrap4.4.0.から移動　2/10*/
 .card-title-02 {
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 7px;
}
   
/*bootstrap4.4.0.から移動　2/10*/
.card-body-02 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
}


.top-key-image {
    margin-top: 100px;
}


/*INDEXのボタン*/
a.btn-radius-solid {
  border: 1px solid #ccc;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
    border-radius: 100vh;
}

a.btn-radius-solid:hover {
    background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
    background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
    background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
    color: #000000;
}
/**/

/*bootstrap 4.0.0cssから複製　2/13*/
.card-title-index {
    margin-bottom: 10px;
    margin-top: 20px;
}


/*見出し-test　2/13*/
.h2-midashi-03 {
    position: relative;
    padding: 15px;
    border-radius: 5px;
    border: 2px solid #333;
    color: #333;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    margin-bottom: 40px;
}

.h2-midashi-03:before {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 3px;
    width: 20px;
    background-color: #fff;
    content: "";
}

.h2-midashi-03:after {
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translateX(-50%);
    height: 20px;
    width: 2px;
    background-color: #333;
    content: "";
}

/*見出し(ライン)2/13*/
.heading01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
     } 
    
.heading01:before {
    display: block;
    content: "";
    border-top: 1px solid #000;
    margin-right: 1em;
    flex: 1;
       }
  
.heading01:after {
    display: block;
    content: "";
    border-top: 1px solid #000;
    margin-left: 1em;
    flex: 1;
  }




/*見出し(カッコとじ)2/13*/
.heading05 {
  display: table;
  margin: 30px auto 0;
  position: relative;
  }  

  .heading05:before {
    display: block;
    content: "";
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    width: 10px;
    height: calc(10% + 1em);
    position: absolute;
    left: -1em;
    top: 0;
    bottom: -2;
    margin: auto;
  }
    
  .heading05:after {
    display: block;
    content: "";
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    width: 10px;
    height: calc(10% + 1em);
    position: absolute;
    right: -1em;
    top: 0;
    bottom: -2;
    margin: auto;
  }


/*お知らせ　2/14*/
.news-list{
  list-style: none outside;
  margin: 0;
  padding: 0;
}
.news-list .item a{
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
/* 元 color: #333;*/
      color: #000000;
  border-bottom: 1px solid #CCC;
  padding: 20px 20px;
}
.news-list .item:first-child a{
  border-top: 1px solid #CCC;
}
.news-list .item .date{
  margin: 0;
  min-width: 140px;
  font-size: 16px;
/* 元 color: #909090;*/
     color: #000000;
  padding: 0 20px 0 0;
}
.news-list .item .category{
  margin: 0;
  min-width: 140px;
  padding: 0 20px 0 0;
}



/*元　2/15
.news-list .item .category span{
  background: #999;
  color: #FFF;
  text-align: center;
  display: inline-block;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1;
      border-radius: 15px;
}*/

/*白版　2/15
.news-list .item .category span{
  color: #000000;
  text-align: center;
  display: inline-block;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1;
    border: solid 1px #000000;
}
*/

/*黒　2/15*/
.news-list .item .category span{
 /* background: #000000;*/
  text-align: center;
  display: inline-block;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1;
    border:  solid 1.5px;
        border-radius: 15px;
}


.news-list .item .title{
  margin: 0;
  width: 100%;
}
.news-list .item a:hover .title{
  color: #00F;
}

@media screen and (max-width: 767px){
.news-list .item a{
  flex-wrap: wrap;
}
.news-list .item .date{
  min-width: 100px;
}
.news-list .item .title{
  margin-top: 10px;
}
}

/* 装飾 */
 
*{
  box-sizing: border-box;
}
a{
  text-decoration: none;
}


/* 3/10ヘッダー、フッダーの余白
body{
  margin: 20px;
}*/


/*2/15 TOPページの丸矢印*/
.arrow06 {
    position: relative;
    padding-left: 22px;
}
.arrow06::before {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: 50%;
    left: 0;
    margin-top: -7px;
    border: 2px solid #000000;
}
.arrow06::after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 2px #000000;
    border-right: solid 2px #000000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 70%;
    left: 8px;
    margin-top: -1px;
}

/*文字の一部だけ色付け　2/15*/
.example-red {
   color: red;
}

.example-blue {
   color: #0071bc;
}

.example-unei {
   color: #618ebb;
}

/*リストの飾り非表示　採用/応募資格　3/24*/
.li-off{
  list-style:none;
}

/*2023/3/24 ボタン上に文字*/
.button-01 {
      position:relative;
    margin-right: 50px
}

.button-01 p{
  position:absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  color:#FFF;
  padding-bottom: 20px;
      font-size:12px
}

/*2023/3/29　バナーの高さ調整(狭く)*/
.banner-size {
  width: 100%;
  height: 150px;
  object-fit: cover;
}


/*2023/3/29　TOP,KVの高さ調整(狭く)*/
.top-KV-size-yoko {
  width: 100%;
  height: 190px;
  object-fit: cover;
}

/*2023/3/29　TOP,KVの高さ調整(狭く)*/
.top-KV-size-tate {
  width: 100%;
  height: 360px;
  object-fit: cover;
}

/*2023/3/29　TOP リード文のフォントサイズ*/
.top-lead-Font-size {
  font-size: 15px;;
}

/*2023/3/30　リンク表示のオフ*/
a.disabled{
    pointer-events: none;
}