/*===========================
  reset Css
===========================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { display:block; }
ul ,li{ list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; border:0; font-size:100%; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/*===========================
  base
===========================*/
body{
	font:14px "Hiragino Kaku Gothic Pro", Meiryo, Osaka, san-self;
	background:#ffffff;
	color:#ffffff;
	line-height:1.6;
}
a:link,
a:visited{ text-decoration:none; color:#2a8cf1; }
a:hover,
a:active{ text-decoration:underline; color:#2a8cf1; }
a img:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

	

	/* homeArea
	===========================*/
	
#homeArea{
	width: 1024px;
	height: 768px;
	box-sizing: border-box;
	margin: 180px auto;
}

#homeArea div.img{
	width: 400px;
	height: 319px;
	box-sizing: border-box;
	margin: 0 auto;
	background:url(../img/sad.png) 50% 0 / cover no-repeat;}

/*-- SP ONLY --*/
/* @media screen and (max-width: 768px){
	img{ width:100%; }
	
	h2.headTit2{ font-size:24px; }
	
	#kvArea .kvAreaCon,
	.cvArea,
	#featureArea div.featureAreaCon,
	#functionArea,
	#priceArea .priceAreaCon,
	#flowArea,
	#qaArea,
	#siteFooter,
	.infomation{ width:94%; margin:0 3%; }

	.topText {
		margin-bottom: -10px;
	}
	
	#featureArea div.featureAreaCon,
	#functionArea,
	#priceArea .priceAreaCon,
	#flowArea,
	#qaArea{ padding:40px 0; }
	
	#functionArea div.box,
	#functionArea div.box:nth-child(3),
	#functionArea div.box:last-child,
	#functionArea div.box:nth-child(4){ float:none; }
		


	#kvArea{ min-width:320px; height: auto; background-position:center bottom;background:none;}
	#kvArea .kvAreaCon{position: static;}
	#kvArea .kvAreaCon .popUpWindow{ width: 96%; height: auto; margin: 0 auto; min-width:300px; position: static;}
	#kvArea .kvAreaCon .popUpWindow .textPart{width: 98%; min-width: 280px; margin: 40px auto 20px;}
	#kvArea h1{font-size:24px; }
	#kvArea p{ font-size: 18px;}
	#kvArea button{width: 280px; height: 54px;font-size: 18px;}



	#kvArea nav{display: none;}
	

	#mainPart {display: none;}
	
} */

/*-- PC ONLY --*/
/* @media screen and (min-width: 769px){
	body{ min-width:940px; }
	.cvArea p img{ width:328px; height:auto; }
	#priceArea dl dd img{ width:356px; height:auto; }
} */