@charset "UTF-8";

html {
  overflow-x: hidden;
}


.hidden {
	display: none;
}

/*募集職種
---------------------------------------------------------------------------*/
#entry-box {
	padding: 5rem 0;
	background-color: #ccc;
}
.content-area {
	width: 85%;
	margin: 0 auto;
	background-color: #fff;
	border: 1px solid;
	padding: 4rem 8rem;
}
.entry-table {
	margin-top: 2rem;
}
.entry-table th,
.entry-table td{
	padding: 1rem 0;
}

.entry-table tr {
	border-bottom: 1px solid;
}

/*2カラムの場合*/
.table-fl {
	display: flex;
	justify-content: space-between;
}
.table-fl h3 {
	text-align: center;
}
.table-fl div {
	width: 46%;
}

.table-fl .entry-table th {
	padding-right: 1rem;
}


/*前のページに戻るボタン
---------------------------------------------------------------------------*/
.btn-area {
	width: 85%;
	margin: 0 auto;
}

/* 018 */
.back-btn a {
    position: relative;
    display: flex;
    justify-content: space-around;
    margin: 1rem 0;
    max-width: 225px;
    padding: 10px 0px 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: bold;
}

.back-btn a:before, .back-btn a:after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
}
.back-btn a:before {
  width: 0.5rem;
  height: 0.5rem;
  left: 1.1rem;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  z-index: 2;
  transform: translateY(-50%) rotate(45deg);
  transition: all 0.3s;
}
.back-btn a:after {
  left: 0;
  background: #616161;
  z-index: 1;
  width: 3rem;
  height: 3rem;
  border-radius: 4rem;
  transform: translateY(-50%);
  transition: all 0.5s;
}
.back-btn a span {
  position: relative;
  transition: all 0.3s;
  z-index: 3;
}

.back-btn a:hover span {
  color: #fff;
}
.back-btn a:hover:before {
  left: 2rem;
}
.back-btn a:hover:after {
  right: 0;
  width: 100%;
}

img {
	border: none;
  width: 172px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic !important;
}

p {
	margin: 0 0 15px 0;
	padding: 0;
}




/* 応募フォーム */

.inner_entry2 {
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 10px;
  width: 85%;
  margin: 0 auto;
}

.txt_entry {
  margin: 0 0 50px;
  text-align: center;
  line-height: 2;
  font-size: 1em;
}

.col_pagettl {
  text-align: center;
  margin-bottom: 20px;
}

.txt_entry {
  font-size: 1.2em;
  margin-bottom: 20px;
  line-height: 1.5;
}

.col_form_recruit {
  margin: 50px;
}

.mds_form_recruit1 {
  font-size: 1.5em;
  margin-bottom: 15px;
  border-bottom: 2px solid #333;
  padding-bottom: 10px;
}

dl {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  /* flex-direction: row; */
}

dt {
  font-weight: bold;
  margin-right: 20px;
  width: 250px; /* ラベルの固定幅を設定 */
}

dd {
  margin: 0;
  flex-grow: 1; /* 入力エリアの幅を伸ばす */
}

.mdl1, .mdl2, .short {
  display: flex;
  flex-direction: row;
}

/* 氏名、フリガナ（最大60文字） */
input[type="text"] {
  width: 100%;
  max-width: 400px; /* 氏名やフリガナは比較的長いので幅広め */
}

/* 年齢（最大2文字） */
input[name="年齢"] {
  width: 50px; /* 年齢は2文字程度なので狭い幅 */
}


input[name="【職歴】職種1"] {
  width: 100%; /* 年齢は2文字程度なので狭い幅 */
  max-width: 400px;
}

input[name="【職歴】職種2"] {
  width: 100%; /* 年齢は2文字程度なので狭い幅 */
  max-width: 400px;
}

input[name="【職歴】職種内容1"] {
  width: 100%; /* 年齢は2文字程度なので狭い幅 */
  max-width: 400px;
}

input[name="【職歴】職種内容2"] {
  width: 100%; /* 年齢は2文字程度なので狭い幅 */
  max-width: 400px;
}
/* 郵便番号（7文字） */
input[name="郵便番号"] {
  width: 150px; /* 郵便番号は7桁（ハイフンなし）なので150pxに調整 */
}

/* 住所（比較的長い入力、最大60文字程度） */
input[name="ご住所"] {
  width: 100%;
  max-width: 600px; /* 住所は長くなることがあるので広め */
}

/* 電話番号（最大11文字） */
input[name="電話番号"] {
  width: 200px; /* 電話番号は11桁程度を想定 */
}

/* メールアドレス（最大60文字程度） */
input[name="メールアドレス"] {
  width: 100%;
  max-width: 400px; /* メールアドレスは長くなることがあるので400px程度 */
}

/* 面接希望日（30文字以下を想定） */
input[name^="面接希望日"] {
  width: 150px;
}

/* その他の資格（最大20文字程度を想定） */
input[name="その他の資格"] {
  width: 100%;
  max-width: 300px; /* 短めの入力を想定して300px */
}

/* 資格チェックボックス */
.checklist {
  display: flex;
  flex-wrap: wrap;
}

/* チェックボックスのマージン */
.mwform-checkbox-field {
  margin-right: 20px;
}

/* 質問事項（テキストエリア） */
textarea[name="当社への質問事項"],textarea[name="応募の動機"] {
  width: 100%;
  max-width: 600px; /* 質問事項は長文が入力される可能性があるので広め */
  height: 120px;
}

/* 送信ボタンのスタイル */
input[type="submit"] {
  background-color: #2f56c6;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 1em;
  display: block;
  width: 150px;
}

input[type="submit"]:hover {
  background-color: #45a049;
}

.btn_form_contact {
  margin-top: 20px;
  text-align: center; /* ボタンを中央に配置 */
}

.check_contact_privacy {
  margin-top: 15px;
  font-size: 0.9em;
}

.icon_require {
  margin: 0 0 0 6px;
  padding: 2px 4px 3px;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  background-color: #ff3f00;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
}

.en {
  max-width: 215px;
  margin: 0 auto 2px;
  margin-top: 20px;
  padding-bottom: 12px;
  border-bottom: solid 1px #000;
}

.col_entry2 .col_pagettl .en div {
  max-width: 172px;
  margin: 0 auto;
}




/*---------------------------------------------------------------------------
【SP】画面サイズが767px以下
---------------------------------------------------------------------------*/
@media screen and (max-width:767px) { 

  .s #menubar.db {
    max-width: 100vw;
  }

.col_form_recruit {
    margin: 0px;
}

dl {display:flex;align-items: baseline;margin-bottom: 20px;flex-direction: column;}
    
  /*募集職種
---------------------------------------------------------------------------*/
#entry-box {
	padding: 5rem 0;
	background-color: #ccc;
}
#contentTitle {
	text-align: left;
	font-size: 1.8em;
	border-bottom: 1px solid;
}
.content-area {
	width: 90%;
	margin: 0 auto;
	background-color: #fff;
	border: 1px solid;
	padding: 2rem 2rem;
}
.entry-table {
	margin-top: 2rem;
}
.entry-table th,
.entry-table td{
	padding: 1rem 0;
	width:100%;
	display:block;
}

.entry-table tr {
	border-bottom: 1px solid;
}
/*2カラムの場合*/
.table-fl {
	flex-wrap: wrap;
}
.table-fl div {
	width: 100%;
}

.table-fl h3 {
	text-align: center;
	background-color: #222;
	color: #fff;
	margin: 4rem 0 0;
	border: none;
}

.table-fl .entry-table th {
	padding-right: 0;
}




/*募集職種
---------------------------------------------------------------------------*/
  
  }
  
  /*---------------------------------------------------------------------------
  【Tab】画面サイズ768px以上1024px以下
  ---------------------------------------------------------------------------*/
  @media screen and (min-width:768px) and ( max-width:1024px) {

  
  }
  
  /*---------------------------------------------------------------------------
  【PC】画面サイズ1025px以上の追加指定
  ---------------------------------------------------------------------------*/
  @media screen and (min-width: 1025px) {
  
   

    
  
  }