:root {--main_color: #0068b8; --sub_color: #f2f8fa;}
section{padding: 30px 0;}
.wrp_box{background-color: #f2f8fa; padding: 20px 20px; margin-top: 40px;}
.wrp_box h3{font-size: 16px; margin-bottom: 20px; font-weight: bold; color: #000; margin-top: 0;}
.wrp_box a{text-decoration: underline; color: var(--main_color); font-weight: bold; margin-bottom: 10px; margin-right: 10px; display: inline-block;}
.link{text-decoration: underline; color: var(--main_color); font-weight: bold; margin-bottom: 10px; margin-right: 10px;}
.yellow{text-decoration-line: underline; text-decoration-thickness: 8px; text-decoration-skip-ink:none; text-decoration-color: #ffea32; text-underline-offset: -4px; font-weight: bold;}
.wrp_step{border: solid var(--main_color) 2px; padding: 20px 20px 0px; position: relative; margin-top: 50px;}
.wrp_step .count{position: absolute; top: 0; left: 0; background-color: var(--main_color); color: #fff; font-weight: bold; line-height: 1; padding: 5px 5px;}
.wrp_step h3{color: var(--main_color); margin-top: 0; font-size: 16px; margin-bottom: 0;}
.wrp_step p:nth-child(n+1){margin-bottom: 20px;}

.wrp_table{margin-top: 40px;}
.wrp_table ul{margin-bottom: 0;}
.wrp_table ul li{list-style: none; position: relative; padding-left: 15px;}
.wrp_table ul li::before{content: '・'; font-weight: bold; position: absolute; top: 0; left: 0;}
.wrp_table .left{width: 40%; padding: 20px 30px; border-left: solid #000 1px; border-top: solid #000 1px; border-right: 1px dashed #000;}
.wrp_table .right{width: 60%; padding: 20px 30px; border-right: 1px solid #000; border-top: solid #000 1px;}
.wrp_table .wrp_head{display: flex; background-color: var(--main_color); color: #fff; text-align: center; font-weight: bold; font-size: 16px;}
.wrp_table .wrp_item{display: flex;}
.wrp_table .wrp_item:last-of-type{border-bottom: solid 1px #000;}
.wrp_table .wrp_item:nth-of-type(odd){background-color: #fafafa;}
.wrp_table .wrp_item:nth-of-type(even){background-color: #f2f8fa;}
.privacy-area .mb30{margin-bottom: 30px;}
.dots{padding-left: 0;}
.dots li{list-style: none; position: relative; padding-left: 15px;}
.dots li::before{content: '・'; position: absolute; top: 0; left: 0;}

@media (max-width: 1000px) {
  .wrp_box a{display: block; margin-right: 0;}
  .wrp_box a:last-of-type{margin-bottom: 0;}
}

@media (max-width: 800px) {
  .wrp_table{overflow-x: scroll;}
  .wrp_table .wrp_head,.wrp_table .wrp_item{width: 600px;}
  .wrp_table .left{padding: 20px 15px;}
  .wrp_table .right{padding: 20px 15px;}
}