@charset "utf-8";

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





/* /////////////////////////////////////////////////////////////////////////////////////////////
		ページをまたいで適用するスタイル
		-company
		-philosophy
///////////////////////////////////////////////////////////////////////////////////////////// */

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

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

/**** トップページに戻るボタン *****/
.btn_totop { background: #92D625; width: 360px; height: 50px; margin: 0 auto 180px;}
.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;font-family: noto-sans-cjk-jp, sans-serif; font-weight: 400; font-style: normal;}



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

/********************************* 
	idごとのユニークなスタイル
	-message
*********************************/
#message { background: #f3f3f3; font-size: 16px; text-align: center; margin: 0 0 100px; padding: 0 0 175px; }
#message h3 { font-size: 28px; font-family: noto-sans-cjk-jp, sans-serif; font-weight: 400; font-style: normal; padding: 100px 0 60px; }
#message .pic { width: 465px; float: left;}
#message .pic img { display: block; width: 465px; height: auto; padding: 0 0 20px; }
#message .pic p { font-size: 20px; font-family: noto-sans-cjk-jp, sans-serif; font-weight: 400; font-style: normal;}
#message .pic p span { display: block; font-size: 14px; }
#message p.message {font-family: noto-sans-cjk-jp, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; width: 580px; text-align: left; line-height: 220%; padding: 30px 0 0; float: right; }




@media screen and ( max-width: 640px) {

	/* /////////////////////////////////////////////////////////////////////////////////////////////
			ページをまたいで適用するスタイル
	///////////////////////////////////////////////////////////////////////////////////////////// */
	
	/**** 見出しのスタイル ****/
	
	/**** header_bg *****/
	#header_bg { background: url(../images/company/fv_03_sp.jpg) center center no-repeat;  background-size: cover; height: auto; }
	#header_bg #fv { color: #fff; text-align: center; padding: 30% 0;}
	#header_bg #fv span { font-size: 30px;}
	/**** .btnの大まかなスタイル *****/
	.btn a { display: block; text-align: center;}
	
	/**** トップページに戻るボタン *****/
.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; text-indent: 30px; padding: 0 35px 0 0;}
	
	
	
	/* /////////////////////////////////////////////////////////////////////////////////////////////
			このページだけのスタイル
	///////////////////////////////////////////////////////////////////////////////////////////// */
	
	/********************************* 
		idごとのユニークなスタイル
		-message
	*********************************/
	#message { margin: 0 0 50px; padding: 0; }
	#message h3 { padding: 50px 0 50px; }
	#message .pic { width: 100%; float: none;}
	#message .pic img { width: 100%; height: auto; padding: 0 0 10px; }
	#message p.message { width: 100%; text-align: left; line-height: 130%; padding: 30px 0 30px; float: none; }
	
}