@charset "utf-8";
/* ______________________________________________________________________________ */
/* 共通部分*/
/* ______________________________________________________________________________ */

.bg_ww_orange {
    background-color: #f9f6f2 !important;
}
    /* オレンジストライプ模様*/
    .orange_stripe {
  background: repeating-linear-gradient(-45deg, #f88141, #f88141 5px, #f98d50 5px, #f98d50 15px)!important;
}
    /* オレンジ影*/
    .orange_shadow {
  box-shadow:0px 0px 16px -5px #f98d50;
}
    /* オレンジボタン*/
    .orange_btn {
 max-width: 480px;
    background: linear-gradient(#fa5e18 50%, #e94200 50%);
    box-shadow: 0px 6px 15px -3px #e65300;

}

.u_line_m_black{
      border-bottom: solid 1px #333333 !important;
}
.u_line_t_white{
      border-bottom: solid 2px #fff !important;
}
.line_orange{
      border-bottom: solid 3px #f88040 !important;
}
.line_yellow{
      /* border-bottom: solid 2px #ffe851 !important; */
      background: linear-gradient(transparent 60%, #ffe851 60%);
}
.line_yellow{
      /* border-bottom: solid 2px #ffe851 !important; */
      background: linear-gradient(transparent 60%, #ffe851 60%);
}

/*パンクズ*/
.breadcrumb{
}
.breadcrumb:after{
	content:"";
	display:inline-block;
}
.breadcrumb ul{
	font-size:0.9rem;
}
.breadcrumb li {
  display: inline-block;
  letter-spacing: 2px;
	float:left;
	color:#666;
}
.breadcrumb ul li:after{
	content:">";
	padding:0 10px;
}

.breadcrumb ul li:last-child:after{
	content:"";
	padding:0;
}
.breadcrumb li a {
  text-decoration: underline;
}


/* ______________________________________________________________________________ */
/* 募集職種一覧*/
/* ______________________________________________________________________________ */


/* 採用情報一覧 */
.tab_content th{
     color: #F88040 !important;
margin:4vh 1vw 0 0!important;
text-align: left;
vertical-align: top;
font-weight: bold;
 width: 5vw;
}

/* PCだけ店舗名後のスラッシュをインライン化 */
.tab_content .ib {
  display: inline-block!important;
}


/* PC採用情報一覧 */

.tab_content tr {
    padding-top: 20vh;

}

.tab_content a{
     color: #02246a !important;
     font-weight: bold;
}

}
.mf{
	width:640px;
	margin:0 auto;
  background:#f9f6f2;

}
.mf-inner{
	padding:0  20px;
}

.mf .select{
	position:relative;
	z-index:9;
	border:#f16c25 solid 3px;
  background:#fff;

}
.mf .select:before{
	content:"選択してください";
	display:block;
  padding:10px;
     font-weight: bold;
}
.mf .select.se:before{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.mf .select:after{
	content:"▼";
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	background:#f16c25;
	color:#fff;
	display:flex;
	align-items:center;
	padding:5px;
}


.mf .select.op ul{
  display:block;
}
.mf ul{
	display:none;
	position:absolute;
	left:0;
	right:0;
	top:calc(100% + 3px);
	z-index:-1;
	background:#fff;
	padding:10px;
}
.mf .se ul{
	display:block;
	position:static;
}
.mf .se ul li{
	display:none;
}
.mf .se ul li.now{
	display:block;
}
.mf ul li a{
  display:block;
       font-weight: bold;
       margin-top:1vh;
}


.mf table{
	margin:30px 0;
}
/* スマホだけ店舗名後のスラッシュを非表示 */
 @media only screen and (max-width: 900px) {
.tab_content .ib {
display: none!important;
}
}
/* ______________________________________________________________________________ */
/* 募集職種　詳細ページ*/
/* ______________________________________________________________________________ */

/* リンク領域のスタイル */
.button-a {
    display: block;
    padding: 7px 0;
}

/* 秘密 */
.tri-s_black:after {
  content: "";
  position: absolute;
  border: 5vw solid transparent;
  border-top: 4vh solid #F88040 ;
  background: repeating-linear-gradient(-45deg, #f88141, #f88141 5px, #f98d50 5px, #f98d50 15px)!important;
  left: 48vw;
}

/* 募集要項 */
.guidelines_table th, .guidelines_table td {
    border-top: dotted 1px #e5e5e5;
    padding: 1.3%;
}



/* 斜めMV */
  .mv_diagonal {
    position: relative;
    overflow: hidden;
  }
.mv_diagonal:before {
    content: '';
    position: absolute;
    top: -11vh;
    left: 0;
    width: 101%;
    height: 100%;
    background: #Fff;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
    z-index: 2;
}
  .mv_diagonal_inner {
padding: 4% 0 0;
  }

#form ul{
  display: flex;
  background: #f0f7fb !important;
     border: 2px solid #D6E6Ee;
  border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    padding: 15vh 0;
}


@media only screen and (max-width: 900px){
  .tri-s_black:after {
    margin-left: -4vw;
  }

  .tri-s_black:after {
    margin-left: -9vw;
  }

  .tri-s_black:after {
    margin-left: -9vw;
  }
  .tab_content th {
     width: 15vw;
  }
}


/* 斜めフッター */
  .fotter_diagonal {
    position: relative;
    overflow: hidden;
  }
  .fotter_diagonal:before {
    content: '';
    position: absolute;
    bottom: -16vh;
    left: 0;
    width: 101%;
    height: 65%;
    background: #F88040;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    z-index: -1;
  }
  .fotter_diagonal_inner {
    padding: 3% 0 12%;
  }


/* フォーム */
ul>input {
    display: block;
    border: none;
    background: transparent;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    outline: none;
}

textarea {
    display: block;
    border: none;
    background: transparent;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    outline: none;
}