/* -------------------------------------------------------------- 
   terms page Css
-----------------------------------------------------------------
PC/Tablet
@media screen and (min-width: 768px){}
SmartPhone
@media screen and (max-width: 767px){}


【CSS MENU】 
1.0 - common
2.0 - termsFrame
	2.1 - pageTitle
	2.2 - termsFrame
*/

/* =========================================================
	1.0 - common
========================================================= */
.terms #contents{
		width:860px;
		font-size:14px;
}
	
/* ------------ ■ sphone ■------------ */
@media screen and (max-width: 767px){
	.terms #contents{
		width:100%;
	}
}
/* =========================================================
	2.0 - PrivacyFrame
========================================================= */
/* ---------------------------------------------------------
	2.1 - pageTitle
--------------------------------------------------------- */
.terms h2{
	height:26px;
	text-indent:-99999px;
	background:url(../images/title-terms.png) center top no-repeat;
}

/* ------------ ■ sphone ■------------ */
@media screen and (max-width: 767px){
	.terms h2{
		background:url(../images/sp-title-terms.png) center top no-repeat;
	}
}

/* ---------------------------------------------------------
	2.2 - termsFrame
--------------------------------------------------------- */
.terms  .termsFrame h3{
	font-size:18px;
	font-weight:bold;
	margin-top:50px;
	margin-bottom:10px;
}
.terms  .termsFrame h3.first{
	margin-top:30px;
}
.terms  .termsFrame h4{
	font-weight:bold;
}
.terms  .termsFrame ul{
	margin-bottom:15px;
}

/* ------------ ■ sphone ■------------ */
@media screen and (max-width: 767px){
	.terms  .termsFrame h3{
		margin-top:25px;
		padding-top:25px;
		border-top:1px dotted #ccc;
	}
	.terms  .termsFrame h3.first{
		margin-top:20px;
		padding-top:0;
		border:none;
	}

}