@charset "utf-8";

/*-------------- all --------------*/

.btns { display: block; width: 320px; border: 1px solid #9a8b68; padding: 25px 0; font-size: 14px; text-align: center; letter-spacing: 0.04em; color: #bdb28f; font-weight: 700; margin: 100px auto;}
.view { font-weight: 700; letter-spacing: 0.04em; color: #bdb28f; text-decoration: underline; text-decoration-color: #bdb28f; text-underline-offset: 9px;}
h3 { font-size: 20px; letter-spacing: 0.04em;}
h3 span { display: block; font-size: 40px; font-weight: 500; margin-bottom: 9px;}
nav ol { padding-bottom: 25px;}
/*-------------- fv --------------*/
#fv {padding: 0 0 40px;}
#fv .fv { background:  url(../images/terms/bg_01.png)no-repeat center center / cover; height: 350px;padding: 130px 0 120px; width: 87.5%;}
#fv .fv h2{color: #fff; font-weight: 700; margin: 0 40% 0 26%;}
#fv .fv h2 .title{letter-spacing: 5px; padding: 0 0 10px; font-size: 40px; letter-spacing: 0.1em;}
#fv .fv h2 .logo{font-size: 0px; }

#terms .box{width: 800px; margin: 0 auto; }
#terms .box:not(:last-child){border-bottom: 1px solid #898989;padding:  40px 0;}
#terms .box:last-child{padding: 40px 0 0px;}
#terms .box h3{font-weight: 600; font-size: 24px; margin: 0 0 30px;letter-spacing: 0.08em;}
#terms .text{font-size: 16px; line-height: 175%; font-weight: 100; }

#terms .text span{display: block; padding: 0 0 0 34px;font-size: 16px; line-height: 180%;  }
#terms .text span.span_box_1{margin: 5px 0px 25px;}
#terms .text span.span_box_2{margin: 5px 0 0;}
/* ----------------------------- mobile ------------------------------- */
@media only screen and (max-width: 768px) {
	nav ol {padding: 115px 0 10px 0%;}
	/*-------------- all --------------*/
	
	.btns { display: block; width: 80%; margin: 0 auto; padding: 18px 0; font-size: 12px; background-color: #fff; margin: 50px auto;}
	.view { }
	h3 { font-size: 15px;}
	h3 span { font-size: 24px; margin-bottom: 11px;}

	/*-------------- fv --------------*/
	#fv {padding: 0px;}
	#fv .fv { background:  url(../images/terms/bg_01_sp.png)no-repeat center center / cover; height: auto;padding: 100px 0 98px; width: 100%;}
	#fv .fv h2{margin: 0 auto;}
	#fv .fv h2 .title{letter-spacing:0; padding: 0 0 3px;font-size: 25px;}
	#fv .fv h2 .logo{width: 38%; margin: 0 auto;}
	
	#terms .box{width: auto;  }
	#terms .box:not(:last-child){padding:  40px 0;}
	#terms .box:last-child{padding: 40px 0 0px;}
	#terms .box h3{ font-size: 15px; margin: 0 0 20px; line-height: 180%;}
	#terms .text{font-size: 12px; line-height: 2; letter-spacing: 0;}
	
	#terms .text span{padding: 0px;font-size: 13px; line-height: 200%;}
	/* ----------------------------- mobile ----------


}