@charset "UTF-8";

/*
==================================================

   求人応募

==================================================
*/



/*
==================================================
  ボディヘッダー
==================================================
*/

#bodyheader {
background: var(--accent1-col) url(../../image/header/default_back.png) no-repeat center / cover;
}

#bodyheader h1 {
text-shadow: none;
}

/* 英語表記 */
#bodyheader p.en {
color: rgba(255, 255, 255, 0.2);
}



/* ----- ★899 ----- */
@media screen and (max-width: 899px) {


}
/* ----- /899 ----- */



/*
==================================================
  コンテンツ
==================================================
*/

#contents section {

}

/* ----- フォーム ----- */
#form {
padding: 70px 0 120px;
border-bottom: 1px #c0c0c0 solid;
}

/* ----- 説明 ----- */
#form div.exp {
margin: 50px 0 50px;
padding: 40px;
background: var(--light-bgcol);
}

#form div.exp dl {
margin: 30px 0 0;
}
#form div.exp dl dt {
margin: 0 0 5px;
font-size: 1.2rem;
font-weight: bold;
line-height: 1.4;
}
#form div.exp dl dd {
margin: 0 0 30px;
}
#form div.exp dl dd:last-child {
margin: 0;
}
#form div.exp dl dd p {
margin: 0;
}

#form div.exp dl.tel {
margin: 15px 0 0;
}
#form div.exp dl.tel dt {
margin: 0;
font-size: 1rem;
}
#form div.exp dl.tel dd {
margin: 0 0 15px;
padding: 0 0 0 30px;
background: url(../../image/design/phone_n.png) no-repeat left bottom 3px / 27px;
font-size: 30px;
font-weight: 900;
line-height: 1.3;
}
#form div.exp dl.tel dd a {
color: var(--accent1-col);
text-decoration: none;
pointer-events: none;
cursor: text;
}



/* ----- ★899 ----- */
@media screen and (max-width: 899px) {

/* ----- フォーム ----- */
#form {
padding: 40px 0 80px;
}

/* ----- 説明 ----- */
#form div.exp {
margin: 0 0 40px;
padding: 20px 10px;
}

#form div.exp dl dt {
margin: 0 0 6px;
font-size: 1.1rem;
}

#form div.exp dl.tel dd {
padding: 0 0 0 30px;
background: url(../../image/design/phone_n.png) no-repeat left bottom 3px / 24px;
font-size: 28px;
}
#form div.exp dl.tel dd a {
text-decoration: underline;
pointer-events: auto;
cursor: pointer;
}

}
/* ----- /899 ----- */



/*
==================================================
  お問い合わせ
==================================================
*/

#contact {
display: none;
}



/*
==================================================
  その他
==================================================
*/

/* ----- LINE ----- */
#line-main {
display: none;
}

#line-side {
display: none;
}



/* ----- ★899 ----- */
@media screen and (max-width: 899px) {

#line-sp {
display: none;
}

}
/* ----- 899 ----- */