﻿@charset "utf-8";


/* -----------------------------------------------------------
    プライバシーポリシー
-------------------------------------------------------------- */
body {
	counter-reset: number;
}
.privacy-area {
	line-height: 1.8;
    padding: 100px 100px 100px;
}

.privacy-area .txt-top {
	margin: 20px 0 20px;
}

.privacy-area .pri_box{
	padding: 0 0 20px;
}

.privacy-area .privacy-title {
    font-weight: bold;
	font-size: 1.8rem;
    border-bottom: 1.5px solid #ddd;
    padding: 0 0 5px;
    margin: 50px 0 10px;
	counter-reset: qumeru-counter;
}

.privacy-area .pri_title.first {
	font-size: 2.4rem;
	padding: 0px 0 10px;
}
.pri_title{
	font-size: 1.8rem;
    font-weight: bold;
	padding: 30px 0 5px;
}
.pri_title::before{
	content: '-';
	padding: 0 10px 0 0;
}

.privacy-area .title{
	font-weight: bold;
    padding: 10px 0 0;
}

.privacy-area a{
}

/* table */
#privacy .pri-table {
	border-collapse: collapse;
	line-height: 1.5;
	margin: 20px 0 0; 
	width: 100%;
}

#privacy .pri-table th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	background: #0E6EB8;
	color: #fff;
	text-align: center;
	border-right: #ddd 1px dashed;
}

#privacy .pri-table td {
	padding: 10px 20px;
	vertical-align: top;
	border-right: #ddd 1px dashed;
}


#privacy .pri-table td:nth-child(even) {
	border-right: none;
}

#privacy .pri-table tr:nth-child(even) {
    background: var(--rightblue);
}

#privacy .pri-table tr:first-child {
	border-bottom: none;
}

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

    .privacy-area {
        padding: 40px 0;
		line-height: 1.6;
    }

    .privacy-area .txt-top {
        margin: 0;
    }
	
	.privacy-area .pri_title.first {
    	padding: 0px 0 10px;
		font-size: 2.0rem;
	}

    .privacy-area .privacy-title {
        margin: 25px 0 10px;
    }
	

	#privacy .table-wrap {
		overflow: auto;
		white-space: nowrap;
	}

	#privacy table,
	#privacy table th,
	#privacy table td {
		width: auto;
	}

	#privacy .pri-table th,
	#privacy .pri-table td {
		display: table-cell;
	}
	
	#privacy .pri-table {
    	margin: 10px 0 0; 
	}
	
	.pri_title{
		padding: 25px 0 10px;
	}
	
	.privacy-area .pri_box {
    padding: 0 0 0px;
	}
}


