@charset "utf-8";
/* CSS Document */

/* 左サイド 調整 */
#main_left{
	margin-top: 25px;
}
/* 右サイド 調整 */
#main_right {
	margin-top: 43px;
}

/*----------------------- マーケティング -----------------------*/

/* マーケティング 全体 */
#marketing_body{
	background-color: #fff;
	overflow: hidden;
}

.banner_shadow_box_b .banner_shadow svg {
	width: 400px;
}

/* マーケティング 概要 */
#marketing_overview{
	width: auto;
	margin: 30px 30px 40px 30px;
}
#marketing_overview_title {
	margin: 0 0 20px 0;
	font-size: 24px;
	line-height: 1.4em;
	font-weight:bold;
}
#marketing_overview_note {
	margin: 10px 20px 20px 20px;
}

/* マーケティング　内容 */
#marketing_contents {
	width: auto;
	margin: 20px 30px 20px 30px;
}

/* マーケティング　キャプション */
.marketing_caption_info{
	position: relative;
	padding: .75em 2.6em .75em 2.6em;
	background-color: #f0f0f0;
	background-image: url(../img/pen2.png);
	background-repeat: no-repeat;
	border-radius: 6px;
	width: calc(100%-5.2em);
	margin: 0 auto;
}
.marketing_caption_info::after{
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f0f0f0;
}

/* 共通 ボックス */
.marketing_contents_box {
	margin: 30px 20px 30px 20px;
}

/* CDBリサーチの特長 */
.marketing_feature_box{
	padding: 15px 15px;
	background-color: #ffe9a9;
	border-radius: 6px;
	width: 85%;
	margin: 10px auto;
}
.marketing_feature_title{
	margin: 5px 0 0 10px;
}
.marketing_feature_title span{
	background: linear-gradient(transparent 60%, #FFc09A 60%);
	font-size: 16px;
	font-weight: 900;
}
.marketing_feature_note{
	margin: 10px 28px 10px 28px;
	font-size: 14px;
	line-height: 15px;
}

/* What’s the Marketing Research */
.marketing_research_frame{
	margin: 5px 2px 5px 2px;
	width: 174px;
	float: left;
}
.marketing_research_title{
	padding: 20px 10px 5px 10px;
	background-color: #bee0ce;
	border-radius: 6px 6px 0 0;
	width: 154px;
	height: 50px;
	text-align: center;
}
.marketing_research_title h3{
	margin: 0;
}
.marketing_research_note{
	position: relative;
	padding: 10px 10px 10px 10px;
	background-color: #f0f0f0;
	border-radius: 0 0 6px 6px;
	width: 154px;
	height: 80px;
}

/* テーブル共通 */
.marketing_research_table{
	margin: 20px 20px 20px 20px;
	border-collapse: collapse;
	border: 1px solid black;
}
.marketing_research_table td{
	padding: 10px 10px 5px 10px;
	border: 1px solid black;
}
.marketing_research_table .td_head{
	background-color: #bee0ce;
	font-weight: 900;
	font-size: 16px;
}
.marketing_research_table .td_title{
	width: 210px;
	font-weight: 900;
}
.marketing_research_table .td_title a{
	color: red;
	text-decoration:none;
}

.marketing_contents_title {
	margin: 10px 0 10px 5px;
}
.marketing_contents_title span {
	background: linear-gradient(transparent 60%, #ffdc00 60%);
	font-size: 16px;
}
.marketing_contents_note {
	padding: 1px 10px 0px 10px;
}
.marketing_trend_box_left{
	width: 70%;
	float: left;
}
.marketing_trend_box_right{
	width: 30%;
	float: left;
}
.marketing_trend_box_right img{
	width: 98%;
}

.marketing_chart_box_left{
	width: 50%;
	float: left;
}
.marketing_chart_box_right{
	width: 50%;
	float: left;
}
.marketing_chart_box_right img{
	width: 48%;
}

.marketing_faq_box{
	margin: 0 22px 20px 22px;
}
.marketing_faq_number{
	width: 30px;
	margin-left: 10px;
	float: left;
}
.marketing_faq_text{
	width: calc(100% - 50px);
	margin-right: 10px;
	float: left;
}
.marketing_faq_title{
	color: red;
	font-weight: 900;
}
.marketing_faq_line {
	border-top: 1px solid #000000;
	border-bottom: 0;
}
.marketing_faq_note{
	color: black;
	font-size: 14px;
}

.marketing_contents_box ul {
	padding-left: 20px;
}



.tab{
	margin: 10px 22px 20px 22px;
}

.index{
	position: relative;
	padding: .75em 1em;

	width: 20%;
	
	margin: 10px 5px 0 5px;
	text-align: center;
	float: left;
}

.index:hover{
	color: #ff0000;
}

.index2{
	position: relative;
	padding: .75em 1em;
	background-color: #f0f0f0;
	border-radius: 6px;
	width: 20%;
	height: 80px;
	margin: 0 5px 10px 5px;
	float: left;
}
.index2::after{
	position: absolute;
	top: 100%;
	content: '';
	width: 0;
	height: 0;
	border: 75px solid transparent;
	border-top: 20px solid #bee0ce;
}

.red{
	color: red;	
}

.size16{
	font-size: 16px;
	font-weight:bold;
}

.photo{
	margin: 0 10px 0 20px;
	width: 200px;
	float: left;
}

.photo2{
	margin: 0 10px 0 0;
	width: 200px;
	float: left;
}

.note1{
	width: 500px;
	margin-left: 15px;
	float: left;
}

.note2 {
	width: 290px;
	margin-left: 10px;
	float: left;
}

#section5{
	margin-bottom: 25px;
}

/*-------------- 会社概要 レスポンシブ対応 ---------------*/

@media screen and (max-width: 1156px) {
	.marketing_research_frame{
		width: calc(50% - 20px);
	}
	.marketing_research_title{
		width: calc(100% - 20px);
	}
	.marketing_research_note{
		width: calc(100% - 20px);
		height: 60px;
	}
}
@media screen and (max-width: 900px) {
	.marketing_research_frame{
		width: 174px;
	}
	.marketing_research_title{
		width: calc(100% - 20px);
	}
	.marketing_research_note{
		width: calc(100% - 20px);
		height: 80px;
	}
}
@media screen and (max-width: 850px) {
	.marketing_research_frame{
		width: calc(50% - 20px);
	}
	.marketing_research_title{
		width: calc(100% - 20px);
	}
	.marketing_research_note{
		width: calc(100% - 20px);
		height: 60px;
	}
}
@media screen and (max-width: 660px) {
	.marketing_chart_box_left{
		width: 100%;
	}
	.marketing_chart_box_right{
		width: auto;
		text-align: center;
	}
}
@media screen and (max-width: 650px) {
	#marketing_overview {
		margin: 30px auto 20px auto;
		max-width: 570px;
	}
	#marketing_contents {
		margin: 20px auto 20px auto;
		max-width: 570px;
	}
}
@media screen and (max-width: 590px) {
	#marketing_overview {
		margin: 30px 10px 20px 10px;
	}
	#marketing_contents {
		margin: 20px 10px 20px 10px;
	}
	.marketing_research_frame{
		width: calc(100% - 20px);
	}
	.marketing_research_title{
		width: calc(100% - 20px);
	}
	.marketing_research_note{
		width: calc(100% - 20px);
	}
	.marketing_trend_box_left{
		width: 100%;
	}
	.marketing_trend_box_right{
		width: auto;
	}
	.marketing_contents_box {
		margin: 30px auto 30px auto;
		max-width: 490px;
	}
	.marketing_research_table .td_title{
		width: 50%;
	}
}
@media screen and (max-width: 550px) {
	.marketing_contents_box {
		margin: 30px 5px 30px 5px;
		max-width: 490px;
	}
	.marketing_faq_box{
		margin: 0 auto 20px auto;
		max-width: 445px;
	}
	.marketing_research_table{
		width: 450px;
		margin: 20px auto 20px auto;
	}
}
@media screen and (max-width: 510px) {
	.marketing_faq_box{
		margin: 0 0 20px 0;
	}
	.marketing_research_table{
		width: auto;
		margin: 20px 5px 20px 5px;
	}
}
@media screen and (max-width: 460px) {
	.banner_shadow_box_b .banner_shadow svg {
		width: 340px;
	}
	.banner_shadow_box_b .banner_shadow .banner_shadow_text_back {
		font-size: 30px;
		stroke-width: 7px;
	}
	.banner_shadow_box_b .banner_shadow .banner_shadow_text_fore {
		font-size: 30px;
		stroke-width: 0.2px;
	}
	.banner_shadow_icon img{
		width: 50px;
	}
}