@charset 'UTF-8';


/* =============================================
   2022
   smb 移設調整用
============================================= */
/*メールでお問い合わせ*/
#contact {
	margin-top: 80px;
}
/*SP時、最下部にグレー背景が出てしまうのを防ぐ*/
@media (max-width: 834px){
	.contents-main {
		padding: 0 0 30px;
	}
}


/* =============================================
/etc/designs/nttcom/hq/jp/business/lp/cmn/css/common_smt.css
の影響によりリンク色が変わるのを防ぐ
============================================= */
@media (max-width: 834px){
	/*パンクズ*/
	.spcl-cmp-breadcrumb ul li a,
	.spcl-cmp-breadcrumb ul li a:hover
	.spcl-cmp-breadcrumb ul li a:visited{
		color: #093475 !important;
	}
	/*ボタン*/
	.spcl-cmp-header a,
	.spcl-cmp-header a:hover,
	.spcl-cmp-header a:visited,
	.spcl-block-home-solution ul li a,
	.spcl-block-home-solution ul li a:hover,
	.spcl-block-home-solution ul li a:visited,
	.spcl-block-solution-archive a,
	.spcl-block-solution-archive a:hover,
	.spcl-block-solution-archive a:visited {
		color: #cc0033 !important;
	}
	/*知る・楽しむ*/
	.spcl-block-knowledge-banners ._item a,
	.spcl-block-knowledge-banners ._item a:hover,
	.spcl-block-knowledge-banners ._item a:visited{
		color: inherit;
	}
	/*ハルカの日*/
	.spcl-block-comic-archive ._item a,
	.spcl-block-comic-archive ._item a:hover,
	.spcl-block-comic-archive ._item a:visited{
		color: inherit;
	}
}


/* =============================================
トップ
/business/lp/smb.html
============================================= */

/*画像下に余白が出るのを防ぐ*/
.spcl-contents-container img{
	vertical-align:bottom;
}


/* =============================================
ビジネスあるある
/business/lp/smb/biz-aruaru/
/business/lp/smb/knowledge/biz-aruaru/
============================================= */

/*メニューあり（/business/lp/smb/knowledge/biz-aruaru）*/
@media (min-width: 834px){
	.ymd-top {
		padding-top: 65px;
	}
	.main.column-full.ymd-c-col{
		margin-top: 45px;
	}
	.ymd-page-contents-ttl{
		top:-45px;
	}
}
/*メニューなし（/business/lp/smb/biz-aruaru）*/
@media (min-width: 834px){
	.no--spcl-contents-container .ymd-top {
		padding-top: 68px;
	}
	.no--spcl-contents-container .main.column-full.ymd-c-col{
		padding-top: 0;
	}
	.no--spcl-contents-container .ymd-page-contents-ttl{
		top:65px;
	}
}
/*画像下に余白が出るのを防ぐ*/
.ymd img{
	vertical-align:bottom;
}
/*作者紹介*/
.ymd-author{
	margin-bottom:30px;
}
.ymd-author-pic{
	border:none;
}
.ymd-author-pic img{
	border: 2px solid #fff;
}


/* =============================================
マンガで分かる業務改善
/business/lp/smb/biz-manga/
/business/lp/smb/knowledge/biz-manga/
============================================= */

/*リセット*/
header.cmc-head{
	position: initial !important;
}
header.cmc-service-head,
header.cmc-service-menu-head{
	width: initial !important;
	background-color: initial !important;
	z-index: initial !important;
	position: initial !important;
	top: initial !important;
	left: initial !important;
}
/*メニューなし（/business/lp/smb/biz-aruaru）*/
.cmc .cmc-head.no--spcl-contents-container{
	margin-top: 0;
}
/*画像下に余白が出るのを防ぐ*/
.cmc img{
	vertical-align: bottom;
}


/* =============================================
知る・楽しむ
/business/lp/smb/knowledge/
============================================= */

/*画像下に余白が出るのを防ぐ*/
._thumb img{
	vertical-align: bottom;
}


/* =============================================
資料ダウンロードボタン
============================================= */
.spcl-block-solutions ._items ._item-add_link{
  position: relative;
}
.spcl-block-solutions ._items ._item-add_link a:not(.dl_btn){
  padding-bottom: 72px;
}
.spcl-block-solutions ._items ._item-add_link a.dl_btn{
  position: absolute;
  bottom: 32px;
  left: 34%;
  width: 240px;
  height: 40px;
  padding: 0;
  border: 1px solid #cc0033;
  font-size: 14px;
}
.spcl-block-solutions ._items ._item-add_link a.dl_btn:hover span{
  opacity: 0.8;
}
.spcl-block-solutions ._items ._item-add_link a.dl_btn span{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
}
.spcl-block-solutions ._items ._item-add_link a.dl_btn span::before{
  content: "";
  background: url(/content/dam/nttcom/hq/jp/business/lp/cmn/img_osp/ico/icon_pdf.gif);
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 8px;
  vertical-align: middle;
}
.spcl-block-solutions ._items ._item-add_link a.dl_btn span::after{
  content: "";
  display: inline-block;
  margin-left: 6px;
  border-top: 5px solid transparent;
  border-left: 10px solid #000;
  border-bottom: 5px solid transparent;
}
@media (max-width: 834px){
  .spcl-block-solutions ._items ._item-add_link a:not(.dl_btn){
    padding-bottom: 85px;
  }
  .spcl-block-solutions ._items ._item-add_link a.dl_btn{
    left: 0;
    margin: 0 4.8vw;
    width: calc(100% - 9.6vw);
  }
}