/*共通*/

.inner{
	margin:0 auto;
	width:100%;
	*zoom:1;
	*clear:right;
	
	
	padding:10px;
	padding-bottom:0;
	
	}
	
	.inner::after{
		content:"";
		display:block;
		clear:both;
	}
	.inner a{
		text-decoration:none;
		}

/*テーブル*/	
.table__text,	
.table__subTitle{	
	text-align:left;
	font-size:16px;
	font-weight:100;
	padding:8px 13px;
}

/*font-color*/

.fc-red{
	color:#630d52;
	
	}

/*ページヘッダー*/
.pageHeader{
	width:100%;
	padding:13px 20px 58px 20px;
	*zoom:1;
	
	/*add*/
	padding:10px 0;
	}
	.pageHeader::after{
		content:"";
		display:block;
		clear:both;
		
		}

.pageHeader__text{
	width:100%;
	float:none;
	}
.pageHeader__address{
	text-align:right;
	width:100%;
	float:none;
	

	}


.address__list{
	display:inline-block;
	padding:0;
	margin:0;
	line-height:100%;
	list-style:none;
	*zoom:1;
	
	
	/*add*/
	width:100%;
	padding:20px 20px;
	
}

.address__list::after{
	content:"";
	display:block;
	clear:left;
}

.address__item{
	float:left;
	
	
	
	
	/*add*/
	text-align:center;
margin-left:0px;
padding:0 5px;
width:50%;}

.address__item a{
	padding:0;
	margin:0;
	line-height:100%;
	text-decoration:none;
}


.address__btn{
	max-width:177px;
	padding:0;
	margin:0;
	line-height:100%;
	padding:13px 49px;
	text-align:center;
	color:#FFF;	
	background:#0d3563;

	font-size:16px;
	letter-spacing:1.6px;
	line-height:100%;

	
	display:block;
	
	transition:.5s;
	
	
	
	
	/*add*/
	width:100%;
	max-width:100%;
	padding:13px 10px;
	}
	
	.address__btn:hover{
			background:#630d52;

		
		
		}
	
	.address__btn a{
		

	}
	
	.address__item figure img{
		line-height:100%;
		padding:0;
		margin:0;
		
		max-width:100%;
		height:auto;
		}
	
/*ボタンの上下余白*/	
.address__btn--mt{
	margin-top:30px;
	
	}
		
.pageHeader__logo{
	
	width:100%;
	text-align:center;
	margin:0;
	padding:30px 0 15px 0;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	
	}
	
	
	.pageHeader__logo a{
		text-decoration:none;
		color:#000;
	}
	
	
.pageHeader__text{
	font-size:12px;
	color:#999;
	}

/*コンテンツエリア*/
.content{
	padding:85px 0 20px 0;
	
	}

	

	
	
.content__titleBlock{
	width:100%;
	}
	
	
	.tokusyu .content__title{
		
		margin-bottom:40px;}


.content__textBlock{
	width:100%;

	*zoom:1;
}


	
/*セクションタイトル*/	
.content__title{
	
	width:100%;
	margin:0;
	font-size:1.6em;
	font-weight:bold;
    text-align: center;
	
	
	margin-bottom:15px;
	
	}
	
	.content__title span{

		  display:block;
		  text-align:center;
		  position:relative;

		}
		
	.content__title span::after{

		position:absolute;
		top:-75;
		left:50%;
		margin-left:-30px;
		
		
	}
	
	





	
	.content__textBlock::after{
		content:"";
		display:block;
		clear:both;
	}	
	
.content__img{

	max-width:100%;
	
	}	
/*個別数字指定*/	
	 #num01.content__title span::after{
			content:url(../../img/titlenum-01.svg);
	}
	
	
	 #num02.content__title span::after{
			content:url(../../img/titlenum-02.svg);
	}
	
	 #num03.content__title span::after{
			content:url(../../img/titlenum-03.svg);
	}
	
	 #num04.content__title span::after{
			content:url(../../img/titlenum-04.svg);
	}
	
	 #num05.content__title span::after{
			content:url(../../img/titlenum-05.svg);
	}
	
	 #num06.content__title span::after{
			content:url(../../img/titlenum-06.svg);
	}
	
	 #num07.content__title span::after{
			content:url(../../img/titlenum-07.svg);
	}
	
	 #num08.content__title span::after{
			content:url(../../img/titlenum-08.svg);
	}
	 #num09.content__title span::after{
			content:url(../../img/titlenum-09.svg);
	}
	
	 #num10.content__title span::after{
			content:url(../../img/titlenum-10.svg);
	}
	
	
.content__mainImg{
	width:100%;
	height:auto;
	overflow:hidden;
	
	
	


	}	
	.content__mainImg img{
		width:100%;
		height:auto;
		margin-bottom:20px;
	}


.content__article{
	padding-bottom:30px;
	}
	
	
	
	.tokusyu .content__article{
		margin-top:20px;
		margin-bottom:20px;
		padding-top:200px;
		padding-bottom:30px;
		
		border-bottom:solid 1px #eee;
		
	}
	
	
	.sangen-img{
		background-image:url(../../img/sangen-img.png);
		background-position:center top;
		background-repeat:no-repeat;

}
		.inoue-img{
		background-image:url(../../img/inoue-img.png);
		background-position:center top;
		background-repeat:no-repeat;
	}
		.shinwa-img{
		background-image:url(../../img/shinwa-img.png);
		background-position:center top;
		background-repeat:no-repeat;
	}
	
/*記事の小見出し*/
.content__subTitle{
	font-size:1.4em;
	font-weight:100;
	margin:0;
	margin-bottom:20px;
	
	}

/*記事のテキスト*/
.content__text{
/*	font-size:16px;*/
	line-height:180%;
	letter-spacing:0.5;
	margin:0;
	margin-bottom:17px;
	
	}
/*記事の小文字*/
.content__subText{
	font-size:14px;

	}



.content__listBlock{
	border:solid 1px #eee;
	padding:10px 16px 10px 0px;
	border-radius:10px;
	background:#f8f8f8;
	margin-bottom:30px;
	}

/*記事のリスト*/
.content__list{

	
	
	}
	.content__item{
		margin:0 0 15px 0;
	}
	
	
/*ページの数字*/
.content__pageNumberArea{
	text-align:center;
	margin:0 auto;
	width:100%;
	
	}
	
	.content__pageNumber{}
	
	
	.content__pageNumber::before{
	
		margin:0;
		padding:0;
		line-height:100%;
		content:"―";
		margin-right:15px;
	}
	
	
	.content__pageNumber::after{
	
		margin:0;
		padding:0;
		line-height:100%;
		content:"―";
		margin-left:15px;
	}	
	
	
	
/*コンバージョンエリア*/	
	
.conversion{
	padding:10px 5px 20px 5px;
	background:#0d3563 url(../../img/pattern.png);
	
	}
	
/*中の白いエリア*/	
.conversion__block{
	width:100%;
	padding:20px;
	background:#fff;
	text-align:center;
	
	
	}
	/*挨拶キャッチ*/
.conversion__catch{
	font-weight:100;
	font-size:1.1em;
	margin-bottom:40px;
	line-height:150%;
	
	}
.conversion__list{
	width:100%;
	list-style:none;
	*zoom:1;
	margin:0;
	padding:0;
	
	position:relative;

	}

	.conversion__list::after{
		content:"";
		display:block;
		clear:both;
		
		}
	
	.conversion__item{
		padding:0 0px;
		float:none;
		width:100%;
		margin-bottom:15px;
		
		}
.conversion__item--line{
	
	border-right:
	}

/*cta*/
.conversion__item a{	
	font-size:16px;
	line-height:100%;
	text-decoration:none;
	}
.conversion__btn{
	padding:20px;
	text-align:center;
	color:#FFF;	
	background:#0d3563;
	border-bottom:solid 3px #000;
	transition:0.5s;

	}

.conversion__btn:hover{
	
	background:#630d52;
	}
	
	
	

	
	
	
/*メイン画像*/
.mainVisual{
	width:100%;
	height:594px;
	background:url(../../img/mainVisual.png);
	background-size:cover;
	background-position:61%;
	
	padding:0;
	margin:0;
	
	
	}
	
	
.mainVisual__catch{
	font-size:32px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	
	padding:0;
	margin:0;
	padding-top:80px;
	color:#fff;
	text-align:center
	}	
	
	
	
	
.mainVisual__catch span{
	height: 440px; 
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	text-align:left;
	
	line-height:170%;
	}	
	
	
	
/*フォーム*/	
.formArea{
	padding:20px 0; 
	width:100%;
	background:#f8f8f8;
	
	}	
	
	
.formArea__titleBlock{
	width:100%;
	float:none;
}
.formArea__formBlock{
	
	width:100%;
	float:none;
	

}
	
.formArea__title{
	margin:0;
	font-size:1.4em;
	font-weight:bold;
    text-align: center;
	
	}
	.formArea__title span{

		  
		  text-align:left;
		
		}
		
		
		
		
.formArea__text{
	font-size:18px;
	}	
	
.formArea__attention{
	color:#bd0000;
	font-size:14px;
	margin-right:7px;
}
	

/*フォームの装飾*/
.formArea__form{
	
	margin-top:60px;
	
	}


.formArea__item{
	margin-bottom:17px;
	
	
	}	
	
	.formArea__item label{
		display:inline-block;
		width:100%;
		margin-bottom:10px;
	}
	
	/*form入力エリアのスタイル*/
	.formArea__item input{
		
		width:80%;
		-webkit-appearance:none;
		border:solid 1px #ddd;
		
		padding:8px 9px;
		margin-bottom:15px;
	}
	
		input[type="submit"]{
			display:block;
			width:200px;
			margin:50px auto 0 auto;
			background:#0D3563;
			color:#fff;
			font-size:14px;
			padding:15px;
			transition:.5s;
			}
			input[type="submit"]:hover{
				background:#630d52;
				
				}
	
	.formArea__item textarea{
		width:100%;
		-webkit-appearance:none;
		border:solid 1px #ddd;
		
		padding:8px 9px;
		
		}
	
	
/*目次*/

.indexArea{
	padding:20px 0 10px 0;
	background:#f9f9f9;
}


.indexArea__block{
	width:100%;
	text-align:center;
	float:none;
	}
.indexArea__title{
	margin:0 auto;
	text-align:center;
	position:relative;
	padding-top:30px;
	
	font-size:36px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:100;
	
	}
	
	.indexArea__title::before{
		content:url(../../img/book.png);
		position:absolute;
		top:0;
		left:50%;
		margin-left:-20px;
	}
	.indexArea__ornament{
		font-size:10px;
		text-align:center;
		margin-bottom:42px;
		}
		.indexArea__ornament::before{
			margin-right:8px;
			content:"―";
		}
		.indexArea__ornament::after{
			margin-left:8px;
			content:"―";
			}
	
	
	
	

.indexArea__subTitle{
	text-align:left;
	margin:7px 0;
	
	/*add*/
	font-size:18px;
	padding-bottom:5px;
	
}


	
/*モバイル時のみシグニファイア設置*/	
	
	.indexArea__subTitle::after{		
		position:absolute;
		right:4px;
		content:url(../../img/arrow-on.svg);
	}
	
	.active.indexArea__subTitle::after{
		content:url(../../img/arrow-off.svg);
		
		}







/*目次リスト*/
.indexArea__item{
	text-align:left;
	margin-bottom:10px;
}


.indexArea__item a{
	color:#000;
	text-decoration:none;
	
}




/*フッター*/
.pageFooter{
	padding:20px 0;
	position:relative;
	
	
	
	}


.pageFooter__block{
	float:none;
	width:100%;
	}
	
	
.pageFooter__title{
	
	
	text-align:center;
	margin:0 auto;
	
	
	}	
	
.pageFooter__subTitle{
	width:100%;
	font-size:18px;
	/*add*/
	padding-bottom:10px;
	border-bottom:solid 1px #eee;
	position:relative;
	}	
	
	
/*モバイル時のみシグニファイア設置*/	
	
	.pageFooter__subTitle::after{		
		position:absolute;
		right:4px;
		content:url(../../img/arrow-on.svg);
	}
	
	.active.pageFooter__subTitle::after{
		content:url(../../img/arrow-off.svg);
		
		}
	
	
	
	
	.pageFooter__list{

		}
	.pageFooter__item{
		font-size:14px;
		margin-bottom:10px;
		}
		
		.pageFooter__item a{
			color:#000;
			font-size:16px;
			text-decoration:none;
			}


/*フッター用ロゴ*/

.pageFooter__logo{
	font-size:1.5em;
	text-align:center;
	margin:30px auto 0 auto;
	
	
	
	}

	.pageFooter__logo a{
		color:#000;
		text-decoration:none;
		
		}


/*料金表のテーブル*/	
.priceTable{
	width:100%;
	border:solid 1px #ddd;
	
	margin-bottom:10px;
	}

.priceTable .table__text,
.priceTable .table__subTitle{
	border:solid 1px #ddd;
	}
		
.priceTable .table__text{
		width:35%;
		}
		
		
/*会社案内のテーブル*/	
.companyTable{
	width:100%;
	
	margin-bottom:10px;
	}

.companyTable .table__text,
.companyTable .table__subTitle{
	padding:8px 0;
	
	}
.companyTable .table__subTitle{
	font-weight:bold;
	}	
.companyTable .table__subTitle{
		width:120px;
		}		
		


/*下層ページお問合せ完了*/

.tanaksArea{
	padding:40px 0;
	background:#f9f9f9;	
	
	}
.block{
	margin-top:30px;
	text-align:left;
	width:100%;
	padding:20px 10px;
	border:solid 1px #ddd;
	
	}

	
/*アクセシビリティ―用スタイル*/	
.accessibilityLink{
	position:absolute;
	top:-100px;
	}
	

/*コピーライト*/

.copy{
	width:100%;
	max-width:1200px;
	text-align:center;
	margin:30px auto 0 auto;
	letter-spacing:0.5px;
	
	padding-top:20px;
	border-top:solid 1px #eee;
	}


/*トップへ戻るボタン位置指定*/
.backToTop{
	position:absolute;
	right:40px;
	top:20px;
	
	
	display:none;
	
	}
	
	
/*ユーティリティ*/


.u-sp{
	display:inline;}
.u-pc{
	display:none;
	}	
	
	
@media only screen and (min-width: 981px) {

/*共通*/

.inner{
	margin:0 auto;
	max-width:1200px;
	*zoom:1;
	*clear:right;
	padding:0;
	
	}
	
	.inner::after{
		content:"";
		display:block;
		clear:both;
	}
	.inner a{
		text-decoration:none;
		}

/*テーブル*/	
.table__text,	
.table__subTitle{	
	text-align:left;
	font-size:16px;
	font-weight:100;
	padding:15px 25px;
}





/*ページヘッダー*/
.pageHeader{
	width:100%;
	padding:13px 20px 40px 20px;
	*zoom:1;
	}
	.pageHeader::after{
		content:"";
		display:block;
		clear:both;
		
		}

.pageHeader__text{
	width:50%;
	float:left;
	}
.pageHeader__address{
	text-align:right;
	width:50%;
	float:left;

	}


.address__list{
	display:inline-block;
	padding:0;
	margin:0;
	line-height:100%;
	list-style:none;
	*zoom:1;
	width:400px;
	
}

.address__list::after{
	content:"";
	display:block;
	clear:left;
}

.address__item{
	text-align:right;
	float:left;
	width:50%;
	
	}

.address__item a{
	padding:0;
	margin:0;
	line-height:100%;
	text-decoration:none;
}


.address__btn{
	max-width:177px;
	padding:0;
	margin:0;
	line-height:100%;
	padding:13px 49px;
	text-align:center;
	color:#FFF;	
	background:#0d3563;

	font-size:16px;
	letter-spacing:1.6px;
	line-height:100%;

	
	display:block;
	
	transition:.5s;
	}
	
	
/*送信完了ボタンのサイズ変更*/	
.tanaksArea	.address__btn{
	max-width:200px;
	padding:13px 20px;
	margin:50px auto 0 auto;
	
	
	}


	
	.address__btn:hover{
			background:#630d52;

		
		
		}
	
	.address__btn a{
		

	}
	
	.address__item figure img{
		line-height:100%;
		padding:0;
		margin:0;
		width:180px;
		
		}
	
/*ボタンの上下余白*/	
.address__btn--mt{
	margin-top:30px;
	
	}
		
.pageHeader__logo{
	text-align:center;
	margin:18px auto 0 auto;
	padding:0;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	display:inline-block;
	
	}
	.pageHeader__logo a{
		text-decoration:none;
		color:#000;
		}
	
.pageHeader__text{
	font-size:12px;
	color:#999;
	}

/*コンテンツエリア*/
.content{
	padding:40px 0;
	
	}

	

	
	
.content__titleBlock{
	width:50%;
	}
	
	
	
	/*制作実績など特殊レイアウト用スタイル*/
	.tokusyu .content__titleBlock{
	width:20%;
	}


.content__textBlock{
	width:50%;

	*zoom:1;
}

	.tokusyu .content__textBlock{
		
	width:80%;
	*zoom:1;
	}

	
/*セクションタイトル*/	
.content__title{
	
	width:222px;
	margin:0;
	font-size:36px;
	font-weight:100;
    text-align: center;
	
	}
	
	.content__title span{
		display:inline;
		  padding-top:75px;
		  -webkit-writing-mode: vertical-rl;
		  -moz-writing-mode: vertical-rl;
		  -ms-writing-mode: tb-rl;
		  -ms-writing-mode: vertical-rl;
		  writing-mode: vertical-rl;
		  
		  text-align:left;
		  position:relative;
		}
		
	.content__title span::after{

		position:absolute;
		top:0;
		left:50%;
		margin-left:-30px;		
	}
	
	





	
	.content__textBlock::after{
		content:"";
		display:block;
		clear:both;
	}	
/*個別数字指定*/	
	 #num01.content__title span::after{
			content:url(../../img/titlenum-01.svg);
	}
	
	
	 #num02.content__title span::after{
			content:url(../../img/titlenum-02.svg);
	}
	
	 #num03.content__title span::after{
			content:url(../../img/titlenum-03.svg);
	}
	
	 #num04.content__title span::after{
			content:url(../../img/titlenum-04.svg);
	}
	
	 #num05.content__title span::after{
			content:url(../../img/titlenum-05.svg);
	}
	
	 #num06.content__title span::after{
			content:url(../../img/titlenum-06.svg);
	}
	
	 #num07.content__title span::after{
			content:url(../../img/titlenum-07.svg);
	}
	
	 #num08.content__title span::after{
			content:url(../../img/titlenum-08.svg);
	}
	 #num09.content__title span::after{
			content:url(../../img/titlenum-09.svg);
	}
	
	 #num10.content__title span::after{
			content:url(../../img/titlenum-10.svg);
	}
	
	
.content__mainImg{
	width:374px;
	height:605px;
	border-radius:30px 0 30px 0;
	overflow:hidden;	
	
	
		/*アニメ用スタイル*/
	position:relative;



	}	
	.content__mainImg img{
		margin-bottom:0;
		
		}
	
	
	/*.content__mainImg::after{
		position:absolute;
		top:0;
		left:0;
		content:" ";
		width:100%;
		height:100%;
		z-index:9999;
		background:#fff;
		
		transition:.3s;
}


/*一時的にホバーでアニメ制御している　一時保留
.l-left.js-effect .content__mainImg::after{
	left:100%;
	}
.anime .content__mainImg::after{
	left:-100%;
	}*/

/*レイアウト切り替え*/

/*l-left 左にタイトル右にテキスト*/
.l-left .content__titleBlock{
	float:left;	
	
	}
	
	.l-left .content__title{
	float:left;}
	.l-left .content__mainImg{
	border-radius:30px 0 30px 0;
	float:right;
	}
	
	
	
.l-left .content__textBlock{
	float:right;
	padding-left:65px;
}



/*l-right 左にタイトル右にテキスト*/
.l-right .content__titleBlock{
	float:right;	
	
	}
	.l-right .content__title{
		float:right;
		}
	.l-right .content__mainImg{
		border-radius:0 30px 0 30px;
		float:left;
	}
	
	
.l-right .content__textBlock{
	float:left;
	padding-right:65px;
}

.content__article{
	padding-bottom:30px;
	}
	
	
		.tokusyu .content__article{
			padding-top:0;
			margin-top:0;
			margin-bottom:40px;
		padding-left:320px;
		padding-bottom:30px;
		
	}
	
	
	.sangen-img{
		background-image:url(../../img/sangen-img.png);
		background-position:left top;
		background-repeat:no-repeat;

}
		.inoue-img{
		background-image:url(../../img/inoue-img.png);
		background-position:left top;
		background-repeat:no-repeat;
	}
		.shinwa-img{
		background-image:url(../../img/shinwa-img.png);
		background-position:left top;
		background-repeat:no-repeat;
	}
	
	
/*記事の小見出し*/
.content__subTitle{
	font-size:26px;
	font-weight:100;
	margin:0;
	margin-bottom:33px;
	}

/*記事のテキスト*/
.content__text{
	font-size:16px;
	line-height:180%;
	letter-spacing:0.5;
	margin:0;
	margin-bottom:10px;
	
	}




/*記事のリスト*/
.content__list{

	
	}
	.content__item{
		margin:0 0 15px 0;
	}
	.content__item:last-child{
		margin-bottom:0;
		}
	
/*ページの数字*/
.content__pageNumber{
	text-align:right;
	margin:0 auto;
	max-width:1200px;
	
	
	}
	
	.content__pageNumber::before{
	
		margin:0;
		padding:0;
		line-height:100%;
		content:"あ";
		margin-right:15px;
	}
	
	
	
	
	
	
	
/*コンバージョンエリア*/	
	
.conversion{
	padding:96px 0 92px 0;
	background:#0d3563 url(../../img/pattern.png);
	margin-bottom:30px;
	
	}
	
/*中の白いエリア*/	
.conversion__block{
	width:100%;
	padding:67px 94px 47px 94px;
	background:#fff;
	text-align:center;
	
	
	}
	/*挨拶キャッチ*/
.conversion__catch{
	font-weight:100;
	font-size:22px;
	margin-bottom:60px;
	line-height:100%;
	
	}
.conversion__list{
	width:100%;
	list-style:none;
	*zoom:1;
	margin:0;
	padding:0;
	
	position:relative;

	}

	.conversion__list::after{
		content:"";
		display:block;
		clear:both;
		
		}
	
	.conversion__item{
		padding:0 60px;
		float:left;
		width:50%;
		margin-bottom:0px;
		
		}
.conversion__item--line{
	
	border-right:solid 1px #ddd;
	}

/*cta*/
.conversion__item a{	
	font-size:16px;
	line-height:100%;
	text-decoration:none;
	}
.conversion__btn{
	padding:20px;
	text-align:center;
	color:#FFF;	
	background:#0d3563;
	border-bottom:solid 3px #000;
	transition:0.5s;

	}

.conversion__btn:hover{
	
	background:#630d52;
	}
	
	
	

	
	
	
/*メイン画像*/
.mainVisual{
	width:100%;
	height:594px;
	background:url(../../img/mainVisual.png);
	background-size:cover;
	background-position:center;
	
	padding:0;
	margin:0;
	
	
	}
	
	
.mainVisual__catch{
	font-size:32px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	
	padding:0;
	margin:0;
	padding-top:80px;
	color:#fff;
	text-align:center
	}	
	
	
	
	
.mainVisual__catch span{
	height: 400px; 
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	text-align:left;
	
	line-height:140%;
	}	
	
	
	
/*フォーム*/	
.formArea{
	padding:98px 0 67px 0; 
	width:100%;
	background:#f8f8f8;
	
	}	
	
	
.formArea__titleBlock{
	width:230px;
	float:left;
}
.formArea__formBlock{
	
	width:970px;
	float:left;
	
	padding-left:52px;
}
	
.formArea__title{
		margin:0;
	font-size:28px;
	font-weight:100;
    text-align: center;
	
	}
	.formArea__title span{
				  -webkit-writing-mode: vertical-rl;
		  -moz-writing-mode: vertical-rl;
		  -ms-writing-mode: tb-rl;
		  -ms-writing-mode: vertical-rl;
		  writing-mode: vertical-rl;
		  
		  text-align:left;
		
		}
		
		
		
		
.formArea__text{
	font-size:18px;
	}	
	
.formArea__attention{
	color:#bd0000;
	font-size:14px;
	margin-right:7px;
}
	

/*フォームの装飾*/
.formArea__form{
	
	margin-top:60px;
	
	}


.formArea__item{
	margin-bottom:17px;
	
	
	}	
	
	.formArea__item label{
		display:inline-block;
		width:156px;
	}
	
	/*form入力エリアのスタイル*/
	.formArea__item input{
		
		width:400px;
		-webkit-appearance:none;
		border:solid 1px #ddd;
		
		padding:8px 9px;
	}
	
	
			input[type="submit"]{
			display:block;
			width:200px;
			margin:50px auto 0 auto;
			background:#0D3563;
			color:#fff;
			font-size:14px;
			padding:15px;
			transition:.5s;
			}
			input[type="submit"]:hover{
				background:#630d52;
				
				}
	
	
	
	.formArea__item textarea{
		-webkit-appearance:none;
		border:solid 1px #ddd;
		
		padding:8px 9px;
		width:750px;
		}
	
	
/*目次*/

.indexArea{
	padding:40px 0 25px 0;
	background:#f9f9f9;
	margin-bottom:30px;
}


.indexArea__block{
	width:50%;
	text-align:center;
	float:left;
	
	
	
	/*add*/
	

	}
.indexArea__title{
	margin:0 auto;
	text-align:center;
	position:relative;
	padding-top:38px;
	
	font-size:36px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:100;
	
	}
	
	.indexArea__title::before{
		content:url(../../img/book.png);
		position:absolute;
		top:0;
		left:50%;
		margin-left:-20px;
	}
	.indexArea__ornament{
		font-size:10px;
		text-align:center;
		margin-bottom:32px;
		}
		.indexArea__ornament::before{
			margin-right:8px;
			content:"――";
		}
		.indexArea__ornament::after{
			margin-left:8px;
			content:"――";
			}
	
	
	
	

.indexArea__subTitle{
	text-align:left;
	margin:25px 0 17px 0;
	padding:0;
}

/*モバイル時のシグニファイアを消す*/

.indexArea__subTitle::after{
	position:inherit;
	content:"";
	
	}



/*目次リスト*/
.indexArea__item{
	text-align:left;
	margin:7px 0;
}


.indexArea__item a{
	color:#000;
	text-decoration:none;
	
}




/*フッター*/
.pageFooter{
	padding:40px 0;
	position:relative;
	
	
	
	}


.pageFooter__block{
	float:left;
	width:33.3%;
	}
	

	
.pageFooter__title{
	display:none;	
	}	
	

	
.pageFooter__subTitle{
	font-size:16px;
	padding:0;
	border-bottom:none;
	}	
	
	
	
/*モバイル時のシグニファイアを消す*/

.pageFooter__subTitle::after{
	position:inherit;
	content:"";
	
	}
	
	
	
	.pageFooter__list{
		list-style:none;
		margin:0;
		padding:0;
		}
	.pageFooter__item{
		font-size:14px;
		margin-bottom:8px;
		}
		
		.pageFooter__item a{
			color:#000;
			font-size:14px;
			text-decoration:none;
			}


/*フッター用ロゴ*/

.pageFooter__logo{
	font-size:30px;
	text-align:center;
	margin:60px auto 0 auto;
	
	}

	
/*ページの数字*/
.content__pageNumber{
	text-align:right;
	margin:0 auto;
	margin-top:40px;
	max-width:1200px;
	
	
	}
	
	.content__pageNumber::before{
		margin:0;
		padding:0;
		line-height:100%;
		content:"――";
		margin-right:15px;
	}
	
	
	


/*料金表のテーブル*/	
.priceTable{
	width:100%;
	border:solid 1px #ddd;
	
	margin-bottom:10px;
	}

.priceTable .table__text,
.priceTable .table__subTitle{
	border:solid 1px #ddd;
	}
		
.priceTable .table__text{
		width:35%;
		}
		
		
/*会社案内のテーブル*/	
.companyTable{
	width:100%;
	
	margin-bottom:10px;
	}

.companyTable .table__text,
.companyTable .table__subTitle{
	padding:15px 0;
	
	}
.companyTable .table__subTitle{
	font-weight:bold;
	}	
.companyTable .table__subTitle{
		width:120px;
		}		
		
		
		
	/*ページの数字*/
.content__pageNumberArea{
	text-align:right;
	margin:0 auto;
	margin-top:40px;
	max-width:1200px;
	
	
	}
	
	.content__pageNumber::before{
		margin:0;
		padding:0;
		line-height:100%;
		content:"――";
		margin-right:15px;
	}
	
	
	.content__pageNumber::after{
		content:"";
		margin:0;
		padding:0;
	}

/*下層ページお問合せ完了*/

.tanaksArea{
	padding:40px 0;
	background:#f9f9f9;	
	
	}
.block{
	margin:0;
	text-align:center;
	width:100%;
	padding:40px 20px;
	border:solid 1px #ddd;
	
	}

/*アクセシビリティ―用スタイル*/	
.accessibilityLink{
	position:absolute;
	top:-100px;
	}
	

/*コピーライト*/

.copy{
	width:100%;
	max-width:1200px;
	text-align:center;
	margin:30px auto 0 auto;
	letter-spacing:0.5px;
	
	padding-top:30px;
	border-top:solid 1px #eee;
	}


/*トップへ戻るボタン位置指定*/
.backToTop{
	position:absolute;
	right:40px;
	top:20px;
	
	
	display:block;
	}
	
/*ユーティリティ*/


.u-sp{
	display:none;}
.u-pc{
	display:inline;
	}		
	
	
}