html, body, * html body {
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
	font-size:10px!important;
	color:#444;
	}
	a:link{
	text-decoration:none;
	color:#333;
	}
	a:visited{
	text-decoration:none;
	color:#333;
	}
	a:hover,
	#masterBody .colBox a:hover,#masterBody .colBox a:visited{
	text-decoration:underline;
	color:#444;
	opacity:0.8;
	}
	/*---------------------------------------------------------------------*/
	/* レイアウト */
	/*---------------------------------------------------------------------*/
	#masterHeader{
	position:relative;
	width:100%;
	min-width:320px;
	height:auto;
	background-color:#08080a;
	overflow:hidden;
	margin:0;
	margin-bottom: 0 !important;
	}
	#localPankuzu {
	font-size: 10px;
	line-height: 14px;
	padding: 10px 0;
	margin: 0 auto;
	width: 96%;
	background-color: #FFF;
	}
	#masterMain{
	width:auto;
	clear:both;
	margin:0 0 48px 0;
	}
	#masterMain #Totspecial img{
	width:100%;
	}
	.colBoxIcon a{
	display:block;
	line-height:0;
	}
	#masterBody{
	width:100%;
	margin:0 auto;
	background:#FFF;
	}
	#masterContents{
	width:100%;
	margin:0 auto;
	padding:0 0 20px;
	background:#FFF;
	overflow: hidden;
	  text-align: center;
	}
	#mainTop{
	  width: 100%;
	  margin: 0 auto;
	}
	#globalFooterLink,
	#globalFooterCorp{
	width:100%!important;
	}
	#globalFooterLink a,
	#globalFooterCorpIn{
	padding:0 10px!important;
	}
	.colBoxBlanc{
	margin:0!important;
	height:0!important;
	}
	@media screen and (max-width:821px){
		#masterMain,
		#mainBottom,
		#rightColumn,
		#globalFooterCorp{
		width:94%!important;
		margin:0 auto!important;
		}
		.topBox .colBoxLeft .colBoxIndex,
		.colBoxNewArticle .colBoxIndex{
			width: 100% !important;
		}
		.topBox{
			width:auto !important;
		}
		#colBoxTopStories{
			padding-top: 24px !important;
		}
		.topBox .colBoxLeft{
			width: 90% !important;
	  margin: 0 auto !important;
		}
		#masterHeader{
			margin-bottom: 24px !important;
		}
		#globalFooterLink{
		width:94%!important;
		text-align:left!important;
		}
		#globalFooterCorpLogo{
		padding:38px 0 0 0!important;
		}
		#mainTop{
		display:block;
		}
	}
	@media screen and (min-width:821px) and (max-width:1040px){
		/*
		#masterMain{
		margin:0 4% 0 0;
		}
		*/
	}
	@media screen and (min-width:821px) and (max-width:1240px){
		#masterContents{
		width:96%;
		}
		.topBox{
			width: 80% !important;
		}
		#masterHeader{
			margin-bottom: 24px !important;
		}
		/*
		#masterMain{
		width:calc(100% - 300px);
		}
		*/
	}
	@media screen and (min-width:1241px){
		#masterContents{
		width:100%;
		}
		#masterMain{
			overflow: hidden;
		}
	}
	/*---------------------------------------------------------------------*/
	/* カラムボックス */
	/*---------------------------------------------------------------------*/
	.colBox{
	margin-bottom:10px;
	width:auto;
	box-sizing:border-box;
	text-align:left;
	}
	.colBox a:link,
	.colBox a:visited{
	text-decoration:none;
	}
	.colBox a:hover{
	text-decoration:underline;
	color:#444;
	}
	.colBoxHead{
	position:relative;
	border-bottom:1px solid #000;
	margin:0 0 16px;
	padding:0 0 4px;
	}
	.colBoxHead h2{
	color:#000;
	font-size:1.8rem;
	margin:0;
	}
	.colBoxHeadSubtxt{
	position:absolute;
	top:3px;
	right:0;
	line-height:1.4rem;
	}
	.colBoxNewtxt{
	font-weight:bold;
	color:#C00;
	}
	.colBoxSubhead{
	background:#EEE;
	margin:0 0 5px;
	padding:3px;
	}
	.colBoxIcon{
	display:inline;
	margin:0;
	}
	.colBoxIcon img{
	margin:0;
	}
	.colBoxSubTitle{
	margin:0 0 8px;
	}
	.colBoxSubTitle p{
	font-size:1.3rem;
	line-height:1.6rem;
	margin:0 0 8px;
	color:#747474;
	}
	.colBoxSubTitle a{
	color:#747474;
	}
	.colBoxTitle h3{
	font-size:1.8rem;
	line-height:2.8rem;
	margin:0;
	}
	.colBoxDescription{
	margin:0 0 3px;
	}
	.colBoxDescription p{
	font-size:1.3rem;
	line-height:2.2rem;
	margin:0;
	}
	.colBoxIndex .linkset{
	clear:both;
	margin:0 0 3px;
	padding:0;
	list-style-type:none;
	}
	.colBoxIndex .linkset li{
	font-size:1.2rem;
	line-height:1.6rem;
	margin:0;
	padding:0 0 3px 12px;
	background:url(https://image.itmedia.co.jp/images/ulli_book0.gif) no-repeat 0 2px;
	}
	.colBoxInfo{
	margin:0 10px;
	color:#777;
	text-align:right;
	}
	.colBoxInfo::before{
	content:"- ";
	}
	.colBoxInfo a{
	color:#777;
	}
	.colBoxInfo .colBoxDate{
	line-height:1.4rem;
	}
	.colBoxInfo .colBoxLinktxt{
	font-size:1.2rem;
	line-height:1.6rem;
	}
	.colBoxClear{
	font-size:0;
	line-height:0;
	height:0;
	clear:both;
	}
	.colBoxUlist ul{
	clear:both;
	font-size:1.2rem;
	line-height:1.6rem;
	margin:0;
	padding:0;
	list-style-type:none;
	}
	.colBoxUlist ul li{
	margin:0 0 3px;
	padding:0 0 3px 14px;
	background:url(https://image.itmedia.co.jp/images/ulli_book0.gif) no-repeat 0 2px;
	border-bottom:1px dotted #CCC;
	}
	/*---------------------------------------------------------------------*/
	/* ITmedia ビジネスオンライン ロゴ */
	/*---------------------------------------------------------------------*/
	.logo-business {
		position:relative;
		margin:0 auto;
		z-index:1;
		}
		.logo-business a {
		position:absolute;
		top:17px;
		left:17px;
		display:block;
		width:100px;
		height:28px;
		background:url(https://image.itmedia.co.jp/images/logo/pcvheader_business.png) no-repeat 0 0;
		background-size:contain;
		text-indent:-9999px;
		}
		@media screen and (max-width:768px) { 
		  .logo-business a {
			width:50px;
		  }
		}
		@media screen and (min-width:1010px) {
		  .logo-business {
			width:1200px;
		  }
		  .logo-business a{
		  left: 0;
		  }
		}
	/*---------------------------------------------------------------------*/
	/* ヘッダー タイトル */
	/*---------------------------------------------------------------------*/
	.topicsTitle{
		width:100%;
		min-width:320px;
		height:300px;
		margin:0 auto;
	}
	.topicsTitle h1{
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		text-align:center;
		color:#999;
		background-image:url(https://image.itmedia.co.jp/business/subtop/hybridwork/images/titleimg2.png);
		background-size:cover;
		background-position:50% 50%;
		background-repeat:no-repeat;
		text-indent:-9999px;
	}
	@media screen and (max-width:480px) { 
		.topicsTitle {
		height:130px;
		}
		.topicsTitle h1 {
			background-image:url(https://image.itmedia.co.jp/business/subtop/hybridwork/images/titleimg2_2.png);
			background-size: cover;
			}
	  }
	  @media screen and (min-width:480px) and ( max-width:768px) {
		.topicsTitle {
		height:150px;
		}
		.topicsTitle h1 {
			background-image:url(https://image.itmedia.co.jp/business/subtop/hybridwork/images/titleimg2_2.png);
			background-size: cover;
			}
	  }
	  @media screen and (min-width:768px) and ( max-width:1024px) {
		.topicsTitle {
		height:200px;
		}
		.topicsTitle h1 {
		background-image:url(https://image.itmedia.co.jp/business/subtop/hybridwork/images/titleimg2_2.png);
		background-size: cover;
		}
	  }
	  @media screen and (min-width:1024px) {
		.topicsTitle {
		  height:435px;
		  overflow:hidden;
		}
		.topicsTitle h1 {
		  max-width:100%;
		  background-size: auto;
		}
	  }
	  /*
	@media screen and (min-width:415px) and (max-width:768px){
		.logo-business{
		top:26px;
		width:100px;
		height:28px;
		}
	}
	*/
	@media screen and (max-width:414px){
		.logo-business{
		top:8px;
		width:60px;
		height:auto;
		}
	}
	/*---------------------------------------------------------------------*/
	/* Topics */
	/*---------------------------------------------------------------------*/
	#colBoxTopStories{
		width: 100%;
	  background: #1A9FAE;
	  margin: 0 auto;
	  padding-top: 56px;
	  margin-bottom: 80px;
	}
	.colBoxTopStories .colBoxSubTitle p a,.colBoxTopStories .colBoxTitle h3 a{
		color: #FFF !important;
	}
	.colBoxTopStories .colBoxHead{
		border-bottom: 2px solid #fff;
		display: inline-block;
		margin-bottom: 30px;
	}
	.colBoxTopStories .colBoxHead h2{
		color: #FFF;
		font-size: 2.4rem;
	}
	.colBoxTopStories .colBox{
		text-align: center;
	}
	/*---------------------------------------------------------------------*/
	/* メインカラム 新着記事枠 */
	/*---------------------------------------------------------------------*/
	.colBoxmainArticle{
		display: flex;
		justify-content: space-between;
		width: 1200px;
	  margin: 0 auto;
	}
	.colBoxNewArticles{
		width: 860px;
		margin-right: 40px;
	}
	.colBoxRightCol{
		width: 300px;
		margin: 0 auto;
	  text-align: center;
	}
	@media screen and (min-width: 821px) and (max-width: 1240px) {
		.colBoxNewArticles {
		  width: calc(100% - 300px);
		}
		.colBoxmainArticle{
			width: auto;
		}
		.colBoxNewArticle .colBoxInner{
			display: block !important;
		}
		.colBoxNewArticle .colBoxIndex{
			width: 100% !important;
		}
	  }
	  @media screen and (max-width: 821px) {
		.colBoxNewArticles,.colBoxRightCol {
			width: 100% !important;
		margin: 0 auto !important;
		  }
		  .colBoxmainArticle{
			display: block !important;
			width: auto;
		  }
	  }
	.colBoxNewArticle .colBoxInner{
		display: flex;
	  flex-wrap: wrap;
	  justify-content: space-between;
	}
	.colBoxNewArticle .colBoxIndex{
	clear:both;
	overflow:hidden;
	margin:0 0 56px;
	width: 48%;
	}
	.colBoxNewArticle .colBoxIcon{
	float:left;
	margin-right:16px;
	}
	.colBoxNewArticle .colBoxIcon img{
	width:180px;
	height:auto;
	}
	.colBoxNewArticle .colBoxTitle h3{
	margin:0 0 8px;
	}
	.colBoxNewArticle .colBoxDescription p{
	font-size:1.5rem;
	line-height:1.8rem;
	margin:0;
	}
	.colBoxMore{
	margin:16px 0 56px;
	text-align:center;
	overflow:hidden;
	}
	.colBoxMore span,
	.colBoxMore a{
	background-color: rgba(238,238,238,1);
	margin:0 auto;
	padding:16px 40px 15px;
	font-size:14px;
	text-decoration:none;
	display:inline-block;
	cursor:pointer;
	}
	.colBoxMore span:hover,
	.colBoxMore a:hover{
	opacity:0.7;
	}
	@media screen and (max-width:414px){
		.colBoxNewArticle .colBoxIndex{
		margin:0 0 16px;
		}
	}
	/*---------------------------------------------------------------------*/
	/* メインカラム アーカイブ */
	/*---------------------------------------------------------------------*/
	#colBoxRecommend{
		max-width: 1200px;
	  width: 100%;
	  margin: 0 auto;
	}
	.colBoxRecommend .colBoxIndex{
		width: 100%;
		margin: 0 0 32px;
		display: flex;
		height: 100px;
	}
	.colBoxRecommend .colBoxDate{
		display: flex;
	  justify-content: center;
	  align-items: center;
	  text-align: center;
	  width: 10%;
	  font-size: 18px;
	  margin-right: 8px;
	  background-color: #737373;
	  color: #FFF;
	}
	.colBoxRecommend .colBoxTitle{
		display: flex;
	  justify-content: center;
	  align-items: center;
	  margin-right: 8px;
	  border: 1px dotted;
	  overflow-wrap: break-word;
	  width: 40%;
	}
	.colBoxRecommend .colBoxTitle h3{
		display: block;
	  margin: 4px;
	}
	.colBoxRecommend .colBoxIcon img {
		width: auto;
		height: auto;
		position: relative;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.colBoxRecommend .colBoxIcon a{
		width: 640px;
		height: 100px;
		overflow: hidden;
		float: none;
		display: block;
		margin: 0 0 8px;
	}
	@media screen and (max-width: 600px){
		.colBoxRecommend .colBoxIndex{
			width: 100% !important;
		}
		.colBoxRecommend .colBoxIcon a{
			height: 64px !important;
			width:auto;
		}
	  }
	  @media screen and (min-width:821px) and (max-width:1240px){
		.colBoxRecommend .colBoxIcon a{
			width: auto;
		}
		}
		@media screen and (min-width: 480px) and (max-width: 768px) {
			.colBoxRecommend .colBoxTitle h3{
				font-size: 1.4rem;
				line-height: 2.1rem;
			}
			.colBoxRecommend .colBoxDate{
				font-size: 14px;
			}
			.colBoxRecommend .colBoxIcon a{
				width: auto;
			}
		}
		@media screen and (max-width: 821px) {
			.colBoxRecommend .colBoxIndex{
				display: grid;
				margin-bottom: 16px;
				height: auto;
			}
			.colBoxRecommend .colBoxTitle h3{
				font-size: 1.4rem;
				line-height: 2.1rem;
				}		
			.colBoxRecommend .colBoxDate,.colBoxRecommend .colBoxTitle{
				margin-right: 0;
				width: auto;
			}
			.colBoxRecommend .colBoxIcon a{
				width: auto;
			}
			.colBoxRecommend .colBoxIcon img{
				width: 100% !important;
			}
		}
	
	/*---------------------------------------------------------------------*/
	/* サイドカラム 関連記事 */
	/*---------------------------------------------------------------------*/
	.colBoxRlist.colBox{
	overflow:hidden;
	}
	.colBoxRlist .colBoxIndex{
	margin:0 0 20px;
	overflow:hidden;
	clear:both;
	}
	.colBoxRlist .colBoxIndex:last-child{
	margin:0;
	}
	.colBoxRlist .colBoxHead p{
	font-weight:bold;
	padding:3px 0;
	font-size:1.5rem;
	line-height:2rem;
	margin:0;
	display:block;
	}
	.colBoxRlist .colBoxTitle{
	margin:0;
	padding:0 0 0 90px;
	font-size:1.5rem;
	line-height:2rem;
	text-align:justify;
	}
	.colBoxRlist .colBoxIcon img{
	margin-right:10px;
	}
	/* TopStories */
	.topBox{
		width: 1200px;
		margin: 0 auto;
	}
	.topBox .colBoxLeft{
	/*max-width:450px;
	width:53%;*/
	overflow: hidden;
	  display: flex;
	  justify-content: space-between;
	  flex-wrap: wrap;
	}
	.topBox .colBoxLeft .colBoxIndex{
		width: 48%;
		margin-bottom: 56px;
		overflow: hidden;
		text-align: left;
	}
	.topBox .colBoxLeft .colBoxIndex:nth-child(2n){
		margin-right: 0;
	}
	.topBox .colBoxLeft .colBoxIcon img{
	max-width:100%;
	width:auto;
	max-height:265px;
	height:auto;
	}
	.topBox .colBoxLeft .colBoxIcon a{
	width:100%;
	height:265px;
	overflow:hidden;
	margin:0 0 12px;
	}
	.colBoxLeft .colBoxTitle h3{
	font-size:2.0rem;
	line-height:3.2rem;
	font-weight:bold;
	color: #FFF;
	}
	.colBoxLeft .colBoxTitle h3 a:hover,.colBoxLeft .colBoxTitle h3 a:visited{
		color: #FFF !important;
	}
	.topBox .colBoxRight{
	/*max-width:380px;*/
	display: none;
	}
	.topBox .colBoxRight .colBoxIcon img{
	width:120px;
	height:90px;
	}
	.topBox .colBoxRight .colBoxIndex{
	clear:both;
	overflow:hidden;
	margin:0 0 32px;
	}
	.topBox .colBoxRight .colBoxIndex:last-child{
	margin:0;
	}
	.topBox .colBoxRight .colBoxIcon{
	float:left;
	margin:0 16px 0 0;
	}
	.colBoxRight .colBoxTitle h3{
	font-size:1.6rem;
	line-height:2.2rem;
	font-weight:bold;
	}
	.colBoxRight .colBoxTitle{
	padding-left:136px;
	}
	.colBoxRight .colBoxSubTitle p{
	 font-size:1.1rem;
	}
	@media screen and (max-width:1080px){
		.topBox .colBoxRight .colBoxIndex{
		margin:0 0 16px 0;
		}
		.colBoxRight .colBoxTitle h3{
		line-height:2rem;
		}
	}
	@media screen and (max-width:989px){
		.topBox .colBoxLeft,
		.topBox .colBoxRight{
		max-width:100%;
		width:100%;
		}
		.topBox .colBoxLeft{
		margin:0 0 32px 0;
		}
		.topBox .colBoxRight .colBoxIcon,
		.colBoxNewArticle .colBoxIcon{
		margin-right:16px;
		}
		.topBox .colBoxRight .colBoxIcon img{
		width:180px;
		height:auto;
		}
		.colBoxNewArticle .colBoxDescription{
		display:none;
		}
		.topBox .colBoxTitle h3{
		font-size:1.8rem;
		}
		.colBoxRight .colBoxTitle{
		padding-left:196px;
		}
		.topBox .colBoxRight .colBoxIndex{
		margin:0 0 16px;
		}
		.topBox .colBoxLeft .colBoxIcon a{
		height:250px;
		}
	}
	@media screen and (max-width:820px){
		.colBoxLeft .colBoxTitle h3,
		.colBoxRight .colBoxTitle h3{
		font-weight:bold;
		}
		.topBox .colBoxRight .colBoxIcon img,
		.colBoxNewArticle .colBoxIcon img{
		width:120px;
		height:auto;
		}
		.topBox .colBoxRight .colBoxIndex{
		margin:0 0 16px;
		}
		.colBoxRight .colBoxTitle,
		.colBoxNewArticle .colBoxTitle{
		padding-left:136px;
		}
		/*
		.topBox .colBoxLeft{
		margin:0 0 24px 0;
		}
		*/
		.topBox .colBoxLeft .colBoxIcon a{
		max-height:none;
		}
		.topBox .colBoxLeft img,
		#masterMain #Totspecial img{
		max-width:100%;
		width:100%;
		max-height:none;
		}
		.colBoxRight .colBoxTitle h3,
		.colBoxNewArticle .colBoxTitle h3{
		font-size:1.6rem;
		}
	}
	/*---------------------------------------------------------------------*/
	/* トップリンク調整 */
	/*---------------------------------------------------------------------*/
	#masterBody #ISTLC .colBoxOuter{
	border-bottom:none;
	}
	#masterBody #ISTLC .colBoxInner{
	padding:0;
	border:none;
	}
	#masterBody #ISTLC .colBoxHead{
	display:block;
	}
	#masterBody #ISTLC .colBoxIndex{
	margin:0 0 24px;
	}
	#masterBody #ISTLC .colBoxTitle{
	margin:0 0 3px;
	}
	#masterBody #ISTLC .colBoxHead{
	margin:0 0 15px;
	}
	#masterBody #ISTLC .colBoxHead h2{
	font-size:1.4rem;
	line-height:1.8rem;
	}
	#masterBody #ISTLC .colBoxTitle h3{
	font-size:1.6rem;
	line-height:2rem;
	margin:0;
	}
	#masterBody #ISTLC .colBoxIcon{
	float:left;
	margin:0;
	}
	#masterBody #ISTLC .colBoxIcon img{
	width:180px;
	height:auto;
	margin:0 16px 0 0;
	}
	#masterBody #ISTLC .colBoxDescription p{
	font-size:1.2rem;
	line-height:1.6rem;
	}
	#masterBody #ISTLC .colBoxTitle::after{
	content:'';
	display:none;
	}
	#masterBody #ISTLC .colBoxTitle::before{
	content:'';
	display:none;
	}
	@media screen and (max-width:820px){
		#masterBody #ISTLC .colBoxIcon img{
		width:120px;
		}
	}