@charset "euc-jp";
/*--------- CSS MENU ---------*/
/*------------------------------
/*  01.  guide
--------------------------------
------------------------------*/

/*  01.  guide
--------------------------------*/
/*  pc  */
@media screen and (min-width: 980px){
/*  guide  */
#page_guide .content {width: 800px;}
#guide {float: left; width: 100%; height: auto; padding: 40px; box-sizing: border-box;}

/*  guide  *//*  user  */
#guide_user {float: left; width: 100%; height: auto; padding: 40px; border: 1px solid #A7A49F; box-sizing: border-box;}
#guide_user h2 {line-height: 30px; margin-bottom: 5px; font-size: 14px; font-weight: normal; letter-spacing: 2px; color: #898580;}
#guide_user h2 span {margin-right: 10px; font-size: 24px; color: #121A27;}
#guide_user p.text {line-height: 20px; font-size: 12px; font-weight: normal; letter-spacing: 2px; color: #898580;}

#guide_user-body {float: left; width: 100%; height: auto; margin-top: 20px;}
#guide_user-body dl {float: left; width: 100%; height: auto; padding: 20px 0px 20px 0px; border-top: 1px solid #898580; box-sizing: border-box;}
#guide_user-body dl:last-of-type {padding-bottom: 0px;}
#guide_user-body dl dt {float: left; width: 100%; height: auto; line-height: 30px; margin-bottom: 10px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #333;}
#guide_user-body dl dt span {margin-right: 20px; font-size: 16px;}
#guide_user-body dl dd {float: left; width: 100%; height: auto; line-height: 20px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #333;}

/*  guide  *//*  block  */
.guide_block {float: left; width: 100%; height: auto; margin-top: 40px;}
.guide_block h2 {line-height: 30px; margin-bottom: 5px; font-size: 14px; font-weight: normal; letter-spacing: 2px; color: #898580;}
.guide_block h2 span {margin-right: 10px; font-size: 24px; color: #121A27;}
.guide_block p.text {line-height: 20px; font-size: 12px; font-weight: normal; letter-spacing: 2px; color: #898580;}
.guide_block .guide_block-body {float: left; width: 100%; height: auto; margin-top: 20px; border-top: 1px solid #EEE;}
.guide_block .guide_block-body dl {float: left; width: 100%; height: auto; padding: 20px 0px 20px 0px; box-sizing: border-box; border-bottom: 1px solid #EEE;}
.guide_block .guide_block-body dl {display: flex; flex-wrap: nowrap;}
.guide_block .guide_block-body dl dt {width: 360px; line-height: 20px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #333;}
.guide_block .guide_block-body dl dd {width: calc(100% - 360px); line-height: 20px; padding-left: 20px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #333; box-sizing: border-box;}
}

/*  sp  */
@media screen and (max-width: 979px){
/*  guide  */
#guide {float: left; width: 100%; height: auto; padding: 20px; box-sizing: border-box;}

/*  guide  *//*  user  */
#guide_user {float: left; width: 100%; height: auto; padding: 20px; border: 1px solid #A7A49F; box-sizing: border-box;}
#guide_user h2 {line-height: 30px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #574A3E;}
#guide_user h2 span {margin-right: 10px; font-size: 20px;}
#guide_user p.text {line-height: 20px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #898580;}

#guide_user-body {float: left; width: 100%; height: auto; margin-top: 10px;}
#guide_user-body dl {float: left; width: 100%; height: auto; padding: 20px 0px 20px 0px; border-top: 1px solid #898580; box-sizing: border-box;}
#guide_user-body dl:last-of-type {padding-bottom: 0px;}
#guide_user-body dl dt {float: left; width: 100%; height: auto; line-height: 30px; margin-bottom: 10px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #574A3E;}
#guide_user-body dl dt span {margin-right: 20px; font-size: 16px;}
#guide_user-body dl dd {float: left; width: 100%; height: auto; line-height: 20px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #333;}

/*  guide  *//*  block  */
.guide_block {float: left; width: 100%; height: auto; margin-top: 40px;}
.guide_block h2 {line-height: 30px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #574A3E}
.guide_block h2 span {margin-right: 10px; font-size: 20px;}
.guide_block p.text {line-height: 20px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #898580;}
.guide_block .guide_block-body {float: left; width: 100%; height: auto; margin-top: 10px; border-top: 1px solid #EEE;}
.guide_block .guide_block-body dl {float: left; width: 100%; height: auto; padding: 10px 0px 10px 0px; box-sizing: border-box; border-bottom: 1px solid #EEE;}
.guide_block .guide_block-body dl {display: flex; flex-wrap: wrap;}
.guide_block .guide_block-body dl dt {width: 100%; line-height: 20px; font-size: 12px; font-weight: bold; letter-spacing: 1px; color: #574A3E;}
.guide_block .guide_block-body dl dd {width: 100%; line-height: 20px; margin-top: 5px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #333;}

#guide_payment-body dl dd img {max-width: 100%; height: auto; margin-right: 5px; margin-bottom: 5px; vertical-align: top;}
}