@charset "UTF-8";
/*--------- CSS MENU ---------*/
/*------------------------------
/*  01.  page - guide
--------------------------------
------------------------------*/

/*  01.  page - guide
------------------------------*/
/*  pc  */
@media screen and (min-width: 980px) {
/*  page  *//*  guide  */
#page_guide {margin-top: 80px; margin-bottom: 80px;}
#page_guide .content {width: 800px;}
#page_guide .guide-user {float: left; width: 100%; height: auto;}
#page_guide .guide-user .body {float: left; width: 100%; height: auto; margin-top: 40px;}
#page_guide .guide-user .body dl {float: left; width: 100%; height: auto; margin-bottom: 20px; border-radius: 5px; overflow: hidden;}
#page_guide .guide-user .body dl:last-of-type {margin-bottom: 0px;}
#page_guide .guide-user .body dl dt {position: relative; float: left; width: 100%; height: auto; padding: 20px; background-color: #777; box-sizing: border-box;}
#page_guide .guide-user .body dl dt p.num {float: left; line-height: 20px; font-size: 12px; font-weight: bold; letter-spacing: 2px; color: #FFF;}
#page_guide .guide-user .body dl dt p.main {float: left; line-height: 20px; margin-left: 20px; font-size: 16px; font-weight: bold; letter-spacing: 2px; color: #FFF;}
#page_guide .guide-user .body dl dd {float: left; width: 100%; height: auto; line-height: 30px; padding: 20px; font-size: 14px; font-weight: normal; letter-spacing: 2px; color: #333; background-color: #EEE; box-sizing: border-box;}

#page_guide .guide-legal {float: left; width: 100%; height: auto; margin-top: 80px;}
#page_guide .guide-legal .body {float: left; width: 100%; height: auto; margin-top: 40px;}
#page_guide .guide-legal .body dl {float: left; width: 100%; height: auto; margin-bottom: 40px;}
#page_guide .guide-legal .body dl:last-of-type {margin-bottom: 0px;}
#page_guide .guide-legal .body dl dt {float: left; width: 100%; height: auto; line-height: 30px; font-size: 14px; font-weight: bold; letter-spacing: 2px;}
#page_guide .guide-legal .body dl dd {float: left; width: 100%; height: auto; line-height: 30px; font-size: 14px; font-weight: normal; letter-spacing: 2px;}
}

/*  sp  */
@media screen and (max-width: 979px) {
/*  page  *//*  guide  */
#page_guide {padding: 40px 20px 40px 20px; box-sizing: border-box;}
#page_guide .content {max-width: 600px;}
#page_guide .guide-user {float: left; width: 100%; height: auto;}
#page_guide .guide-user .body {float: left; width: 100%; height: auto; margin-top: 40px;}
#page_guide .guide-user .body dl {float: left; width: 100%; height: auto; margin-bottom: 20px; border-radius: 5px; overflow: hidden;}
#page_guide .guide-user .body dl:last-of-type {margin-bottom: 0px;}
#page_guide .guide-user .body dl dt {position: relative; float: left; width: 100%; height: auto; padding: 20px; background-color: #777; box-sizing: border-box;}
#page_guide .guide-user .body dl dt p.num {line-height: 20px; margin-bottom: 5px; font-size: 12px; font-weight: bold; letter-spacing: 1px; color: #FFF;}
#page_guide .guide-user .body dl dt p.main {line-height: 24px; font-size: 16px; font-weight: bold; letter-spacing: 1px; color: #FFF;}
#page_guide .guide-user .body dl dd {float: left; width: 100%; height: auto; line-height: 20px; padding: 20px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #333; background-color: #EEE; box-sizing: border-box;}

#page_guide .guide-legal {float: left; width: 100%; height: auto; margin-top: 40px;}
#page_guide .guide-legal .body {float: left; width: 100%; height: auto; margin-top: 40px;}
#page_guide .guide-legal .body dl {float: left; width: 100%; height: auto; margin-bottom: 20px;}
#page_guide .guide-legal .body dl:last-of-type {margin-bottom: 0px;}
#page_guide .guide-legal .body dl dt {float: left; width: 100%; height: auto; line-height: 20px; font-size: 12px; font-weight: bold; letter-spacing: 1px;}
#page_guide .guide-legal .body dl dd {float: left; width: 100%; height: auto; line-height: 20px; font-size: 12px; font-weight: normal; letter-spacing: 1px;}
}