@charset "UTF-8";
h1{
font-size: 2rem;
font-weight: 600;
margin: 1.5em 0 0.5em;
}

/*--------------------------------------------------------------
利用規約
--------------------------------------------------------------*/
#terms h2, #cancelpolicy h2, #privacypolicy h2{
font-size: 1.1rem;
margin: 1.5em 0 0.5em;
}

#terms p, #terms ol, #terms ul, #terms li, #privacypolicy p, #privacypolicy ol, #privacypolicy ul, #privacypolicy li{
font-size: 1rem;
line-height: 1.8;
letter-spacing: 0em;
margin: 0;
word-break: inherit;
overflow-wrap: inherit;
text-align: justify;
}
#terms li, #privacypolicy li{
list-style-type: decimal;
list-style-position: inside;
padding-left: 0.5rem;
margin-bottom: 0.5em;
padding-left:0.875rem;
text-indent: -0.875rem;
}
#terms li ol, #privacypolicy li ol {margin-top: 0.5em;}

#terms li ol li, #privacypolicy li ol li {
list-style-type: none;
margin-bottom: 0.3em;  
padding-left:2.45rem;
text-indent: -2.45rem;
}
@media screen and (max-width:767px) {
#terms h3, #privacypolicy h3{
font-size: 1rem;
margin: 1.2em 0 0.5em;
}
#terms p, #terms ol, #terms ul, #terms li, #privacypolicy p, #privacypolicy ol, #privacypolicy ul, #privacypolicy li{font-size: 0.875rem;}
}

/*--------------------------------------------------------------
特商法
--------------------------------------------------------------*/
.tokushoho dt,.tokushoho dd{
font-size: 1rem;
padding-inline: 0.3em;
word-break: inherit;
overflow-wrap: inherit;
text-align: justify;
}
.tokushoho dt{
font-weight: 500;
margin-bottom: 0.2em;
font-weight: 600;
}
.tokushoho dd{
margin-inline: 0;
margin-bottom: 1em;
border-bottom: 1px dashed;
padding-bottom: 0.5em;
font-weight: 500;
}
.tokushoho dd:last-child{margin-bottom: 0;}

.tokushoho dd a{
text-decoration: underline;
text-underline-offset:0.3em;
color: inherit;
}
.tokushoho dd a:hover {
	text-decoration: none;
    text-underline-offset: 0.3em;
	backface-visibility: hidden;
    opacity: 0.7;
}

@media screen and (max-width:767px) {
.tokushoho dt,.tokushoho dd{font-size: 0.875rem;}
}

/*--------------------------------------------------------------
キャンセルポリシー
--------------------------------------------------------------*/
#cancelpolicy p{
line-height: 1.6;
}

.cancel__table, .cancel__table--sp{
width: 100%;
margin-top: 1.2em;
margin-bottom: 0.5em;
border-collapse: collapse;
border: 1px solid var(--line-black);
}
.cancel__table th, .cancel__table td, .cancel__table--sp th, .cancel__table--sp td{
width: 50%;
padding: 0.5em;
border-right: 1px solid var(--line-black);
border-bottom: 1px solid var(--line-black);
font-size: 0.875rem;
line-height: 1.6;
text-align: left;
}
.cancel__table th:last-child, .cancel__table td:last-child, .cancel__table--sp th:last-child, .cancel__table--sp td:last-child{
border-right: none;
}
.cancel__table tr:last-child td, .cancel__table--sp tr:last-child td{
border-bottom: none;
}
.cancel__table th, .cancel__table--sp th{
color: var(--white);
background: var(--brown);
}
.cancel__table--sp th{
border: none;
}
.cancel__table td:first-child {
min-width: 80px;
font-weight: 500;
/*color: var(--white);*/
background: var(--brown-alpha);
}
/*.cancel__table--sp td:first-child{
background: #fff;
}*/

.cancel__table--sp td:first-child{
width: 100%;
min-width: 125px;
font-weight: 500;
/*color: var(--white);
background: var(--brown-alpha);*/
}
.cancel__table--sp tr:nth-child(3n) td{
border-bottom: none;
}

/*@media screen and (min-width:768px) {
.cancel__table{display: block;}
.cancel__table--sp{display: none;}
}
@media screen and (max-width:767px) {
.cancel__table{display: none;}
.cancel__table--sp{display: block;}
}*/