@charset "utf-8";
/* ===================================================================
CSS
 file name  :  privacy.css
=================================================================== */
h1.page_title.page_title_privacy span{
    font-size: 3.6rem;
}
.privacy h2.sub_title{
	font-size: 2.0rem;
	font-weight: 500;
    text-align: left;
}
.privacy h2.sub_title,
.privacy h3.sub_title{
	margin: 3em auto 0 auto;
}
.privacy h2.sub_title:first-child{
	margin: 0 auto 0 auto;
}
.privacy h3.sub_title{
	font-size: 1.8rem;
	font-weight: 500;
}
.privacy p{
	margin-top: 1.5em;
	word-break: break-all;
}
.privacy p:first-child{
	margin-top: 0;
}
.privacy ul{
	margin-top: 1.5em;
	line-height: 1.8;
}
.privacy ul.mt_none{
	margin-top: 0;
}
.privacy ul.parentheses,
.privacy ul.numerical_order,
.privacy ul.asterisk_order{
	margin-left: 3em
}
.privacy ul.parentheses li{
	counter-increment: num-a;
}
.privacy ul.parentheses li::before{
	content: "（" counter(num-a) "）";
	display:inline-block;
	margin-left:-3em;
	width: 3em;
}
.privacy ul.numerical_order li{
	counter-increment: num-b;
}
.privacy ul.numerical_order li::before{
	content: counter(num-b) '.';
	display:inline-block;
	margin-left:-2em;
	width: 2em;
}
.privacy ul.asterisk_order li{
	counter-increment: num-c;
	margin-bottom: 1em;
}
.privacy ul.asterisk_order li::before{
	content: '※' counter(num-c);
	display:inline-block;
	margin-left:-3em;
	width: 3em;
}
@media screen and (max-width: 768px) {
    h1.page_title.page_title_privacy span{
        font-size: 1.8rem;
    }
	.privacy h2.sub_title{
		font-size: 1.4rem;
	}
}
/* =====================================
個人情報保護方針
======================================== */
.privacy p.t_right{
    text-align: right;
}
.privacy ul.appi_list{
	margin-left: 1.5em;
    list-style-type: lower-alpha;
}
.privacy ul.appi_list li{
    margin-bottom: 1em;
    padding-left: 1em;
}
.privacy .info_box{
    border: 1px solid #333;
    margin-top: 50px;
    padding: 40px 70px;
}
.privacy .info_box .info_box_title{
    font-size: 1.8rem;
    font-weight: bold;
}
.privacy .info_box p.info_box_lead{
    font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
    .privacy .info_box{
        margin-top: 30px;
        padding: 20px 30px;
    }
    .privacy .info_box .info_box_title{
        font-size: 1.4rem;
    }
    .privacy .info_box p.info_box_lead{
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 480px) {
    .privacy .info_box{
        margin-top: 30px;
        padding: 20px 20px;
    }
    .privacy .info_box p.info_box_lead{
        font-size: 1.2rem;
    }
}
/* =====================================
個人情報の取り扱いについて
======================================== */
.privacy .hpi_table{
    width: 100%;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    margin-top: 10px;
    line-height: 2;
}
.privacy .hpi_table th,
.privacy .hpi_table td{
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 1em 2em;
    width: 50%;
}
.privacy .hpi_table th{
    text-align: center;
    background: #E7E7E7;
}
.privacy ul.hpi_list{
	margin-left: 1.5em;
    list-style-type: lower-alpha;
}
.privacy ul.hpi_list li{
    margin-bottom: 1em;
    padding-left: 1em;
}
.privacy .indentation{
    padding-left: 2em;
}
@media screen and (max-width: 480px) {
    .privacy .hpi_table th,
    .privacy .hpi_table td{
        padding: 0.5em 1em;
    }
    .privacy ul.hpi_list li{
        padding-left: 0;
    }
    .privacy ul.hpi_list li .indentation{
        padding-left: 0;
    }
}