@charset "UTF-8";
/* ===================================================
	Privacy Policy CSS
====================================================== */

#privacy #main{ background-color: #f9f8f6; font-size: 16px;}

#privacy .inner{ padding: 100px 0 50px; overflow: hidden;}

@media screen and (max-width: 600px) {
#privacy .inner{ padding: 50px 0 0;}
}

/* ---------------------------------------------------
#main
------------------------------------------------------ */
#privacy section { width: 100%; margin: 0 auto 100px;}
#privacy section h2 { padding: 0 0 30px; font-size: 24px; color: #ff7c00;}
#privacy section li,
#privacy section div,
#privacy section p,
#privacy section pre,
#privacy section span { word-break: break-word;}
#privacy section p + p,
#privacy section ul + p { margin: 10px 0 0;}
#privacy section .info { padding: 20px 40px; margin: 20px 0; border: 1px solid #e5e4e2; box-sizing: border-box;}
#privacy section [class*="list_"] { counter-reset: num;}
#privacy section [class*="list_"] > li,
#privacy section [class*="list_"] > dt { display: flex; counter-increment: num;}
#privacy section [class*="list_"] > li::before,
#privacy section [class*="list_"] > dt::before { flex-shrink: 0;}
#privacy section [class*="list_"] > li > div,
#privacy section [class*="list_"] > li > p,
#privacy section [class*="list_"] > dt > span { flex-grow: 1;}
#privacy section .list_num > li { padding: 20px 0; border-bottom: 1px solid #e5e4e2;}
#privacy section .list_num > li::before { content: counter(num)'.'; margin: 0 10px 0 0; color: #ff7c00; font-size: 20px;}
#privacy section .list_num > li > div,
#privacy section .list_num > li > p { margin: 5px 0 0;}
#privacy section .list_dot > li::before { content: '・';}
#privacy section .list_num_inner { margin: 5px 0 0;}
#privacy section .list_num_inner > dt::before { content: counter(num)')'; margin: 0 5px 0 0;}
#privacy section .list_num_inner > dd { margin: 0 0 0 1.5em;}
#privacy section .list_dot_inner > li::before { content: '-'; margin: 0 5px 0 0;}
#privacy section .list_kana > li::before { content: counter(num, katakana)')'; margin: 0 5px 0 0;}
#privacy section .list_alpha > li::before { content: counter(num, lower-alpha)')'; margin: 0 5px 0 0;}
#privacy section a { text-decoration: underline;}
#privacy section a:hover { text-decoration: none;}

#privacy #sec1 .date { margin: 0 0 30px;}
#privacy #sec1 .p_mark { display: flex; align-items: center; justify-content: space-between;}
#privacy #sec1 .p_mark p { width: calc(100% - 200px);}
#privacy #sec1 .p_mark a { flex-shrink: 0; display: inline-block; width: 140px; background: #fff; padding: 25px; box-sizing: border-box;}
#privacy #sec1 .sign { margin: 20px 0 25px; text-align: right;}
#privacy #sec1 .sign .br_sp { display: none;}

#privacy #sec2 h3 { margin: 25px 0 0; font-size: 20px; font-weight: normal;}

#privacy #contents_wrap #breadcrumb { clear: both;}


@media screen and (max-width: 1100px) {
  #privacy section { width: 100%;}
  #privacy #contents_wrap #breadcrumb { width: 100%;}
}

@media screen and (max-width: 600px) {
#privacy section { width: 100%; margin-bottom: 60px;}
#privacy section .info { display: block; padding: 15px 20px;}
#privacy section .list_num > li::before { margin-right: 5px;}

#privacy #sec1 .p_mark { display: block; text-align: center;}
#privacy #sec1 .p_mark p { width: auto; margin: 0 0 15px; text-align: left;}
#privacy #sec1 .sign { margin: 10px 0 15px;}
#privacy #sec1 .sign .br_sp { display: inline;}
}