@charset "UTF-8";
/* Legal */

/* PC */
@media print, screen and (min-width: 980px) {

/*---------------------------------------------------- */
/* Waku */
/*---------------------------------------------------- */
.legal {
	padding: 10px 0 30px 0;
	margin: 0 auto;
	width: 980px;
	height: auto;
}

.legal .waku-legal {
	padding: 0;
	width: 100%;
	height: auto;
}

/*---------------------------------------------------- */
/* Privacy */
/*---------------------------------------------------- */
.legal .haco-privacy {
	padding: 0;
	margin: 0;
	width: 100%;
}

.legal .haco-privacy table {
	padding: 0;
	margin: 0;
	width: 100%;
}

.legal .haco-privacy table th {
	padding: 15px 0 0 0;
	margin: 0;
	width: 4%;
	text-align: left;
	vertical-align: top;
}

.legal .haco-privacy table td {
	padding: 15px 0 0 0;
	margin: 0;
	width: 96%;
	text-align: left;
	vertical-align: top;
}

.legal .haco-privacy table th h5 {
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 100%;
	color: #303c42;
	font-weight: normal;
	line-height: 1.6;
}

.legal .haco-privacy table td p {
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 100%;
	color: #303c42;
	font-weight: normal;
	line-height: 1.6;
}

/*---------------------------------------------------- */
/* Sitemap */
/*---------------------------------------------------- */
.legal .haco-sitemap {
	padding: 0;
	margin: 0;
	width: 100%;
}

.legal .haco-sitemap table {
	padding: 0;
	margin: 0;
	width: 100%;
	border-top: solid 1px #e1e1e1;
}

.legal .haco-sitemap table th {
	padding: 12px 0;
	margin: 0;
	width: 35%;
	text-align: left;
	vertical-align: top;
	border-right: solid 1px #e1e1e1;
	border-bottom: solid 1px #e1e1e1;
	border-left: solid 1px #e1e1e1;
	background-color: #e9f3fc;
}

.legal .haco-sitemap table td {
	padding: 12px 0;
	margin: 0;
	width: 65%;
	text-align: left;
	vertical-align: top;
	border-right: solid 1px #e1e1e1;
	border-bottom: solid 1px #e1e1e1;
	background-color: #fff;
}

.legal .haco-sitemap table th h5 {
	padding: 0;
	margin: 0 auto;
	width: 90%;
	font-size: 100%;
	color: #303c42;
	font-weight: normal;
	line-height: 1.6;
}

.legal .haco-sitemap table td p {
	padding: 0;
	margin: 0 auto;
	width: 90%;
	font-size: 100%;
	color: #303c42;
	font-weight: normal;
	line-height: 1.6;
}

.legal .haco-sitemap table td p a {
	color: #303c42;
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
}

.legal .haco-sitemap table td p a:hover {
	color: #3fb1ec;
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
}


}


/* Tablet */
@media only screen and (max-width: 979px) and (min-width: 569px) {
/*---------------------------------------------------- */
/* Waku */
/*---------------------------------------------------- */
.legal {
	padding: 10px 0 20px 0;
	margin: 0 auto;
	width: 94%;
	height: auto;
}

.legal .waku-legal {
	padding: 0;
	margin: 0 auto;
	width: 96%;
	height: auto;
}

/*---------------------------------------------------- */
/* Privacy */
/*---------------------------------------------------- */
.legal .haco-privacy {
	padding: 0;
	margin: 0 auto;
	width: 96%;
}

.legal .haco-privacy table {
	padding: 0;
	margin: 0;
	width: 100%;
}

.legal .haco-privacy table th {
	padding: 10px 0 0 0;
	margin: 0;
	width: 4%;
	text-align: left;
	vertical-align: top;
}

.legal .haco-privacy table td {
	padding: 10px 0 0 0;
	margin: 0;
	width: 96%;
	text-align: left;
	vertical-align: top;
}

.legal .haco-privacy table th h5 {
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 100%;
	color: #303c42;
	font-weight: normal;
	line-height: 1.6;
}

.legal .haco-privacy table td p {
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 100%;
	color: #303c42;
	font-weight: normal;
	line-height: 1.6;
}

/*---------------------------------------------------- */
/* Sitemap */
/*---------------------------------------------------- */
.legal .haco-sitemap {
	padding: 0;
	margin: 0;
	width: 100%;
}

.legal .haco-sitemap table {
	padding: 0;
	margin: 0;
	width: 100%;
	border-top: solid 1px #e1e1e1;
}

.legal .haco-sitemap table th {
	padding: 12px 0;
	margin: 0;
	width: 35%;
	text-align: left;
	vertical-align: top;
	border-right: solid 1px #e1e1e1;
	border-bottom: solid 1px #e1e1e1;
	border-left: solid 1px #e1e1e1;
	background-color: #e9f3fc;
}

.legal .haco-sitemap table td {
	padding: 12px 0;
	margin: 0;
	width: 65%;
	text-align: left;
	vertical-align: top;
	border-right: solid 1px #e1e1e1;
	border-bottom: solid 1px #e1e1e1;
	background-color: #fff;
}

.legal .haco-sitemap table th h5 {
	padding: 0;
	margin: 0 auto;
	width: 90%;
	font-size: 100%;
	color: #303c42;
	font-weight: normal;
	line-height: 1.6;
}

.legal .haco-sitemap table td p {
	padding: 0;
	margin: 0 auto;
	width: 90%;
	font-size: 100%;
	color: #303c42;
	font-weight: normal;
	line-height: 1.6;
}

.legal .haco-sitemap table td p a {
	color: #303c42;
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
}

.legal .haco-sitemap table td p a:hover {
	color: #3fb1ec;
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
}

}


/* SP */
@media only screen and (max-width: 568px)  {
/*---------------------------------------------------- */
/* Waku */
/*---------------------------------------------------- */
.legal {
	padding: 5px 0 15px 0;
	margin: 0 auto;
	width: 94%;
	height: auto;
}

.legal .waku-legal {
	padding: 0;
	margin: 0 auto;
	width: 96%;
	height: auto;
}

/*---------------------------------------------------- */
/* Privacy */
/*---------------------------------------------------- */
.legal .haco-privacy {
	padding: 0;
	margin: 0 auto;
	width: 96%;
	height: auto;
}

.legal .haco-privacy table {
	padding: 0;
	margin: 0;
	width: 100%;
}

.legal .haco-privacy table th {
	padding: 8px 0 0 0;
	margin: 0;
	width: 5%;
	text-align: left;
	vertical-align: top;
}

.legal .haco-privacy table td {
	padding: 8px 0 0 2%;
	margin: 0;
	width: 93%;
	text-align: left;
	vertical-align: top;
}

.legal .haco-privacy table th h5 {
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 100%;
	color: #303c42;
	font-weight: normal;
	line-height: 1.6;
}

.legal .haco-privacy table td p {
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 100%;
	color: #303c42;
	font-weight: normal;
	line-height: 1.6;
}

/*---------------------------------------------------- */
/* Sitemap */
/*---------------------------------------------------- */
.legal .haco-sitemap {
	padding: 0;
	margin: 0 auto;
	width: 96%;
}

.legal .haco-sitemap table {
	padding: 0;
	margin: 0;
	width: 100%;
	border-bottom: solid 1px #e1e1e1;
}

.legal .haco-sitemap table th {
	padding: 12px 0;
	margin: 0;
	width: 100%;
	text-align: left;
	vertical-align: top;
	border-top: solid 1px #e1e1e1;
	border-right: solid 1px #e1e1e1;
	border-left: solid 1px #e1e1e1;
	background-color: #e9f3fc;
	display: block;
}

.legal .haco-sitemap table td {
	padding: 12px 0;
	margin: 0;
	width: 100%;
	text-align: left;
	vertical-align: top;
	border-top: dotted 2px #e1e1e1;
	border-right: solid 1px #e1e1e1;
	border-left: solid 1px #e1e1e1;
	background-color: #fff;
	display: block;
}

.legal .haco-sitemap table th h5 {
	padding: 0;
	margin: 0 auto;
	width: 90%;
	font-size: 100%;
	color: #303c42;
	font-weight: bold;
	line-height: 1.6;
}

.legal .haco-sitemap table td p {
	padding: 0;
	margin: 0 auto;
	width: 90%;
	font-size: 100%;
	color: #303c42;
	font-weight: normal;
	line-height: 1.6;
}

.legal .haco-sitemap table td p a {
	color: #303c42;
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
}

.legal .haco-sitemap table td p a:hover {
	color: #3fb1ec;
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
}




}