@charset "utf-8";

/*
	プライバシーポリシーのcss

*/

/*=================================
h1
===================================*/
.p-header {
    padding: 70px 0;
    width: 100%;
    background-image: url(../images/purchase/p-header-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.p-header--layout {
    max-width: 1200px;
    background-color: #fff;
    border-radius: 15px;
}
.p-header--img img {
    vertical-align: middle;
}

    /* -------------------------------------------
		h1  > SP
	--------------------------------------------- */
    @media (min-width:0px) {
        .p-header--layout {
            padding: 40px 30px;
            display: flex;
            align-items: center;
            flex-direction: column;
        }
        .p-header--img {
            margin: 0 0 20px 0;
        }

    }

    /* -------------------------------------------
		h1  > TABLET
	---------------------------------------------- */
    @media (min-width:720px) {
        .p-header--layout {
            padding: 40px 30px;
        }

    }

    /* -------------------------------------------
		h1  > PC
	---------------------------------------------- */
    @media (min-width:1028px) {
        .p-header--layout {
            padding: 50px 50px;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
        }
        .p-header--img {
            margin: 0 50px 0 0;
        }
    }

    /* -------------------------------------------
		h1  > wide PC
	---------------------------------------------- */
    @media (min-width:1460px) {
        .p-header--layout {
            padding: 50px 80px;
        }

    }



/*=================================
POLICY
===================================*/
.p-policy {
    padding: 70px 0;
}

.p-policy--ttl {
    padding-bottom: 30px;
}
.p-policy--ttl.ttl img {
    vertical-align: bottom;
}
.p-policy--ttl span {
    color: #ca5044;
}
.p-policy--txt {
    margin-bottom: 40px;
}
.p-policy--txt p,
.p-policy--txt ol,
.p-policy--txt ul {
    margin-bottom: 20px;
}
.p-policy--txt ol, .p-policy--txt ul {
    margin-left: 1.5rem;
}

    /* -------------------------------------------
		POLICY  > SP
	--------------------------------------------- */
    @media (min-width:0px) {
        .p-policy--ttl {
            display: flex;
            flex-direction: row;
            align-items: center;
        }
        .p-policy--ttl span {
            margin-left: 20px;
        }

    }

    /* -------------------------------------------
		POLICY  > TABLET
	---------------------------------------------- */
    @media (min-width:720px) {
        .p-policy--ttl {
            display: block;
        }
        .p-policy--ttl span {
            margin-left: 30px;
        }

    }