@charset "utf-8";
/* ---------------------------------------------------------
 　■ 特集ページ
--------------------------------------------------------- */
/* category tag */
[class^="category_tag_"] {
	display: inline-block;
	text-decoration: none;
	padding: 0.8em 1.5em;
	background-color:var(--bland);
	color: #fff;
	font-size: 0.875rem;
	font-weight: bold;
	line-height: 1.2;
}
.category_tag_communication {
	color: #fff;
	background-color: #acd598;
}
.category_tag_desk-table {
	color: #fff;
	background-color: #acd598;
}
.category_tag_oachair {
	color: #fff;
	background-color: #acd598;
}
.category_tag_partation {
	color: #fff;
	background-color: #acd598;
}
.category_tag_library {
	color: #fff;
	background-color: #acd598;
}
.category_tag_earthquake-proof {
	color: #fff;
	background-color: #acd598;
}
.category_tag_oa-line {
	color: #fff;
	background-color: #acd598;
}
.category_tag_refresh {
	color: #fff;
	background-color: #acd598;
}
.category_tag_askul {
	color: #fff;
	background-color: #acd598;
}
.main_image {
	margin-bottom: 60px;
}
.lead_text {
	margin-bottom: 40px;
	text-align: center;
	line-height: 1.875;
}
.rect_def {
	padding-left: 38px;
}
.rect_def +  .rect_def {
	margin-top: 26px;
}
.rect_def dt {
	position: relative;
	margin-bottom: .5em;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.2;
}
.rect_def dt:before {
	content: "";
	display: block;
	position: absolute;
	left: -38px;
	top: 0;
	bottom: 0;
	width: 14px;
	height: 14px;
	margin: auto;
	background-color: #4abcf2;
}
.rect_def dd {
	font-size: .875rem;
	font-weight: normal;
	line-height: 1.5;
}
.related-box {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 97px;
	margin-bottom: 40px;
	padding: 35px 8.5%;
	border-radius: 4px;
	background-color: #f3fbff;
}
.related-box_text {
	margin-left: 7.4%;
	font-size: 1.25rem;
	line-height: 1.75;
}
@media only screen and (min-width: 0) and (max-width: 767px) { /*SP*/
	.lead_text {
		margin-bottom: 40px;
	}
	.rect_def {
		padding-left: 19px;
	}
	.rect_def +  .rect_def {
		margin-top: 30px;
	}
	.rect_def dt {
		font-size: 1rem;
	}
	.rect_def dt:before {
		left: -19px;
		width: 12px;
		height: 12px;
	}
	.rect_def dd {
		font-size: .75rem;
	}
	.related-box {
		margin-top: 38px;
		margin-bottom: 30px;
		padding: 38px 5%;
	}
	.related-box_img {
		width: 72px;
	}
	.related-box_text {
		margin-left: 5.2%;
		font-size: .75rem;
		line-height: 1.5;
	}
}
/* 一覧ページ */
.campaign .page_bnr {
	background-image: url(/img/business/campaign/main_bg_pc.jpg);
	background-image: -webkit-image-set(url(/img/business/campaign/main_bg_pc.jpg) 1x, url(/img/business/campaign/main_bg_pc@2x.jpg) 2x);
	background-image: image-set(url(/img/business/campaign/main_bg_pc.jpg) 1x, url(/img/business/campaign/main_bg_pc@2x.jpg) 2x);
}
.campaign.intro .page_bnr {
	background-image: url(/img/business/campaign/intro/main_bg_pc.jpg);
	background-image: -webkit-image-set(url(/img/business/campaign/intro/main_bg_pc.jpg) 1x, url(/img/business/campaign/intro/main_bg_pc@2x.jpg) 2x);
	background-image: image-set(url(/img/business/campaign/intro/main_bg_pc.jpg) 1x, url(/img/business/campaign/intro/main_bg_pc@2x.jpg) 2x);
}
.campaign.i-and-s .page_bnr {
	background-image: url(/img/business/campaign/i-and-s/main_bg_pc.jpg);
	background-image: -webkit-image-set(url(/img/business/campaign/i-and-s/main_bg_pc.jpg) 1x, url(/img/business/campaign/i-and-s/main_bg_pc@2x.jpg) 2x);
	background-image: image-set(url(/img/business/campaign/i-and-s/main_bg_pc.jpg) 1x, url(/img/business/campaign/i-and-s/main_bg_pc@2x.jpg) 2x);
}
.campaign.pickup .page_bnr {
	background-image: url(/img/business/campaign/pickup/main_bg_pc.jpg);
	background-image: -webkit-image-set(url(/img/business/campaign/pickup/main_bg_pc.jpg) 1x, url(/img/business/campaign/pickup/main_bg_pc@2x.jpg) 2x);
	background-image: image-set(url(/img/business/campaign/pickup/main_bg_pc.jpg) 1x, url(/img/business/campaign/pickup/main_bg_pc@2x.jpg) 2x);
}
.campaign.make .page_bnr {
	background-image: url(/img/business/campaign/make/main_bg_pc.jpg);
	background-image: -webkit-image-set(url(/img/business/campaign/make/main_bg_pc.jpg) 1x, url(/img/business/campaign/make/main_bg_pc@2x.jpg) 2x);
	background-image: image-set(url(/img/business/campaign/make/main_bg_pc.jpg) 1x, url(/img/business/campaign/make/main_bg_pc@2x.jpg) 2x);
}
@media only screen and (min-width: 0) and (max-width: 767px) { /*SP*/
	.campaign .page_bnr {
		background-image: url(/img/business/campaign/main_bg_sp.jpg);
		background-image: -webkit-image-set(url(/img/business/campaign/main_bg_sp.jpg) 1x, url(/img/business/campaign/main_bg_sp@2x.jpg) 2x);
		background-image: image-set(url(/img/business/campaign/main_bg_sp.jpg) 1x, url(/img/business/campaign/main_bg_sp@2x.jpg) 2x);
	}
	.campaign.useful .page_bnr {
		background-image: url(/img/business/campaign/useful/main_bg_sp.jpg);
		background-image: -webkit-image-set(url(/img/business/campaign/useful/main_bg_sp.jpg) 1x, url(/img/business/campaign/useful/main_bg_sp@2x.jpg) 2x);
		background-image: image-set(url(/img/business/campaign/useful/main_bg_sp.jpg) 1x, url(/img/business/campaign/useful/main_bg_sp@2x.jpg) 2x);
	}
	.campaign.recommend .page_bnr {
		background-image: url(/img/business/campaign/recommend/main_bg_sp.jpg);
		background-image: -webkit-image-set(url(/img/business/campaign/recommend/main_bg_sp.jpg) 1x, url(/img/business/campaign/recommend/main_bg_sp@2x.jpg) 2x);
		background-image: image-set(url(/img/business/campaign/recommend/main_bg_sp.jpg) 1x, url(/img/business/campaign/recommend/main_bg_sp@2x.jpg) 2x);
	}
	.campaign.i-and-s .page_bnr {
		background-image: url(/img/business/campaign/i-and-s/main_bg_sp.jpg);
		background-image: -webkit-image-set(url(/img/business/campaign/i-and-s/main_bg_sp.jpg) 1x, url(/img/business/campaign/i-and-s/main_bg_sp@2x.jpg) 2x);
		background-image: image-set(url(/img/business/campaign/i-and-s/main_bg_sp.jpg) 1x, url(/img/business/campaign/i-and-s/main_bg_sp@2x.jpg) 2x);
	}
	.campaign.pickup .page_bnr {
		background-image: url(/img/business/campaign/pickup/main_bg_sp.jpg);
		background-image: -webkit-image-set(url(/img/business/campaign/pickup/main_bg_sp.jpg) 1x, url(/img/business/campaign/pickup/main_bg_sp@2x.jpg) 2x);
		background-image: image-set(url(/img/business/campaign/pickupmain_bg_sp.jpg) 1x, url(/img/business/campaign/pickup/main_bg_sp@2x.jpg) 2x);
	}
	.campaign.office .page_bnr {
		background-image: url(/img/business/campaign/office/main_bg_sp.jpg);
		background-image: -webkit-image-set(url(/img/business/campaign/office/main_bg_sp.jpg) 1x, url(/img/business/campaign/office/main_bg_sp@2x.jpg) 2x);
		background-image: image-set(url(/img/business/campaign/office/main_bg_sp.jpg) 1x, url(/img/business/campaign/office/main_bg_sp@2x.jpg) 2x);
	}
	.campaign.make .page_bnr {
		background-image: url(/img/business/campaign/make/main_bg_sp.jpg);
		background-image: -webkit-image-set(url(/img/business/campaign/make/main_bg_sp.jpg) 1x, url(/img/business/campaign/make/main_bg_sp@2x.jpg) 2x);
		background-image: image-set(url(/img/business/campaign/make/main_bg_sp.jpg) 1x, url(/img/business/campaign/make/main_bg_sp@2x.jpg) 2x);
	}
}
/* TOP */
.idx_wide {
	padding-top: 1px;
	position: relative;
	z-index: 5;
}
.idx_title_box{
	margin-bottom: 30px;
}
.idx_title {
	color: var(--bland);
	font-size: 1.75rem;
	font-weight: bold;
	line-height: 1.5;
}
.idx_box {
	margin-top: 70px;
}
.idx_feat_more{
	position: absolute;
	top: 0;
	right: 0;
}
.idx_feat_more a{
	padding: 14px 44px 14px 20px;
	width: auto;
	height: auto;
	position: relative;
	top: 0;
	right: 0;
	display: block;
	margin: auto;
	border: 1px solid var(--bland);
	border-radius: 30px;
	background-color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 0.875rem;
	font-weight: bold;
}
.idx_feat_more a:not(.ui_btn_linear){
	color: inherit;
}
.idx_feat_more a:after{
	right: 20px;
}

@media only screen and (min-width: 0) and (max-width: 767px) { /*SP*/
	.idx_title_box{
		margin-bottom: 15px;
	}
	.idx_title {
		font-size: 1.25rem;
	}
	.idx_feat_more {
    position: static;
	}
	.idx_feat_more a {
    max-width: 315px;
    width: 100%;
	}
}




/* /business H1 Renewal */
.campaign .page_bnr,
.campaign.pickup .page_bnr,
.campaign.i-and-s .page_bnr,
.campaign.make .page_bnr,
.campaign.intro .page_bnr {
  background-image: none;
}