@media (min-width: 768px) { /* start of PC style */

* {
	margin: 0;
	padding: 0;
}

/* Hides from IE7 \*/
*:first-child+html {
	letter-spacing: 0;
}
/* End hide from IE7 */	.pbInputForm {
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	background-color: #FFFFFF;
	border-bottom: 2px inset;
	border-left: 2px inset;
	border-right: 2px inset;
	border-top: 2px inset;
	font-size: 100%;
}
@media print {
	#toparea {
		display: none;
	}
}
ol , ul {
	margin: auto auto auto 30pt\9;
}
blockquote {
	margin-left: 30pt\9;
	margin-right: 0px\9;
}
:root ol, :root ul {
	margin: 16px 0px 16px 0px;
	padding: 0px 0px 0px 40px;
}
:root blockquote {
	margin: 16px 0px 16px 40px;
}

body {
		font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
}

.pbPage {
		width: 100%;
}
.pbPage:after{
	content: "";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}
.pbLeftArea,
.pbRightArea
{
	min-height: 1px;
}

.pbLeftArea {
		float: left;
		overflow: hidden;
		width: 0px;
		display: inline;
}

.pbRightArea {
		float: right;
		overflow: hidden;
		width: 220px;
		display: inline;
}

.pbMainArea {
		overflow: hidden;
		max-width: 100%;
		_float: left;
		_display: inline;
}

.pbHeaderArea {
		clear: both;
		overflow: hidden;
}

.pbFooterArea {
		clear: both;
		overflow: hidden;
}
.pbAreaWrapper1 {
	padding: 0;
	margin: 0;
	border-width: 0;
	clear: both;
	height: 100%;
}
.pbAreaWrapper2 {
	padding: 0;
	border-width: 0;
}
.pbAreaWrapper2 {
	margin: 0\9;
	float: left\9;
}
:root .pbAreaWrapper1:after {
	content: "";
	height: 0px;
	clear:both;
	display:block;
}
:root .pbAreaWrapper2 {
	margin: 0 220px 0 0px;
	float: none\9;
}
							
.pbBlock {
		clear: both;
}
.pbArea {
	margin: 0;
	padding: 0px;
	border-width: 0;
}
.pbZero {
	margin: 0;
	padding: 0px;
	border-width: 0;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	line-height: normal;
	text-indent: 0;
}
.pbCorner {
		clear: both;
}
.pbNested {
	clear:both;
	padding: 0;
	margin: 0;
	min-height: 0;
	_height: 1%;
}
.pbNested:after {
	content: "";
	height: 0px;
	clear:both;
	display:block;
}
.pbNestedZero {
	clear:both;
	padding: 0;
	margin: 0;
	min-height: 0;
}
.pbNestedZero:after {
	content: "";
	height: 0px;
	clear:both;
	display:block;
}

.pbNestedWrapper {
	overflow:hidden;
	width:100%;
}
.pbNestedWrapper {
	_overflow: visible;
	_overflow-x:hidden;
}
img.pbSystemImage {
	margin: 0;
	padding: 0px;
	background-color: transparent;
	border-width: 0;
	border-style: none;
	line-height: normal;
	text-indent: 0;
	font-size: small;
	vertical-align: baseline;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbHorizontalNested {
	line-height: normal;
	text-indent: 0;
	border-width: 0;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	min-height: 0;
}
.pbHorizontalNested:after {
	content: "";
	height: 0px;
	clear:both;
	display:block;
}
.pbAnchor {
	margin: 0;
	padding: 2px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	line-height: normal;
	text-indent: 0;
	overflow: visible !important;
}
.pbArticleStatus {
	margin: 0;
	padding: 1px;
	border: none;
	background-color: #6699cc;
	color: white;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbArticleStatus a:link {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: white;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	white-space: nowrap;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	overflow: hidden;
}
.pbArticleStatus a:visited {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: white;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	white-space: nowrap;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	overflow: hidden;
}
.pbArticleStatus a:hover {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: white;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	white-space: nowrap;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	overflow: hidden;
}
.pbArticleStatus a:active {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: white;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	white-space: nowrap;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	overflow: hidden;
}
.pbArticleDetailStatus {
	margin: 0;
	padding: 0;
	border: none;
	background-color: #ccff99;
	color: black;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbArticleDetailStatus a:link {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: black;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbArticleDetailStatus a:visited {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: black;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbArticleDetailStatus a:hover {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: black;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbArticleDetailStatus a:active {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: black;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
@charset "utf-8";
/* CSS Document */


.pbFooterArea{
overflow:visible !important;
}
.fp_pic_mb {
    margin-bottom: 61px !important;
}

.wd255{
width:255px !important;
}

.flow{
margin:20px 0 0 !important;
display:table;
/zoom:1;
}
.flow li{
display: table-cell;
padding-left: 65px;
width: 155px;
background: url(/content/dam/au-com/mobile/icon/icn_arrow_r_001.gif) no-repeat 24px 50%;
font-size: 95%;
text-align: center;
}
.flow li:first-child{
background:none;
}
.flow li p:first-child{
margin:0 0 2px;
}


.flow01{
margin:20px 0 0 !important;
letter-spacing:-0.4em;
/zoom:1;
}
.flow01 li{
display: inline-block;
padding-left: 65px;
width: 155px;
background: url(/content/dam/au-com/mobile/icon/icn_arrow_r_001.gif) no-repeat 24px 50%;
font-size: 95%;
text-align: center;
letter-spacing:0;
word-spacing:0;
}
.flow01 li:first-child{
background:none;
}
.flow01 li p:first-child{
margin:0 0 2px;
}

.flow02{
margin:20px 0 0 !important;
letter-spacing:-0.4em;
/zoom:1;
}
.flow02 li{
display: inline-block;
padding-left: 35px;
width: 155px;
background: url(/content/dam/au-com/mobile/icon/icn_arrow_r_001.gif) no-repeat 7px 107px;
font-size: 95%;
text-align: center;
letter-spacing:0;
word-spacing:0;
}
.flow02 li:first-child{
background:none;
padding:0;
}
.flow02 li p:first-child{
margin:0 0 2px;
}

}


/* add style from SP */
@media (max-width: 767px) { /* start of SP style */

* {
	margin: 0;
	padding: 0;
}

/* Hides from IE7 \*/
*:first-child+html {
	letter-spacing: 0;
}
/* End hide from IE7 */	.pbInputForm {
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	background-color: #FFFFFF;
	border-bottom: 2px inset;
	border-left: 2px inset;
	border-right: 2px inset;
	border-top: 2px inset;
	font-size: 100%;
}
@media print {
	#toparea {
		display: none;
	}
}
ol , ul {
	margin: auto auto auto 30pt\9;
}
blockquote {
	margin-left: 30pt\9;
	margin-right: 0px\9;
}
:root ol, :root ul {
	margin: 16px 0px 16px 0px;
	padding: 0px 0px 0px 40px;
}
:root blockquote {
	margin: 16px 0px 16px 40px;
}

body {
		font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
}

.pbPage {
		width: 100%;
}
.pbPage:after{
	content: "";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}
.pbLeftArea,
.pbRightArea
{
	min-height: 1px;
}

.pbLeftArea {
		float: left;
		overflow: hidden;
		width: 0px;
		display: inline;
}

.pbRightArea {
		float: right;
		overflow: hidden;
		width: 0px;
		display: inline;
}

.pbMainArea {
		overflow: hidden;
		max-width: 100%;
		_float: left;
		_display: inline;
}

.pbHeaderArea {
		clear: both;
		overflow: hidden;
}

.pbFooterArea {
		clear: both;
		overflow: hidden;
}
.pbAreaWrapper1 {
	padding: 0;
	margin: 0;
	border-width: 0;
	clear: both;
	height: 100%;
}
.pbAreaWrapper2 {
	padding: 0;
	border-width: 0;
}
.pbAreaWrapper2 {
	margin: 0\9;
	float: left\9;
}
:root .pbAreaWrapper1:after {
	content: "";
	height: 0px;
	clear:both;
	display:block;
}
:root .pbAreaWrapper2 {
	margin: 0 0px 0 0px;
	float: none\9;
}
							
.pbBlock {
		clear: both;
}
.pbArea {
	margin: 0;
	padding: 0px;
	border-width: 0;
}
.pbZero {
	margin: 0;
	padding: 0px;
	border-width: 0;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	line-height: normal;
	text-indent: 0;
}
.pbCorner {
		clear: both;
}
.pbNested {
	clear:both;
	padding: 0;
	margin: 0;
	min-height: 0;
	_height: 1%;
}
.pbNested:after {
	content: "";
	height: 0px;
	clear:both;
	display:block;
}
.pbNestedZero {
	clear:both;
	padding: 0;
	margin: 0;
	min-height: 0;
}
.pbNestedZero:after {
	content: "";
	height: 0px;
	clear:both;
	display:block;
}

.pbNestedWrapper {
	overflow:hidden;
	width:100%;
}
.pbNestedWrapper {
	_overflow: visible;
	_overflow-x:hidden;
}
img.pbSystemImage {
	margin: 0;
	padding: 0px;
	background-color: transparent;
	border-width: 0;
	border-style: none;
	line-height: normal;
	text-indent: 0;
	font-size: small;
	vertical-align: baseline;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbHorizontalNested {
	line-height: normal;
	text-indent: 0;
	border-width: 0;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	min-height: 0;
}
.pbHorizontalNested:after {
	content: "";
	height: 0px;
	clear:both;
	display:block;
}
.pbAnchor {
	margin: 0;
	padding: 2px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	line-height: normal;
	text-indent: 0;
	overflow: visible !important;
}
.pbArticleStatus {
	margin: 0;
	padding: 1px;
	border: none;
	background-color: #6699cc;
	color: white;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbArticleStatus a:link {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: white;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	white-space: nowrap;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	overflow: hidden;
}
.pbArticleStatus a:visited {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: white;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	white-space: nowrap;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	overflow: hidden;
}
.pbArticleStatus a:hover {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: white;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	white-space: nowrap;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	overflow: hidden;
}
.pbArticleStatus a:active {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: white;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	white-space: nowrap;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	overflow: hidden;
}
.pbArticleDetailStatus {
	margin: 0;
	padding: 0;
	border: none;
	background-color: #ccff99;
	color: black;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbArticleDetailStatus a:link {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: black;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbArticleDetailStatus a:visited {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: black;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbArticleDetailStatus a:hover {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: black;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbArticleDetailStatus a:active {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: black;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
@charset "utf-8";
/* CSS Document */


.pbFooterArea{
overflow:visible !important;
}
.fp_pic_mb {
    margin-bottom: 61px !important;
}

.wd255{
width:255px !important;
}

.flow,
.flow02{
margin:20px 0 0 !important;
letter-spacing:-0.4em;
/zoom:1;
}
.flow li,
.flow02 li{
display: inline-block;
margin-top: 20px;
padding-left: 6%;
width: 36%;
background: url(/content/dam/au-com/mobile/icon/icn_arrow_r.png) no-repeat;
background-size: 42px;
background-position: 0 center;
letter-spacing:0;
word^spacing:0;
text-align: center;
vertical-align: top;
}
.flow li:first-child,
.flow02 li:first-child{
background:none;
}
.flow li p:first-child,
.flow02 li p:first-child{
margin:0 0 2px;
}
.flow li img,
.flow02 li img{
width:90%;
height:auto;
}
.flow li:nth-child(odd),
.flow02 li:nth-child(odd){
padding-right: 3%;
}
.flow li:nth-child(even),
.flow02 li:nth-child(even){
margin-left: 2%;
padding-left: 10%;
padding-right: 6%;
}


.flow01{
margin:20px 0 0 !important;
letter-spacing:-0.4em;
/zoom:1;
}
.flow01 li{
display: inline-block;
margin-top: 20px;
padding-left: 6%;
width: 36%;
background: url(/content/dam/au-com/mobile/icon/icn_arrow_r.png) no-repeat;
background-size: 42px;
background-position: 0 center;
letter-spacing:0;
word^spacing:0;
text-align: center;
vertical-align: top;
}
.flow01 li:first-child{
background:none;
}
.flow01 li p:first-child{
margin:0 0 2px;
}
.flow01 li img{
width:90%;
height:auto;
}
.flow01 li:nth-child(odd){
padding-right: 3%;
}
.flow01 li:nth-child(even){
margin-left: 2%;
padding-left: 10%;
padding-right: 6%;
}

}