/* 休止中 */
div#container	{
	position: relative;
}
div.pause	{
	position: absolute;
	width: 100%;
	height: auto;
	height: 100% !important;
	margin: 0 auto;
background-color: rgba(0,0,0,0.4);
	z-index: 99;
}
div.pause	p	{
	position: relative;
	padding: 1.5% 2%;
	background: #FFF;
	color: #333;
	text-align: center;
	letter-spacing: 2px;
}
/*=======* PC 737 OVER *=================================================*/
@media only screen and (min-width: 737px) {
	/* 休止中 */
	div.pause	{
	position: absolute;
	top: 120px;
	left: 0;
}
div.pause	p	{
	width: 60%;
	max-width: 780px;
	margin: 280px auto 0;
	font-size: 1.4rem;
}

/*============================
#main
============================*/
div#main	{
	width: 100%;
max-width: 1011px;
	margin: 0 auto;
	color: #666;
}
div#main	article:first-of-type	{
}
div#main	article:first-of-type	h1	{
	width: 100%;
	background: #8CD9FF;
	text-align: left;
}
div#main	article:first-of-type	h1	img	{
	margin: 27px 0 0 46px;
}
div#main	article:first-of-type	p	{
	width: 710px;
	margin: 34px auto 43px;
	text-align: left;
	font-size: 18px;
	line-height: 28px;
}

div#main	article:first-of-type	section	{	margin: 0 auto;}
div#main	article:first-of-type	section	h2	{	margin: 0 auto;}
div#main	article:first-of-type	section	h2	img	{	margin: 0 auto;}
div#main	article:first-of-type	section	p	{
	width: 90%;
	margin: 14px auto 20px;
	font-size: 18px;
	line-height: 28px;
}
div#main	article:first-of-type	section	img	{	margin-bottom: 12px;}


div.flow	{
	width: 100%;
max-width: 1011px;
	margin: 5% auto 12%;
	line-height: 1.4;
}
div.flow	section	{
max-width: 980px;
	margin: 0 auto 10px;
	padding: 0 0 20px;
	background: #ECF9ff;
	font-size: 14px;
}
div.flow	section	h2	{
	width: 100%;
	margin: 18px auto 5px;
	background: #FFF;
	text-align: left;
	font-size: 0.95em;
	line-height: 1.4em;
	vertical-align: middle;
}
div.flow	section	h2	img	{
	width: 34px;
	position: relative;
	top: 1px;
	margin: 0px 8px 8px 7px;
	vertical-align: middle;
}
/* AppURL */
div.flow	section	p.app_url	{
	width: 85%;
	margin: 21px auto 0;
	text-align: center;
	font-size: 1em;
	line-height: 1.3em;
		font-weight: bold;
}
div.flow	section	p.app_url	span	{
	display: block;
	margin: 8px auto 3px;
	text-align: center;
}
div.flow	section	p.app_url	a	img	{
	width: 90%;
	max-width: 328px;
	margin: 8px auto 3px;
	text-align: center;
}
/* AppCLINICS */
div.flow	section	p.app_logo	{
	width: 80%;
	margin: 5px auto;
	text-align: center;
	font-size: 0.9em;
}
div.flow	section	p.app_logo	a	img	{
/*	float: left;*/
	width: 45%;
	max-width: 145px;
	margin: 8px auto 3px;
	color: #E82018;
}
div.flow	section	p.app_logo	span	{
	display: block;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	text-align: left;
}
div.flow	section	p.app_logo	span	span	{
	margin: 0;
	color: #E82018;
}
/* App BNR */
div.flow	section	p.app_bnr	{
	clear: both;
	width: 100%;
	margin: 4% auto 2%;
	text-align: center;
}
div.flow	section	p.app_bnr	a	img	{
	width: 46%;
	max-width: 165px;
	margin: 0 0 0 3%;
}
/*  */
div.flow	section	ol	{
	width: 770px;
	margin: 25px auto 0;
	text-align: left;
}
div.flow	section	ol	li	{
	margin: 8px 0;
	padding-left: 20px;
	text-indent: -20px;
	font-size: 16px;
	line-height: 18px;
}
div.flow	section	ol	li:before	{
	content: '\0025cf';
	position: relative;
	bottom: 2px;
	color: #61CBFF;
	font-size: 10px;
	padding-right: 12px;
}
div.flow	section	ol	li	span	{
	font-weight: bold;
}
div.flow	section	img.cards	{
	margin: 20px auto 8px;
}
}
/*=======* Mobile 736px Under *=================================================*/
@media only screen and (min-width:320px) and (max-width:736px){
	/* 休止中 */
div.pause	{
	top: 3.8%;
	left: 0;
}
div.pause	p	{
	width: 80%;
	max-width: 780px;
	margin: 65% auto 0;
	font-size: 1.0rem;
	line-height: 2rem;
}

/*============================
#main
============================*/
div#main	{
	width: 100%;
	margin: 0 auto;
	color: #666;
}
div#main	article:first-of-type	{
}
div#main	article:first-of-type	h1	{
	width: 100%;
	background: #8CD9FF;
	text-align: left;
}
div#main	article:first-of-type	h1	img	{
	width: 95%;
	margin: 32px 0 0 0;
}
div#main	article:first-of-type	p	{
	width: 94%;
	margin: 5% auto;
	text-align: left;
	font-size: 1em;
	line-height: 1.4em;
}

div#main	article:first-of-type	section	{	margin: 0 auto;}
div#main	article:first-of-type	section	h2	{	margin: 0 auto;}
div#main	article:first-of-type	section	h2	img	{	width: 89%;	max-width: 541px;	margin: 0 auto;}
div#main	article:first-of-type	section	p	{
	width: 94%;
	margin: 3% auto 18px;
	font-size: 0.95em;
	line-height: 1.6em;
}
div#main	article:first-of-type	section	img	{	width: 50%;	max-width: 305px;	margin-bottom: 5px;}
/*============================
.flow
============================*/
div.flow	{
	width: 95%;
	margin: 5% auto 12%;
}
div.flow	section	{
	margin: 0 auto 10px;
	padding-bottom: 20px;
	background: #ECF9ff;
	font-size: 14px;
}
div.flow	section	h2	{
	width: 100%;
	margin: 18px auto 5px;
	background: #FFF;
	text-align: left;
	font-size: 0.95em;
	line-height: 1.4em;
	vertical-align: middle;
}
div.flow	section	h2	img	{
	width: 34px;
	position: relative;
	top: 1px;
	margin: 0px 8px 8px 7px;
	vertical-align: middle;
}
/* AppURL */
div.flow	section	p.app_url	{
	width: 85%;
	margin: 21px auto 0;
	font-size: 1em;
	line-height: 1.3em;
		font-weight: bold;
}
div.flow	section	p.app_url	span	{
	display: block;
	margin: 8px auto 3px;
	text-align: center;
}
div.flow	section	p.app_url	a	img	{
	width: 90%;
	max-width: 328px;
	margin: 8px auto 3px;
	text-align: center;
}
/* AppCLINICS */
div.flow	section	p.app_logo	{
	width: 80%;
	margin: 5px auto;
	text-align: center;
	font-size: 0.9em;
}
div.flow	section	p.app_logo	a	img	{
/*	float: left;*/
	width: 45%;
	max-width: 145px;
	margin: 8px auto 3px;
	color: #E82018;
}
div.flow	section	p.app_logo	span	{
	display: block;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	text-align: left;
}
div.flow	section	p.app_logo	span	span	{
	margin: 0;
	color: #E82018;
}
/* App BNR */
div.flow	section	p.app_bnr	{
	clear: both;
	width: 100%;
	margin: 4% auto 2%;
}
div.flow	section	p.app_bnr	a	img	{
	width: 46%;
	max-width: 165px;
	margin: 0 0 0 3%;
}

/*  */
div.flow	section	ol	{
	width: 90%;
	margin: 25px auto 0;
	text-align: left;
}
div.flow	section	ol	li	{
	margin: 8px 0;
	padding-left: 20px;
	text-indent: -20px;
	font-size: 1em;
	line-height: 1.4em;
}
div.flow	section	ol	li:before	{
	content: '\0025cf';
	position: relative;
	bottom: 2px;
	color: #61CBFF;
	font-size: 10px;
	padding-right: 12px;
}
div.flow	section	ol	li	span	{
	font-weight: bold;
}
div.flow	section	img.cards	{
	width: 90%;
	margin: 20px auto 8px;
}


}