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

.about {
    max-width: 1024px;
    margin: 0 auto;
    width: 100%;
    font-size: 0.9rem;
}
@media screen and (max-width: 767.99px) {
    .about {
        width: 90%;
    }
}
.about img {
    width: 100%;
    height: 100%;
}

.about > table {
    width: 100%;
    border-collapese: separate;
    margin-bottom: 80px;
}
@media screen and (max-width: 767.99px) {
    .about > table {
        margin-bottom: 2rem;
    }
}

.about > table th,
.about > table td {
    padding: 0.7rem 1rem;
    vertical-align: top;
}
@media screen and (max-width: 767.99px) {
    .about > table th,
    .about > table td {
        width: 100%;
        display: block;
    }
}
.about > table th {
	width: 27%;
	text-align: left;
	background: #ededed;
    border: 1px solid #fff;
}
@media screen and (max-width: 767.99px) {
    .about > table th {
        width: 100%;
        border: none;
    }
}

.about > table td {}
@media screen and (max-width: 767.99px) {
    .about > table td {
        padding: 0.7rem 1rem 1rem 1rem;
    }
}

.about_attention_l {
    margin: 1rem 0 1rem 1rem;
    text-indent: -1rem;
}
.about_attention_l li:before {
    content: "※";
}

.about_list_dot {
    margin: 1rem 0 1rem 1rem;
    text-indent: -1rem;
}
.about_list_dot li:before {
    content: "・";
}
.about dl {
    margin: 1rem 0;
}
.about dl dt {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding: 0 0 0.5rem 0;
    margin: 0 0 0.5rem 0;
}
.about dl dd {
    margin-bottom: 1rem;
}
.about dl dd:last-child {
    margin-bottom: 0;
}
.about dl.about_sipping dd:first-child {
    margin-bottom: 0;
}
.about .attention_title {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding: 0 0 0.5rem 0;
    margin: 0 0 0.5rem 0;
}
.about .em {
    color: red;
}
.about .emb {
    color: red;
    font-weight: bold;
}
.about #about_privacy {
    margin-bottom: 80px;
}
@media screen and (max-width: 767.99px) {
    .about #about_privacy {
        margin-bottom: 1.5rem;
    }
}