@charset "UTF-8";

*{
	box-sizing:border-box;
}

/* categoryInd */

body.categoryInd h1{
	border-top:8px solid #cc0000;
	border-left:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
	height:230px;
	color:#cc0000;
	background:url(/img/life/bg_h1_index.jpg) left top;
}
	body.categoryInd h1 span.inner{
		position:relative;
		display:block;
		padding:40px 0 65px 105px;
		font-weight:bold;
	}
		body.categoryInd h1 span.inner:before{
			position:absolute;
			top:34px;
			left:20px;
			display:inline-block;
			content:"";
			background:url(/img/life/ico_h1.png) no-repeat;
			background-size:contain;
			width:65px;
			height:47px;
		}
	body.categoryInd h1 span.read{
		display:block;
		color:#333333;
		font-size:0.7em;
		padding:0 0 0 20px;
	}

#main-box div.sectionCol{
	margin-top:20px;
	width:564px;
}
	#main-box div.sectionCol:nth-of-type(2n){
		margin-left:32px;
	}



/* 定型 box 											  */

#main-box div.index-h div.inner{
	background: url("/img/service/standard/bg_index_h.gif") repeat-x 0 100%;

}

#main-box div.index-h div.box.head{
	background: url("/img/service/standard/bg_index_h_upper.gif") no-repeat 0 0;
	padding:10px 0 0 0;
}

#main-box div.index-h div.inner{
	background-size:100% auto;
}

#main-box div.index-h div.col2-l,
#main-box div.index-h div.col2-r{
	width: 474px;
}


/* 福利厚生サービス												*/

.benefitContact{
	font-weight:bold;
	font-size:1.1rem;
	border:1px solid rgba(0,0,0,1);
}

@media screen and (max-width: 750px){
	.scrl.kakakuimg img{overflow: hidden; width:950px; max-width:none;}
} /* sp */



/* /life/cashless/index.html
----------------------------------------------- */
ul.logo.online{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex; justify-content: space-between; flex-wrap:wrap;
}
	ul.logo.online:before{content:""; width:24%; display:block;order:1;}
	ul.logo.online:after{content:""; width:24%; display:block;}
	ul.logo.online li{flex-basis:24%; max-width:24%; border:1px solid #eee; border-radius:3px; padding:15px; text-align:center; margin-bottom:10px;}

@media screen and (max-width: 750px){
	ul.logo.online li{flex-basis:49%; max-width:49%;}
} /* sp */




/* /life/club/faq.html
----------------------------------------------- */
.faq_list .faq_item + .faq_item > .simpletoggle .parent{border-top:0;}
.faq_list .faq_item .simpletoggle .parent.active + .child{border-bottom: 1px solid #c8c8c8;}


.life_club .btn2clm{
	margin:20px auto 30px;
}
.life_club .btn2clm ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}
.life_club .btn2clm ul li{
	margin:0 1%;
}
.life_club .btn2clm ul li a{
	display:inline-block;
	background:#cc0000;
	text-decoration: none;
	color:#fff;
	padding:0.8em 1.8em;
	border-radius:3px;
	transition:.3s;
	font-size:110%;
}
.life_club .btn2clm ul li a:hover{
	opacity:0.7;
}
.life_club .btn2clm ul li.in a:before{
	font-family: 'yubin';
	content: "\f105";
	margin-right:0.5em;
	font-size:90%;
}
.life_club .btn2clm ul li.out a:before{
	font-family: 'yubin';
	content: "\e924";
	margin-right:0.5em;
	font-size:90%;
}
.life_club .btn2clm ul li.in a{
	background:#ED681F;
}
.life_club .btn2clm ul li.out a{
	background:#2D729C;
}

@media screen and (max-width: 750px){
	.life_club .btn2clm ul{
		display:block;
	}
	.life_club .btn2clm ul li{
		margin:10px auto;
	}
	.life_club .btn2clm ul li a{
		display:block;
		text-align:center;
		padding:1em 0.8em;
	}
}/* sp */


/* /life/club/index.html
----------------------------------------------- */
h3 a:link{text-decoration: underline; cursor: pointer;}
h3 a:hover{text-decoration: none;}

/*　カタログ販売　*/

ol.point{
	padding:0 50px;
}
	ol.point li{
		display:inline-block;
		vertical-align:top;
		width:33%;
		text-align:center;
		margin:6px 0;
	}

	ul.imgList li{
		display:inline-block;
		vertical-align:top;
		width:auto;
		text-align:center;
		margin:6px 16px;
	}
		ul.ableList li img{
			width:90%;
			height:auto;
			margin:4px 0 10px;
		}




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

body.categoryInd h1{
	position:relative;
	color:#cc0000;
	background:url(/img/life/bg_h1_index.jpg) no-repeat;
	background-size:cover;
	background-position:80% top;
}
  body.categoryInd h1:before {
    z-index: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(255,255,255,0.8);
  }
	body.categoryInd h1 span.inner{
		position:relative;
		display:block;
		padding:0 0 0 60px;
		font-weight:bold;
	}
		body.categoryInd h1 span.inner:before{
			position:absolute;
			top:-10px;
			left:-10px;
			display:inline-block;
			content:"";
			background:url(/img/life/ico_h1.png) no-repeat;
			background-size:contain;
			width:65px;
			height:47px;
		}
	body.categoryInd h1 span.read{
		position:relative;
		display:block;
		color:#333333;
		font-size:0.7em;
		padding:20px 0 20px 0;
	}
	body.categoryInd #main-box h1 + div.sectionCol {
		margin-top:-20px;
	}
	




#main-box .index-d h3{
	position:relative;
	margin:12px 0 0;
	padding:0px 0px;
	border-radius:5px 5px 0 0;
}
#main-box .index-d h3 a{
	display:block;
	padding:6px 12px;
}

#main-box .index-d h3:after{
	position:absolute;
	font-family:"jpsmt";
	content:"\3e";
	font-size:0.8rem;
	color:#FFFFFF;
	right:4px;
	top:35%;
}

#main-box .index-d .section{
	border-left:1px solid rgba(204,204,204,0.7);
	border-right:1px solid rgba(204,204,204,0.7);
	border-top:1px solid rgba(204,204,204,0.3);
	border-bottom:1px solid rgba(204,204,204,0.7);
}


/* 定型 box 											  */



#main-box div.index-h div.box.head{
	border-top:4px solid #ce0000;
	border-radius:3px 3px 0 0;
}

#main-box div.index-h div.wrap{
	border-top:1px solid rgba(204,204,204,0.5);
	padding-top:4px;
}

#main-box div.index-h div.col2-l,
#main-box div.index-h div.col2-r{
	margin-bottom:15px;
}


/* 福利厚生サービス												*/

.benefitContact{
	display:inline-block;
	font-weight:bold;
	font-size:1rem;
	padding:6px;
	border:1px solid rgba(0,0,0,1);
}

/*　カタログ販売　*/

ol.point{
	padding:0 50px;
}
	ol.point li{
		display:inline-block;
		vertical-align:top;
		width:33%;
		text-align:center;
		margin:6px 0;
	}

	ul.imgList li{
		display:inline-block;
		vertical-align:top;
		width:auto;
		text-align:center;
		margin:6px 16px;
	}
		ul.ableList li img{
			width:90%;
			height:auto;
			margin:4px 0 10px;
		}

} /* sp */