@charset "utf-8";

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	使ったクラス一覧
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/****
  -inner
  -btn
  -btn_totop
 *****/

/* /////////////////////////////////////////////////////////////////////////////////////////////
		ページをまたいで適用するスタイル
		-company
		-philosophy
///////////////////////////////////////////////////////////////////////////////////////////// */
#header_bg { background: url(../images/recruit/fv_01.jpg) center bottom no-repeat; background-size: cover; height: 760px; }
#header_bg #fv { color: #fff; text-align: center; padding: 270px 0 0;}
#header_bg #fv span{ display: block; font-size: 50px; font-weight: 700;}

/**** table-cellを包み込むためのbox *****/
.table { display: table;}

/**** .btnの大まかなスタイル *****/
.btn a { display: block; text-align: center;}





/* /////////////////////////////////////////////////////////////////////////////////////////////
		このページだけのスタイル
///////////////////////////////////////////////////////////////////////////////////////////// */

/********************************
	まとめてつけるスタイル
	-title
********************************/
.title { font-size: 16px; text-align: center; padding: 100px 0 50px;}
.title span { display: block; font-size: 32px; color: #091e49;}

/*********************************
	idごとのユニークなスタイル
*********************************/
#icatch h2 { font-size: 24px; font-family: noto-sans-cjk-jp, sans-serif; font-weight: 400; font-style: normal; text-align: center; padding: 90px 0 100px; }


#main { background: #f8f8f8; margin: 0 0 100px; padding: 55px 0 150px; }
#main p.note.inner { width: 920px; font-size: 16px; line-height: 160%; padding: 0 0 80px; }
/* main内部のスタイル */
#sales { padding: 0 0 45px; }
#sales .inner { width: 920px; }
#sales h3 { background: #92D625; font-weight: bold; color: #fff; width: 100%; text-align: center; line-height: 161.5%; font-family: noto-sans-cjk-jp, sans-serif; font-weight: 400; font-style: normal; padding: 18px 0;}
#sales ul {  background: #fff; padding: 0 30px 70px;}
#sales ul li { border-top: 1px solid #f0f0f0; background: #fff; width: 100%; }
#seles ul li:first-child { border: none; }
#sales ul li dl dt { font-size: 18px; font-weight: bold; color: #000; width: 130px; padding: 17px 0; float: left; font-family: noto-sans-cjk-jp, sans-serif; font-weight: 400; font-style: normal;}
#sales ul li dl dd { font-size: 16px; padding: 19px 0; float: left; font-family: noto-sans-cjk-jp, sans-serif; font-weight: 400; font-style: normal;}

#factory { margin: 0 0 135px;  }
#factory .inner { width: 920px; }
#factory h3 { background: #92D625; font-weight: bold; color: #fff; width: 100%; text-align: center; line-height: 161.5%; font-family: noto-sans-cjk-jp, sans-serif; font-weight: 400; font-style: normal; padding: 18px 0;}
#factory ul {  background: #fff; padding: 0 30px 70px;}
#factory ul li { border-top: 1px solid #f0f0f0; background: #fff; width: 100%; }
#factory ul li:first-child { border: none; }
#factory ul li dl dt { font-size: 18px; font-weight: bold; color: #000; width: 130px; padding: 17px 0;  float: left;font-family: noto-sans-cjk-jp, sans-serif; font-weight: 400; font-style: normal; }
#factory ul li dl dd { font-size: 16px; padding: 19px 0; float: left; font-family: noto-sans-cjk-jp, sans-serif; font-weight: 400; font-style: normal;}


/**** トップページに戻るボタン *****/
.btn_totop { background: #92D625; width: 360px; height: 50px; margin: 0 auto 0;font-family: noto-sans-cjk-jp, sans-serif; font-weight: 400; font-style: normal;}
.btn_totop a { display: block; background: url(../images/common/arrow_01.gif) 95% 45% no-repeat; background-size: 33px auto;  font-size: 15px; color: #fff; width: 360px; height: 50px; text-align: center; line-height: 50px;}




@media screen and (max-width: 640px){
/**** 見出しのスタイル ****/

/**** header_bg *****/
#header_bg { background: url(../images/recruit/fv_01_sp.jpg) center center no-repeat;  background-size: cover; height: auto; }
#header_bg #fv { color: #fff; text-align: center; padding: 31.04% 0;}
#header_bg #fv span{ display: block; font-size: 23px; font-weight: bold; letter-spacing: 8px;}

/**** .btnの大まかなスタイル *****/
.btn a { display: block; text-align: center;}





/* /////////////////////////////////////////////////////////////////////////////////////////////
		このページだけのスタイル
///////////////////////////////////////////////////////////////////////////////////////////// */

/********************************
	まとめてつけるスタイル
	-title
********************************/
.title { font-size: 16px; text-align: center; padding: 50px 0 50px;}
.title span { display: block; font-size: 32px; color: #091e49;}

/*********************************
	idごとのユニークなスタイル
*********************************/
#icatch h2 { font-size: 24px; font-family: noto-sans-cjk-jp, sans-serif; font-weight: 400; font-style: normal; text-align: center; padding: 50px 0 50px; }


#main { background: #f8f8f8; margin: 0 0 30px; padding: 30px 0 40px; }
.inner { width:94%; }
#main p.note.inner { width:94%; padding: 0 0 30px; }
/* main内部のスタイル */
#sales { padding: 0 0 30px; }
#sales .inner { width: 94%; }
#sales h3 { font-size: 20px; line-height: 165%;}
#sales ul { background: #fff; padding: 0 0 70px;}
#sales ul li { border-top: 1px solid #f0f0f0; background: #fff; width: 100%; }
#seles ul li:first-child { border: none; }
#sales ul li dl dt {line-height: 130%; width: 100%; padding: 5px 10px; float: none; box-sizing: border-box; }
#sales ul li dl dd { line-height: 130%; padding: 5px 10px 10px; float: none; box-sizing: border-box; }

#factory .inner { width: 94%; }
#factory h3 { font-size: 20px; line-height: 165%;}
#factory ul {  background: #fff; padding: 0 0px 70px;}
#factory ul li { border-top: 1px solid #f0f0f0; background: #fff; width: 100%; }
#factory ul li:first-child { border: none; }
#factory ul li dl dt { line-height: 130%; width: 100%; padding: 5px 10px; float: none; box-sizing: border-box; }
#factory ul li dl dd { line-height: 130%; padding: 5px 10px 10px; float: none; box-sizing: border-box; }


/**** トップページに戻るボタン *****/
.btn_totop { width: 200px; height: 50px; margin: 0 auto;}
.btn_totop a { display: block; background: url(../images/common/arrow_01.gif) 95% 45% no-repeat; background-size: 33px auto;  font-size: 15px; color: #fff; width: 100%; height: 50px; text-align: center; line-height: 50px;}

}