@charset "UTF-8";
/* ------------------------------
コンサルティング事例：個別
------------------------------ */

/* ページタイトルエリア */

.single-mall #main .pageTTL {
	margin:90px auto 45px auto;
	text-align: center;
}
.single-mall #main .pageTTL h3{
	max-width: 900px;
	margin:30px auto 0px auto;
	font-size: 29px;
	font-size: 2.9rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	line-height: 1;
	text-align: center;
}

.single-mall #main .pageTTL .opening{
	width: 270px;
	padding:10px;
	display: inline-block;
	color: #fff;
	font-size:14px;
	font-size:1.4rem;
	letter-spacing: 0.1em;
	line-height: 1;
	text-align: center;
	background-color: #1ec089;
}
.single-mall #main .pageTTL .opened{
	width: 270px;
	padding:10px;
	display: inline-block;
	color: #fff;
	font-size:14px;
	font-size:1.4rem;
	letter-spacing: 0.1em;
	line-height: 1;
	text-align: center;
	background-color: #a9a9a9;
}

/* 投稿エリア */
.single-mall  #main .picture{
	text-align: center;
	margin-bottom: 15px;
}
.single-mall  #main .picture img{
	width: 100%;
	height: auto;
}
.single-mall  #main .post{
	max-width: 700px;
	margin:0 auto 160px auto;
}
.single-mall  #main .post h4{
	margin:60px auto 15px auto;
	font-size: 22px;
	font-size: 2.2rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	line-height: 1.4;
}
.single-mall  #main .post p{
	letter-spacing: 0.05em;
	line-height: 2;
}

/*募集要綱*/
.single-mall  #main .information{
	padding:45px 50px 50px 50px;
	background-color: #fafafa;
	text-align: center;
}
.single-mall  #main .information h3{
	position: relative;
	margin-bottom: 70px;
	font-size: 22px;
	font-size: 2.2rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.2em;
	line-height: 1.6;
}
.single-mall  #main .information h3:before{
	position: absolute;
	bottom: -25px;
	left: 0;
	right: 0;
	margin: 0 auto;
	content: " ";
	border-bottom: solid 1px #000;
	width: 15px;
}
.single-mall  #main .information table{
	max-width: 600px;
	margin:0 auto;
	letter-spacing: 0.05em;
	line-height: 1.5;
}
.single-mall  #main .information th{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 20px;
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
}
.single-mall  #main .information td{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	text-align: left;
}

/*お問い合わせ*/
.single-mall  #main .inquiry{
	padding:45px 50px 60px 50px;
	background-color: #ebebeb;
	text-align: center;
}
.single-mall  #main .inquiry h3{
	position: relative;
	margin-bottom: 70px;
	font-size: 22px;
	font-size: 2.2rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.2em;
}
.single-mall  #main .inquiry h3:before{
	position: absolute;
	bottom: -25px;
	left: 0;
	right: 0;
	margin: 0 auto;
	content: " ";
	border-bottom: solid 1px #000;
	width: 15px;
}
.single-mall  #main .inquiry p{
	letter-spacing: 0.05em;
	line-height: 3;
}
.single-mall  #main .inquiry a.btn{
	display: inline-block;
	width: 375px;
	height: 60px;
	margin-top:40px;
	text-align: center;
	vertical-align: middle;
	line-height: 60px;
	border:solid 1px #000;

	transition: background-color 0.3s ease 0.1s;
	color: #000;
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	font-weight: bold;

	background-image: url(../img/arrow_black_right.png);
	background-repeat: no-repeat;
	background-size: auto 16px ;
	background-position: 95% 50%;
	transition: background-color 0.3s ease 0.1s;

}
.single-mall  #main .inquiry a.btn:hover{
	color: #000;
	background-color: #fff;
}

/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ1170px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */
@media only screen and (max-width: 1170px) {

/*募集要綱*/
.single-mall  #main .information{
	padding:40px 5% 50px 5%;
}

/*お問い合わせ*/
.single-mall  #main .inquiry{
	padding:45px 5% 60px 5%;
}


}



/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ768px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */

@media screen and (max-width: 768px){
.single-mall  #main .information{
	padding:40px 3% 50px 3%;
}

.single-mall  #main .inquiry{
	padding:45px 3% 60px 3%;
}


.single-mall  #main .inquiry a.btn{
	width: 100%;
}




}