@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#main {
    margin: 0 auto 188px;
}

#conts .ttl{
	font-weight: bold;
	font-size: 1.7rem;
	margin-bottom: 42px;
}

#conts .ttl span{
	color: #2e70b0;
}

#conts .txtUl .box01{
	display: flex;
	align-items:center;
}

#conts .txtUl .txt01{
	width: 193px;
	color: #fff;
	font-weight: bold;
	font-size: 1.7rem;
	line-height: 1.6;
	text-align: center;
	padding-top: 2px;
	margin-right: 15px;
}

#conts .txtUl .txt02{
	font-size: 1.7rem;
	letter-spacing:3px; 
	font-weight: bold;
}

#conts .txtUl .merit{
	margin-bottom: 50px;
}

#conts .txtUl .merit .txt01{
	background: #ff9933;
}

#conts .txtUl .merit .txt02{
	color: #ff9933;
}

#conts .txtUl .demerit .txt01{
	background: #333333;
}

#conts .txtUl .demerit .txt02{
	color: #999999;
}

#conts .txtUl .box02{
	border: 10px solid #eef3f9;
	padding: 38px 22px 10px 11px;
}

#conts .txtUl .box02 li{
	margin-bottom: 32px;
	line-height: 2;
	font-size: 1.6rem;
	text-indent: -1.4rem;
	margin-left: 1.4rem;
}

#conts .txtUl .box02 li span{
	font-size: 10px;
	vertical-align: middle;
}

#conts .txtUl .merit .box02 li span{
	color: #ff9933;
}

#conts .txtUl .demerit .box02 li span{
	color: #333333;
}

#conts .sec01{
	margin-bottom: 130px;
}

#conts .sec02{
	margin-bottom: 140px;
}

#conts .sec02 > .txt{
	margin-bottom: 48px;
}

#conts .sec03 {
	margin-bottom: 144px;
}

#conts .sec03 > .txt{
	margin-bottom: 48px;
}

#conts .sec03 .txt span{
	font-weight: bold;
	color: #1c8dcb;
}

#conts .sec03 .demerit{
	margin-bottom: 46px;
}

#conts .sec03 > .txt:last-child{
	text-indent: -1em;
	margin-left: 1em;
}

#conts .sec04 li{
	border-top: 1px solid #e5e5e5;
	padding: 25px 12px 20px 30px;
}

#conts .sec04 li:last-child{
	border-bottom: 1px solid #e5e5e5
}

#conts .sec04 li p{
	line-height: 2;
	display: flex;
}

#conts .sec04 li p > span{
	font-size: 2.7rem;
	font-weight: bold;
	margin-right: 10px;
}

#conts .sec04 li p span span{
	font-size: 2.4rem;
}

#conts .sec04 li .qTxt{
	margin-bottom: 25px;
}

#conts .sec04 li .aTxt span{
	color: #2e70b0;
	padding-right: 15px;
}

@media all and (max-width: 767px) {
	#main {
		margin: 0 auto 105px;
	}

	#conts{
		margin: 0 20px;
	}

	#conts .ttl{
		margin-bottom: 24px;
	}
	
	#conts .ttl span{
	}

	#conts .txtUl .box01{
		justify-content: center;
	}

	#conts .txtUl .txt01{
		width: 190px;
		margin-right: 17px;
	}

	#conts .txtUl .txt02{
	}

	#conts .txtUl .merit{
	}

	#conts .txtUl .merit .txt01{
	}

	#conts .txtUl .merit .txt02{
	}

	#conts .txtUl .demerit .txt01{
	}

	#conts .txtUl .demerit .txt02{
	}

	#conts .txtUl .box02{
		margin: 0 -20px;
		border: 20px solid #eef3f9;
		padding: 27px 8px 18px 22px;
	}

	#conts .txtUl .box02 li{
		margin-bottom: 32px;
		line-height: 1.56;
		text-indent: -2rem;
		margin-left: 2rem;
	}

	#conts .txtUl .box02 li:last-child{
		margin-bottom: 0;
	}
	
	
	#conts .txtUl .box02 li span{
		font-size: 1.6rem;
		vertical-align: middle;
	}

	#conts .txtUl .merit .box02 li span{
		color: #ff9933;
	}

	#conts .txtUl .demerit .box02 li span{
		color: #333333;
	}

	#conts .sec01{
		margin-bottom: 108px;
	}

	#conts .sec02{
		margin-bottom: 107px;
	}

	#conts .sec02 > .txt{
		margin-bottom: 38px;
	}

	#conts .sec03 {
		margin-bottom: 107px;
	}

	#conts .sec03 > .txt{
		margin-bottom: 38px;
	}

	#conts .sec03 .txt span{
		font-weight: bold;
		color: #1c8dcb;
	}

	#conts .sec03 .demerit{
		margin-bottom: 38px;
	}

	#conts .sec03 > .txt:last-child{
		text-indent: -1em;
		margin-left: 1em;
	}

	#conts .sec03 > .ttl{
		letter-spacing: -0.5px;
	}
	
	#conts .sec04 li{
		border-top: 1px dashed #e5e5e5;
		padding: 30px 0;
	}

	#conts .sec04 li:last-child{
		border-bottom: 1px dashed#e5e5e5
	}

	#conts .sec04 li p{
		line-height: 1.625;
	}

	#conts .sec04 li p > span{
		margin-right: 8px;
	}

	#conts .sec04 li p span span{
	}

	#conts .sec04 li .qTxt{
		margin-bottom: 23px;
	}

	#conts .sec04 li .aTxt span{
		padding-right: 13px;
	}

}