@charset "UTF-8";
/* CSS Document */


.benefit {
    margin: 0 2.5% 0 2.5%;
}
.benefit h4 {
    background-color:#F9EBC2;
	padding: 5px 1% 5px 1%;
	margin: 40px 0 0 0;
	border-radius: 5px;
}
.benefit dl {
    overflow:hidden;
}
.benefit dl dt {
    float:left;
    width: 25%;
}
.benefit dl dd {
    float:left;
    width: 74%;
    padding:0 0 0 1%;
    text-indent: -7.1%;
}
.benefit dl dd::before {
    content: "：";
    padding: 0 1% 0 0;
}
.benefit table {
	width: 100%;
	border:1px solid #000;
}
.benefit table th,.benefit table td {
	border:1px solid #000;
	text-align:center;
	vertical-align:middle;
	padding: 5px 1% 5px 1%;
	word-break: break-all;
}
/*.benefit table th.privilege {
	width: 35%;
}*/
.benefit p.note {
	margin: 10px 0 0 0;
}
.benefit h5 {
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	font-size:120%;
	padding: 5px 0 5px 0;
	margin: 50px 0 20px 0;
}
.benefit .contact {
	background-color:#e6e4e4;
	padding: 20px 2% 5px 2%;
	margin: 50px 0 20px 0;
	border-radius: 10px;
}
.benefit h6 {
	font-size:120%;
	margin: 0 0 10px 0;
}
.benefit ul.notice {
	border-top: 1px dotted #000;
    padding: 10px 0 0 0;
    margin: 50px 0 20px 0;
}
.benefit ul.notice li {
	padding:0 0 0 6.3%;
    text-indent: -6.3%;
}

@media print, only screen and (min-width: 769px) {
.benefit dl dt {
    width: 10%;
}
.benefit dl dd {
    width: 89%;
    text-indent: -3.3%;
}
.benefit dl dd::before {
    padding: 0 1em 0 0;
}
.benefit table th,.benefit table td {
	padding: 5px 0 5px 0;
}
.benefit table th.privilege {
	width: auto;
}
}