@charset "utf-8";
/* CSS Document */

@import url(./au_wallet-guidance-detail.css);

/* ========== additional styles ========== */
.dense { padding-top: 0 !important; }
.mt20{ margin-top: 20px !important; }
.mb10{ margin-bottom: 10px !important; }

.color-bk{ color: #535252 !important;}


/* ========== kye-visual ========== */
#key-visual { padding: 0; }

#key-visual header h1 { margin: 0; }

#key-visual h1 img {
	margin: 0 auto;
	width: 100%;
}


/* ========== heading ========== */
/* ----- 01:h2 ----- */
.guidance-heading2-01{
margin: 10px 0px 15px 0px !important;
}
@media only screen and (max-width: 640px){
  .guidance-heading2-01{
  margin: 0px 0px 10px 0px !important;
  }
}



/* ========== toc ========== */
.guidance-toc-01 {
	margin: .625em 0 0;
	padding: 0;
	letter-spacing: -.40em;
}

.guidance-toc-01 li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.guidance-toc-01 li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* ----- for pc ----- */
.guidance-toc-01.pc {
	margin-top: 1.25em;
	margin-bottom: -.75em;
}
.guidance-toc-01.pc li {
	display: inline-block;
	margin-left: 0.920245399%;
	width: 32.48847926%;
	letter-spacing: normal;
}
.guidance-toc-01.pc > li:first-child { margin-left: 0; }

/* ----- for sp ----- */
.guidance-toc-01.sp img { width: 100%; }


/* ========== menu ========== */
.guidance-menu-01 > li { margin-top: 15px; }

@media only screen and (min-width: 641px) {
	.guidance-menu-01 {
		margin-left: -16px;
		margin-right: -16px;
		justify-content: flex-start;
	}
	.guidance-menu-01 > li { margin-top: 32px; }
	.guidance-menu-01 > li > .menu-item {
		margin-left: 16px;
		margin-right: 16px;
	}
}


/* ========== additional styles ========== */
.mA{margin: 0 auto;}
.mt50{ margin-top: 50px !important; }

.c-heading4-01 {
    margin-top: 0;
}
.c-figure-05 {
    margin-top: 30px;
}
.menu-item{
    border-radius: 10px;
    padding: 15px 7px 7px;
   }
   
.guide-bgcol-01{background-color: #fcfaeb;}
.guide-bgcol-02{background-color: #87ce34;}
.guide-bgcol-03{background-color: #e1bc12;}
.guide-bgcol-04{background-color: #ef8e92;}

.menu-item .c-linkList-01{
    padding: 10px 20px;
    margin-top: 15px;
    background-color: #fff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
#flg-a01.c-heading2-01{
background-color: #35a667;
    margin: -30px -54px;
    padding: 20px 0;
    text-align: center;
}
#flg-b01.c-heading2-01{
background-color: #ed960d;
    margin: -30px -54px;
    padding: 20px 0;
    text-align: center;
}
#flg-c01.c-heading2-01{
background-color: #ed7387;
    margin: -30px -54px;
    padding: 20px 0;
    text-align: center;
}

@media only screen and (max-width: 641px) {
#flg-a01.c-heading2-01 {
    background-color: #35a667;
    margin: -17px -10px;
    padding: 20px 6px;
    text-align: center;
}
#flg-b01.c-heading2-01 {
    background-color: #ed960d;
    margin: -17px -10px;
    padding: 20px 6px;
    text-align: center;
}
#flg-c01.c-heading2-01 {
    background-color: #ed7387;
    margin: -17px -10px;
    padding: 20px 6px;
    text-align: center;
}
}
@media only screen and (max-width: 640px){
#key-visual h1 img {
    max-width: 100%;
    width: 100%;
}
.menu-item {
    border-radius: 10px;
    padding: 10px 7px 0px 7px;
}

.menu-item.guide-bgcol-02 {
    border-radius: 10px;
    padding: 10px 7px 7px 7px;
}

.menu-item.guide-bgcol-03 {
    border-radius: 10px;
    padding: 10px 7px 7px 7px;
}
.menu-item.guide-bgcol-04 {
    border-radius: 10px;
    padding: 10px 7px 7px 7px;
}
}

.help-text-01 {
    color: #eb7000;
    font-size: 150%;
}