@charset "utf-8";


/*----------------------------------------------------
	flow.html
----------------------------------------------------*/

#wrap #contents section #cont02 img {
	height: auto;
	width: 100%;
}

#wrap #contents section #cont01 .box01 {
	position: relative;
	/*background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;*/
}

#wrap #contents section #cont01 .box01 .btn01 {
	width: 33%;
	position: absolute;
	left: 10%;
	bottom: 11%;
}

#wrap #contents section #cont01 .box01 .btn02 {
	width: 33%;
	position: absolute;
	top: 44%;
	right: 10%;
}

#wrap #contents section #cont01 .box02 {
	position: relative;
}

#wrap #contents section #cont01 .box02 .btn01 {
	width: 33%;
	position: absolute;
	left: 10%;
	bottom: 11%;
}
#wrap #contents section #cont01 .box03 {
	position: relative;
}
#wrap #contents section #cont01 .box03 .btn01 {
	width: 33%;
	position: absolute;
	left: 10%;
	top: 57%;
}
#wrap #contents section #cont01 .box03 .btn02 {
	width: 33%;
	position: absolute;
	right: 17%;
	top: 57%;
}

#wrap #contents section #cont01 .box03 .btn03 {
	width: 33%;
	position: absolute;
	left: 10%;
	bottom: 6%;
}
#wrap #contents section #cont01 .box04 {
	position: relative;
}

#wrap #contents section #cont01 .box04 .btn01 {
	width: 28%;
	position: absolute;
	left: 9%;
	bottom: 16%;
}
#wrap #contents section #cont01 .box05 {
	position: relative;
}

#wrap #contents section #cont01 .box05 .btn01 {
	width: 20%;
	position: absolute;
	right: 4%;
	bottom: 10%;
}

#wrap #contents section #cont02 #navi {
	position: relative;
}

#wrap #contents section #cont02 #navi #navi01 {
	position: absolute;
	left: 4%;
	top: 10%;
	height: auto;
	width: 45%;
}
#wrap #contents section #cont02 #navi #navi02 {
	position: absolute;
	right: 4%;
	top: 10%;
	height: auto;
	width: 45%;
}
#wrap #contents section #cont02 #navi #navi03 {
	position: absolute;
	left: 4%;
	bottom: 10%;
	height: auto;
	width: 45%;
}
#wrap #contents section #cont02 #navi #navi04 {
	position: absolute;
	right: 4%;
	bottom: 10%;
	height: auto;
	width: 45%;
}

#wrap #contents section #cont02 #navi img {
	height: auto;
	width: 100%;
}

/*#wrap #contents section #cont01 .box05 .btn01 .btnTouch01 {
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
}
#wrap #contents section .btnTouch02 {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}

#wrap #contents section .touchstart .btnTouch02 {
	display: none;
}*/


/*------モーダルウィンドウ用---------------------------------------*/

#modal-win {
	width: 100%;
	position: absolute;
}
#modal-win-inner {
	/*box-shadow: 0 0 5px rgba(0, 0, 0, .25);*/
	margin: 0 auto;
	position: relative;
	z-index: 9991;
}
#modal-bg {
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9990;
	cursor: pointer;
}

/*------モーダルウィンドウ用　ここまで---------------------------------------*/

.click {
	display: none;
}

.mwBox {
	height: auto;
	width: 100%;
	position: relative;
}

.mwBox .clickClose {
	position: absolute;
	top: 0px;
	right: 5%;
	width: 18%;
}

.mwBox .mwBoxImg img {
	height: auto;
	width: 100%;
}

.mwBox .clickClose .modal-close img {
	height: auto;
	width: 100%;
}




#wrap #footerFlow {
	background: url(../img/flow_bg.jpg) no-repeat center bottom;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	position: relative;
}

#wrap #footerFlow #gFooter {
	padding-top: 4%;
}