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

/*/////////////////////////////////////////////////////////
file name: consulting.css
description: コンサルティングページ専用スタイルシート

1.コンサルティング概要
2.コンサルティング流れ・メニュー
3.CI戦略概要
4.CI戦略流れ・メニュー
5.キャンペーンプラン

///////////////////////////////////////////////////////// */

/* ===========  1.コンサルティング概要  =========== */



/*600px以上1000px以下タブレット縦*/
@media screen and (min-width: 600px) and (max-width: 1000px) {

p.consultingImg img {

}

}


/*599px以下スマホ縦横*/
@media screen and (max-width: 599px) {
p.consultingImg img {

}

}

/* ===========  2.コンサルティング流れ・メニュー  =========== */
.boxFlow01 {
	float: left;
	width: 50px;
	margin-right: 20px;
	background: url(../../system/images/index/arrow.gif) center bottom;
	text-align: center;
	padding-top: 15px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 300%;
}

.boxFlow02 {
	float: left;
	width: 570px;
}


.boxConsulFlow01 {
	width: 264px;
	float: left;
	padding: 0 10px;
	border-right: 1px dotted #d5d5d5;
}

.boxConsulFlow02 {
	width: 265px;
	float: left;
	padding: 0 10px;
}

.boxConsulFlow03 {
	width: 440px;
	float: left;
	margin-right: 20px;
}

.boxConsulFlow04 {
	width: 180px;
	float: left;
}

.titleConsulFlow01 {
	font-size: 142.9%;
	font-weight: bold;
	border-bottom: 3px solid #e5e5e5;
	padding-left: 10px;
	padding-bottom: 3px;
}

.titleConsulFlow02 {
	background: #d3e5f3;
	padding: 5px;
	font-weight: bold;
	text-align: center;
}

.titleConsulFlow03 {
	font-size: 114.3%;
	font-weight: bold;
	border-bottom: 3px solid #e5e5e5;
	padding-left: 10px;
	padding-bottom: 3px;
}

table.tbl-flow {
	border: 1px solid #034c88;
	border-collapse:collapse;
	width: 680px;
}

table.tbl-flow th {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2774b3), to(#034c88));
	background: linear-gradient(#2774b3, #034c88);
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #2774b3, #034c88);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF2774b3, endColorstr=#FF034c88);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF2774b3, endColorstr=#FF034c88)";
	color: white;
	font-size: 114%;
	font-weight: bold;
	text-align: center;
	border: 1px solid #034c88;
	border-bottom:none;
	vertical-align: middle;
	text-align: center;
	padding: 5px;
	width: 33%;
}

table.tbl-flow td {
	border: 1px solid #034c88;
	border-bottom:none;
	padding: 5px;
	width: 33%;
	vertical-align: top;
}

table.tbl-flow td h3 {
	text-align: center;
}

table.tbl-flow td p {
	margin-top: 10px;
}
	

/*600px以上1000px以下タブレット縦*/
@media screen and (min-width: 600px) and (max-width: 1000px) {

.boxFlow02 {
	width: 280px;
}


}


/*599px以下スマホ縦横*/
@media screen and (max-width: 599px) {
.boxFlow01, .boxFlow04 {
	margin-right: 0;
}

.boxFlow02 {
	float: right;
	margin-right: 0;
	width: 80%;
}

.boxConsulFlow01 {
	width: 100%;
	float: none;
	padding: 0;
	border-right: none;
}

.boxConsulFlow02 {
	width: 100%;
	float: none;
	padding: 0;
}

.boxConsulFlow03 {
	width: 100%;
	float: none;
	margin-right: 0;
}

.boxConsulFlow04 {
	width: 100%;
	float: none;
	text-align: center;
}


}

/* ===========  4.CI戦略流れ・メニュー  =========== */
.titleStep {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#f1f9fd));
	background: linear-gradient(#FFFFFF, #f1f9fd);
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #FFFFFF, #f1f9fd);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFf1f9fd);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFf1f9fd)";
	border: 1px solid #e5e5e5;
	color: #07508c;
	padding: 10px;
	font-size: 128.6%;
	font-weight: bold;
}

ul.list-step {
	margin-top: 15px;
}

ul.list-step li {
	margin-bottom: 5px;
	margin-left: 20px;
	float: left;
	width: 290px;
}

/*599px以下スマホ縦横*/
@media screen and (max-width: 599px) {
ul.list-step li {
	margin-bottom: 5px;
	margin-left: 20px;
	float: none;
	width: auto;
}

}

/* ===========  5.キャンペーンプラン  =========== */
.boxCampaign01 {
	width: 330px;
	float: left;
	margin-right: 20px;
}

.boxCampaign02 {
	width: 330px;
	float: left;
}

.blockImg {
	float: right;
	margin: 0 0 20px 20px;
}

.titleMerit {
	background: #eee url(../images/campaign/hd_merit.gif) 5px 5px no-repeat;
	padding: 12px 5px 5px 46px;
	border: 2px solid #e5e5e5;
	min-height: 25px;
	font-weight: bold;
	font-size: 128.6%;
}

table.tbl-service {
	border: 1px solid #034c88;
	border-collapse:collapse;
	width: 680px;
}

table.tbl-service th {
	border: 1px solid #aaaaaa;
	font-weight: bold;
	text-align: left;
	background: #f5f5f5;
	padding: 6px;
}

table.tbl-service th.hd {
	border: 1px solid #aaaaaa;
	font-weight: normal;
	text-align: center;
	background: #eeeeee;
	padding: 6px;
}
	
table.tbl-service th.service {
	border: 1px solid #aaaaaa;
	font-weight: bold;
	text-align: left;
	background: #044c86;
	color: #FFF;
	padding: 6px;
	width: 40px;
	vertical-align: middle;
}

table.tbl-service td {
	border: 1px solid #aaaaaa;
	text-align: left;
	padding: 6px;
}

table.tbl-comp {
	border: 1px solid #034c88;
	border-collapse:collapse;
	width: 680px;
}

table.tbl-comp th {
	border: 1px solid #aaaaaa;
	font-weight: bold;
	text-align: left;
	background: #f5f5f5;
	padding: 6px;
}

table.tbl-comp th.company {
	border: 1px solid #aaaaaa;
	font-weight: bold;
	text-align: center;
	background: #FFF;
	padding: 6px;
}

table.tbl-comp th.hd {
	border: 1px solid #aaaaaa;
	font-weight: normal;
	text-align: center;
	background: #eeeeee;
	padding: 6px;
}
	
table.tbl-comp th.service {
	border: 1px solid #aaaaaa;
	font-weight: bold;
	text-align: left;
	background: #044c86;
	color: #FFF;
	padding: 6px;
	width: 40px;
	vertical-align: middle;
}

table.tbl-comp td {
	border: 1px solid #aaaaaa;
	text-align: left;
	padding: 6px;
	text-align: center;
}

table.tbl-faculty {
	border: 1px solid #034c88;
	border-collapse:collapse;
	width: 680px;
}

table.tbl-faculty th {
	border: 1px solid #aaaaaa;
	font-weight: bold;
	text-align: left;
	background: #eeeeee;
	padding: 6px;
	vertical-align: middle;
}

table.tbl-faculty td {
	border: 1px solid #aaaaaa;
	text-align: left;
	padding: 6px;
	text-align: left;
}


ul.list-campFac {
	margin-left: 20px;
}

ul.list-campFac li {
	margin: 2px 0;
}


/*599px以下スマホ縦横*/
@media screen and (max-width: 599px) {

h1#mainImg img {
	width: 100%;
}

.spBlock {
	display: block;
}

.boxCampaign01 {
	width: 100%;
	float: none;
	margin-right: 0;
}

.boxCampaign02 {
	width: 100%;
	float: none;
}

.boxCampaign01 p img, .boxCampaign02 p img {
	width: 90%;
}


/*スマホ横*/
@media only screen and (max-device-width:480px) and (orientation:landscape) {
.spBlock {
	display: inline;
}

}