@charset "utf-8";

/*
全体的な修正（Gナビ周辺）
.wf-header__inner{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.bg-risingarc{
	padding: 10px 0;
}
.wf-header__top{
	position: relative;
}
.wf-header__top::before {
    background-color: rgba(204, 0, 34, 1);
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
}
*/
/* Marketoバナー非表示 */
#insightera_widget_button,
#insightera_widget_container{
	display: none !important;
}


/*--------------------------------------------------------------------------
【コラムの記事ページ】
body.two-column-columntwo-single
-------------------------------------------------------------------------- */

/* 【1】共通エリア -------------------*/

/* 背景色印刷制御 */
body.two-column-column {
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
}
/* 不要コンテンツをまとめて非表示 */
/*body.two-column-column .wf-header__right,*/
body.two-column-column .wf-header__right #wf-header-search,
body.two-column-column .wf-header__right .to-top,
body.two-column-column .wf-header__right .btn02,
body.two-column-column .wf-header__right .btn03,
body.two-column-column .breadcrumb,
body.two-column-column .hamburger-menu,
body.two-column-column .wf-header__top::before,
body.two-column-column .wf-header__bottom,
body.two-column-column .to-list,
body.two-column-column .recommend,
body.two-column-column footer,
body.two-column-column .side-nav,
body.two-column-column #contents_bottom_cv,
body.two-column-column .product_link_area,
body.two-column-column .n-p-sinlge,
body.two-column-column .bottom_fixed{
	display: none !important;
}
body.two-column-column .wf-header__inner{
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
}
body.two-column-column .wf-h-nav ul li.logo_sompo-hd{
	display: block;
	width: auto;
}
body.two-column-column header.wf-header{
	position: relative;
	padding: 10px;
}
body.two-column-column .wrap{
	padding-top: 0 !important;
}
body.two-column-column .row{
	padding-left: 30px;
	padding-right: 30px;
}
body.two-column-column #copyright{
	margin:0;
	padding: 10px !important;
}
body.two-column-column .main.pages{
	padding-bottom: 60px !important;
}
body.two-column-column .bg-risingarc{
	padding: 0 !important;
}

/* 【2】個別】レイアウト制御や細かい調整 -------------------*/

/* コラムページMV制御 */
/* MV消す 
body.two-column-column .mv-column{
	display: none !important;
}*/
body.two-column-column .mv-column{
	height: auto !important;
	padding: 45px 0 35px 0 !important;
}
body.two-column-column .main-title{
	margin-top: 0 !important;
	line-height: 0 !important;
}
body.two-column-column .mv-column .main-title{
	margin-bottom: 20px;
}

body.two-column-column .mv-column .main-title img{
	width: 240px !important;
	height: auto !important;
}
body.two-column-column .mv-column .sub-title img{
	max-width: 420px !important;
}

/* アイキャッチの大きさと透かし */
body.two-column-column .case__list__thumb img,
body.two-column-column .column__list__thumb img{
	position: relative;
}
body.two-column-column .case__list__thumb .thumb_wrapper,
body.two-column-column .column__list__thumb .thumb_wrapper{
  position: relative;
  display: inline-block;
	margin:0 auto;
}
body.two-column-column .case__list__thumb .thumb_wrapper{
	max-width:50%;/*アイキャッチサイズ*/
}
body.two-column-column .case__list__thumb .thumb_wrapper::after,
body.two-column-column .column__list__thumb .thumb_wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/watermark2.png');
  background-size: 120%;
  background-repeat: no-repeat;
  opacity: 0.2; 
  pointer-events: none;
	background-position: center;
	/*transform:rotate(-50deg) !important; */
}
body.two-column-column .column__list__thumb .thumb_wrapper::after {
  background-size: 200%;
}
/*body.two-column-column .case__list__thumb .thumb_wrapper::after {
content: "";
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 100px;
  height: 50px;
  background-image: url('../img/watermark.png');
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.5;
  pointer-events: none;
}*/

body.two-column-column .detail__case-read{
	padding-top: 35px;
}
body.two-column-column .pages-2clm{
	width: 100%
}
body.two-column-column.two-column-column .column-list .column-main{
	width: 100%
}
body.two-column-column .info-detail__title{
	font-size: 2rem !important;
}
body.two-column-column .column-list .column-box-3{
	padding: 20px !important;
}
body.two-column-column .column-article h5{
	margin-bottom: 10px !important;
}
body.two-column-column .column-article ul{
	margin: 0 !important;
}


/* ウォーターマーク */
body.two-column-column{
	position: relative;
}
/*body::after{
	content: "";
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background: url("../img/watermark.png") !important;
	background-size:800px auto;
	z-index: 2000;
}*/
body.two-column-column::after{
		content: "";
		display: block;
		position: fixed;
		width: 120%;
		height: 120%;
		background: url('../img/watermark.png?123') center no-repeat !important;
		background-size: 100% auto !important;
		opacity: 1;
		z-index: 2000; 
		top:-10%;
		left:-10%;
		opacity: .1 !important; 
		transform:rotate(-50deg) !important; 
}
/*
.watermark {
		display: block;
		position: fixed;
		width: 100%;
		height: 100%;
		background: url('../img/watermark.png') repeat !important;
		opacity: 1 !important; 
		z-index: 2000; 
		top:0;
		left:0;
}*/




/*--------------------------------------------------------------------------
【コラムの一覧ページ】
body.two-column-column
-------------------------------------------------------------------------- */

body.two-column-column .side-nav{
	display: none;
}
body.two-column-column .column-list .column-main{
	width: 100%;
}

body.two-column-column .main.pages{
	margin-bottom: 0 !important;
}

body.two-column-column .pages-section{
	margin-bottom: 0 !important;
}


/*--------------------------------------------------------------------------
【case導入事例】
body.case-archive、body.case-single
-------------------------------------------------------------------------- */

/* 【1】共通エリア -------------------*/

/* 背景色印刷制御 */
body.case-archive,
body.case-single{
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
}
/* 不要コンテンツをまとめて非表示 */
body[class*="case-"] .wf-header__right #wf-header-search,
body[class*="case-"] .wf-header__right .to-top,
body[class*="case-"] .wf-header__right .btn02,
body[class*="case-"] .wf-header__right .btn03,
body[class*="case-"] .breadcrumb,
body[class*="case-"] .hamburger-menu,
body[class*="case-"] .wf-header__top::before,
body[class*="case-"] .wf-header__bottom,
body[class*="case-"] .to-list,
body[class*="case-"] .recommend,
body[class*="case-"] footer,
body[class*="case-"] .side-nav,
body[class*="case-"] #contents_bottom_cv,
body[class*="case-"] .product_link_area,
body[class*="case-"] .n-p-sinlge,
body[class*="case-"] .bottom_fixed{
	display: none !important;
}
body[class*="case-"] .wf-header__inner{
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
}
body[class*="case-"] .wf-h-nav ul li.logo_sompo-hd{
	display: block;
	width: auto;
}
body[class*="case-"] header.wf-header{
	position: relative;
	padding: 10px;
}
body[class*="case-"] .wrap{
	padding-top: 0 !important;
}
body[class*="case-"] .row{
	padding-left: 0px;
	padding-right: 0px;
}
body[class*="case-"] #copyright{
	margin:0;
	padding: 10px !important;
}
body[class*="case-"] .main.pages{
	margin-bottom: 60px !important;
}
body[class*="case-"] .bg-risingarc{
	padding: 0 !important;
}

/* ウォーターマーク */

body[class*="case-"]{
	position: relative;
}
body[class*="case-"]::after{
		content: "";
		display: block;
		position: fixed;
		width: 120%;
		height: 120%;
		background: url('../img/watermark.png?123') center no-repeat !important;
		background-size: 100% auto !important;
		opacity: 1;
		z-index: 2000; 
		top:-10%;
		left:-10%;
		opacity: .1 !important; 
		transform:rotate(-50deg) !important; 
}


/*①画像ウォーターマーク（アイキャッチ）*/
body[class*="case-"] .case__list__thumb img{
	position: relative;
}
body[class*="case-"] .case__list__thumb .thumb_wrapper{
  position: relative;
  display: inline-block;
	margin:0 auto;
}
body[class*="case-"] .case__list__thumb .thumb_wrapper::after{
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/watermark2.png');
  background-size: 120%;
  background-repeat: no-repeat;
  opacity: 0.2; 
  pointer-events: none;
	background-position: center;
}
body[class*="case-"] .column__list__thumb .thumb_wrapper::after {
  background-size: 200%;
}

/*②画像ウォーターマーク（本文）*/
body[class*="case-"] main .case-img-wrapper img{
	position: relative;
}
body[class*="case-"] main .case-img-wrapper{
  position: relative;
  display: inline-block;
	margin:0 auto;
}
body[class*="case-"] main .case-img-wrapper::after{
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/watermark2.png');
  background-size: 120%;
  background-repeat: no-repeat;
  opacity: 0.2; 
  pointer-events: none;
	background-position: center;
}

/* ウォーターマーク不要の場合　.nomark をつけてください。 */
.nomark *::after{
	background-image: none !important;
}


/* 【2】個別エリア -------------------*/

/*
コンテンツ下部のお問合せ
その他の導入事例
戻るボタン */

body[class*="case-"] .footer_conv,
body[class*="case-"] #recommend,
body[class*="case-"] .btn__more{
	display: none;
}


body[class*="case-"] .image-block{
	margin:30px 0 20px 0;
}

body[class*="case-"] .image-block img{
	max-width: 360px !important;
	height: auto;
}

body[class*="case-"] .info-detail__title{
	margin:30px 0 20px 0;
}
body[class*="case-"] .mv-outer.pages .mv{
	padding: 45px 0 35px 0 !important;
	min-height: inherit;
	height: auto;
}
body[class*="case-"] .pages__main-title{
	font-size: 36px;
}

body[class*="case-"] .pages-section{
	margin:40px auto 80px;
}

body[class*="case-"] .detail__case-read{
	padding-top: 20px;
}
body[class*="case-"] .pages-section:last-child{
	margin-bottom: 0 !important;
}

/* さらにピンポイントで */

body[class*="case-"] .image-block.flex.interview-thumb figure{
	width: 100px !important;
}
body[class*="case-"] .image-block.flex.interview-thumb p {
	width: calc(100% - 130px) !important;
}
body[class*="case-"] .case__list__thumb img,
body[class*="case-"] .case-img-wrapper img{
	max-width: 360px !important;
	height: auto;
}
body[class*="case-"] .case_314078_dl{
	display: block !important;
}
body[class*="case-"] .case_314078_dl dt{
	margin-bottom: 10px;
}
body[class*="case-"] .case_314078_dl p,
body[class*="case-"] .case_314078_span{
	font-size: 16px !important;
}

body[class*="case-"] .news-image-flexbox .case-img{
	width: 49%;
}
body[class*="case-"] .news-image-flexbox .case-img img{
	width: 100%;
	height: auto;
}

/* caseトップ（一覧） */

body[class*="case-"] .case__list{
	display: flex !important;
	justify-content: space-between;
	flex-wrap: nowrap;
	width: 100%;
	box-sizing:border-box;
	margin-bottom: 40px !important;
}

body[class*="case-"] .case-keywordsort .case__list__thumb {
	width: 32%;
	max-width: 100%;
	margin:0;
	box-sizing:border-box;
}
body[class*="case-"] .case-keywordsort .case__list__detail {
	width: 65%;
	box-sizing:border-box;
}
body[class*="case-"] .case__list .case__list__thumb table td,
body[class*="case-"] .case__list .case__list__thumb table th{
	font-size: 12px;
}

body[class*="case-"] .control-panel-block{
	padding: 15px !important;
}
body[class*="case-"] .control-panel-block *{
	font-size: 12px !important;
}
body[class*="case-"] .case-keywordsort #control-panel dd a {
    margin-right: 5px !important;
    padding: 6px 10px !important;
    margin-bottom: 5px !important;
}
body[class*="case-"] .case-keywordsort #control-panel dt span {
    padding: 0 0 10px 0;
    margin-bottom: 0
}
body[class*="case-"] .control-panel-block.-all-clear{
	display: none;
}
body[class*="case-"] .case__list__detail_keyword span {
    box-sizing: border-box;
    font-size: 11px;
    padding: 6px 8px;
}
#case-sort-results{
	margin-top: 40px !important;
}


/* ブラウザ別：chrome ----------------*/
@media (-webkit-min-device-pixel-ratio:0) {
	
}

/* ブラウザ別：firefox ----------------*/
@-moz-document url-prefix() {
	/*
	body.two-column-column .case__list__thumb img{
		max-width:55% !important;
	}*/
/*
	body::after{
		background: none !important;
	}
	body::before {
			content: "NDソフトウェア株式会社";
			position: fixed;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			font-size: 60px;
			color: rgba(0, 0, 0, 0.1);
			z-index: 9999;
			white-space: nowrap;
			pointer-events: none;
	}
	body::after{
		content: "";
		position: fixed;
		top:0;
		bottom:0;
		left:0;
		right:0;
		background: url("../img/watermark.png") !important;
		background-size:800px auto;
		z-index: 2000;
	}	*/
}
/* ブラウザ別：edge ----------------*/
@supports (-ms-ime-align: auto) {

}