@charset "utf-8";

/* merchandising.css */


/*トップイメージの画像　&　色変更　　ここから*/

#content.container{
	
	background:url(../../img/bg_noisy_grid.png) #fff;
	opacity:0.95;
}


/*トップイメージ*/
#topImg {
	background-image:url(../img/merchandising/topimg_bg.jpg);
}

/*左側のベース色*/
#topImg h2{
	background-color:#91AB42;
}


/*右側の小さい文字*/
#pageNavi > h3 {
	border-color:#91AB42;
}


#topImg-copy p{
	margin:200px 0 0 80px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: var(--font-weight-regular);
	font-size:1.2em;
	color:#777;
	line-height:1.8em;
	letter-spacing:0.3em;
	text-align:left;
}


/*トップイメージの画像　&　色変更　　ここまで*/


section h3{
	position:relative;
	height:30px;
	margin:0;
	background:url(../img/merchandising/title_bg.png) left top repeat;
}

section h3 img{
	position:absolute;
	max-width: 250px;
	top:-52px;
	left:10px;
}

#about{
	width:100%;
	margin:79px 0 0;
	padding:0 0 50px 0;
	background-color:#f8ffeb;
}

#about > p img{
	width:100%;
}

.catch {
}

.catch p {
	margin:0;
}

.catch p img {
	width:100%;
}

.catch dl {
	position:relative;
	margin:-30px auto 0 auto;
	padding:2em 5.7% 2em 5.7%;
	width:84%;
	box-sizing:border-box;
	background-color:rgba(0,0,0,0.7);
	color:#ffffff;
}

.catch dl dt {
	padding:0 0 0.5em 0;
	font-size:2.8rem;
	font-family: "Noto Serif JP", serif;
	font-weight: var(--font-weight-regular);
	line-height:1.4em;
}

.catch dl dd {
	margin:0;
	line-height:1.8em;
}

.box1wrap {
	margin:0;
	padding:2em 8% 1em 8%;
	color:#666666;
}

.box1wrap h4 {
	margin:0 0 0.5em 0;
	padding:0 0 0.5em 0;
	font-size:1.6rem;
	font-weight:normal;
	line-height:1.4em;
	border-bottom:4px solid #8cc66d;
}

.box1wrap p {
	margin:0;
	padding:0 0 1em 0;
	line-height:1.8em;
}

.box1wrap img {
	width:100%;
}

.box2wrap {
	margin:0 0 1em 0;
	padding:2em 0 1em 0;
	color:#666666;
}

.box2wrap .box2txt {
	float:left;
	width:40%;
	margin:0 0 0 8%;
}

.box2wrap .box2txt h4 {
	margin:0 0 0.5em 0;
	padding:0 0 0.5em 0;
	font-size:1.6rem;
	font-weight:normal;
	line-height:1.4em;
	border-bottom:4px solid #8cc66d;
}

.box2wrap .box2txt p {
	margin:0;
	padding:0 0 1em 0;
	line-height:1.8em;
}

.box2wrap .box2txt .note {
	font-size:1.2rem;
	line-height:1.5em;
}

.box2wrap .box2img {
	float:right;
	width:40%;
	margin:0 8% 0 0;
}

.box2wrap .box2img img {
	width:100%;
}

.box2wrap .box2img .note {
	font-size:1.2rem;
	line-height:1.5em;
}

/* 営業所案内 */
.officeWrap {
	margin:0 0 1em 0;
	padding:2em 8% 1em 8%;
	color:#666666;
}

.officeBox {
	float:left;
	width:50%;
	margin:0;
	padding:1.4em 1em 1em 1em;
	border-bottom:1px dotted #999;
}

.officeBox:nth-of-type(even) {
}

.officeBox:nth-of-type(odd) {
	border-right:1px dotted #999;
}

/* 偶数個の場合は無効
.officeBox:last-of-type {
	border-bottom:none;
}
*/

.officeBox h4 {
	margin:0;
	padding:0 0 0.5em 0;
	line-height:1.4em;
	font-size:1.8rem;
	font-weight:normal;
}

.officeBox ul {
	margin:0;
	padding:0 0 12px 0;
	font-size:0;
}

.officeBox li {
	font-size:1.4rem;
}

.officeBox li a {
}

.officeBox li:nth-of-type(1) {
	display:inline-block;
	width:50%;
	padding:0 0 0.5em 0;
}

.officeBox li:nth-of-type(2) {
	display:inline-block;
	width:50%;
	padding:0 0 0 0;
}

.officeBox li:nth-of-type(3) {
	font-size:1.2rem;
}

@media (max-width:969px) {
	#topImg-copy p{
	margin:130px 0 0 30px;
	font-size:1.0em;
	letter-spacing:0.2em;
}
}

@media (max-width:749px) {


#topImg-copy p{
	margin:7em 0 0 1em;
	font-size:1.0rem;
	letter-spacing:0.1em;
}

.catch dl {
	width:100%;
}

.box1wrap {
  padding: 2em 6% 1em;
}

.box2wrap .box2txt {
	float:none;
	margin: 0 auto;
	width: 88%;
}

.box2wrap .box2img {
	float:none;
	margin: 0 auto;
	width: 88%;
}

.officeWrap {
	padding:0 6% 1em 6%;
}

.officeBox {
	float:none;
	width:100%;
}

.officeBox:nth-of-type(odd) {
	border-right:none;
}

}