@charset "UTF-8";
.sp { display: none; }

#widewrapper { width: 100%; }

#contentsArea a:hover { opacity: 0.8; text-decoration: none; }

#contents.column1 { width: 100%; padding: 0; background: #fff; }

#mainContents { overflow: hidden; width: 950px; margin: 0 auto; }

h1 { font-size: 24px; padding: 0 18px; margin: 50px 0; font-weight: normal; }

h2 { background: #f3f3f3; padding: 18px; font-size: 20px; font-weight: normal; }

h2 em { font-style: normal; font-weight: bold; }

.small { font-size: 12px; padding: 20px 25px; line-height: 1.6; margin-bottom: 30px; color: #444; }

#contentsArea .ruleBox { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 20px 20px 30px; }

#contentsArea .ruleBox dl { width: 420px; line-height: 1.6; margin-bottom: 30px; }

#contentsArea .ruleBox dl dt { font-size: 14px; border-bottom: 2px solid #ccc; padding: 5px 0; margin-bottom: 20px; font-weight: bold; }

#contentsArea .ruleBox dl dd { margin-bottom: 30px; }

#contentsArea .ruleBox dl dd small{ font-size: 14px; font-weight:bold;}

#contentsArea .ruleBox dl dd p { padding-left: 26px; position: relative; }

#contentsArea .ruleBox dl dd p:before { position: absolute; content: '┗'; font-size: 17px; left: 0; top: 0; }

#contentsArea .ruleBox dl dd span { font-size: 14px; }

#contentsArea .ruleBox dl dd a { font-size: 17px; color: #1d54a7; }

#contentsArea .ruleBox dl dd a:hover { color: #bf0000; }

#contentsArea .ruleBox dl dd ul { padding-left: 12px; }

#contentsArea .ruleBox dl dd ul li { padding-left: 15px; position: relative; }

#contentsArea .ruleBox dl dd ul li:before { position: absolute; content: '・'; font-size: 16px; left: 0; top: 4px; }

/* agreement.html */
h1.ttl{padding: 0; width:730px; margin: 50px auto;}
.kiyaku{padding: 0 50px;line-height: 1.6; width: 600px; margin: 0 auto;}
.kiyaku dt{font-size: 16px;font-weight: bold;padding-bottom: 3px;border-bottom: 1px solid #000;margin-bottom: 3px;}
.kiyaku.noline dt{border-bottom: none;}
.kiyaku dd{font-size: 14px;margin-bottom: 30px;}
.kiyaku dd span{font-weight: bold;display: block;font-size: 14px;}
.kiyaku dd em{text-align: right;display: block;font-style: normal;}
#contentsArea .kiyaku dd a{color: #0068b7;text-decoration: underline;}
#contents .kiyaku .pagetop{width: 600px;margin: 0 auto;}
#contents .kiyaku .pagetop a { color:#046300; text-decoration: none; font-size: 12px; font-weight: bold;}
p.henko{font-weight: bold;margin: 15px 0; border: 1px solid #000;padding: 15px; background: #eee;}
.kiyaku dd table td{padding: 5px 10px;}
p.txt{font-size: 14px;margin: 0 auto 30px;width: 600px;line-height: 1.6;}
p.txt em{text-align: right;font-style: normal; display: block;}