@charset "utf-8";

.terms{
	margin:auto;
	margin-top: 40px;
	margin-bottom: 40px;
	padding:0 20% 0 20%
	
	
	}
.title{
	padding:10% 0 10% 0;
	background-image:url(../img/header.jpg);
	margin:0px 0px 50px 0;
	text-align:center;	
	}

.title h1{
	font-size:1.5em;
	margin:20px 0px 10px 0;
	color:#FFFFFF;	
	}

.main{
	margin:auto;
	/*padding:0 5% 0 5%*/
	padding: 10px;
	
}

.terms h2{
	
	font-size:1.3em;
	padding:30px 0 0 0;
	
	}
.terms p{
	
	font-size:1.1em;
	padding:10px;
	
	}
.terms .main p{
	padding:10px;
	}

.terms p span{
	
	font-size:1em;
	
	}

.terms ul{
	
    padding: 0px 10px;
	
	}

.terms li{
	
	font-size:1em;
	padding: 2px 5px;
    line-height: 1.7;
	
	}
/* CSS Document */

@media screen and (max-width:768px) {
.terms {
    margin-top: 0px;
    padding: 0 10%;
}
}
@media screen and (max-width:414px) {
h3.headline {
    margin-bottom: 20px;
}
#main_contents {
    margin-top: 20px;
}
.terms {
    padding: 0 3%;
}
}
@media screen and (max-width:375px) {
}