@charset "utf-8";

/* common ------------------------------------------------------------ */

#terms #bread ol{ width: 92%; }
#terms h2,
#terms p,
#terms span,
#terms li{ font-weight: 600; }


/* fv ------------------------------------------------------------ */
#fv .fv{ position: relative; padding: 100px 0 0; }
#fv .fv:before{ position: absolute; right: 0; top: 130px; content: ""; width: 96%; height: 500px; background: url(../images/terms/bg.jpg) center/cover no-repeat; z-index: -1; }
#fv .fv_inner{ width: 1300px; margin: 0 auto; padding: 0 50px; }

#fv h2{ padding: 220px 0 220px 40px; background: url(../images/terms/fv.png) center/contain no-repeat; font-size: 20px; letter-spacing: 0.04em; color: #978c79; font-weight: 600; }
#fv h2 span{ font-size: 70px; line-height: 120%; letter-spacing: 0.08em; color: #fff; font-family: goldenbook,serif; font-weight: 300; font-style: normal; }



/* use ------------------------------------------------------------ */
#use h3{ margin: 0 0 35px 0; padding: 80px 0 20px 0; font-size: 30px; line-height: 120%; border-bottom: 1px solid #fff; letter-spacing: 0.06em; color: #fff; font-family: yu-mincho-pr6n,sans-serif; font-style: normal; }

#use p{ padding-bottom: 15px; font-size: 18px; line-height: 178%; font-feature-settings: "palt"; }
#use p.cancel{ padding-left: 0; text-indent: 0; }

#use ul{ padding: 0 0 15px 0; }
#use li{ font-size: 18px; line-height: 170%; font-feature-settings: "palt"; text-indent: -1.5em; padding-left: 2.5em; }

#use li.asterisk{ padding-top: 20px; padding-left: 1em; text-indent: 0; }
#use li.asterisk_no{ padding-left: 1em; text-indent: 0; }

#use .ban li{ padding-left: 1em; text-indent: 0; }


/* btn */
#terms .btn{ margin: 100px auto; }





/* ------------------------------------------------------------ 
	mobile
------------------------------------------------------------ */
@media only screen and (max-width: 640px) {

/* common ------------------------------------------------------------ */

#terms #bread ol{ margin: 0 auto; }


/* fv ------------------------------------------------------------ */

#fv .fv{ padding: 0; }
#fv .fv:before{ top: 65px; width: 100%; height: 290px; background: url(../images/terms/bg-sp.jpg) center/cover no-repeat; }

#fv .fv_inner { width: 90%; padding: 0 0 55px; }

#fv h2{ padding: 85px 0 25px; font-size: 14px; background: none; }
#fv h2 span{ font-size: 40px; line-height: 140%; }

#fv .fv img{ width: 100%; height: auto; }


/* use ------------------------------------------------------------ */
#use h3{ margin: 0 0 25px 0; padding: 30px 0 15px 0; font-size: 18px; line-height: 150%; }

#use p{ padding-bottom: 13px; line-height: 250%; font-size: 13px; }
#use p.ban_ttl{ padding-left: 0; text-indent: 0; }

#use ul{ padding: 0 0 10px 0; }
#use li{ padding-left: 1.5em; text-indent: 0; font-size: 13px; line-height: 250%; }

#use li.asterisk{ padding-top: 10px; padding-left: 20px; }
#use li.asterisk_no{ padding-left: 20px; }

#use .space{ padding: 0 0 0 10px; }

#terms .btn{ margin: 30px auto 50px auto; }


}