body{margin: 0; padding: 0;}
*{box-sizing: border-box;}

.fullScreen{display: flex; flex-direction: column; width: 100%; min-height: 100dvh;}

.header{display: block; width: 100%; max-width: 800px; margin: 0 auto; background: #e70000;}
.header img{display: block; width: 100%; margin: 0 auto;}

.banner{display: block; width: 100%;}
.banner img{display: block; width: 100%; max-width: 800px; margin: 0 auto;}

.remind{display: block; flex: 1 0 auto; width: 100%; max-width: 800px; padding: 30px; margin: 0 auto; background: #7c622e;}

.actionBtn{display: block; width: 100%;}
.actionBtn p{display: flex; width: 100%; align-items: center; color: #604412; background: none; border: none; font-size: 10pt; font-weight: bolder;}
.actionBtn button{display: flex; width: 100%; align-items: center; color: #604412; background: none; border: none; font-size: 10pt; font-weight: bolder; cursor: pointer;}
.actionBtn button::after{content: '+'; line-height: 0px; margin: 0 0 0 10px; transform: translateY(1px);}
.actionBtn .button--act::after{content: '-'; line-height: 0px; margin: 0 0 0 10px; transform: translateY(0px);}

.remind .remindWrap{font-size: 10pt; background: #fff2dc; border-radius: 20px; padding: 10px 15px;}
.remind .remindWrap>ol.rules{display: none;}
.hideShowUp{display: none;}
.remind .remindWrap i{font-style: normal; font-weight: bolder; text-decoration: underline;}

.remind .remindWrap>ol{list-style: none;}

.remind .remindWrap>ol>li{vertical-align: middle; position: relative;}
.remind .remindWrap>ol>li::before{position: absolute; left: -2rem;}

.remind .remindWrap>ol>li:nth-child(1):before{content: '一、';}
.remind .remindWrap>ol>li:nth-child(2):before{content: '二、';}
.remind .remindWrap>ol>li:nth-child(3):before{content: '三、';}
.remind .remindWrap>ol>li:nth-child(4):before{content: '四、';}
.remind .remindWrap>ol>li:nth-child(5):before{content: '五、';}
.remind .remindWrap>ol>li:nth-child(6):before{content: '六、';}
.remind .remindWrap>ol>li:nth-child(7):before{content: '七、';}
.remind .remindWrap>ol>li:nth-child(8):before{content: '八、';}
.remind .remindWrap>ol>li:nth-child(9):before{content: '九、';}
.remind .remindWrap>ol>li:nth-child(10):before{content: '十、';}

.remind .remindWrap ol{line-height: 15px;}
.remind .remindWrap ol p{margin: 0;}

.remind .remindWrap ol li table{border-collapse: collapse;}
.remind .remindWrap ol li table tr td{border: 1px solid #000; padding: 10px 15px;}
.remind .remindWrap ol li table tr td:nth-child(2){width: 230px;}

.remind .remindWrap ol li a{color: #1c5dc6;}

.remind .remindWrap ol li ul{list-style:disc;}

.remind .remindWrap>ol>li>ol{padding-inline-start: 20px;}
.remind .remindWrap>ol>li>ol>li>ul{padding-inline-start: 20px;}

.remind .remindWrap>ol.article>li>ol>li>ol>li{list-style: none; display: flex; align-items: flex-start;}
.remind .remindWrap>ol.article>li>ol>li>ol>li:before{margin: 0 0 0 -2rem;}

.remind .remindWrap>ol.article>li>ol>li>ol>li:nth-child(1):before{content: '(1)、';}
.remind .remindWrap>ol.article>li>ol>li>ol>li:nth-child(2):before{content: '(2)、';}
.remind .remindWrap>ol.article>li>ol>li>ol>li:nth-child(3):before{content: '(3)、';}
.remind .remindWrap>ol.article>li>ol>li>ol>li:nth-child(4):before{content: '(4)、';}

.remind img{display: block; width: 100%;}
#remindBtn_2{display: none;}

.footer{display: block; width: 100%; max-width: 800px; margin: 0 auto;}