@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');

/* @import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap'); */
/* 
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.shippori-mincho-b1-regular {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

.zen-kaku-gothic-new-light {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.zen-kaku-gothic-new-regular {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.zen-kaku-gothic-new-medium {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.zen-kaku-gothic-new-bold {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.zen-kaku-gothic-new-black {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
}

*/

#ndMainImg {
  position: relative;
  z-index: -1;
}

#ndMainImg::before {
  content:"";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 0) 43%);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  mix-blend-mode: luminosity;
}

.marginTop-60 {
  margin-top: -60px;
}

.marginTop60 {
  margin-top: 60px;
}

@media (max-width: 767px){

  #ndMainImg
  .ndMainImg {
    position: relative;
    z-index: -1;
  }
  
  #ndMainImg::before,
  .ndMainImg::before {
    content:"";
    position: absolute;
    background-color: rgba(255, 255, 255, 0.6);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 0) 50%);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    mix-blend-mode: luminosity;
  }


  .marginTop-60 {
    margin-top: 0px;
  }

  .marginTop60 {
    margin-top: 0px;
  }
}

.uk-divider-small::after {

  border-top: 1px solid var(--blue-100)!important;

}


.uk-height-medium {
  height: 420px !important;
}

.font_big {
  /* font-size: 18px */
  color: #000;
}

h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6, .uk-heading-small, .uk-heading-medium, .uk-heading-large, .uk-heading-xlarge, .uk-heading-2xlarge {
  /* color: var(--bule-100); */
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.micho {
  font-family: "Shippori Mincho", serif !important;
}

.uk-light hr {
  border-top-color: rgba(255, 255, 255, 1);

}
.uk-background-default {
   background-color: #0000009e; 
}

.uk-icon-button {
  width: 20px;
  height: 20px;
  background: var(--blue-10);
  color: var(--blue-100);
}

.leadTitle {
  font-family: "Shippori Mincho B1", serif;
  font-weight: 400;
  font-style: normal;

}

section#interview__main__01 {
  background-image: linear-gradient(318deg, var(--blue-90) 13%, rgba(242, 246, 248, .6) 13%, rgba(242, 246, 248, .6) 94%, var(--blue-90) 94%);
  /* background-image: linear-gradient(353deg, rgba(221, 238, 246, 1) 20%, rgba(242, 246, 248, .6) 20%, rgba(221, 238, 246, 1) 70%,rgba(255, 255, 255, 1) 70%); */
/*  margin-top: -20px;*/
}

/* #interview__text {
  background-image: linear-gradient(353deg, rgba(224, 238, 244, 1) 40%, rgba(242, 246, 248, .6) 40%, #ecf9ff 60%,rgba(255, 255, 255, 1) 60%);

} */




.uk-background-secondary {
  background-color: #000000c2;
  color: #fff;
}


.uk-heading-bullet::before {
  border-left: calc(5px + 0.1em) solid var(--blue-25);
}

.uk-description-list > dt {
  color: #333;
  font-size: 1rem;
  font-weight: normal;
  text-transform: uppercase;
}

/* グローバルメニュー　*/

.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a[aria-expanded="true"] {
  color: var(--red-color);
}
.uk-navbar-toggle:hover, .uk-navbar-toggle[aria-expanded="true"] {
  color: var(--red-color);
  text-decoration: none;
}

.uk-navbar-nav > li > a {
  padding: 0 0;
  color: #fff;
  text-transform: uppercase;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color;
}




.uk-navbar-nav > li > a:hover {
  padding: 0 0;
  color: var(--red-color);
  text-transform: uppercase;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color;
}

/* END グローバルメニュー*/

/* indexのメインイメージ*/

.fv__inner__title {
  font-size: min(6rem, 56px);
  line-height: normal;
}

@media (max-width: 767px){
    .fv__inner__title {
        font-size:9vw;
        /* font-weight: 700; */
        line-height: normal;
        letter-spacing: -0.2rem;
       padding-left: 17px;   /**/
       /* margin-top: 150px; */
    }
}

#index__mainSlide__pc .uk-position-cover img {
  filter: brightness(80%) saturate(1.2);
}

/* END indexのメインイメージ*/


main {
  margin-top: -80px; /* */
  padding-top: 80px;
  
}


#mainIMG_title
.mainIMG_title {
  font-family:"Zen Kaku Gothic New", sans-serif;
}
.mainIMG_title,
.mainIMG_title span{
  font-family:"Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
  font-size: 9vw;
}

@media screen and (min-width:768px) {
  .mainIMG_title,
  .mainIMG_title span {
    font-size: 9vw;
}
}

@media screen and (min-width:1024px) {
  .mainIMG_title,
  .mainIMG_title span {
  font-size: 105px;
  line-height: 1;
  letter-spacing: -10px;
}
}


img#mainIMG_btmcover {
  width: 100%
}

#main__Slider .uk-position-bottom {
  bottom: 0;
  left: 0;
  right: 0;
}




div#mainIMG_leftBox {
  width: 50px;

}

/*スクロールダウン全体の場所*/
.scrolldown1{
  /*描画位置※位置は適宜調整してください*/
position:absolute;
left:50%;
bottom:10px;
  /*全体の高さ*/
height:50px;
}

/*Scrollテキストの描写*/
.scrolldown1 span{
  /*描画位置*/
position: absolute;
left:-15px;
top: -30px;
transform: rotate(-90deg);
  /*テキストの形状*/
color: #dddbbb;
font-size: 0.7rem;
letter-spacing: 0.05em;
}

/* 線の描写 */
.scrolldown1::after{
content: "";
  /*描画位置*/
position: absolute;
top: 0;
  /*線の形状*/
width: 1px;
height: 30px;
background: #dddbbb;
  /*線の動き1.4秒かけて動く。永遠にループ*/
animation: pathmove 1.4s ease-in-out infinite;
opacity:0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
0%{
  height:0;
  top:0;
  opacity: 0;
}
30%{
  height:30px;
  opacity: 1;
}
100%{
  height:0;
  top:50px;
  opacity: 0;
}
}


.menuTItle * {
  color: #fff;
  font-family:"Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-top: 0;
}


#newsbox, #newsbox dd a {
  color: #000 !important;
  font-size: 18px;
}


/* ///////////////  indexのタイトル関連 /////////////*/


/*== プロジェクトのタイトル */

.index__2ndLevelTitle span {
  font-size: 1.2rem;
  display: block;
  /* font-family: "Shippori Mincho", serif;
  font-weight: 300;
  font-style: normal; */
}

.index__2ndLevelTitle  {
  font-size: 3rem;
  margin-bottom: 2rem;
}

/* END プロジェクトのタイトル */



/* END タイトル関連 */


/* メッセージ */
#messageBOX {
  color: #fff;
}

/* END メッセージ */



/* プロジェクト */

#section-project {
  background-image: url(../img/bg_project.jpg);
  background-size: contain;
}
#index__project__content {
  /* border-top: solid 1px var(--blue-25);
  border-bottom: solid 1px var(--blue-25); */
}


.sectionTitle--center span {
  display: inline-block;
  font-size: 18px;
  /* border: solid 1px var(--blue-25); */
  padding: 0.3rem 0.8rem;
  box-shadow: 2px 2px 0px var(--blue-25);
  margin-bottom: 0.3rem;
}

.sectionTitle--center--white span {
  display: inline-block;
  font-size: 18px;
  /* border: solid 1px rgba(255,255,255,.6); */
  padding: 0.3rem 0.8rem;
  box-shadow: 2px 2px 0px rgba(255,255,255,.6);
  margin-bottom: 0.3rem;
}


/* END プロジェクト */


/*　ストーリー　インタビュー　 */

#top__interview {
  /* background-image: url(../img/bg_entry.jpg);
  background-size: contain; */
  background:#edeff0;
}

#top__interview .uk-slider-items >div {
  margin-right: 1px;

}


#index__jobintroBox > div {
  /* border-right: solid 1px #fff; */
}


.index__jobintroTitle {
  text-align: left
}
.index__jobintroTitle span {
  /* display: block; */
  font-size: .8rem;
  padding-right: 10px;

}
.interviw-box h3.interviewbox--cateTitle {
  /* border-top: solid 1px var(--blue-25);
  /* border-bottom: solid 1px var(--blue-25); 
  padding: 0.3rem; */
}

#netuiBOX h3 {
/* -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; */
  text-orientation: upright;
  text-align: center;
  /* text-align: center; */
  /* border-top: solid 5px var(--blue-10);
  border-bottom: solid 5px var(--blue-10);
  padding-top: 5px; 
  transform: rotate(10deg);*/
}



#netuiBOX h3 span {
  display: inline-block;
  color: #fff;
  background-color: var(--red-color);
  padding: 0.2rem;
  font-weight: 600;
  font-size: 125%;
  margin: 0.2rem 0.2rem;
  border-radius: 3px;
}



/* END ストーリー　インタビュー　 */





/*数字で見るパロマ */

#companyInfoBox a {
  color: #fff!important;
  font-size: 1.1rem;
}

#companyInfoBox a:hover {
  /* font-weight: bold; */
  color: #ffffff78!important;
  transition:all 0.5s ease-in-out;
}


#companyInfo {
  background: #fff;
}

#companyInfoBox {
  background-image: url(../img/bg_index_about_smp.jpg);
  /* height: 70vh; */
 
}

@media screen and (min-width:768px) {
  #companyInfoBox {
    background-image: url(../img/bg_index_about.jpg);
    /* height: 70vh; */
  }
}


/* END 数字で見るパロマ */

/*  footer__entry */



#footer__entry {
  background: #fff;
}

.index__entry_btn {
  background: #fff;
}

.index__entry_btn h2 {
  font-size: 1.5rem;
}
 

.index__entry_btn h2 span {
  font-size: 0.8rem;
  display: block;
}

#offcanvas-entry-box a.uk-button {
  /* backdrop-filter: blur(3px); */
  background: rgba(255,255,255,1);
  color: var(--red-color);
  border-radius: 3px;
}

#offcanvas-entry-box a.uk-button:hover {
  /* backdrop-filter: blur(3px); */
  background: var(--red-color);
  color: #fff;
}

.uk-offcanvas-overlay::before {
  background: rgb(0 0 0 / 50%);
}



/* END footer__entry */


/*  数字で見る */

#info__number div.height-match .wrapper {
  background: #fff;
  padding-top: 1rem;
  padding-bottom: 2rem;
}

div.height-match  hr {
  margin-top: 0 !important;
}

div.numberbox > div > div {
    padding: .1rem .1rem;
    background: #e8e8e8;
    /* background-image: linear-gradient(151deg, rgba(255, 245, 244, 1), rgba(253, 255, 241, 1)); */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}


div.height-match h3 {
  background: #bd0116;
  color: #fff;
  padding: 1rem;
  margin-bottom: 0;
}
div.wrapper > div {
  display: inline-block;
  margin-top: 1.5rem;
}

div.height-match p {
  padding: 0rem 1rem;
}

.pie {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 150px;
	height: 150px;
	background-image: conic-gradient(#d5da91 0% 30%, #91d0da 30% 100%);
	border-radius: 50%;
}

.number_text {
  background-color: #fffdf3;
  padding: 1rem 0;
  border-top: solid 1px #fff;
}
/* END 数字で見る */

/*　////////////////////キーワードで見る ///////////////////*/

div.keywordbox > div > div {
  /* background: var(--beige-color); */
    /* border: solid 1px var(--blue-100); */
    padding: .1rem .1rem;
    background: #fffdf3;
    background-image: linear-gradient(151deg, rgba(255, 245, 244, 1) 68%, rgba(253, 255, 241, 1));
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

div.height-match-keyword h3 {
 background: #bd0116;
  color: #fff;
  padding: 1rem;
  margin-bottom: 0
}

/* END キーワードで見る */

/*　////////////////////index　インタビュー　 ///////////////////*/

@media screen and (min-width:769px) {

.index__interviewList {
  margin-top: -120px;
}

.index__interviewList >div:nth-child(1) {
  margin-top: 120px;
}

.index__interviewList >div:nth-child(2n) {
  margin-top: 60px;
}

.index__interviewList >div:nth-child(3n) {
  margin-top: -50px;
}

.index__interviewList >div:nth-child(4n) {
  margin-top: -120px;
}

/* .index__interviewList2 {
  margin-top: 0px;
}

.index__interviewList2 >div:nth-child(1) {
  margin-top: -120px;
}

.index__interviewLis2t >div:nth-child(2n) {
  margin-top: 60px;
}

.index__interviewList2 >div:nth-child(3n) {
  margin-top: 50px;
}

.index__interviewList2 >div:nth-child(4n) {
  margin-top: 120px;
} */

}



/*== 線の上を別の線が伸びる タイトル */

.btnlineAnime{
  /*線の基点とするためrelativeを指定*/
position:relative;
  /*リンクの形状*/ 
  padding: 10px 0px ;
  display:inline-block;
  text-decoration: none;
  outline: none;
}

/*線の設定*/
.btnlineAnime::before,
.btnlineAnime::after{
content:'';
  /*絶対配置で線の位置を決める*/
position:absolute;
z-index:1;
bottom:0;
left:0;
   /*線の形状*/   
background:var(--blue-25);
width:100%;
height:2px;
  /*アニメーションの指定*/
transition:all 0.3s ease-in-out;
}

/*hover時に伸びる線の形状*/   
.btnlineAnime::after{
width:0;
background:var(--blue-100);
}

/*hover時に100%に伸びる*/   
.btnlineAnime:hover::after {
width:100%;
}

/*　////////////////////END   index　インタビュー　 ///////////////////*/


.el-slidenav {
  background-color: #ffffff;
}



footer {
  background-color: #3d3d3d;
  color: #fff;
}
  footer #copyrightbox {
    margin-bottom: 90px;
  }

  footer a {
    color: #fff;
  }
  footer a:hover {
    color: #fffffffc;
    text-decration: underline;
  }

  footer .uk-description-list > dt {
    color: #e5e5e5;
}

footer .uk-description-list dd {
  text-indent: 1.5rem;
  margin-top: 5px !important;
  padding-top: 0;
}



#floatingiconinner {
  margin-top: -80px;
}


#interview__index {}

#interview__index .uk-subnav-pill > .uk-active > a {
    background-color: var(--blue-100);
    color: #fff;
}

#interview__index  .uk-subnav-pill > * > :first-child {
  padding: 5px 10px;
  background: transparent;
  color: var(--blue-100);
}

#interview__index .uk-subnav > * > :first-child {

  font-size: 1rem;

}



/*//////////// info__saiyoBox 採用について //////////// */

#info__saiyoBox {
   background-image: url(../img/title_info_saiyo.jpg);
   background-position: center center;
}

.texttitle {
  border-bottom: solid 3px var(--blue-25);
  position: relative;
  padding-bottom: .8rem;
}

.texttitle:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px var(--blue-100);
  bottom: -3px;
  width: 20%;
}

#saiyoDatatable th {
  padding: .8rem;
  background-color: rgb(239 239 239);
  vertical-align: middle;
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

#saiyoDatatable td {
  background-color: #fff;
  padding: .8rem;

}

/*//////////// END info__saiyoBox 採用について //////////// */

/*//////////// info__saiyoBox 働く環境 //////////// */

#info__kankyoBox {
  background-image: url(../img/title_kankyo.jpg);
  background-position: center center;
}

.point {
    background-image: repeating-linear-gradient(45deg, #cfdae7 0 3px, transparent 3px 6px);
    background-repeat: no-repeat;
    background-size: 100% 30%;
    background-position: left bottom 0.2rem;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}
/*//////////// END info__saiyoBox　働く環境 //////////// */





/*//////////// info__faqBox よくある質問 //////////// */

#info__faqBox {
  background-image: url(../img/title_info_faq.jpg);
  background-position: center center;
}

#info__faqBox__contents {}
  #info__faqBox__contents  ul.uk-accordion li {
    border-bottom: solid 1px var(--blue-25);
    padding-top: .5rem ;
    padding-bottom: .5rem ;

  }

  #info__faqBox__contents  ul.uk-accordion li div{
    padding-bottom: .5rem;

  }

  



/*//////////// END info__faqBox よくある質問 //////////// */

/*//////////// info__aboutBox アバウト //////////// */

#info__aboutBox {
  background-image: url(../img/title_info_about.jpg);
  background-position: center center;
}
/*//////////// END info__faqBoxinfo__aboutBox */



/*//////////// メッセージ //////////// */

#message_bg {
  background-image: url(../img/bg_message_v2.jpg);
  background-size:50% auto;
   background-position: center right;
 background-repeat: no-repeat;
}

@media (max-width: 767px){
  #message_bg {
    background-image: url(../img/bg_message.jpg);
    background-size:50% auto;
     background-position: top right;
   background-repeat: repeat;
  }
}

#message__index {
  background-image: url(../img/title_message_index.jpg);
  background-position: center center;
}

#message__messageBOX .uk-divider-small::after {
  border-top: 1px solid var(--blue-100);
}

#message__message .pageTitle h2 {
    position: relative;
  }
#message__message .message__textbox {
  background-color: #fff;  
  border-right: solid 1px #fff;
  border-bottoom: solid 1px #fff;
  position: relative;
  z-index: 0;
  
}

#message__message::before {
  content: '';
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0;
  right: 0;
  background-color: var(--blue-05);
  transform: skewY(-30deg);
  z-index: -1;
}


  
#message__message #message__messageBox .pageTitle .titleBox {
    width: 100;
    margin:  0;
    padding: 0;
  }
  
  #message__message #message__messageBox .pageTitle .titleBox {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 40px 0 0 0;
  }
  #message__message #message__messageBox .pageTitle .titleBox  {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  } 
  
#personList {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

#personList::before {
  content: '';
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0;
  right: 0;
  background-color: var(--blue-05);
  transform: skewY(-30deg);
  z-index: -1;
}

#message__message .message__textbox {
  position: relative;
  z-index: 0;
  
}

#message__message .message__textbox::before {
  content: '';
  position: absolute;
  top: 20%;
  bottom: 20%;
  left: 0;
  right: 0;
  background-color: var(--blue-05);
  transform: skewY(-30deg);
  z-index: -1;
}



#personList .uk-card-media-top img {
    border-radius: 15px;
    overflow: hidden;
  }
#personList .uk-card-body {
    padding: 20px 0 ;
  }

.pageTitle h2 {
  position: relative;
}

.person_textBOX {
  /* background-image: url(../img/bg_message.jpg);
  background-size: cover; */
}

#message__person {
  border-top: solid 1px #fff;
}

.person_textBOX > div {
   /* background-color: #fff; 
 -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px); 
  border-left: solid 1px #fff;
  border-top: solid 1px #fff;*/
}

#message__personBOX .pageTitle h2:before {
  content: "";
  display: block;
  width: 100vw;
  height: 1px;
  position: absolute;
  right: -20px;
  top:-40px;
  background-color: #ffffff; 
  z-index: -1;
}


/* #message__personBOX .pageTitle h2:after {
  content: "";
  display: block;
  width: 80vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 50px;
  background-color: #fff;
z-index: -1;

} */


#message__personBOX .pageTitle .titleBox {
  width: 100;
  margin:  0;
  padding: 0;
}

#message__personBOX .pageTitle .titleBox {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 40px 0 0 0;
}
#message__personBOX .pageTitle .titleBox  {
-webkit-transform: translateX(0px);
transform: translateX(0px);
} 



.pageTitle .titleBox h2 .en {
  font-family: "Shippori Mincho", serif;
  display: block;
  font-size: 20px;
  font-weight: normal;
  margin-left: 0.1em;
  letter-spacing: 3px;
} 

.font-point {
  background-color: var(--red-color);
   color: #fff;
  display: inline-block;
    padding: 3px 15px;
    position: relative;
    /* border: solid  1px var(--blue-65); */
}

/* .font-point:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 18px;
  background-color: #fff;
  left: 0;
  top: 50%;
  transform: translate(-6px, -50%) rotate(90deg);
}

.font-point:after {
  content: "";
    position: absolute;
    width: 6px;
    height: 18px;
    background-color: #fff;
    right: 0;
    top: 50%;
    transform: translate(6px, -50%) rotate(90deg);
} */


/*////////////END メッセージ //////////// */

/*////////////インターン //////////// */
#intern__cotainer {}

  #intern__cotainer  a.uk-button.uk-button-primary.uk-button-large.uk-width-1-2\@s.uk-width-1-3\@m {
    font-size: 17px;
    line-height: 1.3;
    padding: 0.8rem;
  }
  #intern__cotainer .bg-slider {
	width: 100vw;
	height:calc(100vh + 80px) ;
	background-position:center ;
	background-size: cover;
	/* display: flex;
	align-items: center;
	justify-content: center; */
  background-attachment: fixed;
  
}

#intern__cotainer .titleBox {
  position: relative;
  width: 100vw;
	height: 100vh;
}
#intern__cotainer .leadtext {
  width: 100%;
  color: #fff;
	line-height: 2;
	text-align:center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}
#intern__cotainer .bg-slider__title{
  color: #fff;
	font-size: 48px;
	
}
#intern__cotainer .leadtextInner {
  background-color:#00000073;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  color: #fff;
  height: 50vh;
}

#intern__cotainer .label_bunkei {
  
  color: var(--blue-100);
  background-color: var(--beige-color);
}
#intern__cotainer .label_bunkei .uk-text-meta {
    background: #fff;
    padding: 0.3rem;
    margin-bottom: .3rem;
    color: var(--blue-100);
  }
#intern__cotainer .label_rekei {
  color: var(--blue-100);
  background-color: var(--blue-color);
}
#intern__cotainer .label_rekei .uk-text-meta {
    background: #fff;
    padding: 0.3rem;
    margin-bottom: .3rem;
    color: var(--blue-100);
  }


#intern__cotainer .title_naname {
  display: inline-block;
  /* transform:rotate(-10deg) ; */
  border-bottom: solid 5px var(--blue-100);
  border-top: solid 5px var(--blue-100);
}

#intern__cotainer .bg_statement {
  background: #071f3c0a;
}


#netuiBOX__list  {
  border: 2px dashed #071f3c;
    background-color: #fafafa;
    box-shadow: 0 0 0 6px var(--blue-10);
    padding: 16px;
    margin: 20px;
}

#netuiBOX__list p:before {
  content: "・"

}

#netuiBOX__list p {
  text-indent: -1rem;
  padding-left: 1rem;

}

div#netuiBOX {
  border-top: solid 5px #fff;
  border-bottom: solid 5px #fff;
  padding: 1rem 0;
}

#intervie__btmmenu .uk-heading-line > ::before,
#intervie__btmmenu .uk-heading-line > ::after {
    /* content: "";
    position: absolute;
    top: calc(50% -(calc(0.2px + 0.05em) / 2));
    width: 2000px; */
    border-bottom: calc(3px + 0.05em) solid #fff;
    box-shadow: 0 0 1px var(--blue-100);
}

  #interview__jobintro .uk-heading-line > ::before,
  #interview__jobintro .uk-heading-line > ::after {
    /* content: "";
    position: absolute;
    top: calc(50% -(calc(0.2px + 0.05em) / 2));
    width: 2000px; */
    border-bottom: calc(3px + 0.05em) solid #fff;
    box-shadow: 0 0 1px var(--blue-100);
}



/*////////////END インターン //////////// */

#info__internBox {
    background-image: url(../img/title_info_internship.jpg);
    background-position: center center;
 }

#business__workBox {
  background-image: url(../img/title_work_index.jpg);
  background-position: center center;
}

#floatingiconBOX {
  z-index: 100;
  position: fixed;
  right: 10px;/* 画面右から30px */
  bottom: 10px; /* 画面下から80px */
}
#floatingiconinner a img {
  transition:0.6s cubic-bezier(0.22, 0.61, 0.36, 1);;
}
#floatingiconinner a img:hover {
  transform:scale(1.15,1.15);

}



#floatingiconBOX_smp {
  z-index: 100;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0; 
}
#floatingiconBOX_smp a {
  color: #fff !important;
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  font-weight: bold;
  letter-spacing: -.5px;
  font-size: 12px;
  line-height: 1.2;
}

#floatingiconBOX_smp .btn_entry {
  background-color: var(--red-color);
  border-right: solid 1px #fff;
}

#floatingiconBOX_smp .btn_mypage {
  background-color: var(--red-color);
  border-right: solid 1px #fff;
}

#floatingiconBOX_smp .btn_intern {
  background-color: #006ae6;
  border-right: solid 1px #fff;
}

#floatingiconBOX_smp .btn_career {
  background-color: var(--blue-100);
}





/*////////////仕事紹介 //////////// */
#workcategory {
  .uk-card-default {
    color: var(--blue-100);
  }
    .uk-heading-divider {
      padding-bottom: calc(5px + 0.1em);
      border-bottom: calc(0.2px + 0.05em) solid var(--blue-100)!important;
  }

}

  .workcategory_tech {
    background: var(--blue-100);
    color: #fff;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 1.2rem;
    /* margin-top: 0.3rem; */
    /* padding: 1rem 0.3rem; */
  }

  .workcategory_office {
    background: var(--beige-color);
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 1.2rem;
    /* margin-top: 0.3rem; */
    /* padding: 1rem 0.3rem; */
  }
  /* @media screen and (min-width:769px) {
  .workcategory_tech {

  } */




/*////////////END 仕事紹介 //////////// */

/*////////////事業領域 //////////// */

#page\#0{

  text-shadow: 0 0 10px rgba(0,0,0,0.3);

}


.imageOberlay {
  display: relative;
}

.imageOberlay::before {
  content: ' ';
  position: absolute;
  background-color: rgba(0, 0, 0, .4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /*mix-blend-mode: overlay; */
} 

.colorwhite {
  color: #fff !important;
  mix-blend-mode: luminosity;
  
}
.title_Wline {
  padding: .8rem 0;
  border-top: solid 1px var(--blue-100);
  border-bottom: solid 1px var(--blue-100);
}

.title_Wline_blue {
  padding: .8rem 0;
  border-top: solid 1px var(--blue-100);
  border-bottom: solid 1px var(--blue-100);
  background-color: var(--blue-100);
  color: #fff;
}

.title_Wline_beige {
  padding: .8rem 0;
  border-top: solid 1px var(--blue-100);
  border-bottom: solid 1px var(--blue-100);
  background-color: var(--beige-color);

}

.title_Wline_grey {
  padding: .8rem 0;
  border-top: solid 1px var(--blue-100);
  border-bottom: solid 1px var(--blue-100);
  background-color: rgb(239 239 239);

}

.maker {
  background-color: #000000ab;
  padding: 0.3rem 0.5rem;
  color: #fff;
  text-decoration: none;
}

.maker:hover {

  color: #fff;
  text-decoration: none;

}

#bizmenubox a div.linkmenu {
  display: relative;
}

#bizmenubox a div.linkmenu::before {
  content: ' ';
  position: absolute;
  background-color: rgba(0, 0, 0, .6);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
   mix-blend-mode: hard-light;/* */
}

#bizmenubox a:hover div.linkmenu::before {
  content: ' ';
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
   mix-blend-mode: hard-light;/* */
}


#buz__goalMain {
  background-image: url(../img/202406monoBOX_philosophy_v2.jpg);
   background-position: center center;
}

#buz__areaMain {
  background-image: url(../img/202406monoBOX_field_v2.jpg);
   background-position: center center;
}

#buz__vocMain {
  background-image: url(../img/202406monoBOX_monodukuri_v2.jpg);
   background-position: center center;
}

.vocsectionBox {
  /* background-color: var(--blue-10); */
}

.vocsectionBox > div {
  position: relative;
  margin-bottom: 50px;
}

.vocsectionBox > div:not(:last-child)::after {
  content: '';
  position: absolute;
  /**/ width: 100%;
  height: 50px; 
  background-image: url(../img/icon_arrowdown.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center ;
  

}

.casebox {
  background-color: #efefef;
  padding: .5rem 0.5rem;
}
.casebox h4:first-child {
  margin-bottom: 0.3rem;
}

.casebox h4.bg_white{
  background-color: #fff;
}

.casebox h4 span {
  display: inline-block;
  background-color: var(--red-color);
  color: #fff;
  padding: 0.3rem;
  margin-right: 1rem;
  border-radius: 3px;
}

/*////////////END 事業領域 //////////// */