/* ==================================================
   mofuko Policy Page
   Privacy Policy / 特定商取引法 共通
================================================== */


/* ==================================================
   共通
================================================== */

body {
    color: #444444;
    background-color: #ffffff;
}

.policy-hero,
.policy-content,
.policy-closing {
    font-family: "Zen Old Mincho", serif;
}

.gold-line {
    display: block;

    width: 100px;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent 0%,
        #b99a5b 20%,
        #d6c08a 50%,
        #b99a5b 80%,
        transparent 100%
    );
}


/* ==================================================
   Hero
================================================== */

.policy-hero {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 420px;

    padding: 100px 40px;

    background:
        radial-gradient(circle at 20% 20%,
            rgba(185,154,91,.08) 0%,
            transparent 30%),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fcfbf8 100%);
}

.policy-hero__inner {
    width: 100%;
    max-width: 900px;

    margin: 0 auto;

    text-align: center;
}

.policy-hero__en {
    margin: 0;

    font-family: Georgia, serif;
    font-size: 60px;
    font-weight: 400;
    letter-spacing: .12em;

    color: #3f3f3f;
}

.policy-hero .gold-line {
    margin: 32px auto;
}

.policy-hero__title {
    margin: 0;

    font-size: 22px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: .12em;

    color: #555555;
}


/* ==================================================
   Content
================================================== */

.policy-content {
    padding: 130px 40px 150px;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fafafa 50%,
            #ffffff 100%);
}

.policy-content__inner {
    width: 100%;
    max-width: 900px;

    margin: 0 auto;
}


/* ==================================================
   Card
================================================== */

.policy-card {

    padding: 55px 60px;

    background: rgba(255,255,255,.97);

    border: 1px solid rgba(185,154,91,.35);

    box-shadow:
        0 18px 45px rgba(0,0,0,.05),
        inset 0 0 0 6px rgba(255,255,255,.9);
}

.policy-card + .policy-card{
    margin-top:40px;
}

.policy-title{
    position:relative;

    margin:0 0 24px;

    padding-bottom:18px;

    font-size:24px;
    font-weight:500;
    letter-spacing:.08em;

    color:#414141;
}

.policy-title::after{

    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:60px;
    height:1px;

    background:#b99a5b;
}

.policy-card p{

    margin:0;

    font-size:15px;
    line-height:2.2;
    letter-spacing:.06em;

    color:#666666;
}


/* ==================================================
   Closing
================================================== */

.policy-closing{

    padding:120px 40px 140px;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfaf7 100%);
}

.policy-closing__inner{

    max-width:700px;

    margin:0 auto;

    text-align:center;
}

.policy-closing .gold-line{
    margin:0 auto;
}

.policy-closing__text{

    margin:45px 0;

    font-size:18px;
    line-height:2.2;
    letter-spacing:.1em;

    color:#555555;
}