@charset "UTF-8";
html {
	width:100%;
	margin:0 auto;
	text-align: center;
	animation: loading 1s;
}

img {
	width: 100%;
	pointer-events: none;
  }

@keyframes loading {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

body {
	width:100%;
	margin: 0 auto;
	user-select:none;
-webkit-user-select:none;
-ms-user-select: none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;
font-family: 'Shippori Mincho', serif;
background:url(../../img/top_bg_pc.png);
background-repeat:repeat-y;
background-size:cover;
}
.pc{display: block;}
.sp{display: none;}

@media screen and (max-width: 768px) {
	.pc{display: none;}
	.sp{display: block;}
}

#howto{
	max-width:1000px;
	margin:0 auto;
	padding:5% 0 0 0;
}
@media screen and (max-width: 768px) {
#howto{
	width:95%;
	padding:0 2.5%;
}
}

#howto h2{
	color:#fff;
	border:solid 1px #fff;
	padding:7px 11px;
	margin:0 0 20px 0;
	font-size:25px;
}
@media screen and (max-width: 768px) {
	#howto h2{
		margin:20px 0;
	}
}
.howto_txt{
	text-align:left;
}
.howto_txt p{
	font-size:15px;
	line-height:25px;
	color:#fff;
}
@media screen and (max-width: 768px) {
	.howto_txt p{
		font-size:13px;
		line-height:21px;
	}
}
.sub_title{
	font-size:23px;
	color:#bab100;
	display: block;
	margin:5% 0 1% 0;
}
@media screen and (max-width: 768px) {
	.sub_title{
		font-size:18px;
	}
}
#kanteisi{
	max-width:1000px;
	margin:0 auto;
	padding:5% 0 0 0;
}
@media screen and (max-width: 768px) {
#kanteisi{
	width:95%;
	padding:0 2.5%;
}
}
#kanteisi h2{
	color:#fff;
	border:solid 1px #fff;
	padding:7px 11px;
	margin:0 0 20px 0;
	font-size:25px;
}
@media screen and (max-width: 768px) {
	#kanteisi h2{
		margin:20px 0;
	}
}
.kanteisi_txt{
	text-align:left;
}
.kanteisi_txt p{
	font-size:15px;
	line-height:25px;
	color:#fff;
}
@media screen and (max-width: 768px) {
	.kanteisi_txt p{
		font-size:13px;
		line-height:21px;
	}
}
/*************/
.saposapo{
	max-width:500px;
	margin:0 auto;
	color: #000;
  background: #bab100;
  border-bottom: 5px solid #605b00;
  border-radius: 11px;
  padding:15px 27px 10px 27px;
}
@media screen and (max-width: 768px) {
	.saposapo{
		max-width:250px;
		padding:15px 7px 10px 7px;
	}
}
.saposapo:hover{
	margin-top: 3px;
	color: #000;
	background: #bab100;
	border-bottom: 2px solid #605b00;
}
.saposapo p{
	color:#372a0f;
	font-size:2em;
	font-weight:500;
}
@media screen and (max-width: 768px) {
	.saposapo p{
		font-size:1.2em;
	}
}
footer{
	background:#000;
	padding:15px 0;
	color:#fff;
	margin:5% 0 0 0;
}