@charset "UTF-8";
body {
	background: #F2F8FD !important;
    height: 100%;
}
.cmn-main-wrap {
	background:
		linear-gradient(90deg, #F2F8FD 0px, rgba(115, 115, 115, 0) 81.25%),
        radial-gradient(50% 50% at 50% 50%, #E4F2FF 50%, rgba(254, 255, 252, 0) 100%),
		url(../img/terms/terms_background.png) no-repeat fixed;
	background-size: 100% 600px, auto, auto;
	background-position: top, right top, right top;
}
.mng-main {
    display: flex;
    justify-content: center;
	align-items: center;
    padding: 40px;
}
.mng-terms-wrap {
    font-family: 'Hiragino Kaku Gothic Pro';
    font-style: normal;
    max-width: 750px;
    display: flex;
    justify-content: center;
	align-items: center;
    flex-direction: column;
    gap: 20px;
    color: #000000;
}
.mng-terms-wrap dl{
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 20px;
    border-radius: 12px;
}
.mng-terms-wrap dfn{
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
}
.mng-terms-wrap dl span{
    font-weight: 300;
    font-size: 16px;
    line-height: 130%;
}
.mng-page-title {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 130%;
}
@media screen and (max-width:600px) {
.mng-main {
    padding: 20px;
}
.cmn-main-wrap {
	background:
		linear-gradient(90deg, #F2F8FD 0px, rgba(115, 115, 115, 0) 81.25%),
        radial-gradient(50% 50% at 50% 50%, #E4F2FF 50%, rgba(254, 255, 252, 0) 100%),
		url(../img/terms/terms_background_SP.png) no-repeat fixed;
	background-size: 100% 300px, auto, auto;
	background-position: top, right top, right top;
    }
}