@media screen and (max-width: 767px) {
	.scrollBox {
		width: 100%;
		overflow-x: scroll;
	}	
	.spScroll {
		background: #0f3b58;
		color: #fff;
		text-align: center;
		margin-bottom: 10px;
		font-weight: bold;
		padding: 2px;
	}
	.spScroll:before {
		content: "← ";
	}
	.spScroll:after {
		content: " →";
	}
}

/*---------------------------------------------------
オウンドメディアの重要性
---------------------------------------------------*/

.ny_cntWrpFv {
	background: #eef5f7;
	padding: 50px 30px;
}

.omFvTtl {
	text-align: center;
	font-weight: 700;
	font-size: 3rem;
	line-height: 1.4;
	color: #0457a7;
	font-size: 3.4rem;
	margin-bottom: 30px;
}

.omFv {
	display: flex;
	align-items: center;
}

.omFvImg {
	order: 2;
	width: 40%;
}

.omFvTxt {
	order: 1;
	width: 60%;
}

.omFvTxt ul {
	font-size: 2.6rem;
	font-weight: bold;
}

.omFvTxt ul li {
	margin-bottom: 20px;
	letter-spacing: 3px;
}

.omFvTxt ul li strong {
	color: #fff;
	background: #215f9a;
	display: inline-block;
	padding: 3px 10px 5px;
	font-weight: bold;
	font-size: 3.8rem;
}

.omFvTxt ul li span {
	font-size: 3.2rem;
	display: inline-block;
	background: linear-gradient(transparent 75%, #fff997 25%);
	font-weight: bold;
}

@media screen and (max-width: 767px) {

	.ny_cntWrpFv {
		padding: 20px 0 0;
	}

	.omFvTtl {
		font-size: 2.2rem;
		margin-bottom: 30px;
	}

	.omFv {
		display: block;
	}

	.omFvImg {
		width: 100%;
	}

	.omFvTxt {
		width: 100%;
		text-align: center;
	}

	.omFvTxt ul {
		font-size: 1.5rem;
		display:inline-block;
		text-align: left;
		margin: 0 auto 20px;
	}

	.omFvTxt ul li {
		margin-bottom: 7px;
		letter-spacing: 1px;
	}

	.omFvTxt ul li strong {
		padding: 3px 10px 5px;
		font-size: 1.7rem;
	}

	.omFvTxt ul li span {
		font-size: 2.5rem;
	}
	
}

/*---------------------------------------------------
オウンドメディアを成功させるには
---------------------------------------------------*/

.ny_advList {
	text-align: left;
	width: 70%;
}

.ny_advList li {
	background: url(https://ny-marketing.co.jp/wp-content/themes/nymarketing_2022/assets/images/common/ico_check.png) left center no-repeat;
	background-size: 20px auto;
	padding-left: 30px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 5px;
}
.ny_advList li:last-child {
	margin-bottom: 0;
}
.ny_advTolTxtBoxInr {
	display: flex;
	align-items: center;
}
.ny_advImage {
	width: 30%;
}

@media screen and (max-width: 767px) {

	.ny_advList {
		width: 100%;
	}

	.ny_advList li {
		background: url(../images/common/ico_check.png) left center no-repeat;
		background-size: 16px auto;
		padding-left: 26px;
		font-size: 1.4rem;
		margin-bottom: 10px;
	}
	.ny_advList li:last-child {
		margin-bottom: 0;
	}
	.ny_advTolTxtBoxInr {
		display: block;
		align-items: center;
	}
	.ny_advImage {
		width: 70%;
		margin: 0 auto;
	}	
	.ny_cntCth {
		text-align: center;
		font-size: 1.5rem;
	}
}

/*---------------------------------------------------
オウンドメディアを成功させるには
---------------------------------------------------*/

.omAra .ny_acvBtbLstTtl {
	padding: 17px 0;
}
.omAra .ny_acvBtbLstTtl strong {
	color: #fff997;
	font-weight: bold;
}
.omAra .ny_acvBtbLstTtl span {
	font-size: 1.4rem;
	letter-spacing: -1px;
}

@media screen and (max-width: 767px) {
	.ny_acvBtbImg {
		margin: 0 auto;
	}
}

/*---------------------------------------------------
目標を実現するためのKPI設計
---------------------------------------------------*/

.ny_kpiAra .ny_poiLst li .ny_poiLstTtlBox {
	min-height: auto;
	background: #69bf15;
	max-width: 150px;
}
.ny_kpiAra .ny_poiLst li .ny_poiLstCntBox {
	border: solid 1px #69bf15;
	color: #69bf15;
	padding: 20px;
	width: calc(100% - 150px);
	font-weight: bold;
	font-size: 1.6rem;
}
.ny_kpiAra .ny_poiLst li:nth-child(2) .ny_poiLstTtlBox {
	background: #e2ab0f;
}
.ny_kpiAra .ny_poiLst li:nth-child(2) .ny_poiLstCntBox {
	border: solid 1px #e2ab0f;
	color: #e2ab0f;
}
.ny_kpiAra .ny_poiLst li:nth-child(3) .ny_poiLstTtlBox {
	background: #de380f;
}
.ny_kpiAra .ny_poiLst li:nth-child(3) .ny_poiLstCntBox {
	border: solid 1px #de380f;
	color: #de380f;
}

.ny_kpiAra .ny_lwrCntMinTtl {
	padding: 20px;
}
.ny_kpiAra .ny_lwrCntMinTtl h3 {
	margin-bottom: 20px;
	font-weight: bold;
}

.ny_kpiFlow {
	display: flex;
	width: 100%;
}
.ny_kpiFlow li {
	width: 30%;
	margin-right: 5%;
	background: #69bf15;
	color: #fff;
	padding: 10px;
	box-sizing: border-box;		
	border-radius : 10px;	
	position: relative;
}
.ny_kpiFlow li:after {
	content: "▼";
	position: absolute;
	display: block;
	font-size: 12px;
	line-height: 1;
	top: 50%;
	right: -11.5%;
	margin-top: -5px;
	color: #0f3b58;
	transform:rotate(-90deg);
}
.ny_kpiFlow li span {
	font-size: 1.4rem;
}
.ny_kpiFlow li:nth-child(2) {
	background: #e2ab0f;
}
.ny_kpiFlow li:nth-child(3) {
	background: #de380f;
}

.ny_kpiFlow li:last-child {
	margin-right: 0;
}
.ny_kpiFlow li:last-child:after {
	display: none;
}

@media screen and (max-width: 767px) {
	.kpiEx {
		margin:0 -20px;
	}	
	.ny_kpiFlow li:after {
		right: -15.5%;
	}
	.ny_poiLst {
		width: calc(100% - 40px);
		margin: 0 20px;
	}
	.ny_kpiAra .ny_poiLst li .ny_poiLstTtlBox {
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
	}
	.ny_kpiAra .ny_poiLst li .ny_poiLstCntBox {
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;	
	}
}

/*---------------------------------------------------
KPIテーブル / KPIに基づいたスケジュール設計
---------------------------------------------------*/

.kpiTable {
	width: 100%;
	margin-bottom: 2px;
}		
.kpiTable thead th.arrow,
.kpiTable thead th.ex {
	color: #fff;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	position: relative;
	vertical-align: middle;
}
.kpiTable thead th.bk {
	vertical-align: middle;
	color: #fff;
	background: #000;
	white-space: nowrap;
	text-align: center;
	padding: 10px;
}		

.kpiTable thead th.ex p{
	background: #000;
	font-weight: bold;
	border-radius: 5px;
}

.kpiTable thead th.arrow:before {
	content: "";
	position: absolute;
	top: calc(50% - 20px);
	left: 0;
	border: 20px solid transparent;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: transparent;
	border-left: 10px solid #83cbeb;
	z-index: 2;
}			
.kpiTable thead th.arrow:nth-child(1):before {
	display: none;
}
.kpiTable thead th.arrow.arrow:nth-child(2){
	background: #83cbeb;	
}
.kpiTable thead th.arrow:nth-child(3):before {
	border-left: 10px solid #83cbeb;
}		

.kpiTable thead th.arrow:nth-child(3){
	background: #4e95d9;	
}
.kpiTable thead th.arrow:nth-child(4):before {
	border-left: 10px solid #4e95d9;
}	

.kpiTable thead th.arrow:nth-child(4){
	background: #215f9a;	
}
.kpiTable thead th.arrow:nth-child(5):before {
	border-left: 10px solid #215f9a;
}

.kpiTable thead th.arrow:nth-child(5){
	background: #104862!important;
}
.kpiTable tbody th.rd {
	background: #de380f!important;
	color: #fff;
	text-align: center;
	padding: 5px;
	vertical-align: middle;
	white-space: nowrap;
	font-weight: bold;
}
.kpiTable tbody td.rd {
	padding: 5px;
	background: #fbe3d6;
	border-left: 2px solid #fff;
	font-size: 1.1rem;
	white-space: nowrap
}
.kpiTable tbody td.rd:last-child {
	white-space: wrap;
	background: #f6c6ad!important;
}
.rd .ct {
	display: inline-block;
	background: #de380f;
	color: #fff;
	width: 100px;
	text-align: center;
	margin-bottom: 5px;
	font-weight: bold;
}		

.kpiTable tbody th.gr {
	background: #69bf15!important;
	color: #fff;
	text-align: center;
	padding: 5px;
	vertical-align: middle;
	white-space: nowrap;
	font-weight: bold;
}
.kpiTable tbody td.gr {
	padding: 5px;
	background: #d9f2d0;
	border-left: 2px solid #fff;
	font-size: 1.1rem;
	white-space: nowrap
}
.kpiTable tbody td.gr:last-child {
	white-space: wrap;
	background: #b4e5a2!important;
}		

.kpiTable tbody th.yw {
	background: #e2ab0f!important;
	color: #fff;
	text-align: center;
	padding: 5px;
	vertical-align: middle;
	white-space: nowrap;
	font-weight: bold;
}
.kpiTable tbody td.yw {
	padding: 5px;
	background: #ffffe0;
	border-left: 2px solid #fff;
	font-size: 1.1rem;
	white-space: nowrap
}
.kpiTable tbody td.yw:last-child {
	white-space: wrap;
	background: #ebe895!important;
}		
.yw .ct {
	display: inline-block;
	background: #e2ab0f;
	color: #fff;
	width: 100px;
	text-align: center;
	margin-bottom: 5px;
	font-weight: bold;
}		
.kpiTable thead th.month {
	text-align: center;
	padding: 5px;
}
.kpiTable thead th.month span {
	border: 1px solid #104862;
	display: inline-block;
	padding: 0px 10px;
	border-radius: 100px;
	font-size: 0.9rem;
}
.kpiTable thead th.month:nth-child(2) span {
	border: 1px solid #83cbeb;
}
.kpiTable thead th.month:nth-child(3) span {
	border: 1px solid #83cbeb;
}
.kpiTable thead th.month:nth-child(4) span {
	border: 1px solid #4e95d9;
}
.kpiTable thead th.month:nth-child(5) span {
	border: 1px solid #215f9a;
}
.kpiTable thead th.month:nth-child(6) span {
	border: 1px solid #104862!important;
}		
.kpiTable td ul {
	list-style: disc;
	margin: 0 0 10px 10px;
}	
.kpiTable td ul.no {
	list-style: none;
	margin: 0 0 10px 0;
}
.ny_cntTtlBoxSml {
	margin: 0 0 30px;
}
.caution {
	text-align: right;
}

.kpiTable03 {
	margin: 0 0 20px;
	width: 100%;
}
.kpiTable03 th {
	background: #215f9a;
	color: #ffff00;
	text-align: center;
	padding: 10px 5px;
	vertical-align: middle;
}
.kpiTable03 td {
	background: #f2f2f2;
	padding: 10px;
	border-left: 2px solid #fff;
	font-weight: bold;
}
.kpiTable03 td .sml {
	font-size: 1.1rem;
	font-weight: normal;	
}
.kpiTable03 td .marker {
	display: inline-block;
	background: linear-gradient(transparent 75%, #fff997 25%);
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	
	.kpiTable {
		width: 1000px;
	}
	.kpiTable03 {
		width: 1000px;	
	}
	
	.ny_kpiAra .ny_plnCntBox {
		width: 100%;
		overflow-x: hidden;
	}
	.caution {
		margin-top:10px;
		font-size: 1rem;
	}
}


/*---------------------------------------------------
データドリブンで緻密なPDCA
---------------------------------------------------*/

.ny_cntTtl {
	line-height: 1;
}

.ny_cntCth.red {
	color: #c00;
	margin-bottom: 100px;
}

.ny_cntTtl span {
	font-size: 1.8rem;
}

.ny_flwLst {
	margin: 50px 0 50px;
}

.ny_flwLst li {
	text-align: center;
}

.ny_flwLstCntBox {
	width: 100%;
}

@media screen and (max-width: 767px) {
	.ny_cntTtl span {
		font-size: 1.2rem;
		display: block;
		padding-top: 10px;
	}
	.ny_flwLst {
		margin: 25px 0;
	}
	 .ny_levLst li .ny_dotLst {
		width: 100%;
	}
	.ny_cntCth.red {
		color: #c00;
		margin-bottom: 50px;
		font-size: 2rem;
	}
}

/*---------------------------------------------------
データ計測
---------------------------------------------------*/

.ny_datAra {
	padding: 0 50px 50px 
}

.ny_datAra .ny_cntTtl {
	line-height: 1.5;
}

.ny_datAraBox {
	display: flex;
}

.ny_datAraBoxImg {
	order: 2;
	width: 380px;
}

.ny_datAraBoxTxt {
	order: 1;
	width: calc(100% - 380px);
}

.ny_datAraBoxTxt span {
	font-size: 2rem;
	background: linear-gradient(transparent 70%, #fff997 30%);
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	
	.ny_datAra {
		padding: 0 20px 50px;
	}

	.ny_datAraBox {
		display: block;
	}

	.ny_datAraBoxImg {
    width: 70%;
    margin: 0 auto;
	}

	.ny_datAraBoxTxt {
		width: 100%;
	}

	.ny_cntWrp, .ny_lstWrp {
		max-width: 100%;
		width: 100%;
	}
	
}

/*---------------------------------------------------
状況別の改善例（CVR改善）
---------------------------------------------------*/

.exTable {
	width: 100%;
	margin: 0 0 100px;
}

.exTable .num {
	padding: 10px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	background: #215f9a;
	border-bottom: 2px solid #fff;
	font-weight: bold;
}

.exTable .num span {
	font-size: 2rem;
}

.exTable td {
	padding: 10px;
	vertical-align: middle;
	border-bottom: 2px solid #fff;
	vertical-align: middle;
	font-size: 1.4rem;
}

.exTable td ul {
	list-style: disc;
	margin: 0 0 10px 10px;
}	
.exTable td ul.no {
	list-style: none;
	margin: 0 0 10px 0;
}

.exTable td.gr {
	background: #d9f2d0;
	border-left: 2px solid #fff;
	white-space: nowrap;
}

.exTable td.gr:last-child {
	background: #b4e5a2 !important;
}

.exTable td.yw {
	background: #ffffe0;
	border-left: 2px solid #fff;
	white-space: nowrap;
}

.exTable td.yw:last-child {
	background: #ebe895 !important;
}

.exTable td.rd {
	background: #fbe3d6;
	border-left: 2px solid #fff;
	white-space: nowrap;
}

.exTable td.rd:last-child {
	background: #f6c6ad !important;
}

.exTable th {
	text-align: center;
	color: #fff;
	position: relative;
	vertical-align: middle;
	height: 30px;
}
.exTable .step1 {
	background: #4e95d9;
	border-left: 2px solid #fff;
}
.exTable .step2:before {
	content: "";
	position: absolute;
	top: calc(50% - 15px);
	left: 0;
	border: 15px solid transparent;
    border-left-width: 15px;
    border-left-style: solid;
    border-left-color: transparent;
 	border-left-width: 15px;
 	border-left-style: solid;
 	border-left-color: transparent;
 	border-left: 5px solid #4e95d9;
 	z-index: 2;
}
.exTable .step2 {
	background: #215f9a;
}
.exTable .step3:before {
	content: "";
	position: absolute;
	top: calc(50% - 15px);
	left: 0;
	border: 15px solid transparent;
    border-left-width: 15px;
    border-left-style: solid;
    border-left-color: transparent;
 	border-left-width: 15px;
 	border-left-style: solid;
 	border-left-color: transparent;
 	border-left: 5px solid #215f9a;
 	z-index: 2;
}
.exTable .step3 {
	background: #104862;
}

@media screen and (max-width: 767px) {
	.exTable {
		margin: 0;
		
	}	
}

/*---------------------------------------------------
レポート例（エース記事）
---------------------------------------------------*/

.ny_aceAra {
	padding: 25px 50px 100px; 
}

@media screen and (max-width: 767px) {
	.ny_aceAra {
		padding: 50px 20px 50px; 
	}	
}

/*---------------------------------------------------
オウンドメディア支援メニュー
---------------------------------------------------*/

.ny_mnuAra {
	padding: 0 20px 150px;
}

.mnuPrc {
	background: #eee;
	padding: 20px;
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
}

.mp01 {
	color: #215f9a;
	font-size: 3.4rem;
}

.mp02 {
	font-size: 2rem;
}

.mp03 {
	font-size: 1.4rem;
}

.mpTable {
width: 100%;
	margin: 0 0 20px;
}

.mpTable .ex {
	border: 2px solid #215f9a;
	padding: 20px;
	font-size: 2rem;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

.mpTable th.tm {
	background: #215f9a;
	color: #fff;
	padding: 20px;
	font-size: 1.8rem;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	border-bottom: 2px solid #fff;
}

.tm.lst {
	border-bottom: none!important;
}

.mpTable td {
	border: 2px solid #215f9a;
	border-top: 2px solid #fff;
	padding: 20px;
	font-size: 1.6rem;
	font-weight: bold;
	vertical-align: middle;
	position: relative;
}

.mpTable td.fst {
	border-top: 2px solid #215f9a!important;
}

.mpTable td span {
	position: absolute;
	font-size: 1.2rem;
	bottom: 0;
	left: 20px;
}

.center {
	text-align: center;
}

.mnuMsg {
	font-size: 3rem;
	text-align: center;
	font-weight: bold;
	margin: 50px auto 0px;
	color: #c00;
	padding: 30px;
	border: 3px double #c00;
	display: inline-block;
}

@media screen and (max-width: 767px) {
	.ny_mnuAra {
		padding: 0 20px 50px;
	}

	.mnuPrc {
		padding: 15px;
		margin-bottom: 20px;
	}

	.mp01 {
		font-size: 2.8rem;
	}

	.mp02 {
		font-size: 1.4rem;
	}

	.mp03 {
		font-size: 1.1rem;
	}

	.mpTable {
		display: block;
	}
	
	.mpTable tr,
	.mpTable th,
	.mpTable td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	.mpTable .ex {
		padding: 10px;
	}

	.mpTable th.tm {
		padding: 10px;
	}

	.tm.lst {
		border-bottom: none!important;
	}
	
	.mpTable {
		border-top: none!important;
		border-left: none!important;
		border-right: 2px solid #215f9a!important;
		border-bottom: 2px solid #215f9a!important;
	}
	
	.mpTable th,
	.mpTable td {
		padding: 10px;
		border-top: 2px solid #215f9a!important;
		border-left: 2px solid #215f9a!important;
		border-right: none!important;
		border-bottom: none!important;
		font-size: 1.2rem;
	}

	.mpTable td span {
		position: relative;
		bottom: auto;
		left: auto;
	}

	.center {
		text-align: center;
	}

	.mnuMsg {
		font-size: 1.8rem;
		margin: 30px auto 0px;
		padding: 15px;
	}	
}


















/*---------------------------------------------------
事例
---------------------------------------------------*/

.ny_omCas .pctb .ny_cntLst  {

	margin: 0 auto;
	display: block;
}

.ny_omCas .pctb .ny_cntLst li {
	width: 100%;
	display: block;
	margin-left: 0;
	margin-right: 0;
}

.ny_omCas .pctb .ny_cntLst li .ny_cntLstBox {
	display: flex;
}

.ny_omCas .pctb .ny_cntLst li .ny_cntLstImg {
	width: 40%;
}

.ny_omCas .pctb .ny_cntLst li .ny_cntLstImg img {
	position: relative;
	top: auto;
	left: auto;
	object-fit: fill;
	width: 100%;
	height: auto;
	margin: 0;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 10px;
}

.ny_omCas .pctb .ny_cntLst li .ny_cntLstImg::before {
	display: none;
}

.ny_omCas .pctb .ny_cntLst li .ny_cntDtaLstBox {
	width: 57%;
	margin: 0 0 0 3%;
}

.ny_omCas .sp .swiperCase .ny_cntLstImg img {
	position: relative;
	top: auto;
	left: auto;
	object-fit: fill;
	width: 100%;
	height: auto;
	margin: 0;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 10px;
}

.ny_omCas .sp .swiperCase .ny_cntLstImg::before {
	display: none;
}

.ny_omCas .ny_cntDtaLstTtl {
	background: none;
	padding: 0;
}

.ny_omCas .ny_cntDtaLstTyp {
	/*
	display: inline-block;
	padding: 5px 13px 6px;
	margin-bottom: 5px;
	width: 180px;
	*/
	text-align: left;
	color: #222;
	background: none;
	font-size: 1.6rem;
	font-weight: bold;
}

.ny_omCas .ny_cntDtaLstTxt {
	/*
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	*/
	width: 100%;
	padding: 15px;
	background: #f6f6f6;
	border-radius: 5px;
	margin-top: 5px;
	margin-bottom:5px;
}

.ny_omCas .ny_cntDtaLst li {
	border-bottom: none;
	padding-bottom:0px;
}