@charset "utf-8";

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	使ったクラス一覧
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/**** 
	-odd: 奇数を示すクラス
 *****/
/* /////////////////////////////////////////////////////////////////////////////////////////////
		ページをまたいで適用するスタイル
		-company
		-philosophy
///////////////////////////////////////////////////////////////////////////////////////////// */
/**** 見出しのスタイル ****/

/**** header_bg *****/
#header_bg { background: url(../images/company/fv_02.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;}


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

/* /////////////////////////////////////////////////////////////////////////////////////////////
		このページだけのスタイル
///////////////////////////////////////////////////////////////////////////////////////////// */
#history { padding: 100px 0 140px;}
#history .odd { background: #f8f8f8;}
#history th { font-size: 16px; width: auto;  text-align: left; padding: 20px 0 20px 30px;font-family: noto-sans-cjk-jp, sans-serif; font-weight: 400; font-style: normal;}
#history td { font-size: 16px; text-align: left; padding: 20px 30px;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 240px;}
.btn_totop a {font-family: noto-sans-cjk-jp, sans-serif; font-weight: 400; font-style: normal; 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){
/* /////////////////////////////////////////////////////////////////////////////////////////////
		ページをまたいで適用するスタイル
		-company
		-philosophy
///////////////////////////////////////////////////////////////////////////////////////////// */

/**** 見出しのスタイル ****/

#header_bg #fv span { font-size: 30px; }

/**** header_bg *****/
#header_bg { background: url(../images/company/fv_02_sp.jpg) center center no-repeat;  background-size: cover; height: auto; }
#header_bg #fv { color: #fff; text-align: center; padding: 30% 0;}

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

/* /////////////////////////////////////////////////////////////////////////////////////////////
		このページだけのスタイル
///////////////////////////////////////////////////////////////////////////////////////////// */
#history { padding: 50px 0;}
#history .odd { background: transparent;}
#history th { display: block; background: #f8f8f8; font-size: 16px; width: auto;  text-align: left; padding: 22px 10px; box-sizing: border-box; line-height: 150%;}
#history td { display: block; font-size: 16px; text-align: left; padding: 22px 10px; box-sizing: border-box; line-height: 150%;}

/**** トップページに戻るボタン *****/
.btn_totop { width: 200px; height: 50px; margin: 0 auto 75px;}
.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: 165px; height: 50px; text-align: center; line-height: 50px; padding: 0 35px 0 0; }

}