@charset "utf-8";
/* CSS Document */
.sp,
.sp_btn,
.sp_img,
.sec .sp_img{
	display:none;
}
.sp_btn{
	margin:10px 0;
}
.sp_float{
	position: fixed;
	top:0;
	background:#fff;
}
.sp_float li{
	width:49.5%;
	display:inline-block;
}

.sp_float li img{
	width:100%;
}
@media only screen and (max-width: 767px) {
	.sp{
		padding-top: 19%;
	}
div#footer,
div#header,
div#maincontent,
div.bnr{
	width:100% !important;
}
.sp_fv{
	margin-bottom: 5.5%;
	box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.5);
}
.cta-btn{
	margin-bottom: 5.5%;

}

#sp_item01,
#sp_item02,
#sp_item03,
#sp_item04,
#sp_item05,
#sp_item06,
#sp_item07,
#sp_item08,
#sp_item09,
#sp_item10{
      display: block;
    padding-top: 70px;
    margin-top: -70px;  
    }

h1{
	margin-top: 18%;
}
h1 img{
	width: 40%;
}
.sp_btn,
.sp_img,
.sec .sp_img,
.sec h2 span,
.sp_bnr{
	display:block !important;
}
.sec .sp_img{
	margin:0 auto;
}
/*#footer .privacy{
	float:none !important;
}*/
#footer img,
#header .privacy{
	width:auto;
}
div#header ul li{
	width:49%;
}
div#header ul li img{
	width:100%;
}
#floatBnr,
#floatBnr2,
.pc_bnr{
	display:none;

}
	.txt,
	.bottom,
	img{
		width:100%;
	}
	p.btn,
	.title{
		width:90% !important;
	}
	.sp_inner p{
		margin-bottom: 20px;
	}
	p.btn{
		margin:30px auto;
	}
	.pc{display:none !important;}
	.sp,
	span.br{display:block;}
	.txt p{
		padding:0 1%;
		margin-bottom:5%;
	}
	form{font-size:120%;}
	form img{width:auto;}
    table {
		width:100%;
		margin-bottom:5%;
	}
    table th,
    table td{
        width: 100%;
        display: block;
        border-top: none;
    }
    table tr:first-child th{ border-top: 1px solid #ddd; }
	input.submit{
		margin:0 auto !important;
	}
	input{width:90%; display:block; line-height: 1.5em; font-size:16px;}
	.bottom li:last-child img{
		width:131px !important;
	}
	#pref{margin-top:1.5em;}
	p.close{width:172px; margin:0 auto;}
	.privacy{
		padding:0 3% !important;
	}
	div#maincontent .nav{
		margin:10px auto;
	}
	div#maincontent .nav li{
		padding:5px 0;
	}
	
	.sec{
		padding-top:10px;
		padding-bottom:30px;
	}
	.sec h1{
		font-size:4em;
	}
	.sec h1 span{
		font-size:0.5em;
	}
	.sec h2{
	background:#bd9d6a;
	color:#fff;
	text-align:left;
	font-size:2.6em;
	font-weight:bold;
	margin:30px auto 0;
	padding:1%;
	box-sizing:border-box;
	width:97%;
	}
	.sec h3{
		margin:30px 0;
	}
	.sec h3 img,
	.sec ul li img{
		width:100%;
	}
	.sec ul{
		text-align:center;		
	}
	.sec ul li{
		display:inline-block;
		width:98%;
		margin-bottom:1% !important;
		margin-right:0;
	}
	.sec ul.ph li,
	.sec #nav li{
		width:48%;
	}
	#page-top a {
		text-decoration: none;
		color: #fff;
		width: 60px;
		text-align: center;
		display: block;
		border-radius: 5px;
	}
	.right{
		width:40%;
	}
	div#maincontent .hiraya_img{
		width:96%;
		margin:10px auto 0;
	}
	#sp_item08{
		padding: 52px 0 0 0;
		margin: -52px 0 0 0;
	}
	.w90{
		width: 90%;
		margin: 0 auto 30px;
	}
	.bg01,
	.bg02,
	.bg03,
	.bg04{
		padding: 0;
	}
	.grad00,
	.grad01,
	.grad02,
	.grad03,
	.grad04{
		height: 20px;
		background-size: contain;
	}


	div#maincontent h2{
	font-size: 1.4rem;
    letter-spacing: -1px;
    text-align: center;
}
div#maincontent h2 span{
    font-size: 1rem;
}
div#maincontent h3{
	font-size: .8rem;
}
div#maincontent #plan h3{
	font-size: 1.4rem;
}
#plan{
	width: 90%;
}
#plan img{
	width: 100%;
}
	#plan ul li{
		width: 90%;
		display: block;
		margin: 0 auto 20px !important;
	}
	#plan ul li:nth-child(odd){
		margin-right: 0;
	}
	#plan .ph li,
	#plan #nav li{
		display: inline-block;
		width: 49%;
	}
.sp_link{
	width: 95%;
	margin: 20px auto;
}
.sp_link img{
	width: 100%;
}
}