@charset "UTF-8";

/*--------- CSS MENU ---------*/
/*------------------------------
/*  01.  guide
--------------------------------
------------------------------*/

/*  guide  */
#guide {padding-top: 40px;}

/*  guide  *//*  guide_box  */
#guide .guide_box {background: #FFF;}
#guide .guide_box:not(:last-child) {margin-bottom: 40px;}
#guide .guide_box h2 {margin-bottom: 20px;}
#guide .guide_box h2 span {margin-right: 20px;}
#guide .guide_box > p {margin-bottom: 30px;}

/*  guide  *//*  guide_box  *//*  guide_box_body  */
#guide .guide_box .guide_box_body dl {border-top: 1px solid #CCC;}
#guide .guide_box .guide_box_body dl:last-child {border-bottom: 1px solid #CCC;}

/*  guide  *//*  guide_user-body  */
#guide #guide_user-body dl {border-top: 1px solid #CCC; padding-top: 20px;}
#guide #guide_user-body dl:not(:last-child) {margin-bottom: 20px;}


/*  pc  */
@media screen and (min-width: 980px) {
	/*  guide  */
	#guide .guide_box {padding: 40px; border-radius: 15px;}
	
	/*  guide  *//*  guide_box  */
	#guide .guide_box > p {font-weight: bold;}
	
	/*  guide  *//*  guide_box  *//*  guide_box_body  */
	#guide .guide_box .guide_box_body dl {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0;}
	#guide .guide_box .guide_box_body dl dt {width: 280px;}
	#guide .guide_box .guide_box_body dl dd {width: calc(100% - 280px);}
	
	/*  guide  *//*  guide_user-body  */
	#guide #guide_user-body dl dt {margin-bottom: 10px;}
	#guide #guide_user-body dl dt span {margin-right: 20px;}
}

/*  sp  */
@media screen and (max-width: 979px) {
	/*  guide  */
	#guide .guide_box {padding: 20px;}
	
	#guide .guide_box .guide_box_body dl {padding: 15px 0;}
	#guide .guide_box .guide_box_body dl dt {font-weight: bold;}
	#guide .guide_box .guide_box_body dl dd {margin-top: 5px;}
	
	/*  guide  *//*  guide_user-body  */
	#guide #guide_user-body dl dt {margin-bottom: 20px;}
}