@charset "utf-8";

#yri-cat h1.h1cons_img{
	position: relative;
	border:none;
	font-size:24px;
	font-weight:bold;
	line-height:130%;
	height:240px;
	margin-left:20px;
}
	#yri-cat h1.h1cons_bg01{
		color:#ffffff;
		background:url(../img/cons/img_top01.png) left top no-repeat;
	}
	#yri-cat h1.h1cons_bg02{
		color:#2f3279;
		background:url(../img/cons/img_top02.png) left top no-repeat;
	}
	#yri-cat h1.h1cons_img span{
		position: absolute;
		top:40%;
		left:40px;
	}
#yri-cat h2.h2cons{
	margin-bottom:20px;
	padding-bottom:0;
	color:#2f3279;
	font-size:24px;
	font-weight:bold;
	line-height:130%;
}
#yri-cat h3.h3cons{
	border:none;
	margin:35px 18px 20px 18px;
	padding:10px 20px;
	font-size:18px;
	font-weight:bold;
	line-height:130%;
	color:#2f3279;
	background:#ebf4fd;
	border-radius:5px;
}
#yri-cat h4.h4cons{
	border:none;
	margin:0;
	padding:5px 0 10px 0;
	border-bottom:1px solid #dddddd;
}
#yri-cat .wd30{
	width:30%;
}
#yri-cat .wd48{
	width:48%;
}
#yri-cat .wd50{
	width:50%;
}
#yri-cat .wd52{
	width:52%;
}
#yri-cat .wd70{
	width:70%;
}
#yri-cat .wd100{
	width:99%;

}#yri-cat .mt20{
	margin-top:20px;
}
#yri-cat .mt35{
	margin-top:35px;
}

@media screen and (max-width: 640px) {
	#yri-cat h1.h1cons_img{
		background:url(../img/cons/img_top.png) right top no-repeat;
		margin-left:0;
	}
		#yri-cat h1.h1cons_bg01{
			background:url(../img/cons/img_top01.png) right top no-repeat;
		}
		#yri-cat h1.h1cons_bg02{
			background:url(../img/cons/img_top02.png) right top no-repeat;
		}
}
@media screen and (max-width: 480px){
	#yri-cat h1.h1cons_img{
		margin-left:0;
	}
	#yri-cat h1.h1cons_bg01{
		background:url(../img/cons/img_top01.png) right top no-repeat;
	}
	#yri-cat h1.h1cons_bg02{
		background:url(../img/cons/img_top02.png) center top no-repeat;
	}
		#yri-cat h1.h1cons_img span{
			left:5%;
		}
	#yri-cat h3.h3cons{
		margin:35px 14px 20px 14px;
	}
	#yri-cat .wd50{
		width:100%;
	}
}

/* ---------------------------
	Flexコンテナ
	縦の揃え
--------------------------- */
#yri-cat .consBox{
	position: relative;
	margin-left:15px;
	margin-right:15px;
	display: flex;	/* フレックスボックスにする */
	align-items:stretch;	/* 縦の位置指定 */
}
	#yri-cat .consflex{
		margin:5px;
		padding:10px 15px;
	}
	#yri-cat .cfbd{
		border:1px solid #dddddd;
		border-radius:5px;
	}

@media screen and (max-width: 480px){
	#yri-cat .consBox{
		display: block;	/* フレックスボックス解除*/
	}
		#yri-cat .consflex{
			margin:0;
			margin-bottom:8px;
		}
}

/* ---------------------------
	課題に沿ったサービス
--------------------------- */
	#yri-cat .consUL,
	#yri-cat .consULnv{
		margin:0;
		padding:15px 10px 10px 0;
		list-style:  none;
		margin-left: 1em;
		text-indent: -1em;
	}
		#yri-cat .consUL li,
		#yri-cat .consULnv li{
			padding-top:4px;
			padding-bottom:4px;
		}
			#yri-cat .consUL li:before{
				content: "";
			    width:10px;
			    height:10px;
			    display:inline-block; 
			    background-color:#ffffff;
				border:2px solid #cccccc;
			    border-radius:50%;
			}
			#yri-cat .consULnv li:before{
				content: "";
			    width:10px;
			    height:10px;
			    display:inline-block; 
			    background-color:#ffffff;
				border:2px solid #2f3279;
			    border-radius:50%;
			}
		#yri-cat .consULnv li{
			color:#2f3279;
			font-weight:bold;
		}
	#yri-cat .consArrowPc,
	#yri-cat .consArrowSp {
		color:#2f3279;
		background:#ffffff;
		font-size:180%;
	}
	#yri-cat .consArrowPc {
		position: absolute;
		top:48%;
		left:48.5%;
	}
	#yri-cat .consArrowSp {
		display:none;
	}

@media screen and (max-width: 480px){
		#yri-cat .consArrowPc {
			display:none;
		}
		#yri-cat .consArrowSp {
			display:inline;
			position: absolute;
			left:49%;
		}
}

/* ---------------------------
	サービス資料ダウンロード
--------------------------- */
#yri-cat .consDL{
	margin:30px 20px 30px 20px;
	border:2px solid #dddddd !important;
	border-radius:5px;
	height:284px;
}
	#yri-cat .consDL .consDLimg{
		float:left;
		height:280px;
	}
		#yri-cat .consDL .consDLimg img{
			width: 100%;
			height: 100%;
		}
	#yri-cat .consDL .consDLbox{
		float:right;
		height:280px;
		background: linear-gradient(to right, #0480ab 0%, #084156 100%);
		border-top-right-radius:5px;
		border-bottom-right-radius:5px;
		text-align:center;
		color:#ffffff;
		padding:20px;
 	}
		#yri-cat .consDL .consDLbox .consDLtxt{
			margin-top:18px;
			font-weight:bold;
			font-size:16px;
	 	}
		#yri-cat .consDL .consDLbox .consDLbt{
			margin-top:14px;
			margin-bottom:10px;
	 	}
			#yri-cat .consDL .consDLbox .consDLbt a{
				position: relative;
				display:block;
				width:87%;
				height:90px;
				margin:0 auto;
				padding:4% 0 0 0;
				background:#ffffff;
				box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .5);
				border-radius:50px;
				color:#000000;
				font-weight:bold;
				text-align:left;
		 	}
			#yri-cat .consDL .consDLbox .consDLbt a:hover{
				background:#c5e2ec;
				color:#2f3279;
		 	}
			#yri-cat .consDL .consDLbox .consDLbt .iconPDF{
				position: absolute;
				top:30%;
				left:7%;
		 	}
			#yri-cat .consDL .consDLbox .consDLbt .consDLbt_txt01{
				position: absolute;
				top:26%;
				left:19%;
		 	}
			#yri-cat .consDL .consDLbox .consDLbt .consDLbt_txt02{
				position: absolute;
				top:26%;
				left:23%;
		 	}
		#yri-cat .consDL .consDLbox p{
			font-size:12px;
	 	}

@media screen and (max-width: 640px) {
	#yri-cat .consDL{
		margin:30px 10px 30px 10px;
		border:0;
		height:auto;
		background: linear-gradient(to bottom, #0480ab 0%, #084156 100%);
	}
		#yri-cat .consDL .consDLimg{
			float:none;
			width: auto;
			height:auto;
			margin-top:30px;
		}
			#yri-cat .consDL .consDLimg img{
				width: auto;
				height: auto;
				text-align:center;
			}
			#yri-cat .consDL .consDLimg img.consDLimgPD{
				padding:20px;
			}
		#yri-cat .consDL .consDLbox{
			float:none;
			width: auto;
			height:auto;
			background:none;
			border-top-right-radius:0;
			border-bottom-right-radius:0;
	 	}
			#yri-cat .consDL .consDLbox .consDLtxt{
				font-size:18px;
		 	}
			#yri-cat .consDL .consDLbox .consDLbt{
				margin-top:20px;
		 	}
				#yri-cat .consDL .consDLbox .consDLbt a{
					width:100%;
					height:90px;
					padding:4% 0 0 0;
			 	}
				#yri-cat .consDL .consDLbox .consDLbt .iconPDF{
					top:30%;
					left:10%;
			 	}
				#yri-cat .consDL .consDLbox .consDLbt .consDLbt_txt01{
					top:26%;
					left:23%;
			 	}
}
@media screen and (max-width: 480px){
	#yri-cat .consDL{
		margin:30px 10px 30px 10px;
		border:0;
		height:auto;
		background: linear-gradient(to bottom, #0480ab 0%, #084156 100%);
	}
		#yri-cat .consDL .consDLimg{
			float:none;
			width: auto;
			height:auto;
		}
			#yri-cat .consDL .consDLimg img{
				width: auto;
				height: auto;
				text-align:center;
			}
		#yri-cat .consDL .consDLbox{
			float:none;
			width: auto;
			height:auto;
			background:none;
			border-top-right-radius:0;
			border-bottom-right-radius:0;
	 	}
			#yri-cat .consDL .consDLbox .consDLtxt{
				font-size:18px;
		 	}
			#yri-cat .consDL .consDLbox .consDLbt{
				margin-top:20px;
		 	}
				#yri-cat .consDL .consDLbox .consDLbt a{
					width:100%;
					height:100px;
					padding:4% 0 0 0;
			 	}
				#yri-cat .consDL .consDLbox .consDLbt .iconPDF{
					top:30%;
					left:10%;
			 	}
				#yri-cat .consDL .consDLbox .consDLbt .consDLbt_txt01{
					top:15%;
					left:26%;
					padding-right:12%;
			 	}
				#yri-cat .consDL .consDLbox .consDLbt .consDLbt_txt02{
					left:26%;
			 	}
}

/* ---------------------------
	矢野経済研究所の強み
--------------------------- */
	#yri-cat .cfbg{
		background:#f6f6f6;
		border-radius:5px;
		width:50%;
	}
		#yri-cat .cons_feature{
			padding-top:20px;
			color:#b5c1cd;
			font-weight:bold;
		}
		#yri-cat .cfbg h3{
			border:none;
			margin:15px 0;
			font-size:18px;
			color:#2f3279;
			font-weight:bold;
		}
		#yri-cat .cfbg .featureTxt{
			margin:15px;
		}

@media screen and (max-width: 480px){
	#yri-cat .cfbg{
		width:100%;
		margin-bottom:20px;
	}
}

/* ---------------------------
	実際に支援した、具体的な事例
--------------------------- */
#yri-cat .consArea_bkGY{
	margin:30px 20px;
	padding:30px;
	background:#f6f6f6;
	border-radius:5px;
}
	#yri-cat .consArea_bkGY h3{
		border:none;
		margin:10px 0 0 -10px;
		padding:0;
		font-size:18px;
		color:#2f3279;
		font-weight:bold;
	}
	#yri-cat .consArea_bkGY .consBox_img{
		margin-left:5px;
		margin-right:5px;
	}
		#yri-cat .consArea_bkGY .consBox_img div{
			margin-top:5px;
			font-size:12px;
			color:#525252;
		}
	#yri-cat .consArea_bkGY .table{
		border-bottom:1px solid #dddddd;
	}
		#yri-cat .consArea_bkGY .table th{
			width:20%;
			padding-top:15px;
			padding-bottom:15px;
			color:#2f3279;
		}
		#yri-cat .consArea_bkGY .table td{
			width:80%;
			padding-top:15px;
			padding-bottom:15px;
		}

@media screen and (max-width: 640px) {
	#yri-cat .consArea_bkGY h3{
		margin-bottom:20px;
	}
	#yri-cat .consArea_bkGY .consBox_img{
		text-align:center;
	}
}
@media screen and (max-width: 480px){
	#yri-cat .consArea_bkGY{
		padding:30px 10px;
	}
		#yri-cat .consArea_bkGY h3{
			margin-bottom:20px;
		}
		#yri-cat .consArea_bkGY .consBox_img{
			text-align:center;
		}
		#yri-cat .consArea_bkGY .table th{
			width:23%;
			font-size:80%;
		}
		#yri-cat .consArea_bkGY .table td{
			width:77%;
		}
}

/* ---------------------------
	事業創造・コンサルティング・
	各種支援サービス
--------------------------- */
#yri-cat .cflink01,
#yri-cat .cflink02,
#yri-cat .cflink03,
#yri-cat .cflink04,
#yri-cat .cflink05,
#yri-cat .cflink06{
	position: relative;
	display:block;
	margin:5px;
	padding:3% 1% 3% 7%;
}
	#yri-cat a.cflink01,
	#yri-cat a.cflink02,
	#yri-cat a.cflink03,
	#yri-cat a.cflink04,
	#yri-cat a.cflink05,
	#yri-cat a.cflink06{
		display:block;
		color:#333333;
	}
		#yri-cat a.cflink01::before,
		#yri-cat a.cflink02::before,
		#yri-cat a.cflink03::before,
		#yri-cat a.cflink04::before,
		#yri-cat a.cflink05::before,
		#yri-cat a.cflink06::before{
			position: absolute;
			top:47%;
			right:3%;
			content: "\f13a";
		    font-family: FontAwesome;
			color:#2f3279;
			font-size:150%;
		}
	#yri-cat a.cflink01{
		background:url(../img/cons/bizSt01.png) left bottom no-repeat;
		background-size: auto 100%;
	}
	#yri-cat a:hover.cflink01{
		background:url(../img/cons/bizSt01.png) left bottom no-repeat #c0c1d7;
		background-size: auto 100%;
		opacity: 0.7;
	}
	#yri-cat a.cflink02{
		background:url(../img/cons/bizSt02.png) left bottom no-repeat;
		background-size: auto 100%;
	}
	#yri-cat a:hover.cflink02{
		background:url(../img/cons/bizSt02.png) left bottom no-repeat #c0c1d7;
		background-size: auto 100%;
		opacity: 0.7;
	}
	#yri-cat a.cflink03{
		background:url(../img/cons/bizSt03.png) left bottom no-repeat;
		background-size: auto 100%;
	}
	#yri-cat a:hover.cflink03{
		background:url(../img/cons/bizSt03.png) left bottom no-repeat #c0c1d7;
		background-size: auto 100%;
		opacity: 0.7;
	}
	#yri-cat a.cflink04{
		background:url(../img/cons/bizSt04.png) left bottom no-repeat;
		background-size: auto 100%;
	}
	#yri-cat a:hover.cflink04{
		background:url(../img/cons/bizSt04.png) left bottom no-repeat #c0c1d7;
		background-size: auto 100%;
		opacity: 0.7;
	}
	#yri-cat a.cflink05{
		background:url(../img/cons/bizSt05.png) left bottom no-repeat;
		background-size: auto 100%;
	}
	#yri-cat a:hover.cflink05{
		background:url(../img/cons/bizSt05.png) left bottom no-repeat #c0c1d7;
		background-size: auto 100%;
		opacity: 0.7;
	}
	#yri-cat a.cflink06{
		background:url(../img/cons/bizSt06.png) left bottom no-repeat;
		background-size: auto 100%;
	}
	#yri-cat a:hover.cflink06{
		background:url(../img/cons/bizSt06.png) left bottom no-repeat #c0c1d7;
		background-size: auto 100%;
		opacity: 0.7;
	}
		#yri-cat .cflink01 h3,
		#yri-cat .cflink02 h3,
		#yri-cat .cflink03 h3,
		#yri-cat .cflink04 h3,
		#yri-cat .cflink05 h3,
		#yri-cat .cflink06 h3{
			display:block;
			margin:0 0 15px;
			padding:0;
			background:none;
			font-size:16px;
		}
		#yri-cat .cflink01 p,
		#yri-cat .cflink02 p,
		#yri-cat .cflink03 p,
		#yri-cat .cflink04 p,
		#yri-cat .cflink05 p,
		#yri-cat .cflink06 p{
			margin:0;
			padding:0;
		}
			#yri-cat .consULpn,
			#yri-cat .consULck{
				margin:0;
				padding:15px 10px 10px 0;
				list-style:  none;
				}
			#yri-cat .consULpn{
				margin-left: 1.4em;
				text-indent: -1.4em;
			}
				#yri-cat .consULpn li,
				#yri-cat .consULck li{
					padding-top:4px;
					padding-bottom:4px;
					color:#2f3279;
					font-weight:bold;
				}
					#yri-cat .consULpn li::before{
						content: "\f007";
					    font-family: FontAwesome;
						font-weight:normal;
						padding-right:5px;
					}
						#yri-cat .consULck li div{
							color:#333333;
							font-weight:normal;
							padding-left:22px;
						}
					#yri-cat .consULck li::before{
						content: "\f058";
					    font-family: FontAwesome;
						font-weight:normal;
						padding-right:5px;
					}

@media screen and (max-width: 480px){
	#yri-cat .cflink01,
	#yri-cat .cflink02,
	#yri-cat .cflink03,
	#yri-cat .cflink04,
	#yri-cat .cflink05,
	#yri-cat .cflink06{
		margin-bottom:20px;
	}
}

/* ---------------------------
	20230418
	コンサルティング
	サイトバナー
	menu_consulting.html
--------------------------- */
.side .side_consulting{
	width:100%;
	margin-top:10px;
	margin-bottom:20px;
	padding:0 15px 30px 15px;
	background:#ebf4fd;
	border-radius:5px;
	clear:both;
}
	.side .side_consulting_title{
		padding-top:25px;
		padding-bottom:15px;
		color:#2f3279;
		font-size:14px;
	}
	.side .side_consulting_txt{
		padding-top:10px;
		color:#525252;
		font-size:12px;
	}
	.side a:hover.banner_consulting{
		opacity: 0.6;
	}