@charset "UTF-8";

/*　メインビジュアル設定　*/
.abouttnj #mainVisual{
	background-image:url(/images/top/img-top-product01.jpg);
}
.aboutmaxi #mainVisual{
	background-image:url(/images/contents/img-aboutmaxi-mainvisual.jpg);
}
.about #mainVisual{
	background-image:url(/images/top/img-top-mainvisual02.jpg);
}
.company #mainVisual{
	background-image:url(/images/contents/img-company-meinvisual.jpg);
}

.contentsGrp #mainVisual h1{
	font-family: 'Noto Serif JP', serif;
	font-weight:500;
}
.about #mainVisual img{
	height:40px;
	width:auto;
	margin:0;
	display:inline;
}


/*　コンテンツ本文　*/
section h2, section h3, section h4, section p, section img{
	display:block;
	width:1200px;
	margin:50px auto;
}
section h2, section h3{
	margin-top:70px;
	padding-bottom:20px;
	margin-bottom:30px;
	border-bottom:solid 1px #9A8876;
	font-weight:bold;
}
section h2{
	font-size:26px;
	line-height:36px;
}
section h3, section h4, section h2.h3{
	font-size:20px;
	line-height:36px;
}
section h4, section h3.h4{
	width:1100px;
	margin:50px auto 30px;
	padding:0;
	border:none;
	font-weight:300;
	font-size:16px;
	line-height:30px;
}
section p{
	width:1100px;
	margin:30px auto;
	line-height:30px;
}


/*　会社概要専用　*/
#companyTable{
	width:900px;
	margin:50px auto;
	border-top:solid 1px #9A8876;
}
#companyTable dt{
	width:200px;
	padding:40px;
	float:left;
	font-size:22px;
	line-height:40px;
}
#companyTable dd{
	border-bottom:solid 1px #9A8876;
	width:580px;
	padding:40px;
	padding-left:280px;
	font-size:22px;
	line-height:40px;
}

/*　フッターページ切り替えボタン　*/
#footerPager{
	width:1200px;
	margin:50px auto 100px;
	text-align:center;
}
#footerPager a{
	display:inline-block;
	margin:10px;
	padding:10px 16px;
	color:#999;
	background-color:#eee;
	border:solid 1px #ddd;
	pointer-events: none;
}
#footerPager a[href]{
	color:#000;
	background-color:#fff;
	border-color:#C2C2C2;
	pointer-events:auto;
}
#footerPager a.active{
	color:#fff;
	background-color:#444;
	border-color:#444;
}
#pageText{
	color:#999;
}
#pageText span{
	color:#000;
}



/*  ---------------------------------------------------------------
                        レスポンシブ
----------------------------------------------------------------  */
@media screen and (max-width: 780px) {
/*　コンテンツ本文　*/
section h2, section h3, section h4, section p, section img{
	width:92%;
	margin-left:4%;
	margin-right:4%;
}

#footerPager{
	width:92%;
	margin-left:4%;
	margin-right:4%;
}
@media screen and (max-width: 500px) {#footerPager a{margin-right:5px; margin-left:5px;}}
@media screen and (max-width: 360px) {#footerPager a{font-size:14px; padding:8px 14px;}}

/*　会社概要専用　*/
#companyTable{
	width:92%;
	margin-left:4%;
	margin-right:4%;
}
#companyTable dt{
	float:none;
	width:100%;
	padding:30px 0 0;
	font-size:24px;
	font-weight:bold;
}
#companyTable dd{
	border-bottom:solid 1px #9A8876;
	width:100%;
	padding:30px 0;
	font-size:20px;
}


}