@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
.pageTtl h2 {
	top: 18% !important; /*他ページと違い2行あるので高さ調整用*/
}

#conts .heading02 {
	margin-bottom: 45px;
}

#conts p {
	margin-bottom: 40px;
	line-height: 2;
}

#conts .lastconts{
	margin-bottom: 65px;/*まとめとの間の間隔*/
}

#conts .section{
	margin-bottom: 40px;
}

#conts .section .phoBox{
	margin-bottom: 40px;
	text-align:center;
}

#conts .section .phoBox01{
	margin: 0 0 20px 40px;
	width: 235px;
	float: right;
}


/*------------------------------------------------------------
	メリット・デメリット
------------------------------------------------------------*/
#conts .comArrowBox {
	margin-bottom: 70px;
}

#conts .comArrowBox .numList li {
	padding: 0 0 15px;
	text-indent: 0;
	line-height: 1.6;
}

#conts .comArrowBox01 {
	margin-bottom: 45px;
	padding: 40px;
	background-image: url(../img/common/arrow02.png);
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .comArrowBox {
		margin-bottom: 35px;
		padding: 20px;
	}

	#conts .comArrowBox .numList li {
		letter-spacing: -0.5px;
		padding-bottom: 10px;
		line-height: 1.4;
	}
}

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



@media all and (min-width: 0) and (max-width: 767px) {
	
	.pageTtl h2 .type2 {
		height: 38px; /*h2_imgが2行のため高さ調整用*/
	}
	
	.pageTtl h2 .type3 {
		width: 260px; /*h2_imgが長いため幅調整用*/
	}
	
	#conts .heading02 {
		margin-bottom: 27px;
	}

	#conts p {
		margin-bottom: 13px;
		line-height: 1.9;
	}
	
	#conts .lastconts{
		margin-bottom: 34px;/*まとめとの間の間隔*/
	}
	
	#conts .section{
		margin-bottom: 13px;
	}
	
	#conts .section .phoBox{
		margin-bottom: 13px;
	}
	
	#conts .section .phoBox img{
		width: 100%;
	}
	
	#conts .section .phoBox01{
		float: none;
		width: 100%;
		margin: 0 0 13px 0;
		text-align: center;
	}
	
	#conts .section .phoBox01 img{
		width: 50%;
		margin: 0 auto;
	}

@media all and (min-width: 0) and (max-width: 374px) {
}