@charset "UTF-8";

/* ===============================================================================================
以下各ページ設定 - 当サイトご利用にあたって
=============================================================================================== */

.attention_intro_area{
    font-family: 'BIZ UDPGothic', sans-serif;
    font-size: 1rem;
    color: #595757;

    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
}
.attention_intro{
    margin: 5% 0 1.5%;
}
.attention_intro p{
    font-size: 1.2rem;
}
.attention_intro_promise{
    margin: 0;
}
.attention_intro_promise p{
    font-family: 'BIZ UDPGothic', sans-serif;
    font-size: 1.2rem;
    color: #595757;
}
.supplementary{
    font-size: 0.9rem;
    padding: 0 0.3rem;
    display: inline-block;
}

/* 利用規約の内容
------------------------------------------------------------------------ */
.attention_main_area{
    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
}
.attention_main_item{
    padding-left: 0;
}
.attention_main_item_title{
    list-style: none;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 2.5rem 0 1rem;
    
}
.attention_main_item_title span{
    letter-spacing: 0.1em;/*字間*/
    padding: 0 0.5rem;
   
}
.attention_main_item_sub{
    color: #7a7979;
}
.attention_main_item_sub li{
    list-style: decimal;
    padding: 0.3rem 0;
    
}
.attention_main_item_sub_sub li{
    list-style-type: lower-alpha;
}
.policy_link{
    color: #D71979;
    margin: 0 0.5rem;
    padding-bottom: 2px;
    border-bottom: solid 1.5px #D71979;

}
/* 附則の設定
------------------------------------------------------------------------ */
.attention_supplementary_area{
    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
}
.attention_supplementary_item{
    padding: 3% 0;
}
.attention_supplementary span{
    margin: 0.5rem;
}
.attention_supplementary_days ul{
    margin: 1.5rem 0;
    padding: 0;
}
.attention_supplementary_days li{
    list-style: none;
    font-size: 0.9rem;
    color: #7a7979;
    padding: 0.5% 1%;
}
.attention_supplementary_days span{
    padding-left: 0.5rem;
}
.attention_supplementary_final{
    color: #595757;

}
/* スマホンシブデザイン
------------------------------------------------------------------------ */
@media screen and (min-width:320px) and (max-width:507px){
    .attention_intro_area{
        font-family: 'BIZ UDPGothic', sans-serif;
        font-size: 0.8rem;
        color: #595757;
        width: 90%;
    }
    .attention_intro p{
        font-size: 0.8rem;
    }
    .attention_intro_promise p{
        font-family: 'BIZ UDPGothic', sans-serif;
        font-size: 0.8rem;
        color: #595757;
    }
    .supplementary{
        font-size: 0.7rem;
        padding: 0 0.3rem;
        display: inline-block;
    }
    /*規約内容*/
    .attention_main_area{
        width: 90%;
    }
    .attention_main_item_title{
        list-style: none;
        font-size: 1.1rem;
        font-weight: bold;
        margin: 2rem 0 1rem;
    }
    .attention_main_item_title span{
        letter-spacing: 0.1em;/*字間*/
        padding: 0 0.5rem;

    }
    .attention_main_item_sub ul{
        padding-left: 15px;
    }
    .attention_main_item_sub li{
        font-size: 0.8rem;
        padding: 0.37rem 0;
    }
    .attention_main_item_sub p{
        font-size: 0.8rem;
    }
    .attention_main_item_sub_sub ul{
        padding: 7px 0 7px 25px;
    }
    /*附則*/
    .attention_supplementary p{
        font-size: 0.8rem;
    }
    .attention_supplementary_days li{
        list-style: none;
        font-size: 0.75rem;
        color: #7a7979;
        padding: 0.5% 1%;
    }
    .attention_supplementary_final{
        color: #595757;
        font-size: 0.8rem;
    }
}