@charset "utf-8";

/*------------------------------------
 CMS CSS ページ別設定
 ------------------------------------- */

/* 複数ページ共通
-------------------------------------- */
/* 規約関連ページ */
#cms-container.terms h1 {
	margin-bottom: 20px;
}
#cms-container.terms h2 {
	margin-top: 40px;
}
#cms-container.terms h3 {
	margin-top: 40px;
}
#cms-container.terms h2 + h3 {
	margin-top: 20px;
}
#cms-container.terms p.text-right + h2,
#cms-container.terms p.text-right + h3 {
	margin-top: 0;
}
#cms-container.terms h4 {
	margin-top: 20px;
}
#cms-container.terms .anchor-group {
	margin-bottom: 60px;
}
#cms-container.terms .anchor-group p {
	margin-bottom: 0;
}
#cms-container.terms .anchor-group ul.anchor-link:not(:last-of-type) {
	margin-bottom: 20px;
}
#cms-container.terms ul + .anchor-group {
	margin-top: 20px;
}
#cms-container.terms ul + p,
#cms-container.terms ol + p {
	margin-top: 20px;
}

/* 資料DLサンキューページ */
#cms-container.dl-thankspage h1 {
	margin-bottom: 20px;
}
#cms-container.dl-thankspage h2 {
	margin-bottom: 40px;
	font-size: 1.25rem;
}

/* イベントサンキューページ */
#cms-container.event-thankspage h1 {
	margin-bottom: 20px;
}
#cms-container.event-thankspage h2 {
	margin-bottom: 40px;
	font-size: 1.25rem;
}


/* トライアルページ
-------------------------------------- */
/* 富士通のクラウドファイルサーバー (/cmss/page/cfs_trial) */
#cms-container.cfs_trial > .title-area-a {
	background: url(/gallery/agent_store/cfs_trial_hero.jpg) 50% 0 /cover no-repeat;
}
@media only screen and (max-width: 768px) {
	#cms-container.cfs_trial > .title-area-a {
		background: url(/gallery/agent_store/cfs_trial_hero.jpg) 55% 0 /cover no-repeat;
	}
}
#cms-container.cfs_trial .screen {
	margin-bottom: 40px;
	align-items: center;
}
@media only screen and (max-width: 480px) {
	#cms-container.cfs_trial .screen {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	#cms-container.cfs_trial .screen > .img,
	#cms-container.cfs_trial .screen > .text {
		width: 100%;
	}
}

/* 富士通のクラウドファイルサーバー セキュリティ版 (/cmss/page/cfs_trial_security) */
#cms-container.cfs_trial_security > .title-area-a {
	background: url(/gallery/agent_store/cfs_trial_security_hero.jpg) 50% 0 /cover no-repeat;
}
@media only screen and (max-width: 768px) {
	#cms-container.cfs_trial_security > .title-area-a {
		background: url(/gallery/agent_store/cfs_trial_security_hero.jpg) 60% 0 /cover no-repeat;
	}
}
@media only screen and (max-width: 480px) {
	#cms-container.cfs_trial_security > .title-area-a {
		background: url(/gallery/agent_store/cfs_trial_security_hero.jpg) 70% 0 /cover no-repeat;
	}
}
#cms-container.cfs_trial_security .text-shadow-dark-pc {
	text-shadow: 
		#003e59 2px 0px 0px, #003e59 -2px 0px 0px,
		#003e59 0px -2px 0px, #003e59 0px 2px 0px,
		#003e59 2px 2px 0px, #003e59 -2px 2px 0px,
		#003e59 2px -2px 0px, #003e59 -2px -2px 0px,
		#003e59 1px 2px 0px, #003e59 -1px 2px 0px,
		#003e59 1px -2px 0px, #003e59 -1px -2px 0px,
		#003e59 2px 1px 0px, #003e59 -2px 1px 0px,
		#003e59 2px -1px 0px, #003e59 -2px -1px 0px,
		#003e59 1px 1px 0px, #003e59 -1px 1px 0px,
		#003e59 1px -1px 0px, #003e59 -1px -1px 0px;
}
@media only screen and (min-width: 980px) {
	#cms-container.cfs_trial_security .text-shadow-dark-pc {
		text-shadow: none;
	}
}
#cms-container.cfs_trial_security .screen {
	margin-bottom: 40px;
	align-items: center;
}
@media only screen and (max-width: 480px) {
	#cms-container.cfs_trial_security .screen {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	#cms-container.cfs_trial_security .screen > .img,
	#cms-container.cfs_trial_security .screen > .text {
		width: 100%;
	}
}

#cms-container.cfs_trial_security .section.risk {
	position: relative;
	width: auto;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding-right: calc(50vw - 50%);
	padding-left: calc(50vw - 50%);
	background: #f6f4a6;
}
#cms-container.cfs_trial_security .section.risk::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -50px;
	border: 50px solid transparent;
	border-top: 30px solid #f6f4a6;
}


/* FUJITSU Cloud Service for OSS (/cmss/page/k5_trial) */
#cms-container.for-oss_trial > .title-area-a {
	background: url(/gallery/agent_store/for-oss_trial_hero.jpg) 50% 0 /cover no-repeat;
}
@media only screen and (max-width: 768px) {
	#cms-container.for-oss_trial > .title-area-a {
		background: url(/gallery/agent_store/for-oss_trial_hero.jpg) 75% 0 /cover no-repeat;
	}
}
#cms-container.for-oss_trial .section > .section-inner.narrow {
	max-width: 720px;
	width: 100%;
	margin: 0 auto;
	padding: 60px 0;
}
#cms-container.for-oss_trial p.iaas {
	margin-bottom: 0.7em;
}
#cms-container.for-oss_trial p.iaas > img {
	width: 15.28%;
}
#cms-container.for-oss_trial h3.iaas {
	margin-bottom: 0;
	font-size: 1.5rem;
}
#cms-container.for-oss_trial h3.iaas span {
	font-size: 1.125rem;
	color: #707070;
}
#cms-container.for-oss_trial .flex-col4.service {
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
}
#cms-container.for-oss_trial .flex-col4.service > .item {
	width: 23.07%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#cms-container.for-oss_trial .flex-col4.service > .item > .img {
	margin-bottom: 4px;
	min-height: 74px;
	display: flex;
	justify-content: center;
	align-content: center;
}
#cms-container.for-oss_trial .flex-col4.service > .item > h3 {
	margin-bottom: 0;
	font-size: 1.125rem;
	flex-basis: 4.5em;
}
#cms-container.for-oss_trial .flex-col4.service > .item > h3 strong {
	font-size: 0.9375rem;
	font-weight: 400;
	color: #a10f1f;
}
#cms-container.for-oss_trial .flex-col4.service > .item > .desc {
	display: flex;
	flex-grow: 1;
}
@media only screen and (max-width: 767px) {
	#cms-container.for-oss_trial .section > .section-inner.narrow {
		padding: 60px 20px 20px;
	}
	#wmfcContOuter for-oss_trial .flex-col4.service {
		padding: 0 20px;
	}
	#cms-container.for-oss_trial .flex-col4.service > .item {
		width: 48%;
	}
	#cms-container.for-oss_trial .flex-col4.service > .item > h3 {
		flex-basis: 3em;
	}
}
@media only screen and (max-width: 480px) {
	#cms-container.for-oss_trial .flex-col4.service > .item > h3 {
		flex-basis: 4em;
	}
}

/* KUSANAGI on FUJITSU Cloud Service for OSS (/cmss/page/kusanagi_trial) */
#cms-container.kusanagi_trial > .title-area-a {
	background: url(/gallery/agent_store/kusanagi_trial_hero.jpg) 35% 0 /cover no-repeat;
}
@media only screen and (max-width: 768px) {
	#cms-container.kusanagi_trial > .title-area-a {
		background: url(/gallery/agent_store/kusanagi_trial_hero.jpg) 50% 0 /cover no-repeat;
	}
}
@media only screen and (max-width: 480px) {
	#cms-container.kusanagi_trial > .title-area-a {
		background: url(/gallery/agent_store/kusanagi_trial_hero.jpg) 60% 0 /cover no-repeat;
	}
}
@media only screen and (max-width: 768px) {
	#cms-container.kusanagi_trial .text-shadow-light-sp {
		text-shadow: 
			#fff 2px 0px 0px, #fff -2px 0px 0px,
			#fff 0px -2px 0px, #fff 0px 2px 0px,
			#fff 2px 2px 0px, #fff -2px 2px 0px,
			#fff 2px -2px 0px, #fff -2px -2px 0px,
			#fff 1px 2px 0px, #fff -1px 2px 0px,
			#fff 1px -2px 0px, #fff -1px -2px 0px,
			#fff 2px 1px 0px, #fff -2px 1px 0px,
			#fff 2px -1px 0px, #fff -2px -1px 0px,
			#fff 1px 1px 0px, #fff -1px 1px 0px,
			#fff 1px -1px 0px, #fff -1px -1px 0px;
	}
}

@media only screen and (max-width: 768px) {
	#cms-container.kusanagi_trial .flex-col3.feature h3 br {
		display: none;
	}
}
@media only screen and (max-width: 480px) {
	#cms-container.kusanagi_trial .flex-col3.feature h3 br {
		display: block;
	}
}
#cms-container.kusanagi_trial .section > .section-inner.narrow {
	max-width: 720px;
	width: 100%;
	margin: 0 auto;
	padding: 60px 0;
}
@media only screen and (max-width: 767px) {
	#cms-container.kusanagi_trial .section > .section-inner.narrow {
		padding: 60px 20px 40px;
	}
}
#cms-container.kusanagi_trial .flex-col2.service {
	padding: 16px;
	background: #fcfcfc;
	border-top: 5px solid #a10f20;
}
#cms-container.kusanagi_trial .flex-col2.service > ul {
	width: 46%;
}
@media only screen and (max-width: 767px) {
	#cms-container.kusanagi_trial .flex-col2.service > ul {
		width: 100%;
	}
}
#cms-container.kusanagi_trial .flex-col2.service > ul.strong {
font-size: 1.128rem;
	color: #a30b1a;
}
#cms-container.kusanagi_trial .flex-col2.service > .item > ul.strong > li::before {
	background: #a30b1a;
}
#cms-container.kusanagi_trial .section.flow .flex-col4 > .item > .text > h3 {
	flex-basis: 5.5em;
}
@media only screen and (max-width: 480px) {
	#cms-container.kusanagi_trial .section.flow .flex-col4 > .item > .text > h3 {
		flex-basis: auto;
	}
}

/* FUJITSU Software EntreQue 無料トライアル (/cmss/page/entreque_trial) */
#cms-container.entreque_trial > .title-area-a {
	background: url(/gallery/agent_store/entreque_trial_hero.jpg) 35% 0 /cover no-repeat;
}
@media only screen and (max-width: 768px) {
	#cms-container.entreque_trial > .title-area-a {
		background: url(/gallery/agent_store/entreque_trial_hero.jpg) 55% 0 /cover no-repeat;
	}
}
@media only screen and (max-width: 480px) {
	#cms-container.entreque_trial > .title-area-a {
		background: url(/gallery/agent_store/entreque_trial_hero.jpg) 65% 0 /cover no-repeat;
	}
}
@media only screen and (max-width: 768px) {
	#cms-container.entreque_trial .flex-col3.feature h3 br {
		display: none;
	}
}
@media only screen and (max-width: 480px) {
	#cms-container.entreque_trial .flex-col3.feature h3 br {
		display: block;
	}
}
#cms-container.entreque_trial .img > .movie-wrapper {
	width: 100%;
	margin: 0 0 40px;
}
@media only screen and (max-width: 767px) {
	#cms-container.entreque_trial .img > .movie-wrapper {
		margin-bottom: 10px;
	}
	#cms-container.entreque_trial .img-l,
	#cms-container.entreque_trial .img-r {
		flex-direction: column;
	}
	#cms-container.entreque_trial .img-l .img,
	#cms-container.entreque_trial .img-l .text,
	#cms-container.entreque_trial .img-r .img,
	#cms-container.entreque_trial .img-r .text {
			width: 100%;
			margin: 0;
			padding: 0;
	}
}
#cms-container.entreque_trial .section.flow .flex-col4 > .item > .text > h3 {
	flex-basis: 3.5em;
}
@media only screen and (max-width: 480px) {
	#cms-container.entreque_trial .section.flow .flex-col4 > .item > .text > h3 {
		flex-basis: auto;
	}
}


/* AIによる需要予測が誰でも簡単に est! forecast 1ヶ月間無料トライアル (/cmss/page/estforecast_trial) */
#cms-container.estforecast_trial > .title-area-a {
	background: url(/gallery/agent_store/estforecast_trial_hero.jpg) 35% 0 /cover no-repeat;
}
@media only screen and (max-width: 768px) {
	#cms-container.estforecast_trial > .title-area-a {
		background: url(/gallery/agent_store/estforecast_trial_hero.jpg) 55% 0 /cover no-repeat;
	}
}
@media only screen and (max-width: 480px) {
	#cms-container.estforecast_trial > .title-area-a {
		background: url(/gallery/agent_store/estforecast_trial_hero.jpg) 62% 0 /cover no-repeat;
	}
}
@media only screen and (max-width: 768px) {
	#cms-container.estforecast_trial .flex-col3.feature h3 br {
		display: none;
	}
}
@media only screen and (max-width: 480px) {
	#cms-container.estforecast_trial .flex-col3.feature h3 br {
		display: block;
	}
}
#cms-container.estforecast_trial .section.flow .flex-col4 > .item > .text > h3 {
	flex-basis: 3.5em;
}
@media only screen and (max-width: 480px) {
	#cms-container.estforecast_trial .section.flow .flex-col4 > .item > .text > h3 {
		flex-basis: auto;
	}
}


/* Zinrai 30日間無料トライアル (/cmss/page/zinrai_trial) */
#cms-container.zinrai_trial > .title-area-a {
	background: url(/gallery/agent_store/zinrai_trial_hero.jpg) 50% 0 /cover no-repeat;
}
@media only screen and (max-width: 1000px) {
	#cms-container.zinrai_trial > .title-area-a {
		background: url(/gallery/agent_store/zinrai_trial_hero.jpg) 60% 0 /cover no-repeat;
	}
}
@media only screen and (max-width: 768px) {
	#cms-container.zinrai_trial > .title-area-a {
		background: url(/gallery/agent_store/zinrai_trial_hero.jpg) 70% 0 /cover no-repeat;
	}
}
#cms-container.zinrai_trial .section > .section-inner.narrow {
	max-width: 720px;
	width: 100%;
	margin: 0 auto;
	padding: 60px 0;
}
@media only screen and (max-width: 767px) {
	#cms-container.zinrai_trial .section > .section-inner.narrow {
		padding: 60px 20px 20px;
	}
}
#cms-container.zinrai_trial .section.campaign {
	background-color: #cec7b8;
}

/* Zinrai 文書翻訳 30日間無料トライアル (/cmss/page/zinrai_trial_translation) */
#cms-container.zinrai_trial_translation > .title-area-a {
	background: url(/gallery/agent_store/zinrai_trial_translation_hero.jpg) 50% 0 /cover no-repeat;
}
@media only screen and (max-width: 768px) {
	#cms-container.zinrai_trial_translation > .title-area-a {
		background: url(/gallery/agent_store/zinrai_trial_translation_hero.jpg) 47% 0 /cover no-repeat;
	}
}
@media only screen and (max-width: 480px) {
	#cms-container.zinrai_trial_translation > .title-area-a {
		background: url(/gallery/agent_store/zinrai_trial_translation_hero.jpg) 60% 0 /cover no-repeat;
	}
}
#cms-container.zinrai_trial_translation .flex-col3.feature > .item > h3 {
	font-size: 1.5rem;
}
#cms-container.zinrai_trial_translation .section.bg-a.usage-image {
	background-color: #e2efdb;
}
#cms-container.zinrai_trial_translation .flex-col3.service > .item:not(:last-child) {
	margin-bottom: 40px;
}
#cms-container.zinrai_trial_translation .flex-col3.service > .item > h3 {
	margin-bottom: 1em;
	text-align: center;
}
#cms-container.zinrai_trial_translation .section.bg-a.uses .figure {
	max-width: 850px;
	margin: 20px auto 100px;
}
#cms-container.zinrai_trial_translation .section.customers-voice .img-l > .img {
	padding: 4px 40px 0 0;
}
@media only screen and (max-width: 767px) {
	#cms-container.zinrai_trial_translation .section.customers-voice .img-l > .img {
		padding: 0;
	}
}

/* Pleasanter 30日間無料トライアル (/cmss/page/free_trial_pleasanter) */
#cms-container.free_trial_pleasanter > .title-area-a {
	background: url(/gallery/agent_store/free_trial_pleasanter_main-visual.jpg) 50% 0 /cover no-repeat;
}
#cms-container.free_trial_pleasanter .flex-col3.service > .item > .text > h3 {
	text-align: left;
}
@media screen and (max-width: 767px) {
	#cms-container.free_trial_pleasanter > .title-area-a {
		background: url(/gallery/agent_store/free_trial_pleasanter_main-visual.jpg) 65% 0 /cover no-repeat;
	}
}

/* FUJITSU Hybrid IT Service FJcloud-V (/cmss/page/fjcloud-v_trial) */
#cms-container.fjcloud-v_trial > .title-area-a {
	background: url(/gallery/agent_store/fjcloud-v_trial_hero.jpg) 50% 0 /cover no-repeat;
}
@media only screen and (max-width: 768px) {
	#cms-container.fjcloud-v_trial > .title-area-a {
		background: url(/gallery/agent_store/fjcloud-v_trial_hero.jpg) 75% 0 /cover no-repeat;
	}
}
#cms-container.fjcloud-v_trial p.iaas {
	margin-bottom: 0.7em;
}
#cms-container.fjcloud-v_trial p.iaas > img {
	width: 15.28%;
}
#cms-container.fjcloud-v_trial h3.iaas {
	margin-bottom: 0;
	font-size: 1.5rem;
}


/* 商品コラム
-------------------------------------- */
/* BoltzEngine (/cmss/page/interview_cz_boltzengine) */
#cms-container.interview_cz_boltzengine > .title-area-b {
	background: #f5e6cb;
}
#cms-container.interview_cz_boltzengine > .title-area-b .content .visual {
	background: url(/gallery/agent_store/interview_boltzengine_cz_main-visual.jpg) 100% 0 /cover no-repeat;
}

/* Pleasanter (/cmss/page/interview_pleasanter) */
#cms-container.interview_pleasanter > .title-area-b {
	background: #cae3ed;
}
#cms-container.interview_pleasanter > .title-area-b .content .visual {
	background: url(/gallery/agent_store/interview_pleasanter_main-visual.jpg) 100% 0 /cover no-repeat;
}

/* Pleasanter EZ (/cmss/page/interview_pleasanter_ez) */
#cms-container.interview_pleasanter_ez > .title-area-b {
	background: #f5ebdf;
}
#cms-container.interview_pleasanter_ez > .title-area-b .content .visual {
	background: url(/gallery/agent_store/interview_pleasanter_ez_main-visual.jpg) 100% 0 /cover no-repeat;
}

/* vivuan (/cmss/page/interview_vivuan) */
#cms-container.interview_vivuan > .title-area-b {
	background: #ebdac3;
}
#cms-container.interview_vivuan > .title-area-b .content .visual {
	background: url(/gallery/agent_store/interview_vivuan_main-visual.jpg) 100% 0 /cover no-repeat;
}

/* Monaca (/cmss/page/interview_asial) */
#cms-container.interview_asial > .title-area-b {
	background: #fcf5ef;
}
#cms-container.interview_asial > .title-area-b .content .visual {
	background: url(/gallery/agent_store/interview_asial_main-visual.jpg) 50% 0 /contain no-repeat;
}
@media only screen and (max-width: 980px) {
	#cms-container.interview_asial > .title-area-b .content .visual {
		background: url(/gallery/agent_store/interview_asial_main-visual.jpg) 100% 0 /cover no-repeat;
	}
}

/* IDリンク・マネージャー (/cmss/page/interview_idlm) */
#cms-container.interview_idlm > .title-area-b {
	background: #ffeeeb;
}
#cms-container.interview_idlm > .title-area-b .content .visual {
	background: url(/gallery/agent_store/interview_idlm_main-visual.jpg) 100% 0 /cover no-repeat;
}

/* ピープルソフトウェア (/cmss/page/interview_pscsrv) */
#cms-container.interview_pscsrv > .title-area-b {
	background: #ebe9ea;
}
#cms-container.interview_pscsrv > .title-area-b .content .visual {
	background: url(/gallery/agent_store/interview_pscsrv_main-visual.jpg) 100% 0 /contain no-repeat;
}
@media only screen and (max-width: 980px) {
	#cms-container.interview_pscsrv > .title-area-b .content .visual {
		background: url(/gallery/agent_store/interview_pscsrv_main-visual.jpg) 70% 0 /cover no-repeat;
	}
}
@media only screen and (max-width: 480px) {
	#cms-container.interview_pscsrv > .title-area-b .content .visual {
		background: url(/gallery/agent_store/interview_pscsrv_main-visual.jpg) 100% 0 /cover no-repeat;
	}
}

/* モバ支所 (/cmss/page/interview_mobas) */
#cms-container.interview_mobas > .title-area-b {
	background: #b5e9fb;
}
#cms-container.interview_mobas > .title-area-b .content .visual {
	background: url(/gallery/agent_store/interview_mobas_main-visual.jpg) 100% 0 /cover no-repeat;
}

/* SKYSEA Client View (/cmss/page/interview_skysea) */
#cms-container.interview_skysea > .title-area-b {
	background: #e9f8fd;
}
#cms-container.interview_skysea > .title-area-b .content .visual {
	background: url(/gallery/agent_store/interview_skysea_main-visual.jpg) 100% 0 /cover no-repeat;
}

/* 介護請求伝送サービス (/cmss/page/interview_trance-agency) */
#cms-container.interview_trance-agency > .title-area-b {
	background: #f7f7f7;
}
#cms-container.interview_trance-agency > .title-area-b .content .visual {
	background: url(/gallery/agent_store/interview_trance-agency_main-visual.jpg) 100% 0 /contain no-repeat;
}
@media only screen and (max-width: 980px) {
	#cms-container.interview_trance-agency > .title-area-b .content .visual {
		background: url(/gallery/agent_store/interview_trance-agency_main-visual.jpg) 100% 0 /cover no-repeat;
	}
}

/* ADVANCE勤怠クラウド (/cmss/page/interview_advance) */
#cms-container.interview_advance > .title-area-b {
	background: #f7f7f7;
}
#cms-container.interview_advance > .title-area-b .content .visual {
	background: url(/gallery/agent_store/interview_advance-visual.jpg) 100% 0 /cover no-repeat;
}

/* BaaS@rakuza (/cmss/page/interview_baas) */
#cms-container.interview_baas > .title-area-b {
	background: #f7f7f7;
}
#cms-container.interview_baas > .title-area-b .content .visual {
	background: url(/gallery/agent_store/interview_baas-main-visual.jpg) 100% 0 /cover no-repeat;
}

/* SOFIT Super REALISM for Cloud (/cmss/page/interview_sofit) */
#cms-container.interview_sofit > .title-area-b {
	background: #f7f7f7;
}
#cms-container.interview_sofit > .title-area-b .content .visual {
	background: url(/gallery/agent_store/interview_sofit-main-visual.jpg) 100% 0 /cover no-repeat;
}

/* i-CompassWEB給与明細 (/cmss/page/interview_i-compass) */
#cms-container.interview_i-compass > .title-area-b {
	background: #f7f7f7;
}
#cms-container.interview_i-compass > .title-area-b .content .visual {
	background: url(/gallery/agent_store/interview_i-compass-main-visual.jpg) 100% 0 /cover no-repeat;
}


/* 記事ページ
-------------------------------------- */
/* 業務効率UPツール8選 (/cmss/page/demoreport-lob) */
#cms-container.demoreport-lob > .title-area-b {
	background: #c3deee;
}
#cms-container.demoreport-lob > .title-area-b .content .visual {
	background: url(/gallery/agent_store/demoreport-lob_main-visual.jpg) 100% 0 /cover no-repeat;
}

/* 開発工数削減ツール6選 (/cmss/page/demoreport-dev) */
#cms-container.demoreport-dev > .title-area-b {
	background: #f5eed0;
}
#cms-container.demoreport-dev > .title-area-b .content .visual {
	background: url(/gallery/agent_store/demoreport-dev_main-visual.jpg) 100% 0 /cover no-repeat;
}

/* モバイルアプリ開発 (/cmss/page/summary-application-software) */
#cms-container.summary-application-software > .title-area-b {
	background: #1a1824;
}
#cms-container.summary-application-software > .title-area-b .content .visual {
	background: url(/gallery/agent_store/summary-application-software_main-visual.jpg) 100% 0 /cover no-repeat;
}

/* モナカレー食べてみた! 試食会レポート (/cmss/page/monacurry_arrange) */
#cms-container.monacurry_arrange > .title-area-b {
	background: #0b5c9a;
}
#cms-container.monacurry_arrange > .title-area-b .content .visual {
	background: url(/gallery/agent_store/monacurry-main-visual.jpg) 100% 0 /cover no-repeat;
}

/* Mobingi ALM (/cmss/page/mobingi) */
#cms-container.mobingi > .title-area-b {
	background: #e8e8e8;
}
#cms-container.mobingi > .title-area-b .content .visual {
	background: #e8e8e8 url(/gallery/agent_store/mobingi-main-visual.png) top 10px right 10px /contain no-repeat;
}

/* 富士通の人工知能「Zinrai」 (/cmss/page/ai_zinrai) */
#cms-container.ai_zinrai > .title-area-b {
	background: #041015;
}
#cms-container.ai_zinrai > .title-area-b .content .visual {
	background: #041015 url(/gallery/agent_store/ai_zinrai-main-visual.jpg) 100% /contain no-repeat;
}

/* 富士通ネットワークソリューションズ 導入事例 (/cmss/page/casestudy_fnets) */
#cms-container.casestudy_fnets > .title-area-b {
	background: #efefef;
}
#cms-container.casestudy_fnets > .title-area-b .content .visual {
	background: url(/gallery/agent_store/casestudy_idlm_main-visual.jpg) 100% /cover no-repeat;
}

/* モバイルアプリ開発最前線 (/cmss/page/mobile-app-development) */
#cms-container.mobile-app-development > .title-area-b {
	background: #d9d9d9;
}
#cms-container.mobile-app-development > .title-area-b .content .visual {
	background: #d9d9d9 url(/gallery/agent_store/mobile_app_development-main-visual.jpg) top 10px right 10px /contain no-repeat;
}

/* OSSの地平へ (/cmss/page/oss) */
#cms-container.oss > .title-area-b,
#cms-container.oss.v2 > .title-area-b {
	background: #d7d2cf;
}
#cms-container.oss > .title-area-b .content .visual {
	background: #d7d2cf url(/gallery/agent_store/oss-main-visual-vol1.jpg) top 10px right 10px /contain no-repeat;
}
#cms-container.oss.v2 > .title-area-b .content .visual {
	background: #d7d2cf url(/gallery/agent_store/oss-main-visual-vol2.jpg) 100% /cover no-repeat;
}

/* モバイルアプリ開発最前線 (/cmss/page/workstyle) */
#cms-container.workstyle > .title-area-b {
	background: #e1eecc;
}
#cms-container.workstyle > .title-area-b .content .visual {
	background: #e1eecc url(/gallery/agent_store/workstyle_main-visual.jpg) 100% /cover no-repeat;
}

/* パスロジ特集記事 (/cmss/page/pleasanter_passLogic_article) */
#cms-container.pleasanter_passlogic_article > .title-area-b {
	background: #ede1c0;
}
#cms-container.pleasanter_passlogic_article > .title-area-b .content .visual {
	background: url(/gallery/agent_store/pleasanter_passlogic_article_main-visual.jpg) no-repeat right top /cover;
}
@media only screen and (max-width: 480px) {
	#cms-container.pleasanter_passlogic_article > .title-area-b .content .visual {
		background: url(/gallery/agent_store/pleasanter_passlogic_article_main-visual-sp.jpg) no-repeat center top /cover;
	}
}
@media only screen and (max-width: 1000px) {
	#cms-container.pleasanter_passlogic_article a.btn {
		width: 100%;
		padding: 0.6em 0.5em 0.5em;
		font-size: 1.125rem;
		min-width: 0;
	}
}
#cms-container.pleasanter_passlogic_article .box-a {
	position: relative;
	opacity: 1;
	transition: 0.4s;
}
#cms-container.pleasanter_passlogic_article .box-a:hover {
	border-color: #9f1225;
	opacity: 0.5;
}
#cms-container.pleasanter_passlogic_article .box-a a.box-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#cms-container.pleasanter_passlogic_article .box-a a:hover.box-link {
	text-decoration: none !important;
}


/* 資料ダウンロードページ
-------------------------------------- */
/* 観光アプリで地域を活性化！多言語対応も 成功事例集ダウンロード (/cmss/page/case_pscsrv) */
#cms-container.case_pscsrv > .title-area-a {
	background: url(/gallery/agent_store/case_pscsrv_hero_darkshadow.jpg) 50% 0 /cover no-repeat;
}
@media only screen and (max-width: 767px) {
	#cms-container.case_pscsrv > .title-area-a {
		background: url(/gallery/agent_store/case_pscsrv_hero_darkshadow.jpg) 60% 0 /cover no-repeat;
	}
}

/* 働き方改革 3つのポイントとは？ (/cmss/page/workstyle_pleasanter) */
#cms-container.workstyle_pleasanter > .title-area-a {
	background: url(/gallery/agent_store/workstyle_pleasanter_main-visual.jpg) 50% 0 /cover no-repeat;
}
@media only screen and (max-width: 767px) {
	#cms-container.workstyle_pleasanter > .title-area-a {
		background: url(/gallery/agent_store/workstyle_pleasanter_main-visual.jpg) 64% 0 /cover no-repeat;
	}
}

/* 機械的コーディングはお任せ！開発者1人当たりの生産性が5～10倍に向上する方法とは？ (/cmss/page/magicxpa_document) */
#cms-container.magicxpa_document > .title-area-a {
	background: url(/gallery/agent_store/magicxpa_document_main-visual.jpg) 50% 0 /cover no-repeat;
}
@media only screen and (max-width: 767px) {
	#cms-container.magicxpa_document > .title-area-a {
		background: url(/gallery/agent_store/magicxpa_document_main-visual.jpg) 65% 0 /cover no-repeat;
	}
}

/* 自治体に働き方改革を。まずは「会議の効率化」から始めてみませんか？ (/cmss/page/promotion_smeeting) */
#cms-container.promotion_smeeting > .title-area-a {
	background: url(/gallery/agent_store/promotion_smeeting_main-visual.jpg) 50% 0 /cover no-repeat;
}
@media only screen and (max-width: 767px) {
	#cms-container.promotion_smeeting > .title-area-a {
		background: url(/gallery/agent_store/promotion_smeeting_main-visual.jpg) 48% 0 /cover no-repeat;
	}
}

/* 働き方改革法案対策はこれで解決！適正な勤怠管理、残業抑止などきめ細やかなマネジメントを実現 (/cmss/page/kinkyukaiketsu_document) */
#cms-container.kinkyukaiketsu_document > .title-area-a {
	background: url(/gallery/agent_store/kinkyukaiketsu_document_main-visual.jpg) 50% 0 /cover no-repeat;
}
#cms-container.kinkyukaiketsu_document > .title-area-a > .content h1 span{
	display: block;
}
@media only screen and (max-width: 767px) {
	#cms-container.kinkyukaiketsu_document > .title-area-a {
		background: url(/gallery/agent_store/kinkyukaiketsu_document_main-visual.jpg) 60% 0 /cover no-repeat;
	}
}
@media only screen and (max-width: 480px) {
	#cms-container.kinkyukaiketsu_document > .title-area-a > .content h1 {
		width: 85%;
	}
	#cms-container.kinkyukaiketsu_document > .title-area-a > .content h1 span{
		display: inline;
	}
}

/* メールやExcelで行っていた管理業務からの脱却！業務効率化 成功事例集ダウンロード (/cmss/page/pleasanter_document) */
#cms-container.pleasanter_document > .title-area-a {
	background: url(/gallery/agent_store/pleasanter_document_main-visual.jpg) 40% 0 /cover no-repeat;
}
#cms-container.pleasanter_document > .title-area-a > .content h1 span{
	display: block;
}
#cms-container.pleasanter_document > .title-area-a > .content h1 br{
	display: none;
}
@media only screen and (max-width: 768px) {
	#cms-container.pleasanter_document > .title-area-a {
		background: url(/gallery/agent_store/pleasanter_document_main-visual.jpg) 52% 0 /cover no-repeat;
	}
	#cms-container.pleasanter_document > .title-area-a > .content h1 br{
		display: block;
	}
}
@media only screen and (max-width: 480px) {
	#cms-container.pleasanter_document > .title-area-a {
		background: url(/gallery/agent_store/pleasanter_document_main-visual.jpg) 67% 0 /cover no-repeat;
	}
}

/* 「テレワーク」の導入には「認証」セキュリティにもご注意！ (/cmss/page/passlogic_article_telework) */
#cms-container.passlogic_article_telework > .title-area-a {
	background: url(/gallery/agent_store/passlogic_article_telework_main-visual.jpg) 50% 0 /cover no-repeat;
}
#cms-container.passlogic_article_telework a.btn.download::after {
	right: 1.5em;
}
@media only screen and (max-width: 767px) {
	#cms-container.passlogic_article_telework > .title-area-a {
		background: url(/gallery/agent_store/passlogic_article_telework_main-visual.jpg) 64% 0 /cover no-repeat;
	}
}
@media only screen and (max-width: 374px) {
	#cms-container.passlogic_article_telework a.btn.download::after {
		right: 0.4em;
	}
}

/* 1秒で3.5万デバイスへ。国内トップクラスの配信速度を誇るプッシュ通知エンジン「BoltzEngine」 (/cmss/page/promotion_boltzengine) */
#cms-container.promotion_boltzengine > .title-area-a {
	background: url(/gallery/agent_store/promotion_boltzengine_hero.jpg) 50% 0 /cover no-repeat;
}
@media only screen and (max-width: 767px) {
	#cms-container.promotion_boltzengine > .title-area-a {
		background: url(/gallery/agent_store/promotion_boltzengine_hero.jpg) 48% 0 /cover no-repeat;
	}
}

/* KUSANAGI×富士通クラウドでWebシステムを高速化できるワケ (/cmss/page/kusanagi_document) */
#cms-container.kusanagi_document > .title-area-a {
	background: url(/gallery/agent_store/kusanagi_document-visual.jpg) 50% 0 /cover no-repeat;
}
@media only screen and (max-width: 767px) {
	#cms-container.kusanagi_document > .title-area-a {
		background: url(/gallery/agent_store/kusanagi_document-visual.jpg) 57% 0 /cover no-repeat;
	}
}

/* 使い勝手のよいオンラインストレージでテレワーク格差を解消！ (/cmss/page/telework_article_online_storage) */
#cms-container.telework_article_online_storage h2 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 1.6rem;
    margin-top: 60px;
}
#cms-container.telework_article_online_storage p {
    line-height: 1.875;
    font-size: 1.125rem;
    margin-bottom: 0;
    margin-top: 20px;
}
#cms-container.telework_article_online_storage > .title-area-a {
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: auto;
}
#cms-container.telework_article_online_storage > .title-area-a > .content {
    padding: 0;
}
#cms-container.telework_article_online_storage > .title-area-a > .content > h1 {
    font-size: 2rem;
    font-weight: bold;
    margin-top: 48px;
    margin-bottom: 4px;
}
#cms-container.telework_article_online_storage > .title-area-a > .content > p {
    margin-top: 0;
    font-size: 1.4rem;
}
#cms-container.telework_article_online_storage .section {
    max-width: 840px;
    margin: 0 auto;
}
#cms-container.telework_article_online_storage .figure {
    margin: 60px auto;
}
#cms-container.telework_article_online_storage .figure:first-of-type {
    margin: 0 auto 60px;
}
#cms-container.telework_article_online_storage .caption {
    font-size: 1rem;
}
#cms-container.telework_article_online_storage > .title-area-a > .content > ul.sns {
    font-size: 0;
    margin-top: 16px;
}
#cms-container.telework_article_online_storage > .title-area-a > .content > ul.sns li {
    display: inline-block;
    background: none;
    padding-left: 0;
}
#cms-container.telework_article_online_storage > .title-area-a > .content > ul.sns li + li {
    margin-top: 0;
    margin-left: 10px;
}
#cms-container.telework_article_online_storage > .title-area-a > .content > ul.sns li a {
    text-decoration: none;
    color: white;
}
#cms-container.telework_article_online_storage > .title-area-a > .content > ul.sns li a img {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-style: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    width: 30px;
    height: 30px;
}
#cms-container.telework_article_online_storage  ol.list-order {
    margin-top: 20px;
    font-size: 1.125rem;
    font-weight: bold;
}
#cms-container.telework_article_online_storage  ol.list-order > li::before {
    width: 2.5rem;
    padding-right: 0.5rem;
}
#cms-container.telework_article_online_storage  ol.list-order > li {
    line-height: 2;
}
#cms-container.telework_article_online_storage  .section:last-of-type {
    border-top:1px solid #cdcdcd;
}
#cms-container.telework_article_online_storage  .section:last-of-type .toplink {
    font-size: 2rem;
}
@media only screen and (max-width: 767px) {
    #cms-container.telework_article_online_storage > .title-area-a {
        margin: 0 10px;
        width: calc(100% - 20px);
    }
    #cms-container.telework_article_online_storage > .title-area-a > .content > h1 {
        font-size: 1.5rem;
        margin-top: 30px;
    }
    #cms-container.telework_article_online_storage > .title-area-a > .content > ul.sns {
        text-align: center;
    }
    #cms-container.telework_article_online_storage .section > .section-inner {
        padding: 40px 10px;
    }
    #cms-container.telework_article_online_storage p {
        font-size: 1rem;
    }
    #cms-container.telework_article_online_storage h2 {
        font-size: 1.4rem;
        margin-top: 40px;
    }
    #cms-container.telework_article_online_storage .figure {
        margin: 20px auto;
    }
    #cms-container.telework_article_online_storage .figure:first-of-type {
        margin: 0 -10px;
        width: calc(100% + 20px)!important;
    }
    #cms-container.telework_article_online_storage .caption {
        font-size: 0.9rem;
    }
    #cms-container.telework_article_online_storage  ol.list-order {
        font-size: 1rem;
    }
}
@media only screen and (max-width: 480px) {
    #cms-container.telework_article_online_storage > .title-area-a {
        min-height: auto;
    }
    #cms-container.telework_article_online_storage > .title-area-a > .content > p {
    font-size: 1.2rem;
}
    #cms-container.telework_article_online_storage  .section:last-of-type .toplink {
    font-size: 1.4rem;
}
}


/* テレワークに忍び寄る情報漏えいリスク
セキュリティ重視のWeb会議システム選び (/cmss/page/telework_article_online_meeting) */
#cms-container.telework_article_online_meeting h2 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 1.6rem;
    margin-top: 60px;
}
#cms-container.telework_article_online_meeting h3 {
    margin-bottom: 0;
    margin-top: 30px;
    font-size: 1.125rem;
}
#cms-container.telework_article_online_meeting p {
    line-height: 1.875;
    font-size: 1.125rem;
    margin-bottom: 0;
    margin-top: 20px;
}
#cms-container.telework_article_online_meeting > .title-area-a {
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: auto;
}
#cms-container.telework_article_online_meeting > .title-area-a > .content {
    padding: 0;
}
#cms-container.telework_article_online_meeting > .title-area-a > .content > h1 {
    font-size: 2rem;
    font-weight: bold;
    margin-top: 48px;
    margin-bottom: 4px;
}
#cms-container.telework_article_online_meeting > .title-area-a > .content > p {
    margin-top: 0;
    font-size: 1.4rem;
}
#cms-container.telework_article_online_meeting .section {
    max-width: 840px;
    margin: 0 auto;
}
#cms-container.telework_article_online_meeting .figure {
    margin: 60px auto;
}
#cms-container.telework_article_online_meeting .figure:first-of-type {
    margin: 0 auto 60px;
}
#cms-container.telework_article_online_meeting .caption {
    font-size: 1rem;
}
#cms-container.telework_article_online_meeting > .title-area-a > .content > ul.sns {
    font-size: 0;
    margin-top: 16px;
}
#cms-container.telework_article_online_meeting > .title-area-a > .content > ul.sns li {
    display: inline-block;
    background: none;
    padding-left: 0;
}
#cms-container.telework_article_online_meeting > .title-area-a > .content > ul.sns li + li {
    margin-top: 0;
    margin-left: 10px;
}
#cms-container.telework_article_online_meeting > .title-area-a > .content > ul.sns li a {
    text-decoration: none;
    color: white;
}
#cms-container.telework_article_online_meeting > .title-area-a > .content > ul.sns li a img {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-style: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    width: 30px;
    height: 30px;
}
#cms-container.telework_article_online_meeting .table-scroll {
    margin: 60px auto 0;
}
#cms-container.telework_article_online_meeting .table-scroll table {
    width: auto!important;
    margin: 0 auto;
}
#cms-container.telework_article_online_meeting .table-scroll table caption {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 0 0 15px;
}
#cms-container.telework_article_online_meeting .table-scroll table th {
    white-space: nowrap;
}
#cms-container.telework_article_online_meeting  ol.list-order {
    margin-top: 20px;
    font-size: 1.125rem;
    font-weight: bold;
}
#cms-container.telework_article_online_meeting  ol.list-order > li::before {
    width: 2.5rem;
    padding-right: 0.5rem;
}
#cms-container.telework_article_online_meeting  .section:last-of-type {
border-top:1px solid #cdcdcd;
}
#cms-container.telework_article_online_meeting  .section:last-of-type .toplink {
    font-size: 2rem;
}
@media only screen and (max-width: 767px) {
    #cms-container.telework_article_online_meeting > .title-area-a {
        margin: 0 10px;
        width: calc(100% - 20px);
    }
    #cms-container.telework_article_online_meeting > .title-area-a > .content > h1 {
        font-size: 1.5rem;
        margin-top: 30px;
    }
    #cms-container.telework_article_online_meeting > .title-area-a > .content > ul.sns {
        text-align: center;
    }
    #cms-container.telework_article_online_meeting .section > .section-inner {
        padding: 40px 10px;
    }
    #cms-container.telework_article_online_meeting p {
        font-size: 1rem;
    }
    #cms-container.telework_article_online_meeting h2 {
        font-size: 1.4rem;
        margin-top: 40px;
    }
    #cms-container.telework_article_online_meeting .figure {
        margin: 20px auto;
    }
    #cms-container.telework_article_online_meeting .figure:first-of-type {
        margin: 0 -10px;
        width: calc(100% + 20px)!important;
    }
    #cms-container.telework_article_online_meeting .caption {
        font-size: 0.9rem;
    }
    #cms-container.telework_article_online_meeting .table-scroll {
    margin: 20px auto 0;
}
    #cms-container.telework_article_online_meeting  ol.list-order {
        font-size: 1rem;
    }
}
@media only screen and (max-width: 480px) {
    #cms-container.telework_article_online_meeting > .title-area-a {
        min-height: auto;
    }
    #cms-container.telework_article_online_meeting > .title-area-a > .content > p {
    font-size: 1.2rem;
}
    #cms-container.telework_article_online_meeting  .section:last-of-type .toplink {
    font-size: 1.4rem;
}
}


/* テレワークでも社内ネットワークに快適に接続する方法とは？
 (/cmss/page/telework_article_network) */
#cms-container.telework_article_network h2 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 1.6rem;
    margin-top: 60px;
}
#cms-container.telework_article_network h3 {
    margin-bottom: 0;
    margin-top: 40px;
}
#cms-container.telework_article_network p {
    line-height: 1.875;
    font-size: 1.125rem;
    margin-bottom: 0;
    margin-top: 20px;
}
#cms-container.telework_article_network > .title-area-a {
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: auto;
}
#cms-container.telework_article_network > .title-area-a > .content {
    padding: 0;
}
#cms-container.telework_article_network > .title-area-a > .content > h1 {
    font-size: 2rem;
    font-weight: bold;
    margin-top: 48px;
    margin-bottom: 4px;
}
#cms-container.telework_article_network > .title-area-a > .content > p {
    margin-top: 0;
    font-size: 1.4rem;
}
#cms-container.telework_article_network .section {
    max-width: 840px;
    margin: 0 auto;
}
#cms-container.telework_article_network .figure {
    margin: 60px auto;
}
#cms-container.telework_article_network .figure:first-of-type {
    margin: 0 auto 60px;
}
#cms-container.telework_article_network .caption {
    font-size: 1rem;
}
#cms-container.telework_article_network > .title-area-a > .content > ul.sns {
    font-size: 0;
    margin-top: 16px;
}
#cms-container.telework_article_network > .title-area-a > .content > ul.sns li {
    display: inline-block;
    background: none;
    padding-left: 0;
}
#cms-container.telework_article_network > .title-area-a > .content > ul.sns li + li {
    margin-top: 0;
    margin-left: 10px;
}
#cms-container.telework_article_network > .title-area-a > .content > ul.sns li a {
    text-decoration: none;
    color: white;
}
#cms-container.telework_article_network > .title-area-a > .content > ul.sns li a img {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-style: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    width: 30px;
    height: 30px;
}
#cms-container.telework_article_network  ol.list-order {
    margin-top: 20px;
    font-size: 1.125rem;
    font-weight: bold;
}
#cms-container.telework_article_network  ol.list-order > li::before {
    width: 2.5rem;
    padding-right: 0.5rem;
}
#cms-container.telework_article_network  ol.list-order > li {
    line-height: 2;
}
#cms-container.telework_article_network  .section:last-of-type {
    border-top:1px solid #cdcdcd;
}
#cms-container.telework_article_network  .section:last-of-type .toplink {
    font-size: 2rem;
}
@media only screen and (max-width: 767px) {
    #cms-container.telework_article_network > .title-area-a {
        margin: 0 10px;
        width: calc(100% - 20px);
    }
    #cms-container.telework_article_network > .title-area-a > .content > h1 {
        font-size: 1.5rem;
        margin-top: 30px;
    }
    #cms-container.telework_article_network > .title-area-a > .content > ul.sns {
        text-align: center;
    }
    #cms-container.telework_article_network .section > .section-inner {
        padding: 40px 10px;
    }
    #cms-container.telework_article_network p {
        font-size: 1rem;
    }
    #cms-container.telework_article_network h2 {
        font-size: 1.4rem;
        margin-top: 40px;
    }
    #cms-container.telework_article_network .figure {
        margin: 20px auto;
    }
    #cms-container.telework_article_network .figure:first-of-type {
        margin: 0 -10px;
        width: calc(100% + 20px)!important;
    }
    #cms-container.telework_article_network .caption {
        font-size: 0.9rem;
    }
    #cms-container.telework_article_network  ol.list-order {
        font-size: 1rem;
    }
}
@media only screen and (max-width: 480px) {
    #cms-container.telework_article_network > .title-area-a {
        min-height: auto;
    }
    #cms-container.telework_article_network > .title-area-a > .content > p {
    font-size: 1.2rem;
}
    #cms-container.telework_article_network  .section:last-of-type .toplink {
    font-size: 1.4rem;
}
}


/* テレワーク記事インデックス (/cmss/page/telework_article) */
#cms-container.telework_article > .title-area-a {
    background: url(/gallery/agent_store/telework_article_hero.png) 50% 0 /cover no-repeat;
}
#cms-container.telework_article > .title-area-a > .content {
    margin-left: -174px;
}
#cms-container.telework_article > .title-area-a > .content > h1 {
    font-weight: bold;
    color: #fff;
    margin-bottom: 0;
    font-size: 2.4rem;
}
#cms-container.telework_article .title-area-a + .section {
    width: auto;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
}
#cms-container.telework_article .flex-col2:first-of-type {
    width: 1280px;
    margin: 0 auto;
}
#cms-container.telework_article .flex-col2:first-of-type .item:first-of-type {
    width: 840px;
}
#cms-container.telework_article .flex-col2:first-of-type .item:last-of-type {
    width: 400px;
}
#cms-container.telework_article .flex-col2:first-of-type .item:first-of-type .flex-col1 {
    margin: 0 0 40px;
}
#cms-container.telework_article .flex-col2:first-of-type .item:first-of-type .figure:first-of-type {
    margin-top: 0;
}
#cms-container.telework_article .flex-col2:first-of-type .item:first-of-type h2 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 1.6rem;
    margin-top: 40px;
}
#cms-container.telework_article .flex-col2:first-of-type .item:first-of-type h2 a {
    font-weight: bold;
}
#cms-container.telework_article p {
    line-height: 1.875;
    font-size: 1.125rem;
    margin-bottom: 0;
    margin-top: 20px;
}
#cms-container.telework_article .flex-col2:first-of-type .item:first-of-type h2 + p{
    font-size: 1.4rem;
}
#cms-container.telework_article a {
    width: calc(100% - 50px);
}
#cms-container.telework_article a,#cms-container.telework_article a:visited {
    color:#000;
}
#cms-container.telework_article .lyt-btn-b {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -16px;
    margin-left: -16px;
    margin-top: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#cms-container.telework_article .lyt-btn-b>li {
    margin-bottom: 16px;
    padding-left: 16px;
}
#cms-container.telework_article .btn-a {
    position: relative;
    display: inline-block;
    padding: 8px 34px 8px 22px;
    text-align: center;
    line-height: 1.4;
    text-decoration: none!important;
    box-shadow: 0 1px 2px rgba(0,0,0,.18);
    transition: background .2s;
    color: #a30b1a!important;
    background: #fff;
    border: 1px solid #a30b1a;
    width: auto;
}
#cms-container.telework_article .btn-a::before {
    position: absolute;
    top: 50%;
    right: 12px;
    display: block;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 2px solid #a30b1a;
    border-right: 2px solid #a30b1a;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#cms-container.telework_article .btn-a:hover,#cms-container.telework_article .btn-a:active,#cms-container.telework_article .btn-a:focus {
    background:#f6cfd3;
}
#cms-container.telework_article .flex-col2:first-of-type .flex-col2:last-of-type {
    margin: 40px auto;
    width: 100%;
    max-width: 840px;
}
#cms-container.telework_article .flex-col2:first-of-type .flex-col2:last-of-type .item:first-of-type {
    width: calc(50% - 20px);
    max-width: 400px;
}
#cms-container.telework_article .flex-col2:first-of-type .flex-col2:last-of-type .item:last-of-type {
    width: calc(50% - 20px);
    max-width: 400px;
}
#cms-container.telework_article .flex-col2:first-of-type .flex-col2:last-of-type .item .text h3 a {
    font-weight: bold;
}
#cms-container.telework_article .flex-col2:first-of-type .flex-col2:last-of-type .item .text h3 {
    margin-top: 20px;
}
#cms-container.telework_article .flex-col2:first-of-type .item:last-of-type h4:first-of-type {
    margin-top: 0;
}
#cms-container.telework_article .flex-col2:first-of-type ol {
    counter-reset:other-article;
    font-size: 1rem;
}
#cms-container.telework_article .flex-col2:first-of-type ol li {
    display: flex;
    align-items: center;
    border-bottom: solid 1px #ccc;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}
#cms-container.telework_article .flex-col2:first-of-type ol li:before {
    content: "";
    display: flex;
    border-radius: 50%;
    background: #ccc;
    font-weight: bold;
    font-size: 20px;
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
    justify-content: center;
    align-items: center;
    counter-increment: other-article; /* 任意の名前を付けて！ */
    content: counter(other-article); /* 名前を付けたカウンターを呼び出し */
}
#cms-container.telework_article .flex-col2:first-of-type .item:last-of-type ol li:before {
    font-size: 16px;
    width: 30px;
    height: 30px;
}
#cms-container.telework_article .flex-col2:first-of-type .item:last-of-type ol li a {
    width: calc(100% - 40px);
}
#cms-container.telework_article .flex-col2:first-of-type .item:last-of-type ol + h4 {
    margin-top: 30px;
}
#cms-container.telework_article .flex-col2:first-of-type .item:last-of-type h4 + .figure {
    margin-top: 0;
}
#cms-container.telework_article .flex-col2:first-of-type .item:last-of-type h5 {
    margin-top: 10px;
    font-size: 1rem;
}
#cms-container.telework_article .flex-col2:first-of-type .item:last-of-type h5 a {
    font-weight: bold;
}

#cms-container.telework_article .flex-col2:first-of-type .item:last-of-type p {
    font-size: 1rem;
    margin-top: 0;
}
@media only screen and (max-width: 1280px) {
#cms-container.telework_article > .title-area-a > .content {
    margin-left: calc(50% - 50vw + 16px);
}
#cms-container.telework_article .title-area-a + .section {
    width: auto;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
}
#cms-container.telework_article .title-area-a + .section .section-inner {
    width: 100%;
    padding: 40px;
}
#cms-container.telework_article .flex-col2:first-of-type {
    width: 100%;
}
#cms-container.telework_article .flex-col2:first-of-type .item:first-of-type {
    width: calc(66.66666% - 20px);
}
#cms-container.telework_article .flex-col2:first-of-type .item:last-of-type {
    width: calc(33.33333% - 20px);
}
}
@media only screen and (max-width: 980px) {
#cms-container.telework_article .title-area-a + .section .section-inner {
    width: 100%;
    padding: 40px;
}
}
@media only screen and (max-width: 767px) {
#cms-container.telework_article > .title-area-a {
    background: url(/gallery/agent_store/telework_article_hero.png) 65% 0 /cover no-repeat;
}
#cms-container.telework_article > .title-area-a > .content > h1 {
    font-size: 1.5rem;
}
#cms-container.telework_article .title-area-a + .section {
    width: 100%;
    margin-left: 0;
}
#cms-container.telework_article .title-area-a + .section .section-inner {
    width: 100%;
    padding: 40px 10px;
}
#cms-container.telework_article .flex-col2:first-of-type {
    width: 100%;
}
#cms-container.telework_article .flex-col2:first-of-type .item:first-of-type {
    width: 100%;
}
#cms-container.telework_article .flex-col2:first-of-type .item:last-of-type {
    width: 100%;
}
#cms-container.telework_article .flex-col2:first-of-type .item:first-of-type .figure:first-of-type {
    margin: 0 -10px;
    width: calc(100% + 20px)!important;
}
#cms-container.telework_article .flex-col2:first-of-type .item:first-of-type h2 {
    font-size: 1.4rem;
    margin-top: 30px;
}
#cms-container.telework_article p {
    font-size: 1rem;
}
#cms-container.telework_article a,#cms-container.telework_article a:visited {
    color:#000;
}
#cms-container.telework_article .lyt-btn-b {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -16px;
    margin-left: -16px;
    margin-top: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#cms-container.telework_article .lyt-btn-b>li {
    margin-bottom: 16px;
    padding-left: 16px;
}
#cms-container.telework_article .btn-a {
    position: relative;
    display: inline-block;
    padding: 8px 34px 8px 22px;
    text-align: center;
    line-height: 1.4;
    text-decoration: none!important;
    box-shadow: 0 1px 2px rgba(0,0,0,.18);
    transition: background .2s;
    color: #a30b1a!important;
    background: #fff;
    border: 1px solid #a30b1a;
}
#cms-container.telework_article .btn-a::before {
    position: absolute;
    top: 50%;
    right: 12px;
    display: block;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 2px solid #a30b1a;
    border-right: 2px solid #a30b1a;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#cms-container.telework_article .btn-a:hover,#cms-container.telework_article .btn-a:active,#cms-container.telework_article .btn-a:focus {
    background:#f6cfd3;
}
#cms-container.telework_article .flex-col2:first-of-type .flex-col2:last-of-type {
    margin-top: 40px;
}
#cms-container.telework_article .flex-col2:first-of-type .flex-col2:last-of-type .item .text h3 {
    margin-top: 20px;
}
#cms-container.telework_article .flex-col2:first-of-type .item:last-of-type h4:first-of-type {
    margin-top: 30px;
}
#cms-container.telework_article .flex-col2:first-of-type ol {
    counter-reset:other-article;
}
#cms-container.telework_article .flex-col2:first-of-type ol li {
    display: flex;
    align-items: center;
    border-bottom: solid 1px #ccc;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}
#cms-container.telework_article .flex-col2:first-of-type ol li a {
    width: calc(100% - 40px);
}
#cms-container.telework_article .flex-col2:first-of-type ol li:before {
    font-size: 16px;
    width: 30px;
    height: 30px;
}
#cms-container.telework_article .flex-col2:first-of-type .item:last-of-type ol li:before {
    font-size: 16px;
    width: 30px;
    height: 30px;
}
#cms-container.telework_article .flex-col2:first-of-type .item:last-of-type ol li a {
    width: calc(100% - 40px);
}
#cms-container.telework_article .flex-col2:first-of-type .item:last-of-type h4 {
    margin-top: 30px;
}
#cms-container.telework_article .flex-col2:first-of-type .item:last-of-type h4 + .figure {
    margin-top: 0;
}
#cms-container.telework_article .flex-col2:first-of-type .item:last-of-type h5 {
    margin-top: 10px;
}
#cms-container.telework_article .flex-col2:first-of-type .item:last-of-type h5 a {
    font-weight: bold;
}

#cms-container.telework_article .flex-col2:first-of-type .item:last-of-type p {
    font-size: 0.875rem;
    margin-top: 0;
}
}
@media only screen and (max-width: 480px) {
#cms-container.telework_article > .title-area-a {
    min-height: auto;
}
#cms-container.telework_article .flex-col2:first-of-type .item:first-of-type h2 + p {
    font-size: 1.2rem;
}
#cms-container.telework_article .flex-col2:first-of-type .flex-col2:last-of-type {
    width: 100%;
    max-width: 400px;
}
#cms-container.telework_article .flex-col2:first-of-type .flex-col2:last-of-type .item:first-of-type {
    width: 100%;
}
#cms-container.telework_article .flex-col2:first-of-type .flex-col2:last-of-type .item:last-of-type {
    width: 100%;
    margin-top: 40px;
}
}




/* イベント集客ページ
-------------------------------------- */
/* Pleasanter on FUJITSU Cloud Service ～案件管理アプリ編～ 無料ハンズオン開催のご案内 (/cmss/page/hands_on_pleasanter) */
#cms-container.hands_on_pleasanter > .title-area-a {
	background: url(/gallery/agent_store/hands_on_pleasanter_main-visual.jpg) 50% 0 /cover no-repeat;
}
@media only screen and (max-width: 767px) {
	#cms-container.hands_on_pleasanter > .title-area-a {
		background: url(/gallery/agent_store/hands_on_pleasanter_main-visual.jpg) 60% 0 /cover no-repeat;
	}
	#cms-container.hands_on_pleasanter > .title-area-a > .content > ul {
		padding: 10px 10px 0;
		background-color: rgba(255, 255, 255, 0.7);
	}
	#cms-container.hands_on_pleasanter > .title-area-a > .content > p {
		padding: 0 10px 8px;
		background-color: rgba(255, 255, 255, 0.7);
	}
}

/* Fujitsu Forum 2018 関連セミナー・展示のご紹介 (/cmss/page/fujitsuforum2018) */
#cms-container.fujitsuforum2018 > .title-area-b {
	background: #4e0204;
	overflow: hidden;
}
#cms-container.fujitsuforum2018 > .title-area-b h1 {
	margin-bottom: 0 !important;
}
#cms-container.fujitsuforum2018 > .title-area-b h1 img.sp {
	display: none;
}
@media only screen and (max-width: 980px) {
	#cms-container.fujitsuforum2018 > .title-area-b {
		height: auto;
	}
}
@media only screen and (max-width: 767px) {
	#cms-container.fujitsuforum2018 > .title-area-b h1 img.pc {
		display: none;
	}
	#cms-container.fujitsuforum2018 > .title-area-b h1 img.sp {
		display: block;
	}
}


/* キャンペーン
-------------------------------------- */
/* FUJITSU MetaArc Marketplace 無料トライアル商品ラインナップ (/cmss/page/free_trial) */
#cms-container.free_trial > .title-area-a {
	background: #fdd58f url(/gallery/agent_store/free_trial_lineup_main-visual.jpg) 50% 0 /auto no-repeat;
}

/* クリスマス キャンペーン 無料トライアル利用で賞品をGET！ (/cmss/page/trial_campaign_calendar2019) */
#cms-container.trial_campaign_calendar2019 > .title-area-a {
	background: #f8dce5 url(/gallery/agent_store/trial_campaign_calendar2019_main-visual-christmas.jpg) 50% 0 /auto no-repeat;
}

/* K5 Playground × CF Webハンズオンを試して、書籍をもらおう！ (/cmss/page/k5-playground-book-campaign) */
#cms-container.k5-playground-book-campaign > .title-area-b {
	background: #d9d9d9;
}
#cms-container.k5-playground-book-campaign > .title-area-b p.label {
	display: inline-block;
	margin-bottom: 10px;
	padding: 4px 10px 2px;
	color: #9f1024;
	border: 1px solid #9f1024;
}
#cms-container.k5-playground-book-campaign > .title-area-b .content .visual {
	background: #d9d9d9 url(/gallery/agent_store/k5-playground-book-campaign-book_sm.jpg) 99% /auto no-repeat;
}
@media only screen and (max-width: 480px) {
	#cms-container.k5-playground-book-campaign > .title-area-b p.label {
		color: #fff;
		border: 1px solid #fff;
	}
	#cms-container.k5-playground-book-campaign > .title-area-b h1 > .text-red {
		color: #fff !important;
	}
	#cms-container.k5-playground-book-campaign > .title-area-b li small {
		color: #fff !important;
	}
	#cms-container.k5-playground-book-campaign > .title-area-b .content .visual {
		background: #d9d9d9 url(/gallery/agent_store/k5-playground-book-campaign-book_sm.jpg) 50% /auto 96% no-repeat;
	}
}

/* Monaca20万ユーザー突破記念 謎の『モナカレー』プレゼントキャンペーン (/cmss/page/monacurry) */
#cms-container.monacurry > .title-area-b {
	background: #deebf5;
}
#cms-container.monacurry > .title-area-b .content .visual {
	background: #deebf5 url(/gallery/agent_store/monacurry-img-package.jpg) 99% /auto 96% no-repeat;
}
@media only screen and (max-width: 480px) {
	#cms-container.monacurry > .title-area-b .content .visual {
		background: #deebf5 url(/gallery/agent_store/monacurry-img-package.jpg) 50% /auto 96% no-repeat;
	}
}

/* 富士通のAI「Zinrai」キャンペーン 最大3ヶ月無料利用枠特典 (/cmss/page/zinrai-campaign) */
#cms-container.zinrai-campaign > .title-area-a {
	background: #cec7b9 url(/gallery/agent_store/zinrai-campaign-img-main.jpg) 50% 0 /auto no-repeat;
}
@media only screen and (max-width: 767px) {
	#cms-container.zinrai-campaign > .title-area-a {
		background: #cec7b9 url(/gallery/agent_store/zinrai-campaign-img-main.jpg) 80% 0 /cover no-repeat;
	}
}

/* 「世界の車窓から」カレンダー プレゼントキャンペーン (/cmss/page/calendar) */

#cms-container.calendar .titleArea {
    width: auto;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    height: 300px;
    display: flex;
    align-items: center;
    background: url(/gallery/agent_store/calendar-campaign-main-visual.jpg) 50% 0 /auto no-repeat;
}

#cms-container.calendar .titleArea .mainVisual{
    padding: 30px 0 0 30px;
}

#cms-container.calendar  .titleArea h1{
    color: rgba(255, 255, 255, 1);
    font-size: 2.6em;
    margin-bottom: 1.2em;
}

#cms-container.calendar .titleArea .calendar-campaign-h2{
    padding: 0.5em 0.5em 0.4em;
    font-size: 124%;
    text-align: left;
    background-color: #808080;
    color: #ffffff;
}

#cms-container.calendar .titleArea .arrowBox{
    position: relative;
    display: inline-block;
    margin-bottom: 2em;
    padding: 0.3em 1em;
    font-size: 1rem;
    color: #333333;
    border-radius: 4px;
    background: rgba(255, 255, 255, 1);
}

#cms-container.calendar .titleArea .arrowBox:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: rgba(255, 255, 255, 1);
	border-width: 15px;
	margin-left: -15px;
}

#cms-container.calendar  .titleArea .summary{
    display: inline-block;
    padding: 1em;
    line-height: 1.5;
    background: rgba(255, 255, 255, 0.85);
    box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
    #cms-container.calendar .titleArea .mainVisual{
        padding: 30px 0 0 0;
    }

    #cms-container.calendar  .titleArea .arrowBox{
        margin: 0 0 0 20px;
    }

    #cms-container.calendar  .titleArea h1{
        font-size: 1.4rem;
        margin: 20px 20px 20px 20px;
    }
}

@media only screen and (max-width: 480px) {
    #cms-container.calendar  .titleArea{
        padding:0;
        background: url(/gallery/agent_store/calendar-campaign-main-visual.jpg) 60% 0 /auto no-repeat;
    }

    #cms-container.calendar  .titleArea .summary{
        width:100%;
    }
}



/* 利用開始コンテンツ
-------------------------------------- */
/* 富士通のAI「Zinrai」30日間無料トライアル (/cmss/page/zinrai_flow_step1) */
/* FUJITSU Cloud Service30日間無料トライアル (/cmss/page/iaas_flow_step1) */
#cms-container.flow_step ul.step-tab {
	margin-bottom: 20px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
#cms-container.flow_step ul.step-tab li {
	flex-basis: 19.6%;
}
#cms-container.flow_step ul.step-tab li a {
	width: 100%;
	display: block;
	position: relative;
	padding: 0.2em;
	font-size: 1.5rem;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	background: #c6c6c0;
	color: #000;
	transition: 0.2s;
}
#cms-container.flow_step ul.step-tab li a:hover {
	text-decoration: none !important;
	background: #9f1324;
	color: #fff;
}
#cms-container.flow_step ul.step-tab li span {
	display: block;
	font-size: 0.875rem;
}
#cms-container.flow_step ul.step-tab li.active a {
	text-decoration: none !important;
	background: #9f1324;
	color: #fff;
	pointer-events: none;
}
#cms-container.flow_step ul.step-tab li.active a::after {
	content: "";
	position: absolute;
	bottom: -14px;
	right: 0;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #9f1324 transparent transparent transparent;
	border-width: 14px 14px 0 14px;
}
#cms-container.flow_step .section-inner > .box-a {
	border: 4px solid #c6c6c0;
}
@media only screen and (max-width: 979px) {
	#cms-container.flow_step ul.step-tab li span {
		display: block;
		font-size: 0.8125rem;
	}
}
@media only screen and (max-width: 767px) {
	#cms-container.flow_step ul.step-tab li {
		display: none;
	}
	#cms-container.flow_step ul.step-tab li.active {
		flex-basis: 100%;
		display: block;
	}
	#cms-container.flow_step ul.step-tab li span {
		display: inline-block;
		margin-left: 1em;
		font-size: 1rem;
	}
}

/* FUJITSU Hybrid IT Service FJcloud-V 2か月間無料トライアル (/cmss/page/fjcloud-v_flow_step1) */
@media only screen and (min-width: 768px) {
	#cms-container.flow_step.fjcloud-v ul.step-tab li {
		flex-basis: 20%;
		display: flex;
	}
	#cms-container.flow_step.fjcloud-v ul.step-tab li:not(:last-child) {
		border-right: 4px solid #fff;
	}
	#cms-container.flow_step.fjcloud-v ul.step-tab li:nth-child(4) {
		flex-basis: 30%;
	}
	#cms-container.flow_step.fjcloud-v ul.step-tab li {
		border-right: 1px solid #fff;
	}
}


/* トップ・インデックス
-------------------------------------- */
/* リンク付見出し-カスタム */
/* 無料トライアル (/cmss/page/free_trial/) */
/* 特集記事 (/cmss/page/feature/) */
/* 資料ダウンロード (/cmss/page/document_download/) */

#cms-container h3.camp-lnk a{
    color: #000;
    text-decoration: underline;
    font-weight: bold;
}

#cms-container h3.camp-lnk a:hover{
    opacity: 0.7;
}

@media only screen and (max-width: 480px) {
#cms-container .img-l.sp-min-height .img{
		min-height: 0%;
	}
}

/*トップ（特集キャンペーンエリア） */
#wmfcContOuter > .wmfcCont > .camAreaOuter > .camArea > .camAreaOuterItem > a{
	color: #000;
}

#wmfcContOuter > .wmfcCont > .camAreaOuter > .camArea > .camAreaOuterItem > a > .camImg{
	margin-bottom: 0;
	width:auto;
}

#wmfcContOuter > .wmfcCont > .camAreaOuter > .camArea > .camAreaOuterItem > a > .camCnt{
	padding: 20px 30px 20px 20px; 
	background: #f5f5f5 url('/gallery/agent_store/arrow2.png') no-repeat scroll right 10px top 50%;
	display: block;
}

#wmfcContOuter > .wmfcCont > .camAreaOuter > .camArea > .camAreaOuterItem > a > .camCnt > .sub{
	color: #a10c20;
	font-weight: bold;
}

#wmfcContOuter > .wmfcCont > .camAreaOuter > .camArea > .camAreaOuterItem > a > .camCnt > .title{
	margin-bottom: 0px;
}

#wmfcContOuter > .wmfcCont > .camAreaOuter > .camArea > .camAreaOuterItem > .top_camAreaBtn-wrap.more > a{
	line-height: 35px;
	margin-top:16px;
}

/*トップ（特集キャンペーンエリア - カスタム）SP幅以下１カラム*/
@media screen and (max-width: 480px){
    #wmfcContOuter .camAreaOuter .camArea.diff__sp__1col .camAreaOuterItem{
        width: 99%;
        padding: 1%;
    }
}


/* その他
-------------------------------------- */
/* DXを支える FUJITSU Hybrid IT Service (/cmss/page/hybrid-it-service) */
#cms-container.hybrid-it-service > .title-area-b {
	background: #739bd9;
}
#cms-container.hybrid-it-service > .title-area-b .content .visual {
	background: url(/gallery/agent_store/hybrid-it-service-keyvisual.jpg) 100% /cover no-repeat;
}
#cms-container.hybrid-it-service .anchor-link {
	display: flex;
	flex-wrap: wrap;
}
#cms-container.hybrid-it-service .anchor-link > *:not(:last-child) {
	margin-right: 20px;
}

#cms-container.hybrid-it-service .label {
	padding: 10px 10px 7px;
	margin-bottom: 14px;
	display: inline-block;
	color: #fff;
	font-size: 1.125rem;
	width: 300px;
	text-align: center;
}
#cms-container.hybrid-it-service .label.integration {
	background: #999;
}
#cms-container.hybrid-it-service .label.cloud {
	background: #1072b8;
}
#cms-container.hybrid-it-service .label.datacenter {
	background: #8bb734;
}
#cms-container.hybrid-it-service .label.operation {
	background: #e48c35;
}
#cms-container.hybrid-it-service .label.software {
	background: #6d4e93;
}
#cms-container.hybrid-it-service .label.hardware {
	background: #f2b931;
}
@media only screen and (max-width: 480px) {
	#cms-container.hybrid-it-service > .title-area-b .content .visual {
		background: #fdab80 url(/gallery/agent_store/hybrid-it-service-keyvisual.jpg) 95% /200% no-repeat;
	}
}