@charset "euc-jp";

#snscp_wrap {
	padding:20px 0;
	margin:0;
	background:#000;
	color:#fff;
}
#snscp {
	width:100%;
	max-width:1000px;
	margin:50px auto;
	padding:0px;
	font-size:14px;
	font-weight:normal;
	line-height:150%;
/*	font-family: 'Noto Serif JP', serif; */
/*	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", sans-serif; */
	overflow:hidden;
}
#snscp_wrap a { text-decoration:none; color:#fff; }
#snscp a:hover { color:eee; }
#snscp ol,#snscp ul,#snscp p,#snscp h2,#snscp h3,#snscp h4,#snscp h5 { margin:0; padding:0; }

#snscp .mgnt50 { margin-top:50px !important; }


#snscp_wrap figure {
	max-width:1000px;
	margin:0 auto;
}

#snscp .sp { display:none; }
#snscp .pc { display:block; }
#snscp span.pc { display:inline-block; }

#snscp_wrap img {
	max-width:100%;
	height:auto;
}
#snscp p {
	line-height:180%;
	font-size:16px;
}
#snscp .title {
	font-size:200% !important;
	text-align:center;
	color:#e5c000;
	line-height:180%;
	letter-spacing:3px;
	font-weight:bold;
}
	#snscp .title > span {
		font-size:18px;
		display:block;
		line-height:150%;
	}
#snscp .basic {
	width:95%;
	margin:20px auto;
}
#snscp .bold {
	font-weight:bold;
	color:#e5c000;
	font-size:120%;
	letter-spacing:2px;
}
#snscp .f_o { color:#e89602; }
#snscp .under {
	text-decoration:underline;
	letter-spacing:2px;
	margin:0 2px;
}
	#snscp a img:hover {
		opacity:0.6;
	}
#snscp h2 {
	width:100%;
	font-size:20px;
	font-weight:bold;
	color:#000;
	background:#e89602;
	padding:1.0em 0;
	text-align:center;
	margin:80px auto 20px auto;
	letter-spacing:5px;
}

#snscp .stepBox {
	display:flex;
	flex-wrap:no-wrap;
	justify-content:space-between;
	align-items:flex-start;
}
#snscp #panel2 .stepBox {
	display:flex;
	flex-wrap:no-wrap;
	justify-content:center;
	align-items:flex-start;
}
	#snscp .stepBox .step { width:80%; margin:0 auto; }
	#snscp .stepBox .twbox { display:none; }
	
	#snscp .stepBox .step {
		display:block;
	}
		#snscp .stepBox .step > div {
			border:3px solid #e89602;
			position:relative;
			margin:30px 0;
			padding:4.0em 1.0em 4.0em 1.0em;
			box-sizing:border-box;
			text-align:center;
		}
		#snscp .stepBox .step div:nth-child(1),
		#snscp .stepBox .step div:nth-child(2) {
			margin-bottom:50px;
		}
		#snscp .stepBox .step div p.num {
			width:5.0em;
			display:inline-block;
			position:absolute;
			left:0;
			right:0;
			margin:auto;
			top:-1.2em;
			background:#000;
			color:#fff;
			font-size:18px;
			font-weight:bold;
			text-align:center;
			padding:5px;
		}
		#snscp .stepBox .step div h4 { font-size:20px; font-weight:bold; margin-bottom:0.5em; }
		#snscp .stepBox .step div .sns_flex {
			width:90%;
			margin:10px auto 0 auto;
			display:flex;
			justify-content:space-between;
		}
		#snscp .stepBox .step div .followbtn {
			width:48%;
			border:0;
			display:inline-block;
			padding:0;
			margin:0;
		}
		#snscp .stepBox .step div figure {
			width:60%;
			margin-top:15px;
		}
		#snscp .stepBox .step div .followbtn > p {
			margin:10px auto 0 auto;
			font-size:12px;
		}
		#snscp .stepBox .step div .followbtn a {
			display:block;
			width:100%;
			background:#e89602;
			border: 1px solid #e89602;
			color:#fff;
			padding:1.0em 0;
			border-radius:20px;
			text-align:center;
		}
		#snscp .stepBox .step div .followbtn a:hover {
			border: 1px solid #e89602;
			background:#fff;
			color:#000;
		}


#snscp .detailinfo {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
		text-align:left;
}
	#snscp .detailinfo h6 {
		width:25%;
		font-size:16px;
		padding:0; margin:0;
		padding:1.0em 0;
		text-align:right;
	}
	#snscp .detailinfo div {
		width:70%;
		font-size:14px;
		line-height:150%;
		padding:1.0em 0;
		text-align:left;
	}
	#snscp .detailinfo hr {
		width:100%;
		height: 1px;
		border: 0;
		border-top: 1px dashed #ccc;
		margin-bottom:5px;
	}
	
ol.dotver,
ol.attention {}
	ol.dotver li,
	ol.attention li {
		list-style:none;
		text-indent:-0.7em;
		padding-left:1.2em;
		line-height:180%;
	}
	ol.attention li {
		color:#ff0000;
	}
	ol.dotver li:before {
		content:"¡¦";
		display:inline-block;
		padding-right:0.2em;
	}
	ol.attention li:before {
		content:"¢¨";
		display:inline-block;
		padding-right:0.2em;
	}


/* /////////////////////////////////////////////// */

@media screen and (max-width:768px) {

#snscp {
	width:100%;
	max-width:100%;
	box-sizing:border-box;
}

#snscp .pc { display:none; }
#snscp .sp { display:block; }

#snscp .title {
	font-size:22px !important;
	text-align:center;
	color:#e5c000;
	line-height:180%;
	letter-spacing:3px;
}
	#snscp .title > span {
		font-size:18px;
		display:block;
		line-height:150%;
	}
#snscp .stepBox {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
}
	#snscp .stepBox .step { width:95%; margin:0 auto; }
	#snscp .stepBox .twbox { width:95%; margin:0 auto; }

		#snscp .stepBox .step div .sns_flex {
			width:90%;
			margin:10px auto 0 auto;
			display:flex;
			flex-wrap:wrap;
		}
		#snscp .stepBox .step div .followbtn {
			width:90%;
			border:0;
			display:inline-block;
			padding:0;
			margin:0 auto;
		}
		#snscp .stepBox .step div .followbtn:nth-of-type(2) {
			margin-top:20px;
		}
		#snscp .stepBox .step div figure {
			width:80%;
			margin-top:15px;
		}
	#snscp .detailinfo h6 {
		width:90%;
		display:block;
		font-size:16px;
		padding:0; margin:0 auto;
		padding:1.0em 0 0 0 !important;
		text-align:center;
	}
	#snscp .detailinfo div {
		width:90%;
		font-size:16px;
		margin:0 auto;
		padding:1.0em 0;
	}

}
/* /////////////////////////////////////////////// */