@charset "utf-8";
/* CSS Document */



/****************
command
***************/
.rd_box
{
	background 			: #f7f7f7;
	padding 			: 15px;
	border-radius 		: 3px;
}
.consent_doc_area ul,
.consent_doc_area ul li
{
	margin 				: 0px;
	padding 			: 0px;
	list-style 			: none;
}
.consent_doc_area ul
{
	width 				: 98%;
	margin-left 		: auto;
	margin-right 		: auto; 
}
.consent_doc_area ul > li
{
	padding-left 		: 1.5em;
	position 			: relative;
}
.consent_doc_area ul > li:before
{
	content 		: "";
	display 		: block;
	height 			: 5px;
	width 			: 1em;
	background 		: #00246c;
	position 		: absolute;
	left 			: 0px;
	top 			: 7px; 
}
.consent_doc_area  ol,
.consent_doc_area  ol li
{
	padding 			: 0;
	margin 				: 0;
	list-style-type 	: none;
}
.consent_doc_area  ol li
{
	margin-bottom 	: 15px; 
}


.consent_doc_area ol
{
	counter-reset 		: number; /*数字をリセット*/
	list-style-type 	: none!important; /*数字を一旦消す*/
}
.consent_doc_area ol > li
{
	position 			: relative;
 	padding 			: 0px 0px 0px 1.5rem;
	overflow 			: hidden;
	border-radius 		: 3px;
-webkit-border-radius 	: 3px;
-moz-border-radius 		: 3px;
	margin-bottom 		: 5px; 
}
.consent_doc_area ol > li:after
{
 	position 			: absolute;
 	counter-increment 	: number;
 	content 			: counter(number);
 	display 			: inline-block;
 	color 				: #af355e;
 	left 				: 0;
	top 				: 0px;
	bottom 				: 0px;
	margin 				: auto 0px; 
	font-size 			: 1rem;
	color 				: #003668;
	font-weight: bold;

}

/*▼margin------------------------------------------------------------*/
.m_xs
{
	margin-bottom : 10px!important; 
}
.m_s
{
	margin-bottom : 15px!important; 
}
.m_l
{
	margin-bottom: 20px !important;
}
.m_ll
{
	margin-bottom: 30px !important;
}
.m_xl
{
	margin-bottom: 40px !important;
}
.m_xll
{
	margin-bottom: 60px !important;
}


/*▼box------------------------------------------------------------*/


.box_xl
{
	width 		: 90%;
	margin 		: 0 auto 30px;
	text-align 	: left;
}

.box_s
{
	width 		: 60%;
	margin 		: 0 auto 30px;
	text-align 	: left;
}

.box_m
{
	width 		: 60%;
	margin 		: 0 auto 3px;
	text-align 	: left;
}

.Gray_box
{
    background 	: #eee;
    padding 	: 20px;
    box-sizing	: border-box;
    -webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius		: 3px;   /* Firefox用 */
    border-radius			: 3px;
	clear: both;
}

.f_Red
{
	color: #ff1800;
}
.f_bold
{
	font-weight: bold;
}

.dis_inblock
{
	display: inline-block;
}


/*▼font------------------------------------------------------------*/

.f_s
{
	font-size		: 0.8em;
}

.f_ss
{
	font-size		: 0.6em;
}

.f_l
{
	font-size		: 1.2em;
}

.f_xl
{
	font-size		: 1.5em;
}

.f_xxl
{
	font-size		: 1.7em;
}


.f_Red
{
   color 		: #c00;
}
.f_Gold
{
   color 		: #988a33;
}
.f_bold
{
	font-weight : bold;
}
.f_bot_line
{
	text-decoration: underline;
}
.f_Orange
{
	color 				: #ff6c00;
}

.marker
{
   background : linear-gradient(transparent 60%, #ff6 60%);
}

.marker_Red
{
   background : linear-gradient(transparent 80%, #ffadad 80%);
}

/*align--------------------------------------------------------------*/
.text_left
{
	text-align		: left;
}
.text_center
{
	text-align		: center;
}
.text_right
{
	text-align		: right;
}
.text_top
{
	vertical-align	: top;
}
.text_bottom
{
	vertical-align	: bottom;
}

/* postimage */

.alignright
{
  float 			: right;
  padding 			: 0 0 25px 25px;
  clear 			: both;
}
.alignleft
{
  float 			: left;
  padding 			: 0 25px 25px 0;
  clear 			: both;
}
.aligncenter
{
  text-align 		: center;
  margin 			: 0 auto 40px;
  clear				: both;
  display 			: block;
}

.alignright_spmax
{
  float 			: right;
  padding 			: 0 0 25px 25px;
  clear 			: both;
}
.alignleft_spmax
{
  float 			: left;
  padding 			: 0 25px 25px 0;
  clear 			: both;
}





/*768以下の指定（タブレット）*/
@media screen and (max-width: 768px){

.sp_none
{
	display: none;
}


/* postimage */
.alignright,
.alignleft
{
	max-width 			: 45%;
	height 				: auto;
}
.alignright img,
.alignleft img,
.aligncenter img
{
	max-width 			: 100%;
	height 				: auto;
}
.alignright,
img.alignright 
{
	padding 			: 0 0 3% 3%;
	box-sizing 			: border-box;
}
.alignleft,
img.alignleft 
{
	padding 			: 0 3% 3% 0;
	box-sizing 			: border-box;
}

}


/*767以下の指定（タブレット）*/
@media screen and (max-width: 767px){

/*▼margin------------------------------------------------------------*/
.m_l
{
	margin-bottom: 18px !important;
}
.m_xl
{
	margin-bottom: 30px !important;
}
.m_xll
{
	margin-bottom: 40px !important;
}

/* postimage */
.alignright,
img.alignright 
{
	padding 			: 0 0 3% 5%;
	box-sizing 			: border-box;
}
.alignleft,
img.alignleft 
{
	padding 			: 0 5% 3% 0;
	box-sizing 			: border-box;
}
.aligncenter
{
	margin-bottom 		: 30px; 
}

}


/*480以下の指定（タブレット）*/
@media screen and (max-width: 480px){


/*▼margin------------------------------------------------------------*/
.m_l
{
	margin-bottom: 15px !important;
}
.m_xl
{
	margin-bottom: 20px !important;
}
.m_xll
{
	margin-bottom: 30px !important;
}



}