@charset "utf-8";

div.terms{
	width:calc(100% - 20px);
	max-width:1080px;
	margin:80px auto;
	box-sizing:border-box;
}

h1.terms{
	height:auto;
	text-align:center;
	margin:0 auto 40px auto;
	font-size:2em;
	font-weight:bold;
	color:#006494;
	line-height: 1.5em;
}
	
	div.terms > div{
		background-color:#f5fdff;
		padding:40px 60px;
		box-sizing:border-box;
	}
	
	div.terms strong{
		display:block;
		line-height:1.5em;
		margin:40px auto 10px auto;
	}
	
	div.terms strong:first-child{
		margin:0 auto 10px auto;
	}
	
	div.terms p{
		font-weight:500;
		line-height:1.5em;
		margin:5px auto;
	}
	
	div.terms p.indent{
		margin:5px 0 5px 20px;
	}
	div.terms p.indent2{
		margin:5px 0 5px 40px;
	}
	
	div.terms div{
		margin:80px 0 0 0;
	}
	

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
smf
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media screen and (max-width:800px){
div.terms{
	margin:40px auto;
}
}
@media screen and (max-width:700px){
	div.terms > div{
		padding:20px;
	}
}

@media screen and (max-width:400px){
h1.terms{
	margin:20px auto 40px auto;
	font-size:1.5em;
}

div.terms{
	width:100%;
	padding:10px;
}

	div.terms > div{
		padding:20px;
	}
}