/*---------------------------------------------------- #privacy .con_privacy, #terms .con_terms ----------------------------------------------------*/ #privacy .con_privacy .box_privacy .wrap_privacy h2:before { content: ""; display: inline-block; margin-right: 6px; width: 0.8em; height: 0.8em; background: #333350; } #terms .con_terms .box_terms { counter-reset: largenum; } #terms .con_terms .box_terms .wrap_terms h2 { padding-left: 2.5rem; position: relative; } #terms .con_terms .box_terms .wrap_terms h2:before { counter-increment: largenum; content: counter(largenum) "."; display: block; position: absolute; left: 0; letter-spacing: normal; } #privacy .con_privacy, #terms .con_terms { padding-top: 30px; } #privacy .con_privacy .contents_title01 strong.ja, #terms .con_terms .contents_title01 strong.ja { font-weight: bold; letter-spacing: 0.2ex; text-indent: 0.2ex; } #privacy .con_privacy .box_privacy, #privacy .con_privacy .box_terms, #terms .con_terms .box_privacy, #terms .con_terms .box_terms { padding: 0 15px 45px; text-align: justify; } #privacy .con_privacy .box_privacy .wrap_privacy, #privacy .con_privacy .box_privacy .wrap_terms, #privacy .con_privacy .box_terms .wrap_privacy, #privacy .con_privacy .box_terms .wrap_terms, #terms .con_terms .box_privacy .wrap_privacy, #terms .con_terms .box_privacy .wrap_terms, #terms .con_terms .box_terms .wrap_privacy, #terms .con_terms .box_terms .wrap_terms { margin-top: 50px; } #privacy .con_privacy .box_privacy .wrap_privacy:first-child, #privacy .con_privacy .box_privacy .wrap_terms:first-child, #privacy .con_privacy .box_terms .wrap_privacy:first-child, #privacy .con_privacy .box_terms .wrap_terms:first-child, #terms .con_terms .box_privacy .wrap_privacy:first-child, #terms .con_terms .box_privacy .wrap_terms:first-child, #terms .con_terms .box_terms .wrap_privacy:first-child, #terms .con_terms .box_terms .wrap_terms:first-child { margin-top: 30px; } #privacy .con_privacy .box_privacy .wrap_privacy h2, #privacy .con_privacy .box_privacy .wrap_terms h2, #privacy .con_privacy .box_terms .wrap_privacy h2, #privacy .con_privacy .box_terms .wrap_terms h2, #terms .con_terms .box_privacy .wrap_privacy h2, #terms .con_terms .box_privacy .wrap_terms h2, #terms .con_terms .box_terms .wrap_privacy h2, #terms .con_terms .box_terms .wrap_terms h2 { border-bottom: 1px solid #D6D6DC; padding-bottom: 10px; line-height: 1.4; } #privacy .con_privacy .box_privacy .wrap_privacy h2 + *, #privacy .con_privacy .box_privacy .wrap_terms h2 + *, #privacy .con_privacy .box_terms .wrap_privacy h2 + *, #privacy .con_privacy .box_terms .wrap_terms h2 + *, #terms .con_terms .box_privacy .wrap_privacy h2 + *, #terms .con_terms .box_privacy .wrap_terms h2 + *, #terms .con_terms .box_terms .wrap_privacy h2 + *, #terms .con_terms .box_terms .wrap_terms h2 + * { margin-top: 15px; } #privacy .con_privacy .box_privacy .wrap_privacy > *, #privacy .con_privacy .box_privacy .wrap_terms > *, #privacy .con_privacy .box_terms .wrap_privacy > *, #privacy .con_privacy .box_terms .wrap_terms > *, #terms .con_terms .box_privacy .wrap_privacy > *, #terms .con_terms .box_privacy .wrap_terms > *, #terms .con_terms .box_terms .wrap_privacy > *, #terms .con_terms .box_terms .wrap_terms > * { margin-top: 20px; } #privacy .con_privacy .box_privacy .wrap_privacy ol, #privacy .con_privacy .box_privacy .wrap_terms ol, #privacy .con_privacy .box_terms .wrap_privacy ol, #privacy .con_privacy .box_terms .wrap_terms ol, #terms .con_terms .box_privacy .wrap_privacy ol, #terms .con_terms .box_privacy .wrap_terms ol, #terms .con_terms .box_terms .wrap_privacy ol, #terms .con_terms .box_terms .wrap_terms ol { counter-reset: num; } #privacy .con_privacy .box_privacy .wrap_privacy ol li, #privacy .con_privacy .box_privacy .wrap_terms ol li, #privacy .con_privacy .box_terms .wrap_privacy ol li, #privacy .con_privacy .box_terms .wrap_terms ol li, #terms .con_terms .box_privacy .wrap_privacy ol li, #terms .con_terms .box_privacy .wrap_terms ol li, #terms .con_terms .box_terms .wrap_privacy ol li, #terms .con_terms .box_terms .wrap_terms ol li { padding-left: 2.5rem; position: relative; margin-top: 10px; } #privacy .con_privacy .box_privacy .wrap_privacy ol li:first-child, #privacy .con_privacy .box_privacy .wrap_terms ol li:first-child, #privacy .con_privacy .box_terms .wrap_privacy ol li:first-child, #privacy .con_privacy .box_terms .wrap_terms ol li:first-child, #terms .con_terms .box_privacy .wrap_privacy ol li:first-child, #terms .con_terms .box_privacy .wrap_terms ol li:first-child, #terms .con_terms .box_terms .wrap_privacy ol li:first-child, #terms .con_terms .box_terms .wrap_terms ol li:first-child { margin-top: 0; } #privacy .con_privacy .box_privacy .wrap_privacy ol li:before, #privacy .con_privacy .box_privacy .wrap_terms ol li:before, #privacy .con_privacy .box_terms .wrap_privacy ol li:before, #privacy .con_privacy .box_terms .wrap_terms ol li:before, #terms .con_terms .box_privacy .wrap_privacy ol li:before, #terms .con_terms .box_privacy .wrap_terms ol li:before, #terms .con_terms .box_terms .wrap_privacy ol li:before, #terms .con_terms .box_terms .wrap_terms ol li:before { counter-increment: num; content: counter(num) "."; display: block; position: absolute; left: 0; letter-spacing: normal; } #privacy .con_privacy .box_privacy .wrap_privacy a, #privacy .con_privacy .box_privacy .wrap_terms a, #privacy .con_privacy .box_terms .wrap_privacy a, #privacy .con_privacy .box_terms .wrap_terms a, #terms .con_terms .box_privacy .wrap_privacy a, #terms .con_terms .box_privacy .wrap_terms a, #terms .con_terms .box_terms .wrap_privacy a, #terms .con_terms .box_terms .wrap_terms a { text-decoration: underline; } @media only screen and (min-width: 768px) { #privacy .con_privacy .box_privacy .wrap_privacy h2:before { width: 14px; height: 14px; } #terms .con_terms .box_terms .wrap_terms h2 { padding-left: 3.3rem; } #privacy .con_privacy, #terms .con_terms { padding-top: 50px; } #privacy .con_privacy .box_privacy, #privacy .con_privacy .box_terms, #terms .con_terms .box_privacy, #terms .con_terms .box_terms { width: 800px; margin: 0 auto; padding: 0 0 100px; } #privacy .con_privacy .box_privacy .wrap_privacy, #privacy .con_privacy .box_privacy .wrap_terms, #privacy .con_privacy .box_terms .wrap_privacy, #privacy .con_privacy .box_terms .wrap_terms, #terms .con_terms .box_privacy .wrap_privacy, #terms .con_terms .box_privacy .wrap_terms, #terms .con_terms .box_terms .wrap_privacy, #terms .con_terms .box_terms .wrap_terms { margin-top: 80px; } #privacy .con_privacy .box_privacy .wrap_privacy:first-child, #privacy .con_privacy .box_privacy .wrap_terms:first-child, #privacy .con_privacy .box_terms .wrap_privacy:first-child, #privacy .con_privacy .box_terms .wrap_terms:first-child, #terms .con_terms .box_privacy .wrap_privacy:first-child, #terms .con_terms .box_privacy .wrap_terms:first-child, #terms .con_terms .box_terms .wrap_privacy:first-child, #terms .con_terms .box_terms .wrap_terms:first-child { margin-top: 60px; } #privacy .con_privacy .box_privacy .wrap_privacy h2, #privacy .con_privacy .box_privacy .wrap_terms h2, #privacy .con_privacy .box_terms .wrap_privacy h2, #privacy .con_privacy .box_terms .wrap_terms h2, #terms .con_terms .box_privacy .wrap_privacy h2, #terms .con_terms .box_privacy .wrap_terms h2, #terms .con_terms .box_terms .wrap_privacy h2, #terms .con_terms .box_terms .wrap_terms h2 { font-size: 1.8rem; } #privacy .con_privacy .box_privacy .wrap_privacy h2 + *, #privacy .con_privacy .box_privacy .wrap_terms h2 + *, #privacy .con_privacy .box_terms .wrap_privacy h2 + *, #privacy .con_privacy .box_terms .wrap_terms h2 + *, #terms .con_terms .box_privacy .wrap_privacy h2 + *, #terms .con_terms .box_privacy .wrap_terms h2 + *, #terms .con_terms .box_terms .wrap_privacy h2 + *, #terms .con_terms .box_terms .wrap_terms h2 + * { margin-top: 20px; } #privacy .con_privacy .box_privacy .wrap_privacy > *, #privacy .con_privacy .box_privacy .wrap_terms > *, #privacy .con_privacy .box_terms .wrap_privacy > *, #privacy .con_privacy .box_terms .wrap_terms > *, #terms .con_terms .box_privacy .wrap_privacy > *, #terms .con_terms .box_privacy .wrap_terms > *, #terms .con_terms .box_terms .wrap_privacy > *, #terms .con_terms .box_terms .wrap_terms > * { margin-top: 30px; } #privacy .con_privacy .box_privacy .wrap_privacy > p, #privacy .con_privacy .box_privacy .wrap_terms > p, #privacy .con_privacy .box_terms .wrap_privacy > p, #privacy .con_privacy .box_terms .wrap_terms > p, #terms .con_terms .box_privacy .wrap_privacy > p, #terms .con_terms .box_privacy .wrap_terms > p, #terms .con_terms .box_terms .wrap_privacy > p, #terms .con_terms .box_terms .wrap_terms > p { line-height: 2.2; } #privacy .con_privacy .box_privacy .wrap_privacy ol li, #privacy .con_privacy .box_privacy .wrap_terms ol li, #privacy .con_privacy .box_terms .wrap_privacy ol li, #privacy .con_privacy .box_terms .wrap_terms ol li, #terms .con_terms .box_privacy .wrap_privacy ol li, #terms .con_terms .box_privacy .wrap_terms ol li, #terms .con_terms .box_terms .wrap_privacy ol li, #terms .con_terms .box_terms .wrap_terms ol li { padding-left: 3.3rem; } #privacy .con_privacy .box_privacy .wrap_privacy a:hover, #privacy .con_privacy .box_privacy .wrap_terms a:hover, #privacy .con_privacy .box_terms .wrap_privacy a:hover, #privacy .con_privacy .box_terms .wrap_terms a:hover, #terms .con_terms .box_privacy .wrap_privacy a:hover, #terms .con_terms .box_privacy .wrap_terms a:hover, #terms .con_terms .box_terms .wrap_privacy a:hover, #terms .con_terms .box_terms .wrap_terms a:hover { text-decoration: none; } } /*---------------------------------------------------- #law .con_law ----------------------------------------------------*/ #law .con_law { padding-top: 30px; } #law .con_law .contents_title01 strong.ja { font-weight: bold; letter-spacing: 0.2ex; text-indent: 0.2ex; } #law .con_law .box_law { padding: 0 15px 45px; text-align: justify; } #law .con_law .box_law dl { margin-top: 40px; text-align: justify; } #law .con_law .box_law dl dt { letter-spacing: 0.2ex; } #law .con_law .box_law dl dd { margin-top: 5px; line-height: 1.6; padding-left: 30px; position: relative; } #law .con_law .box_law dl dd:before { content: ""; display: block; width: 10px; border-top: 1px solid #D6D6DC; position: absolute; left: 2px; top: 10px; } @media only screen and (min-width: 768px) { #law .con_law { padding-top: 50px; } #law .con_law .box_law { width: 800px; margin: 0 auto; padding: 0 0 100px; } #law .con_law .box_law dl { margin-top: 50px; display: flex; } #law .con_law .box_law dl:first-child { margin-top: 80px; } #law .con_law .box_law dl dt { letter-spacing: 0.2ex; width: 210px; flex: 0 0 210px; line-height: 1.6; } #law .con_law .box_law dl dd { margin-top: 0; line-height: 1.6; padding-left: 50px; flex: 1 1 590px; } #law .con_law .box_law dl dd:before { width: 20px; top: 10px; } }