/* head */
.head{background:url(../price/topimg.jpg);}



/* case */
.case{
	margin:30px auto 80px auto;
	max-width:1000px;
	width:90%;
}
.case:first-child{
	margin-top:-150px;
}
.case img{
	float:right;
	margin-left:20px;
	width:50%;
	max-width:450px;
	background:#fff;
	padding:7px;
}

.case h1{
	padding-top:20px;
	font-family: 'Staatliches', sans-serif;
	letter-spacing:5px;
	font-size:65px;
	color:#FF0;
	line-height:65px;
}
.case h1 span,.flow h1 span{
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	font-weight:bold;
}


.case h2{
	padding:30px 0px 20px 0px;
	font-size:18px;
	font-weight:bold;
}
.case .price{
	padding:5px 0px;
	font-size:18px;
	font-weight:bold;
}


/* flow */
.flow{
	margin:50px auto;
	background:url(../price/line.png) center repeat-y;
}
.flow .title{
	background:url(../price/flowbg.jpg) center top no-repeat;
	height:500px;
	text-align:center;
}

.flow .title h1{
	padding:220px 0px 0px 0px;
	font-family: 'Staatliches', sans-serif;
	letter-spacing:5px;
	font-size:35px;
	line-height:35px;
}
.flow .title h2{
	font-size:20px;
	font-weight:bold;
	color:#00CC02;
}

.flow section{
	margin:50px auto;
	max-width:800px;
	background:#000;
	padding:30px;
}
.flow section h1{
	margin:10px 0px;
	text-align:center;
	font-family: 'Staatliches', sans-serif;
	letter-spacing:5px;
	font-size:45px;
}
.flow section img{
	float:right;
	margin-left:20px;
}
.flow section h2{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:18px;
	font-weight:bold;
	padding-bottom:20px;
}
.flow section h2 span{
	padding-right:20px;
	font-family: 'Staatliches', sans-serif;
	vertical-align:middle;
	letter-spacing:5px;
	font-size:35px;
	color:#00CC02;
}

/* clear */
.case:after, .flow section:after{
	content:"";
	display:block;
	clear:both;
}



.okigaru{
	font-family: 'Noto Sans JP', sans-serif;
	margin:100px auto;
	text-align:center;
	font-size:35px;
	font-weight:bold;
}

/* contact */
.contact{
	margin:100px auto;
	padding:0px 20px;
	max-width:800px;
	text-align:center;
}
.contact div{
	margin:50px auto;
	max-width:550px;
	text-align:left;
}
.contact h1{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:22px;
	font-weight:bold;
	padding-bottom:10px;
}
.contact h2{
	margin-bottom:10px;
	max-width:12em;
	padding:10px 0px;
	font-family: 'Staatliches', sans-serif;
	vertical-align:middle;
	letter-spacing:5px;
	font-size:35px;
	color:#FFF000;
	border-bottom:solid 1px #ccc;
}

.contact i{
	margin:50px 20px;
	font-size:60px;
	float:right;
}

.privacy{
	font-size:18px;
}


dl {
	margin:20px auto;
}
dt {
	float:left;
	padding-top:15px;
	
}
dd{
	margin-left:12em;
	padding-top:10px;
}
form{
	margin:0px auto;
	max-width:700px;
	text-align:left;
}




.mailform {
	width:90%;
	max-width:800px;
	margin:50px auto;
	padding:20px;
	line-height:35px;
	border:solid 1px #ccc;
}





@media only screen and (max-width: 768px) {
.info{
	display:none;
}
article{
	margin-left:0px;
}

.head{background-position:45% 0%;}

.case img{
	float:none;
	display:block;
	margin:10px auto;
	width:90%;
}

.case h1{
	text-align:center;
}
.case h2{
	font-size:16px;
}



.flow section{
	max-width:500px;
}

.flow section img{
	float:none;
	margin:10px auto;
	display:block;
}

.flow section h1{
	text-align:center;
}
.flow section h2{
	font-size:16px;
	text-align:center;
}
.flow section h2 span{
	font-size:30px;
}

.okigaru{
	font-size:18px;
}

.contact i{
	margin:20px auto;
	display:block;
	text-align:center;
	float:none;
}


.privacy{
	font-size:16px;
}




dt {
	float:none;
	margin:10px 0px 0px 0px;
	padding:0px;
}
dd{
	margin:0px;
	padding:0px;
}


}