@charset "UTF-8";

/*-------------------------
__privacy_style
-------------------------*/

.intro_text{ width: 100%; max-width: 1200px; margin: 0 auto 60px; padding: 0 50px; box-sizing: border-box; font-size: 1.5em; line-height: 2.5em;}
.privacy_list{ width: 100%; max-width: 1200px; margin: 0 auto 100px; padding: 0 50px; box-sizing: border-box; font-size: 1.5em; line-height: 2em;}
.privacy_list dl{ margin-bottom: 50px;}
.privacy_list dl dt{ font-size: 1.6em; margin-bottom: 20px;}
.privacy_list dl dd{ width: calc(100% - 2em); margin-left: 2em;}
.privacy_list dl dd h2{ font-size: 1em; font-weight: 700; margin-bottom: 10px;}
.privacy_list dl dd p{ margin-bottom: 15px;}
.privacy_list dl dd ul{ margin-bottom: 15px}
.privacy_list dl dd ul li{ position: relative; text-indent: -2.5em; padding-left: 2.5em;}
.com_data table{ border-collapse: collapse; width: 50%; margin-left: 2em;}
.com_data table tr th,
.com_data table tr td{ padding: 5px 10px;  box-sizing: border-box; border-bottom: 1px dashed #000;}

@media screen and (min-width: 768px) {

}

@media screen and (max-width: 767px) {
.intro_text{ margin: 0 auto 30px; padding: 0 20px; font-size: 1.3em; line-height: 1.8em;}
.privacy_list{ margin: 0 auto 50px; padding: 0; font-size: 1.3em; line-height: 1.8em;}
.privacy_list dl{ margin-bottom: 0; border-top: 1px solid #000; padding: 25px 20px; box-sizing: border-box;}
.privacy_list dl dt{ font-size: 1.4em; margin-bottom: 15px;}
.privacy_list dl dd{ width: 100%; margin-left: 0;}
.com_data table{ width: 100%; margin-top: 0; margin-left: 0;}
.com_data table tr th,
.com_data table tr td{ padding: 5px 20px;}
}

@media screen and (max-width:374px){

}