@charset "utf-8";

/* topWrap */
.topWrap{
	position: relative;
}
.topWrap:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-attachment: fixed;
	background-image: url(../images250808/top/bg01.svg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.4;
}
.topWrap_inner{
	position: relative;
}
@media (max-width:1024px){
	.topWrap:before{
		background-image: url(../images250808/top/bg01_u1024.svg);
	}
}

/* pageTitle */
.pageTitle{
	padding: 80px 0 50px 0;
	text-align: center;
}
.pageTitle h2{
	font-family: "Jost", sans-serif;
	font-size: 2em;
	font-weight: 300;
	letter-spacing: 0.1em;
	color: #0d102c;
	margin-bottom: 50px;
}
.pageTitle p{
	font-size: 1em;
	line-height: 2;
}

/* tableWrap */
.tableWrap{
	max-width: 1100px;
	width: 80%;
	margin: 0 auto;
	margin-bottom:80px;
}
.mainTable,
.subTable,
.privacyTable{
	margin-bottom: 50px;
}
.subTable>p{
	font-size: 1em;
	margin-bottom: 20px;
}
.mainTable table,
.subTable table,
.privacyTable table{
	width: 100%;
	border-collapse: collapse;
}
.mainTable table tr th,
.subTable table tr th{
	width: 35%;
	font-size: 1em;
	font-weight: 400;
	padding: 1em;
	box-sizing: border-box;
	border-bottom: 1px solid #e1e1e1;
	text-align: right;
}
.privacyTable table tr th,
.privacyTable table tr td{
	display: block;
	width: 100%;
	padding: 0.25em 0;
	box-sizing: border-box;
	line-height: 1.8;
}
.mainTable table tr:nth-child(odd) th{
	background-color: #DACFA8;
}
.mainTable table tr:nth-child(even) th{
	background-color: #ECE7D2;
}
.subTable table tr:nth-child(odd) th{
	background-color: #c4c2c2;
}
.subTable table tr:nth-child(even) th{
	background-color: #d5d5d5;
}
.mainTable table tr th span,
.subTable table tr th span{
	font-size: 0.75em;
	display: inline-block;
	padding: 0.25em 1em;
	margin-left: 0.5em;
	color: #b71c25;
	background-color: #fff;
}
.privacyTable table tr th span{
	font-size: 1em;
	font-weight: 700;
}
.privacyTable table tr th span.rTxt{
	font-size: 0.75em;
	padding: 0.25em 1em;
	color: #fff;
	background-color: #b71c25;
	margin-right: 0.5em;
}
.privacyTable table tr th span a{
	font-size: 1em;
	color: #b71c25;
	transition: 0.5s all;
}
.privacyTable table tr th span a:hover,
.privacyTable table tr th span a:active{
	opacity: 0.5;
	transition: 0.5s all;
}
.mainTable table tr td,
.subTable table tr td{
	width: 65%;
	font-size: 0.9em;
	line-height: 1.4;
	font-weight: 400;
	padding: 1em;
	box-sizing: border-box;
	border-bottom: 1px solid #e1e1e1;
}
.privacyTable table tr td{
	text-align: center;
}
.mainTable table tr td span,
.subTable table tr td span{
	font-size: 1em;
}
.mainTable table tr td span.nTxt,
.subTable table tr td span.nTxt{
	font-size: 0.75em;
}
.mainTable table tr td input{
	width: 100%;
	padding: 0.25em 1em;
	box-sizing: border-box;
	border: 1px solid #e1e1e1;
}
.subTable table tr td select{
	width: 100%;
	padding: 0.25em 1em;
	box-sizing: border-box;
	border: 1px solid #e1e1e1;
}
.subTable table tr td input.car{
	width: 6em;
	padding: 0.25em 1em;
	box-sizing: border-box;
	border: 1px solid #e1e1e1;
}
.subTable table tr td label{
	display: inline-block;
	line-height: 1.8;
	margin-right: 1em;
	cursor: pointer;
}
.subTable table tr td span{
	font-size: 1em;
	margin-left: 0.5em;
}
.subTable table tr td label span{
	font-size: 1em;
	margin-left: 0.5em;
}
.privacyTable table tr td label span{
	font-size: 1em;
	margin-left: 0.5em;
}
.tableWrap>form>p.submitBtn{
	max-width: 400px;
	width: 70%;
	margin: 0 auto;
}
.tableWrap>form>p.submitBtn>input[type="submit"]{
	width: 100%;
	font-size: 1.1em;
	letter-spacing: 0.1em;
	color: #fff;
	background-color: #78734b;
	border: none;
	padding: 1em 0;
	box-sizing: border-box;
	transition: 0.5s all;
}
.tableWrap>form>p.submitBtn>input[type="submit"]:hover,
.tableWrap>form>p.submitBtn>input[type="submit"]:active{
	opacity: 0.5;
	transition: 0.5s all;
}
.under1200{
	display: none;
}
@media (max-width:1200px){
	.under1200{
		display: block;
	}
}
@media (max-width:768px){
	.mainTable table tr th,
	.subTable table tr th,
	.mainTable table tr td,
	.subTable table tr td{
		display: block;
		width: 100%;
	}
	.mainTable table tr th,
	.subTable table tr th{
		text-align: center;
	}
}
@media (max-width:500px){
	.tableWrap{
		width: 90%;
	}
}