/*====================================================================================*/
/* Common
/*====================================================================================*/

/*====================================================================================*/
/* PC 
/*====================================================================================*/
.pageWrapper{
	padding: 60px;
	padding-top: 120px;
}
.pageWrapper > .title{
	font-size: 150%;
	margin-bottom: 50px;
	margin-left:-60px;
}
.pageWrapper > .title:before{
	width:40px;
	margin-right:10px;
	height:1px;
	background:black;
	content:" ";
	display:inline-block;
}
.pageWrapper > .title > *{
	display:inline-block;
}
.pageWrapper > .contentsWrapper{

}
.pageWrapper > .contentsWrapper > .listWrapper{

}
.pageWrapper > .contentsWrapper > .listWrapper > .list{
	margin-bottom: 20px;
	border-bottom: solid 0.5px #CCCCCC;
	padding-bottom: 20px;
}
.pageWrapper > .contentsWrapper > .listWrapper > .list > .title{
	width:140px;
	display:inline-block;
	vertical-align: top;
	margin-right:20px;
}
.pageWrapper > .contentsWrapper > .listWrapper > .list > .text{
	width:calc(100% - 170px);
	display:inline-block;
}

/*====================================================================================*/
/* スマフォ縦表示
/*====================================================================================*/
/* ipad pro? */
@media only screen and (max-width: 1024px) and (orientation:portrait){
	.pageWrapper {
		padding: 80px 40px;
	}
	.pageWrapper > .contentsWrapper > .listWrapper > .list > .title {
		margin-bottom:30px;
		
	}
	.pageWrapper > .contentsWrapper > .listWrapper > .list > .text {
		width: calc(100% - 0px);
	}
	.pageFooterWrapper{
		padding:0 30px;
	}

}
/*====================================================================================*/
/* スマフォ　横表示
/*====================================================================================*/
@media only screen and (max-width: 1024px) and (orientation:landscape){
}

