@charset "shift-jis";
@import url('https://fonts.googleapis.com/css?family=Sawarabi+Gothic|Sawarabi+Mincho&display=swap');

/* CSS Document */
#sns *{
font-family: 'Sawarabi Gothic', sans-serif;
}
#sns {
	width:750px;
}

#sns a{
    color: #005e98;
	text-decoration:underline;
	
}
#sns a:hover{
    color: #c00;
}
#sns ::selection {
    background: #FF0;
    color: #00355F;
}

#sns ::-moz-selection {
    background: #FF0;
    color: #00355F;
}
#sns div.step{
	background:url(/IMAGE/190809snscamp/p_06.jpg?1) no-repeat;
	width:750px;
	height:316px;
	position: relative;
}
#sns div.step ul.bt{
	position: absolute;
	top:77px;
	left:42px;
}
#sns div.step ul.bt li{
	padding-top: 22px;

}
#sns div.step ul.ap{
	position: absolute;
	top:265px;
	left:42px;
	display: table;
	table-layout: fixed;
	text-align: center;
	width:182px;
}
#sns div.step ul.ap li{
	display: table-cell;
	vertical-align: middle;
}



#sns ul.bn {
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 80%;
  margin:2% auto;
}
#sns ul.bn li {
  display: table-cell;
  vertical-align: middle;
  width:350px;
}

#sns ul.info {
	width:720px;
	background-color:#eff4f8;
	padding:20px;
	margin:20px auto;
	box-sizing: border-box;
	color:#29537B;
	font-weight:700;
	font-size:14px;
	
}
#sns ul.info li{
	position:relative;
}
#sns ul.info li:before{
	content:"�E";
	position:absolute;
	left:-1em;
}
#sns ul.info li.t:before,
#sns ul.info li.line:before{
	content:"";
}
#sns ul.info li .kome{
	font-weight:normal;
	font-size:80%;
}

#sns ul.info .t{
	font-family: 'Sawarabi Mincho', sans-serif;
	font-size:130%;
	padding-top:2em	;
}
#sns ul.info .t:first-child{
	padding-top:0;
}
#sns ul.info .line{
	text-decoration:underline;
	padding-top:1em	;
	margin-bottom:0.5em;
}


#sns img.over:hover{
	opacity:0.8;
}