@charset "utf-8";

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

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

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

/**** header_bg *****/
#header_bg { background: url(../images/company/fv_05.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; font-family: "lato-lightitalic"; letter-spacing: 5px; color: #091e49;}

/*********************************
	idごとのユニークなスタイル
	-philosophy
	-management
	-environmental
*********************************/


/* main内部のスタイル */
#pride { text-align: center; padding: 150px 0 0; }
#pride h3 { border: 6px double #9ADD2E; font-size: 18px; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; line-height: 130%; letter-spacing: 20px; padding: 20px 6px 35px; }
#pride h3 span.title_tt {font-size: 52px; line-height: 150%; font-family: halogen, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 0.1em; display: block;}
#pride h3 span.title_tt span{ line-height: 100%; font-size: 30px; font-family: halogen, sans-serif; font-weight: 500; font-style: normal; display: inline-block; padding: 0 5px;}
#pride h4 { font-size: 18px; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; line-height: 130%; letter-spacing: 20px; padding: 0 0 145px; }
#pride h4 span { display: block; font-size: 84px; line-height: 130%; letter-spacing: 25px; font-family: halogen, sans-serif;font-weight: 400; font-style: normal;}
#pride p { text-align: left; font-size: 26px; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; line-height: 240%; font-weight: 400; padding: 100px 0 42.5px; width: 500px; margin: 0 auto;}
#pride p span { display: block; font-size: 26px; font-family: noto-sans-cjk-jp, sans-serif; font-weight: 500; font-style: normal; line-height: 350%; }

#management { background: #f3f3f3; padding: 0 0 110px;}
#management p { border-bottom: 1px solid #000; font-size: 16px; margin: 0 0 65px; padding: 0 0 30px;}
#management ol li{ font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; padding: 0 0 40px;}
#management ol li span { display: block; font-size: 36px; font-style: italic; color: #091e49; padding: 0 25px 0 0; float: left; }
#management ol li p { border: none; font-size: 26px; margin: 0; padding: 0; float: left; }

#environmental { padding: 0 0 90px; }
#environmental p { font-size: 16px; padding: 0 0 65px;}
#environmental ul li dl dt { font-size: 26px; font-family: noto-sans-cjk-jp, sans-serif; font-style: normal;font-weight: 400; padding: 0 0 20px; }
#environmental ul li dl dd { padding: 0 0 60px; }



/**** トップページに戻るボタン *****/
.btn_totop { background: #92D625; width: 360px; height: 50px; margin: 0 auto 150px;;}
.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 ){
/**** header_bg *****/
#header_bg { background: url(../images/company/fv_05_sp.jpg) center center no-repeat;  background-size: cover; width: 100%; height: auto; padding: 0;}
#header_bg #fv { color: #fff; text-align: center; padding: 30% 0;}
#header_bg #fv span { font-size: 30px;}

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

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

/*********************************
	idごとのユニークなスタイル
	-philosophy
	-management
	-environmental
*********************************/

/* main内部のスタイル */
#pride { padding: 80px 0 0; }
#pride h3 {letter-spacing: inherit; padding: 15px 3px 20px; }
#pride h3 span.title_tt { font-size: 19px; letter-spacing: inherit; line-height: 150%; flex-wrap: wrap; text-align: center; width: 100%; margin: 0 auto;}
#pride h3 span.title_tt span{ font-size: 12px; padding: 0 4px; }

#pride p { font-size: 18px; padding: 50px 0; width: 100%;}
#pride p span { font-size: 16px; padding: 10px 0 0; }
#pride h4 { padding: 0 0 20px 0; font-size: 18px; letter-spacing: inherit;}
#pride h4 span { font-size: 32px; padding: 20px 0 0; letter-spacing: inherit;}

#management { padding: 0 0 50px;}
#management p { font-size: 14px; margin: 0 0 30px; padding: 0 0 20px;}
#management ol li { font-size: 16px; padding: 0 0 20px;}
#management ol li span { font-size: 20px; width: 10%; padding: 0; }
#management ol li p { font-size: 16px; width: 90%; }

#environmental { padding: 0 0 50px;}
#environmental p { font-size: 14px; padding: 0 0 35px;}
#environmental ul li dl dt { font-size: 20px; padding: 0;}
#environmental ul li dl dd { font-size: 16px; line-height: 140%; padding: 0 0 10px; }


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