/* BASIC css start */
.page_wrap {padding:0px 24px;}

.membership .title {padding:40px 0; text-align:center;}
.membership .title h4 {font-size:24px; line-height:32px; color:#1a1a1a; margin-bottom:16px;}
.membership .title p {font-size:12px; color:#777777; line-height:20px; word-break:keep-all; margin-bottom:0px;}
.membership .title p.imp {font-size:14px; line-height:20px; color:#1a1a1a; padding-bottom:8px;}

.membership table {width:100%;border-top:2px solid #1a1a1a; border-collapse:collapse;}
.membership table td{ padding:14px 8px; border-bottom:1px solid #dddddd; text-align:center;}
.membership table td.group {width:72px; border-right:1px solid #e9e9e9; font-size:13px; color:#777777;}
.membership table td.group img {height:32px;}
.membership table td.tit {width:64px; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; color:#1a1a1a;}
.membership table td.btmtit {border-bottom:1px solid #dddddd;}
.membership table td.txt {text-align:left; color:#777777; word-break:keep-all; line-height:1; padding-left:10px;}
.membership table td.txt span {color:#1a1a1a;}
.membership table td.toptxt {border-bottom:1px solid #eee;}

.caution {margin:24px 0 0; border:2px solid #e9e9e9; padding:24px 20px; text-align:center;}
.caution h4 {font-size:20px; color:#1a1a1a; margin-bottom:16px; line-height:24px; }
.caution ul {text-align:left;}
.caution ul li {position:relative; padding-left:12px; font-size:13px; color:#777777; margin-bottom:8px; line-height:140%; word-break:keep-all;}
.caution ul li:last-child {margin-bottom:0;}
.caution ul li:before {display:block; content:""; width:4px; height:4px; background:#1a1a1a; position:absolute; left:0; top:6px;}


.guide_list {}
.guide_list .listwrap {position:relative; border:1px solid #ddd; padding:24px 20px 24px 96px; margin-bottom:16px; text-align:left;}
.guide_list .listwrap .num {position:absolute;right:-1px;top:-1px; width:40px; height:40px;   box-sizing:border-box; padding:5px 0 0 15px; font-size:12px; color:#fff; text-align:center; }
.guide_list .listwrap .num {background:url(/design/jewelrytop/mobile_drorganic/membership_guide_list_num.png) no-repeat; background-size:cover;}
.guide_list .listwrap:nth-child(1){background:url(/design/jewelrytop/mobile_drorganic/membership_guide1.gif) no-repeat 24px center; background-size:48px 48px;}
.guide_list .listwrap:nth-child(2){background:url(/design/jewelrytop/mobile_drorganic/membership_guide2.gif) no-repeat 24px center; background-size:48px 48px;}
.guide_list .listwrap:nth-child(3){background:url(/design/jewelrytop/mobile_drorganic/membership_guide3.gif) no-repeat 24px center; background-size:48px 48px;}
.guide_list .listwrap:nth-child(4){background:url(/design/jewelrytop/mobile_drorganic/membership_guide4.gif) no-repeat 24px center; background-size:48px 48px;}
.guide_list .listwrap:nth-child(5){background:url(/design/jewelrytop/mobile_drorganic/membership_guide5.gif) no-repeat 24px center; background-size:48px 48px;}
.guide_list .listwrap:nth-child(6){background:url(/design/jewelrytop/mobile_drorganic/membership_guide6.gif) no-repeat 24px center; background-size:48px 48px;}
.guide_list .listwrap:nth-child(7){background:url(/design/jewelrytop/mobile_drorganic/membership_guide7.gif) no-repeat 24px center; background-size:48px 48px;}
.guide_list .listwrap h5 {margin-bottom:10px;font-size:14px;color:#1a1a1a; line-height:140%;}
.guide_list .listwrap.last {margin-bottom:0px;}

.guide_list .listwrap p{margin-bottom:12px;font-size:12px;line-height:140%;}
.guide_list .listwrap p:last-child{margin-bottom:0;word-break:keep-all;}
.guide_list .listwrap p.c1 {color:#5a5a5a;}
.guide_list .listwrap p.c2 {color:#777777;}
.guide_list .listwrap ul {}
.guide_list .listwrap ul li {position:relative; padding-left:12px; margin-bottom:8px; color:#777777; line-height:140%;}
.guide_list .listwrap ul li:last-child {margin-bottom:0;}
.guide_list .listwrap ul li:before {display:block; content:""; width:5px; height:1px; background:#888; position:absolute; left:0; top:8px}
.guide_list .listwrap a {display:flex; align-items:center; font-size:12px; line-height:16px; color:#1a1a1a; gap:4px; }
.guide_list .listwrap a img {height:10px;}
/* BASIC css end */