@charaset"UTF-8";
/*@import "/common/common.css";*/

/*==================================================================*/
/* css */
/*==================================================================*/
header{background:#fff;}

/* -------------------------------------------------------------- */
/* contents */
/* -------------------------------------------------------------- */
#contents{
	margin:0 auto;
	padding:0 0 60px;
	background:none;
	}
h1{
	margin:10px 0;
	padding:0;
	}

/* 640 *//* ------- */@media screen and (min-width:640px){h1 img{width:100%;}}
/* 980 *//* ------- */@media screen and (min-width:980px){h1 img{width:auto;}}

/* -------------------------------------------------------------- */
/* rule */
/* -------------------------------------------------------------- */
#rule *{margin:0;padding:0;}
#rule{
	margin:0 auto 5em;
	width:90%;
	}
#rule h2{margin:0 0 40px;}
#rule h2 img{width:100%;}

#rule dl{margin:0 0 2em;}
#rule dt{
	margin:0 0 0.5em;
	color:#ec3138;
	font-weight:bold;
	}
#rule dd{}

#rule ol{margin:0 0 0 2em;}
#rule li{margin:0 0 0.5em;}

#rule li span{
	display: inline-block;
	width:1.5em;
	height:1.5em;
	border-radius: 50%;
	color:#fff;
	text-align:center;
	}
#rule li span.blue{background:#0069b8;}
#rule li span.pink{background:#e95098;}
#rule li span.gray{background:#9fa0a0;}

#rule em{
	padding:0 0 0 1em;
	display:inline-block;
	font-style:normal;
	text-indent:-1em;
	}

/* 640 *//* ------- */@media screen and (min-width:640px){}
/* 980 *//* ------- */@media screen and (min-width:980px){
#rule{
	margin:0 auto 5em;
	width:840px;
	}
#rule h2 img{width:auto;}
	}

/* -------------------------------------------------------------- */
/* return */
/* -------------------------------------------------------------- */
#return *{margin:0;padding:0;}
#return{
	margin:0 auto;
	width:90%;
	text-align:center;
	}
#return p a{
	padding:0 0 0 15px;
	position:relative;
	color:#6eb92b;
	text-align:center;
	}
#return p a::before,
#return p a::after{
	margin:0;
	position: absolute;
	top:10px;
	bottom:0;
	left:0;
	content:"";
	display: block;
	content: '';
	}
#return p a::before{
	left:0;
	width:6px;
	height:6px;
	border-bottom: 2px solid #6eb92b;
	border-left: 2px solid #6eb92b;
	transform: rotate(45deg);
	}

#return p a::after{
	content:'';
	position:absolute;
	top:auto;
	bottom:-5px;
	left:0;
	width:100%;
	height:1px;
	background:#6eb92b;
	transform:scaleX(0);
	}

/* over */
#return p a:hover::after{transform: scaleX(1);}

#return p a,
#return p a::before,
#return p a::after{transition: all .3s;}

/* 640 *//* ------- */@media screen and (min-width:640px){}
/* 980 *//* ------- */@media screen and (min-width:980px){#return{width:840px;}}

/* -------------------------------------------------------------- */