@charset "UTF-8";
/* CSS Document */
*{
padding:0;
margin:0;
list-style:none;
}

body{
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
text-align:center;
margin:0 auto;
width:100%;
}

#allwrap{
border-top:#FD8C02 6px solid;
margin-bottom:64px;
}

h1,h2,h3,p{
padding:0;
margin:0;
}

h2{
font-size:25px;
}

.clearfix {width:100%;}
.clearfix:after{
content: "";
display: block;
clear: both;
} 

img{
border:0;
}

p{
color:#333333;
font-size:16px;
line-height:180%;
text-align:left;
}

a,a:hover{text-decoration: none;}

p span{
border-bottom:#CDE7F3 solid 5px;
font-weight:bold;
color:#000000;
}

strong{
color:#000000;
}



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

 MAIN 

------------------------------------*/
#main{
margin:0 auto;
text-align:center;
line-height:0;
border-bottom:2px solid #cccccc;
}


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

 PRICE 

------------------------------------*/
.price{
padding:20px;
text-align:center;
background:#FD8C02;
}

.price p {
display:inline-block;
text-align:center;
}

.price p a{
display:block;
width:100%;
padding:16px 20px;
background:#333333;
color:#ffffff;
}



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

 LEAD

------------------------------------*/
#lead{
padding:50px 40px;
background:url(../img/lead_bg.png) no-repeat left top;
}

#lead h2{
color:#222E3E;
text-align:left;
padding-bottom:10px;
}
#lead p{
color:#333333;
}

#lead .img{
padding-top:30px;
text-align:center;
}



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

 STEP 

------------------------------------*/
#step h2{
color:#ffffff;
background:#333333;
text-align:center;
padding:20px 0;
margin-bottom:20px;
}

#step #stepbox{
margin:0 30px;
}

#step li{
float:left;
width:50%;
}

#step li div{
margin:10px;
border:dotted #cccccc 2px;
min-height:250px;
}

#step li div .stepimg{
float:left;
padding:20px 20px 120px 20px;
}

#step li h3{
line-height:130%;
padding:20px 20px 0 20px;
text-align:left;

}

#step li p{
padding:0 20px 20px 20px;

}


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

 PRICETEXT 

------------------------------------*/
#pricetext{
	margin:50px auto;
}

#pricetext p{
	font-size:20px;
	text-align:center;
}

#pricetext h1{
padding-top:30px;
}


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

 TOTOP 

#totop_btn{
padding-right:20px;
text-align:right;
}

#totop_btn a{
color:#191F24;
}------------------------------------*/


.showPc{
	display:block;
}
.hiddenPc{
	display:none;
}

@media (max-width: 767px) {
	
	.price p a{
		display:block;
		width:100%;
		padding:8px 6px;
		background:#333333;
		color:#ffffff;
	}

	.price{
		padding:10px;
		text-align:center;
		background:#FD8C02;
	}
	

	p{
		color:#333333;
		font-size:90%;
		line-height:180%;
		text-align:left;
	}	

	h2{
		font-size:18px;
	}

	h3{
		font-size:14px;
	}
	
	
	#pricetext p{
		font-size:14px;
		text-align:center;
	}

	#lead{
		padding:8px 10px 30px 10px;
	}

	.showPc{
		display:none;
	}
	.hiddenPc{
		display:block;
	}
/*追加*/
#allwrap{
border-top:none;
}
#main{
border-bottom:none;
}
#lead{
background-size:30%;
}
p span{
border-bottom:#CDE7F3 solid 2px;
font-weight:bold;
}
p.warning{
font-size:80%;
line-height:150%;
text-align:left;
}
#lead .img{
padding-top:10px;
}
#lead .img img{
width:90%;
}
#step h2{
padding:10px 0;
}
#step #stepbox{
margin:0 8px;
}
#step li div .stepimg{
floart:none;
padding:10px 0 0 8px;
width:100%;
text-align:center;
min-height:120px;
}
#step li h3{
line-height:130%;
padding:0 8px 4px 8px;
}
#step li p{
padding:0 8px 8px 8px;
line-height:140%;
}
#step li div{
margin:4px;
min-height: 340px;
}
#pricetext{
margin:30px auto 10px auto;
}
#pricetext p{
font-size:90%;
padding:0 8px;
}

#pricetext h1{
padding-top:0px;
}
#pricetext h1 img{
width:90%;
}
	
}


/* Footer */

	#footer {
		padding: 6em 0 4em 0;
		background: #25a2c3;
		text-align: center;
		color: #c8e7f0;
	}

		#footer h2 {
			color: #fff;
		}

		#footer .icon {
			color: #f6755e;
		}

		#footer a {
			color: #c8e7f0;
			text-decoration: none;
		}

		#footer ul li {
			padding: 0 2em;
		}

		#footer .copyright {
			display: inline-block;
			color: #a7d9e7;
			font-size: 0.75em;
			margin: 0 0 2em 0;
			padding: 0;
			text-align: center;
			border-top: 1px solid rgba(255, 255, 255, 0.25);
			padding: 2em 10em;
		}

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

			#footer {
				padding: 3em 0 1em 0;
			}

				#footer ul li {
					display: block;
					padding: .25em 0;
				}

		}

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

			#footer .copyright {
				padding: 2em 5em;
			}

		}

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

			#footer {
				padding: 2em 0 0.1em 0;
			}

				#footer ul li {
					font-size: .9em;
				}

					#footer ul li .icon:before {
						margin-left: -1em;
					}

				#footer .copyright {
					padding: 2em 0;
				}

		}