@media (max-width: 640px) {
	
/*===========================================
	pregArea_01
=============================================*/
div.pregArea_01 {
	width: auto;
}
div.pregArea_01 div.img img {
	max-width: 100%;
	height:auto;
}
div.pregArea_01 div.img img.autoWidth {
	width: 100%;
	min-width: 320px;
}
div.pregArea_01 h4.step span {
	background:#CCCCCC;
	padding:5px 10px;
	display:block;
}
div.pregArea_01 h4.step img {
	display:none;
}
div.pregArea_01 ul.pregBox li.txt {
	width: auto;
	float: none;
	margin-top:15px;
}
div.pregArea_01 ul.pregBox li.img {
	width: auto;
	float: none;
}
div.pregArea_01 ul.pregBox li.img img {
	max-width: 100%;
	height:auto;
}
.mq-none {
	display:none;
}


/*===========================================
	pregArea_02
=============================================*/
div.pregArea_02 {
	width: auto;
}
div.pregArea_02 div.topArea {
	width: auto;
}
div.pregArea_02 div.topArea ul.topBox li.txt {
	width: auto;
	float: none;
}
div.pregArea_02 div.topArea ul.topBox li.img {
	margin-top:10px;
	width: auto;
	float: none;
}

div.pregArea_02 div.pregBox {
	width: auto;
}
div.pregArea_02 div.pregBox div.miniBox {
	width: auto;
	margin:0px;
	padding:0px;
}
div.pregArea_02 div.pregBox div.miniBox div.img,
div.pregArea_02 div.pregBox div.miniBox div.num-img {
	margin-left:0px;
	text-align:center;
}
div.pregArea_02 div.pregBox div.miniBox div.img img,
div.pregArea_02 div.pregBox div.miniBox div.num-img img {
	max-width: 100%;
	height:auto;
}

div.pregArea_02 div.pregBox div.miniBox div.img2 img,
div.pregArea_02 div.pregBox div.miniBox div.num-img2 img {
	width: 94%;
	height:auto;
}

div.pregArea_02 div.pregBox ul.clearfix li.txt {
	width: auto;
	float: none;
}
div.pregArea_02 div.pregBox ul.clearfix li.img {
	margin-top:10px;
	width: auto;
	float: none;
}

/*===========================================
	lineArea 
=============================================*/
div.lineArea div.leftArea,
div.lineArea div.leftArea-2,
div.lineArea div.leftArea-3 {
	width: auto;
	float: none;
}

div.lineArea div.rightArea {
	width: auto;
	float: none;
	margin-top:15px;
}
div.lineArea div.rightArea-2 {
	width: auto;
	float: none;
	margin-top:15px;
	text-align:center;
}
div.lineArea div.rightArea-2 img {
	max-width: 100%;
	height:auto;
}
div.lineArea div.rightArea-3 {
	width: auto;
	float: none;
	margin-top:15px;
	text-align:center;
}
div.lineArea div.rightArea-3 img {
	max-width: 100%;
	height:auto;
}


/*===========================================
	bar
=============================================*/
.bar_no01,
.bar_no02,
.bar_no03,
.bar_no04 {
	background-size:20px;
	margin: 0px 0 10px 0;
	padding: 0px 0px 0px 30px;
	font-size:100%;
}

/*===========================================
	GrayTbl
=============================================*/
table.GrayTbl {
	font-size: 80%;
}

/*===========================================
	wakuArea 
=============================================*/
div.wakuArea p {
	width: auto !important;
}
div.wakuArea {
	width: auto !important;
	margin:15px 0px 0 0px;
}
ul.wakuBox  li {
	width: auto !important;
	float:none !important;
}
ul.wakuBox  li {
    margin-right: 0px !important;
}
div.vertical_middle p.inner {
    line-height: 20px !important;
}

}