@charset "utf-8";

/******************************************
各ページ共通のスタイルを定義
*******************************************/

ul, ol {
	list-style: none;
}


/* ----------------------------------------

container

---------------------------------------- */
#container {
	margin: 0 auto;
	/*font-size: 100%;*/ /* fontsize 13px */
	/*font-size: 115.3%;*/ /* fontsize 15px */
	min-width: 1263px;
}
@media screen and (max-width:767px){
	#container {
		min-width: inherit;
	}
}

#content {
    margin-top: 85px;
}

@media screen and (max-width:767px){
/*スマホ指定*/
    #content {
        width: 100%;
        margin-top: 53px;
    }
}



/*
**
子要素のフォントサイズ指定は以下を参照
http://bueltge.de/test/emchart.html
例)
基準フォントサイズが13pxで、
特定の要素を12pxにしたい時は92.4%と指定
**
*/


/* noscript
------------------------------- */
#noscript {
	margin-bottom: 15px;
	padding: 0.5em 1em;
	border: 2px solid #ccc;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ----------------------------------------

content

---------------------------------------- */
/*下層ページメインビジュアル*/
.l-pagevisual.company {background: url("/files/img/company/company_mv.jpg") center center no-repeat;background-size: cover;}
.l-pagevisual.kankyohoshin {background: url("/files/img/company/kankyohoshin_mv.jpg") center center no-repeat;background-size: cover;}
.l-pagevisual.hinshituhoushin {background: url("/files/img/company/hinshituhoushin_mv.jpg") center center no-repeat;background-size: cover;}
.l-pagevisual.history {background: url("/files/img/company/history_mv.jpg") center center no-repeat;background-size: cover;}
.l-pagevisual.soshikizu {background: url("/files/img/company/soshikizu_mv.jpg") center center no-repeat;background-size: cover;}
.l-pagevisual.philosophy {background: url("/files/img/company/philosophy_mv.jpg") center center no-repeat;background-size: cover;}