.header-title span {
    font-size: 45px;
}

.middle-header .banner-header.banner-lbook3 .header-title {
    padding-right: 15%;
}

@media (max-width: 1300px) {
	.header-title span {
	    font-size: 35px;
	}
}

@media (max-width: 1100px) {
	.header-title span {
	    font-size: 30px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.middle-header.header-5 .banner-header.banner-lbook3 .header-title {
	    margin-top: -105px;
	}
}

@media (min-width: 1201px) {
	.middle-header.header-5 .banner-header.banner-lbook3 .header-title {
	    margin-top: -102px;
	}
}

@media (max-width: 950px) {
	.header-title span {
	    font-size: 25px;
	}
}

@media (max-width: 650px) {
	.header-title span {
	    font-size: 20px;
	}
}

@media (max-width: 560px) {
	.header-title span {
	    font-size: 15px;
	}
}

@media (max-width: 467px) {
	.middle-header.header-5 .banner-header.banner-lbook3 .header-title {
	    margin-top: -48px;
	}
}

@media (max-width: 1024px) {
	.middle-header .banner-header.banner-lbook3 img {
	    width: 80%;
	}
}

@media (max-width: 767px) {
	.middle-header .banner-header.banner-lbook3 img {
	    width: 90%;
	}
}

@media (max-width: 1024px) {
	.container-center .content-title {
    	margin-top: 60px;
	}
}

.terms-and-conditions {
	width: 100%;
    max-width: 660px;
    margin: auto;
}

.body-title {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
}

.public-word {
	font-size: 16px;
	margin-bottom: 20px;
}

.note-word {
    font-style: italic;
    font-family: 'Didot';
    font-size: 16px;
    color: #000;
    margin-bottom: 20px;
}

.ul-class, .ul-class2, .ul-class3 { 
    font-size: 16px;
    margin-bottom: 20px;
    margin-left: 20px;
}

.ul-class li {
    list-style-type: decimal;
}

.ul-class2 li {
    list-style-type: disc;
}

.ul-class3 li {
    list-style-type: circle;
}

.return-to {
    font-family: 'Didot';
    font-size: 18px;
    text-align: center;
}

@media (max-width: 767px) {
	.terms-and-conditions {
		margin-top: 40px;
	}
}