details {
  width: 100%;
}
details[open] {
  width: 100%;
}
summary {
cursor: pointer;
}
/*Chrome, Safari用  既存の矢印削除 */
  summary::-webkit-details-marker {
  display: none;
}
/* Firefox用 既存の矢印削除*/
summary {
  list-style: none;
}
@charset "Shift_JIS";

/* ==========================================================================
Reset
=========================================================================== */
body{margin:0;padding:0;color:#303030;background:#fff;line-height:1.4;-webkit-text-size-adjust:none;font-size:14px;}
h1,h2,h3,h4,form,p{margin:0;padding:0;}
img{margin:0;border:none;}
ul,ol{margin: 0;padding: 0;list-style: none;}
em{font-style:normal;font-weight:bold;}
*{font-family: Helvetica, HiraKakuProN-W3, sans-serif;}


/* ==========================================================================
general
=========================================================================== */

/* link */
a,a:link,a:visited,a:active{color:#4e7ad3;text-decoration:none;}

/* clear fix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;min-height:1%;}
/* \*/
html .clearfix{* height:1%;}
.clearfix{display:block;}
/* */


/* ==========================================================================
Splite image
=========================================================================== */
/* ボタン */
#header div a,h1 a,#link_expressCard,#link_camlist,h2 a,#footer a,.btnNewid,.entryAndLogin ul li a.btnLogin,#ssbtn_idservice,#ssbtn_Login,#ssbtn_makecard,#searchBtn,.detailLink
{background:url(/sp/img/btn_splite.png) no-repeat;text-indent: -9999px;}
/* アイコン */
/*.caseList li,#btnPurpose01,#btnPurpose02,#btnPurpose03,#btnPurpose04,#ttl,#btnFaq01,#btnFaq02,#btnFaq03,#btnFaq04,#btnFaq05
{background:url(/sp/img/icon_splite.png) no-repeat;}
*/
/* その他 */
/*
#header,#footer
{background:url(/sp/img/misc_splite.png) repeat-x;}
#header p,.linkList li a em,a.icnLink,.entryAndLogin ul li a.icnGuide,#indexPCLinks01 li a em,#webLogin p.p01,#webLogin p.p02
{background:url(/sp/img/misc_splite.png) no-repeat;}
.entryAndLogin.mufgCard p,.entryAndLogin.dcCard p,.entryAndLogin.ufjCard p,.entryAndLogin.nicosCard p,#indexCards,#toMember p,#toPrememver p,#moreCards01 span,#moreCards02 span,#moreCards03 span,#moreCards04 span,#webDeOK div
{background:url(/sp/img/misc_splite.png) no-repeat;text-indent: -9999px;}
*/
/* バナー */
#bannerArea a
{background:url(/sp/img/bnr_splite.png) no-repeat;text-indent: -9999px;height:59px;display:block;}


/* ==========================================================================
Common Parts
=========================================================================== */

/* header
-------------------------------------------------------------------------*/
#header{
position:relative;margin:0;padding:0;height:84px;background-position: 0 -340px;
}
#header p {
display:block;position:absolute;left:11px;top:27px;width:177px;he　ight:38px;background-position: 0 0;
}
#header p span,#header p a{
display:block;width:177px;height:38px;text-indent:-9999px;
}
#header div a{
display:block;position:absolute;right:10px;top:34px;width:94px;height:23px;background-position: -206px -137px;
}

/* footer
-------------------------------------------------------------------------*/
#footer{
padding:13px 0;font-size:10px;text-align:center;background-position: 0 -424px;background-color: #f6f6f6;}
#footer a{
display:block;width:203px;height:38px;background-position: 0 -254px;margin:0 auto 10px;
}

/*
Headings
-------------------------------------------------------------------------*/
h1,h2 {
position:relative;padding:8px 10px 10px;color:#fff;font-size:20px;
background: -moz-linear-gradient(top, #4e7ad3, #4e7ad3 50%,#4e7ad3 100%);
background: -webkit-gradient(linear,left top, left bottom, from(#4e7ad3), color-stop(0.5, #4e7ad3), to(#003399));
}
/* ==========================================================================
---- 　灰色　大　タイトルバー　<h2 class="verGray"></h2> ----
=========================================================================== */
h2.verGray {
color:#303030;border-top:1px solid #cacaca;border-bottom:2px solid #cacaca; padding:7px 10px 4px; font-size:18px;
background: -moz-linear-gradient(top, #f2f2f2, #dcdcdc 50%,#cacaca 51%,#dbdbdb 100%);
background: -webkit-gradient(linear,left top, left bottom, from(#f2f2f2), color-stop(0.5, #dbdbdb), to(#cacaca));
}
/* ==========================================================================
----　灰色　小　タイトルバー <h3 class="verGray"></h3>  ----
=========================================================================== */
h3.verGray {
color: solid #cacaca;border-bottom:5px solid #cacaca; padding:10px 10px 2px; font-size:18px; margin:5px 10px 10px 5px; border-radius: 3px;
background: linear-gradient(top, #f2f2f2, #dcdcdc 50%,#cacaca 51%,#dbdbdb 100%);
background: -webkit-linear-gradient(top, #f2f2f2, #f1f1f1);
background: -moz-linear-gradient(linear,left top, left bottom, from(#f2f2f2), color-stop(0.5, #dcdcdc), color-stop(0.5, #cacaca), to(#dbdbdb));
}

/* ==========================================================================
----　少しアンダーバー灰色  <h3 class="verGrayrod"></h3>----
=========================================================================== */
h3.verGrayrod {
color: solid #fffff;border-bottom:2px solid #cacaca; padding:3px 10px -2px 5px; font-size:18px; margin:10px; border-radius:1px;
background: linear-gradient(top, #ffffff, #ffffff 50%,#fffff 51%,#ffffff 100%);
background: -webkit-linear-gradient(top, #ffffff, #ffffff);
background: -moz-linear-gradient(linear,left top, left bottom, from(#27acd9), color-stop(0.5, #27acd9), color-stop(0.5, #27acd9), to(#dbdbdb));
}

/* ==========================================================================
---- 両端までアンダーバー灰色 　<h3 class="heading-2"></h3>　----
=========================================================================== */
.heading-2 {
    padding:0 .4em .2em .4em;
    border-bottom: 3px solid #cacaca;
    background-color: #ffffff;
    color: #333333;
}

/* ==========================================================================
----　青色先水色バー　<h5></h5>　----
=========================================================================== */
h5 {
	background: #eaf5f9;
	padding: 1rem 1rem 1rem 2.5rem;
	position: relative;
        font-size:18px;
        border-radius: 5px;
        margin:10px;
	}
h5:before {
    position: absolute;
    top: 20%;
    left: 20px;
    width: 6px;
    height: 60%;
    content: '';
    border-radius: 3px;
    background: #27acd9;
}
/* ==========================================================================
----　吹き出し <h6></h6> ----
=========================================================================== */
h6 {
  font-size: 18px;
  background: #4e7ad3;
  color: #FFF;
  padding: 10px 10px 10px;
  border-radius: 10px;
  margin:30px;
  margin-bottom: 20px;
  position: relative;
}
h6::after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 24px;
  border: 12px solid transparent;
  border-left: 15px solid #4e7ad3;
}
/* h1 */
h1 {min-height:16px;}
h1 span {display:block;margin-left:85px;}
h1 a {
position:absolute;top:2px;left:10px;display:block;width:63px;height:30px;background-position: -210px -254px;
}
/* h2 */
h2 {min-height:7px;}
h2 a {
position:absolute;top:5px;right:10px;display:block;width:86px;height:24px;background-position: -206px -113px;
}
/* h1:index */
#indexCards {
margin:10px auto 0;padding:0;width:155px;height:32px;background-position: -185px 0;
}

/* ==========================================================================
----　吹き出し 注釈　緑色　<div class="balloon-001"></div> ----
=========================================================================== */
.balloon-001 {
    display: flex;
    justify-content: center;
    position: relative;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 15px;
    padding: .8em 1.2em;
    border-radius: 20px;
    background-color: #004222;
    color: #ffffff;
    width: 70%;
}

.balloon-001::before {
    position: absolute;
    bottom: -15px;
    width: 30px;
    height: 15px;
    background-color: #004222;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

/* ==========================================================================
---- ボックスリスト　先頭チェック　【灰】　丸 ----　<ul class="list-3"><li></li></ul>
=========================================================================== */
.list-3 {
    list-style-type: none;
    padding: 1em;
    border: 2px solid #cacaca;
}

.list-3 li {
    display: flex;
    align-items: center;
    gap: 0 5px;
    padding: .3em;
}

.list-3 li::before {
    display: inline-block;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #cacaca;
    border-left: 2px solid #cacaca;
    transform: rotate(-45deg) translateY(-1.5px);
    content: '';
}

/* ==========================================================================
---- ボックスリスト　先頭チェック　【青】　丸 ----　<ul class="list-3-1"><li></li></ul>
=========================================================================== */
.list-3-1 {
    list-style-type: none;
    padding: 1em;
    border: 2px solid #2589d0;
}

.list-3-1 li {
    display: flex;
    align-items: center;
    gap: 0 5px;
    padding: .3em;
}

.list-3-1 li::before {
    display: inline-block;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #2589d0;
    border-left: 2px solid #2589d0;
    transform: rotate(-45deg) translateY(-1.5px);
    content: '';
}

/* ==========================================================================
---- ボックスリスト　先頭　【灰】　丸 ----　<ul class="list-1"><li></li></ul>
=========================================================================== */
.list-1 {
    list-style-type: disc;
    padding: 1em 1em 1em 2.5em;
    border: 2px solid #cacaca;
    position: relative;
    width: 70%;
    margin: 1em auto;
    background-color: #ffffff;
}

.list-1 li {
    padding: .3em .3em .3em 0;
}

.list-1 li::marker {
    color: #cacaca;
    font-size: 1.1em;
}

/* ==========================================================================
---- ボックスリスト　先頭　【青】　丸 ----　<ul class="list-1-1"><li></li></ul>
=========================================================================== */
.list-1-1 {
    list-style-type: disc;
    padding: 1em 1em 1em 2.5em;
    border: 2px solid #2589d0;
    position: relative;
    width: 80%;
    margin: 1em auto;
    background-color: #ffffff;
}

.list-1-1 li {
    padding: .3em .3em .3em 0;
}

.list-1-1 li::marker {
    color: #2589d0;
    font-size: 1.1em;
}

/* ==========================================================================
---- ボックスリスト　タイトル上【灰バー長い】　内容【灰】　----　<div class="list-4Gray"><div></div><ul><li></li></ul><ol><li></li></ol><p></p></div>
=========================================================================== */
.list-4Gray {
    border: 2px solid #777;
    max-width: 80%;
    margin: 0 auto;
}

.list-4Gray div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px;
    background-color: #777;
    color: #fff;
    font-weight: 600;
}

.list-4Gray ul {
    list-style-type: disc;
    margin: 0;
    padding: 1em 1em 1em 2.5em;
}

.list-4Gray li {
    padding: .3em .3em .3em 0;
}

.list-4Gray li::marker {
    color: #f06060;
    font-size: 1.1em;
}

.list-4Gray ol {
    list-style-type: disc;
    margin: 0;
    padding: 1em 1em 1em 2.5em;
}

.list-4Gray li {
    padding: .3em .3em .3em 0;
}

.list-4Gray li::marker {
    color: #cacaca;
    font-size: 1.1em;
}

.list-4Gray p {
    margin: 0;
    padding: 1em 1.5em;
    line-break:normal;"
    color: #333;
}


/* ==========================================================================
---- ボックスリスト　タイトル上【青バー長い】　内容【灰】　----　<div class="list-4"><div></div><ul><li></li></ul><ol><li></li></ol><p></p></div>
=========================================================================== */
.list-4 {
    border: 2px solid #2589d0;
    max-width: 80%;
    margin: 0 auto;
}

.list-4 div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    background-color: #2589d0;
    color: #fff;
    font-weight: 600;
}

.list-4 ul {
    list-style-type: disc;
    margin: 0;
    padding: 1em 1em 1em 2.5em;
}

.list-4 li {
    padding: .3em .3em .3em 0;
}

.list-4 li::marker {
    color: #2589d0;
    font-size: 1.1em;
}

.list-4 ol {
    list-style-type: disc;
    margin: 0;
    padding: 1em 1em 1em 2.5em;
}

.list-4 li {
    padding: .3em .3em .3em 0;
}

.list-4 li::marker {
    color: #cacaca;
    font-size: 1.1em;
}

.list-4 p {
    margin: 0;
    padding: 1em 1.5em;
    line-break:normal;"
    color: #333;
}

/* ==========================================================================
---- ボックスリスト　タイトル上【赤バー長い】　内容【灰】　----　<div class="list-4Red"><div></div><ul><li></li></ul><ol><li></li></ol><p></p></div>
=========================================================================== */
.list-4Red {
    border: 2px solid #f06060;
    max-width: 80%;
    margin: 0 auto;
}

.list-4Red div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px;
    background-color: #f06060;
    color: #fff;
    font-weight: 600;
}

.list-4Red ul {
    list-style-type: disc;
    margin: 0;
    padding: 1em 1em 1em 2.5em;
}

.list-4Red li {
    padding: .3em .3em .3em 0;
}

.list-4Red li::marker {
    color: #f06060;
    font-size: 1.1em;
}

.list-4Red ol {
    list-style-type: disc;
    margin: 0;
    padding: 1em 1em 1em 2.5em;
}

.list-4Red li {
    padding: .3em .3em .3em 0;
}

.list-4Red li::marker {
    color: #cacaca;
    font-size: 1.1em;
}

.list-4Red p {
    margin: 0;
    padding: 1em 1.5em;
    line-break:normal;"
    color: #333;
}

/* ==========================================================================
---- ボックスリスト　タイトル上【青】　内容【灰】　----　<div class="box-017"><div></div><p></p></div>
=========================================================================== */
.box-017 {
    max-width: 80%;
    margin: 0 auto;
    padding: .5em 1.5em 1em;
    border-top: 5px solid #2589d0;
    border-radius: 3px;
    background-color: #f2f2f2;
}

.box-017 > div {
    margin-bottom: .5em;
    color: #2589d0;
    font-weight: 600;
    font-size: 1.05em;
}

.box-017 > p {
    margin: 0;
    color: #333;
}

/* ==========================================================================
---- ボックスリスト　左棒【青】　内容【灰】　----　<div class="box-016"></div>
=========================================================================== */
.box-016 {
    position: relative;
    max-width: 80%;
    margin: 0 auto;
    padding: 20px 10px 20px 10px;
    border-left: 5px solid #2589d0;
    background-color: #f2f2f2;
    color: #333;
}

/* ==========================================================================
---- リンク青ボタン（サイト内） ----　<button class="button-2"></button>
=========================================================================== */
.button-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin:0 auto;
    padding: .5em .5em;
    border: none;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
    background-color: #2589d0;
    color: #fff;
    font-weight: 600;
    font-size: 1em;
}

.button-2::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
}

.button-2:hover {
    background-color: #1579c0;
}

/* ==========================================================================
---- 青ボタン（リンク・ダウンロード） ----　<button class="button-55"></button>
=========================================================================== */
.button-55 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    padding: .5em .5em;
    border: none;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
    background-color: #2589d0;
    color: #fff;
    font-weight: 600;
    font-size: 1em;
}

.button-55::after {
    width: 1.25em;
    height: 1.25em;
    margin-left: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    content: '';
}

.button-55:hover {
    background-color: #1579c0;
}

/* ==========================================================================
---- 青ボタン（メール（角丸）） ----
=========================================================================== */
.button-56 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    margin: 0 auto;
    padding: .9em 2em;
    border: none;
    border-radius: 25px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
    background-color: #2589d0;
    color: #fff;
    font-weight: 600;
    font-size: 1em;
}

.button-56:hover {
    background-color: #1579c0;
}

.button-56::after {
    width: 1.25em;
    height: 1.25em;
    margin-left: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM12.0606 11.6829L5.64722 6.2377L4.35278 7.7623L12.0731 14.3171L19.6544 7.75616L18.3456 6.24384L12.0606 11.6829Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    content: '';
}

/* ==========================================================================
---- アコーディオン　Ｑ＆Ａ　灰色 ----　<details class="qa-1"><summary></summary><p></p></details>
=========================================================================== */
.qa-1 {
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 7px;
    border: 1px solid #d6dde3;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
}

.qa-1 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.qa-1 summary::before,
.qa-1 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa-1 summary::before {
    color: #75bbff;
    content: "Q";
}

.qa-1 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}

.qa-1[open] summary::after {
    transform: rotate(225deg);
}

.qa-1 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.qa-1[open] p {
    transform: none;
    opacity: 1;
}

.qa-1 p::before {
    color: #ff8d8d;
    line-height: 1.2;
    content: "A";
}


/* ==========================================================================
アコーディオンメニュー　灰色　<details class="accordion-002Gray"><summary></summary><p></p></details>
=========================================================================== */
.accordion-002Gray {
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 7px;
    border: 2px solid #d0d0d0;
    border-radius: 25px;
}

.accordion-002Gray summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2214%22%20style%3D%22fill%3A%23d0d0d0%3B%22%2F%3E%0A%3C%2Fsvg%3E');
    background-position: right calc(2em - 7px) center;
    background-size: 22px;
    background-repeat: no-repeat;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.accordion-002Gray summary::-webkit-details-marker {
    display: none;
}

.accordion-002Gray summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 5px;
    height: 5px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
}

.accordion-002Gray[open] summary::after {
    transform: rotate(225deg);
}

.accordion-002Gray p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 0 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-002Gray[open] p {
    transform: none;
    opacity: 1;
}

/* ==========================================================================
アコーディオンメニュー　青　<details class="accordion-002"><summary></summary><p></p></details>
=========================================================================== */
.accordion-002 {
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 7px;
    border: 2px solid #2589d0;
    border-radius: 25px;
}

.accordion-002 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2214%22%20style%3D%22fill%3A%232589d0%3B%22%2F%3E%0A%3C%2Fsvg%3E');
    background-position: right calc(2em - 7px) center;
    background-size: 22px;
    background-repeat: no-repeat;
    color: #2589d0;
    font-weight: 600;
    cursor: pointer;
}

.accordion-002 summary::-webkit-details-marker {
    display: none;
}

.accordion-002 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 5px;
    height: 5px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
}

.accordion-002[open] summary::after {
    transform: rotate(225deg);
}

.accordion-002 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 0 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-002[open] p {
    transform: none;
    opacity: 1;
}

/* ==========================================================================
アコーディオンメニュー　赤注意喚起　　<details class="accordion-001"><summary></summary><p></p></div></details>
=========================================================================== */
.accordion-001 {
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 7px;
    background-color: #ffebee;
    border-radius: 25px;
}

.accordion-001 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    border-radius: 5px;
    background-color: #f06060;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.accordion-001 summary::-webkit-details-marker {
    display: none;
}

.accordion-001 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
}

.accordion-001[open] summary::after {
    transform: rotate(225deg);
}

.accordion-001 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em 2em 2em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-001[open] p {
    transform: none;
    opacity: 1;
}

/* ==========================================================================
アコーディオンメニュー　黄注意喚起　<details class="accordion-001Yellow"><summary></summary><p></p></div></details>
=========================================================================== */
.accordion-001Yellow {
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 7px;
    background-color: #fff9e5;
    border-radius: 25px;
}

.accordion-001Yellow summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    border-radius: 5px;
    background-color: #ffb36b;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.accordion-001Yellow summary::-webkit-details-marker {
    display: none;
}

.accordion-001Yellow summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
}

.accordion-001Yellow[open] summary::after {
    transform: rotate(225deg);
}

.accordion-001Yellow p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em 2em 2em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-001Yellow[open] p {
    transform: none;
    opacity: 1;
}

/* ==========================================================================
----　順番ボックス　灰色　----　<div class="box-021Gray" data-number="■"></div>
=========================================================================== */
.box-021Gray {
    position: relative;
    width: 70%;
    margin: 1em auto;
    padding: 1em 1.5em;
    border: 2px solid #cacaca;
    border-radius: 3px;
    color: #333;
}

.box-021Gray::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -1em;
    left: -1em;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background-color: #cacaca;
    color: #fff;
    font-weight: 600;
    content: attr(data-number);
}

/* ==========================================================================
----　順番ボックス　青　----　<div class="box-021" data-number="■"></div>
=========================================================================== */
.box-021 {
    position: relative;
    width: 70%;
    margin: 1em auto;
    padding: 1em 1.5em;
    border: 2px solid #2589d0;
    border-radius: 3px;
    color: #333;
}

.box-021::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -1em;
    left: -1em;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background-color: #2589d0;
    color: #fff;
    font-weight: 600;
    content: attr(data-number);
}

/* ==========================================================================
---- 吹き出しボックス 　青色　枠重なり丸　----　　<div class="box-019"><div></div><p></p></div>
=========================================================================== */
.box-019 {
    position: relative;
    width: 80%;
    margin-top: 1em;
    padding: 30px 10px 30px 10px;
    border-radius: 10px;
    margin: 1em auto;
    border: 2px solid #2589d0;
}

.box-019 > div {
    position: absolute;
    top: -1.15em;
    left: -.5em;
    padding: .4em 1.4em;
    border-radius: 25px;
    background-color: #2589d0;
    color: #fff;
    font-size: 1em;
}

.box-019 > div::before {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 8px;
    background-color: #2589d0;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.box-019 p {
    margin: 0;
}

/* ==========================================================================
---- 吹き出しボックス 　灰色　枠重なり丸　----　　<div class="box-019Gray"><div></div><p></p></div>
=========================================================================== */
.box-019Gray {
    position: relative;
    width: 80%;
    margin-top: 1em;
    padding: 30px 10px 30px 10px;
    border-radius: 10px;
    margin: 1em auto;
    border: 2px solid #777;
}

.box-019Gray > div {
    position: absolute;
    top: -1.15em;
    left: -.5em;
    padding: .4em 1.4em;
    border-radius: 25px;
    background-color: #777;
    color: #fff;
    font-size: 1em;
}

.box-019Gray > div::before {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 8px;
    background-color: #777;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.box-019Gray p {
    margin: 0;
}

/* ==========================================================================
---- 吹き出しボックス 　緑色　枠重なり丸　----　　<div class="box-019Green"><div></div><p></p></div>
=========================================================================== */
.box-019Green {
    position: relative;
    width: 80%;
    margin-top: 1em;
    padding: 30px 10px 30px 10px;
    border-radius: 10px;
    margin: 1em auto;
    border: 2px solid #004222;
}

.box-019Green > div {
    position: absolute;
    top: -1.15em;
    left: -.5em;
    padding: .4em 1.4em;
    border-radius: 25px;
    background-color: #004222;
    color: #fff;
    font-size: 1em;
}

.box-019Green > div::before {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 8px;
    background-color: #004222;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.box-019Green p {
    margin: 0;
}

/* ==========================================================================
ちょっと浮いて見えるアイコン
=========================================================================== */
.shadow_test {
        filter: drop-shadow(2px 2px 2px rgba(160, 160, 160, 0.8));
}

/* ==========================================================================
見出し以外に追加したパーツら
=========================================================================== */
/* ---- 黄色バー ----  　<div class="box-006"><div></div><p></p></div>　　　*/
.box-006 {
    display: flex;
    grid-gap: 0 .7em;
    margin: 0 auto;
    padding: 1em;
    border-radius: 5px;
    background-color: #fff9e5;
    color: #333333;
}

.box-006::before {
    width: 24px;
    height: 24px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8995 6.85453L17.1421 11.0972L7.24264 20.9967H3V16.754L12.8995 6.85453ZM14.3137 5.44032L16.435 3.319C16.8256 2.92848 17.4587 2.92848 17.8492 3.319L20.6777 6.14743C21.0682 6.53795 21.0682 7.17112 20.6777 7.56164L18.5563 9.68296L14.3137 5.44032Z' fill='%23ffb36b'%3E%3C/path%3E%3C/svg%3E");
}

.box-006 p {
    margin: 0;
    padding: 0 0 0 .7em;
    border-left: 1px solid #ffb36b;
}

/* ---- 黄色ボックス ----  　<div class="box-007"><div></div><p></p></div>　　　*/
.box-007 {
    max-width: 90%;
    margin: 0 auto;
    border: 2px solid #ffb36b;
    border-radius: 5px;
    color: #333333;
}

.box-007 div {
    display: inline-flex;
    align-items: center;
    column-gap: 4px;
    position: relative;
    top: -13px;
    left: 10px;
    margin: 0 7px;
    padding: 0 8px;
    background: #fff;
    color: #ffb36b;
    font-weight: 600;
    vertical-align: top;
}

.box-007 div::before {
    width: 30px;
    height: 30px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8995 6.85453L17.1421 11.0972L7.24264 20.9967H3V16.754L12.8995 6.85453ZM14.3137 5.44032L16.435 3.319C16.8256 2.92848 17.4587 2.92848 17.8492 3.319L20.6777 6.14743C21.0682 6.53795 21.0682 7.17112 20.6777 7.56164L18.5563 9.68296L14.3137 5.44032Z' fill='%23ffb36b'%3E%3C/path%3E%3C/svg%3E");
}

.box-007 p {
    margin: 0;
    padding: 0 1em 1em;
}

/* ---- 緑色バー ----  　<div class="box-008"><div></div><p></p></div>　　　*/
.box-008 {
    display: flex;
    align-items: center;
    grid-gap: 0 .7em;
    margin: 0 auto;
    padding: 1em;
    border-radius: 5px;
    background-color: #ecffe9;
    color: #333333;
}

.box-008::before {
    width: 16px;
    height: 8px;
    border-bottom: 3px solid #86d67c;
    border-left: 3px solid #86d67c;
    transform: rotate(-45deg) translate(2.5px, -2.5px);
    content: '';
}

.box-008 p {
    margin: 0;
    padding: 0 0 0 .7em;
    border-left: 1px solid #86d67c;
}

/* ---- 緑色ボックス ----  　<div class="box-009"><div></div><p></p></div>　　　*/
.box-009 {
    max-width: 90%;
    margin: 0 auto;
    border: 2px solid #86d67c;
    border-radius: 5px;
    color: #333333;
}

.box-009 div {
    display: inline-flex;
    align-items: center;
    column-gap: 4px;
    position: relative;
    top: -13px;
    left: 10px;
    margin: 0 7px;
    padding: 0 8px;
    background: #fff;
    color: #86d67c;
    font-weight: 600;
    vertical-align: top;
}

.box-009 div::before {
    width: 15px;
    height: 7.5px;
    border-bottom: 3px solid #86d67c;
    border-left: 3px solid #86d67c;
    transform: rotate(-45deg) translate(2px, -2px);
    content: '';
}

.box-009 p {
    margin: 0;
    padding: 0 1em 1em;
}

/* ---- 赤色バー ----  　<div class="box-004"><div></div><p></p></div>　　　*/
.box-004 {
    display: flex;
    grid-gap: 0 .7em;
    margin: 0 auto;
    padding: 1em;
    border-radius: 5px;
    background-color: #ffebee;
    color: #333333;
}

.box-004::before {
    width: 24px;
    height: 24px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8659 3.00017L22.3922 19.5002C22.6684 19.9785 22.5045 20.5901 22.0262 20.8662C21.8742 20.954 21.7017 21.0002 21.5262 21.0002H2.47363C1.92135 21.0002 1.47363 20.5525 1.47363 20.0002C1.47363 19.8246 1.51984 19.6522 1.60761 19.5002L11.1339 3.00017C11.41 2.52187 12.0216 2.358 12.4999 2.63414C12.6519 2.72191 12.7782 2.84815 12.8659 3.00017ZM10.9999 16.0002V18.0002H12.9999V16.0002H10.9999ZM10.9999 9.00017V14.0002H12.9999V9.00017H10.9999Z' fill='%23f06060'%3E%3C/path%3E%3C/svg%3E");
}

.box-004 p {
    margin: 0;
    padding: 0 0 0 .7em;
    border-left: 1px solid #f06060;
}

/* ---- 赤色ボックス ---- 　<div class="box-005"><div></div><p></p></div>　　　*/
.box-005 {
    max-width: 90%;
    margin: 0 auto;
    border: 2px solid #f06060;
    border-radius: 5px;
    color: #333333;
}

.box-005 div {
    display: inline-flex;
    align-items: center;
    column-gap: 4px;
    position: relative;
    top: -13px;
    left: 10px;
    margin: 0 7px;
    padding: 0 8px;
    background: #fff;
    color: #f06060;
    font-weight: 600;
    vertical-align: top;
}

.box-005 div::before {
    width: 30px;
    height: 30px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8659 3.00017L22.3922 19.5002C22.6684 19.9785 22.5045 20.5901 22.0262 20.8662C21.8742 20.954 21.7017 21.0002 21.5262 21.0002H2.47363C1.92135 21.0002 1.47363 20.5525 1.47363 20.0002C1.47363 19.8246 1.51984 19.6522 1.60761 19.5002L11.1339 3.00017C11.41 2.52187 12.0216 2.358 12.4999 2.63414C12.6519 2.72191 12.7782 2.84815 12.8659 3.00017ZM10.9999 16.0002V18.0002H12.9999V16.0002H10.9999ZM10.9999 9.00017V14.0002H12.9999V9.00017H10.9999Z' fill='%23f06060'%3E%3C/path%3E%3C/svg%3E");
}

.box-005 p {
    margin: 0;
    padding: 0 1em 1em;
}

/* ==========================================================================
/sp/index.html
=========================================================================== */

#suspend{
margin:0 10px;padding:5px;border:1px solid #d90c1b;
}
#statusSepalate {
width:300px;margin:10px auto 0;
}
#toMember,#toPrememver {
width:250px;height:100px;border:1px solid #80021b;
}
#toMember{float:left;}
#toPrememver {float:right;}
#toMember p{
margin:8px auto 0;width:137px;height:36px;background-position: 0 -45px;
}
#toPrememver p{
margin:8px auto 0;width:128px;height:85px;background-position: 0 -85px;
}
#ssbtn_idservice,#ssbtn_Login,#ssbtn_makecard
{
display:block;width:136px;height:42px;
}
#ssbtn_idservice{
margin:10px auto 0;background-position: 0 0;
}
#ssbtn_Login{
margin:7px auto 0;background-position: 0 -42px;
}
#ssbtn_makecard{
margin:10px auto 0;background-position: 0 -84px;
}

/* バナー
-------------------------------------------------------------------------*/
#bannerArea{
width:300px;height:59px;margin:10px auto;
}
#bannerArea a[id^=bnr_]{
float:left;margin-right:4px;
}
#bannerArea a[id^=bnr_half]{
width:148px;
}
#bannerArea a#bnr_half_last{
background-position:0 -60px;
}
#bannerArea a[id^=bnr_toris]{
width:98px;margin-right:3px;
}
#bannerArea a[id^=bnr_quart]{
width:72px;
}
#bannerArea a[id$=_last]{
margin-right:0;
}

/* キャンペーン一覧
-------------------------------------------------------------------------*/
/*
#campaign li {
border-bottom:1px solid #cacaca;background:url(/sp/img/bg_link_l.png) no-repeat right center;
}
*/
#campaign li {
border-bottom:1px solid #cacaca;
}
#campaign li a {
display:block;padding:5px 42px 5px 10px;color:#303030;
}
#campaign li .img {
display:table-cell;vertical-align:middle;height:60px;
}
#campaign li .img img {
vertical-align:middle;
border-radius: 2px 2px 2px 2px;
}
#campaign li .txt {
display:table-cell;padding-left:5px;vertical-align:middle;font-size:10px;
}
#campaign li .txt em {
font-size:12px;
}

#campaign li .border{
border: 1px solid #CCCCCC;
border-radius: 3px 3px 3px 3px;
float: left;
height: 43px;
width: 43px;
}



/* 目的から情報を探す
-------------------------------------------------------------------------*/
/*
#purposeList {
padding-bottom:3px;background:url(/sp/img/misc_splite.png) repeat-x left bottom;
}
*/
#purposeList {
padding-bottom:3px;
}
#purposeList li {
border-bottom:1px solid #cacaca;background-color:#fff;
}
#purposeList li a {
display:block;padding:5px 0 5px 18px;
}
/*
#purposeList li span {
display:block;padding-left:2px;font-size:11px;color:#303030;background:#fff url(/sp/img/bg_link_l.png) no-repeat right center;
}
*/
#purposeList li span {
display:block;padding-left:2px;font-size:11px;color:#303030;
}
#purposeList li span span {
display:table-cell;height:50px;background:none;vertical-align:middle;
}
#purposeList li em {
font-size:18px;
}
#btnPurpose01 {background-position:-350px center;}
#btnPurpose02 {background-position:-400px center;}
#btnPurpose03 {background-position:-452px center;}
#btnPurpose04 {background-position:-499px center;}

/* PCコンテンツリンク01
----------------------------------------*/
#indexPCLinks01 li {
float:left;width:50%;
}
#indexPCLinks01 li a {
display:block;padding-left:10px;min-height:5em;border:1px solid #ddd;border-style:none solid solid none;
}
#indexPCLinks01 li.norightline a {
border-style:none none solid none;
}
#indexPCLinks01 li a em {
float:left;display:inline-block;margin:2em 0;padding-left:8px;background-position:-447px 0;font-weight:bold;color:#303030;vertical-align:middle;
}
#indexPCLinks01 li a span {
float:right;display:inline-block;width:30px;min-height:5em;background:url(/sp/img/bg_link_s.png) no-repeat right center;vertical-align:middle;
}
/* PCコンテンツリンク02
----------------------------------------*/
#indexPCLinks02 {
width:310px;margin:15px auto;
}
#indexPCLinks02 li {
float:left;width:137px;margin:0 9px;padding:0.8em 0;border-bottom:1px dotted #c0c0c0;
}
#indexPCLinks02 li.topline {
border-top:1px dotted #c0c0c0;
}


/* ==========================================================================
/sp/utility/index.html
=========================================================================== */

/* よくあるご質問
----------------------------------------*/
#faqList {
margin-bottom:15px;
}
/*
#faqList li {
background:#fff url(/sp/img/bg_link_l.png) no-repeat right center;border-bottom:1px solid #cacaca;
}
*/
#faqList li {
background:#fff border-bottom:1px solid #cacaca;
}
#faqList li a {
display:block;padding:5px 50px 5px 58px;
}
#faqList li a span {
display:block;background-color:#fff;
}
#faqList li em {
display:table-cell;font-size:16px;line-height:1;color:#303030;height:50px;vertical-align:middle;
}
#faqList li em span {
display:inline;font-size:10px;
}
/* 2段目以降 */
#faqList li.childLine {
margin: 0 10px;border-bottom:1px dotted #cacaca;background:url(/sp/img/bg_link_s.png) no-repeat right center;
}
#faqList li.childLine em {
font-size:12px;
}
#faqList li.childLine.end {
margin-bottom: -10px;border-bottom:none;
}
#btnFaq01 {background-position:-600px center;}
#btnFaq02 {background-position:-650px center;}
#btnFaq03 {background-position:-700px center;}
#btnFaq04 {background-position:-750px center;}
#btnFaq05 {background-position:-800px center;}

#selectBrand {
display:block;width:300px;height:2.5em;margin-bottom:10px;font-size:14px;
}
#searchKey {
display:block;width:277px;margin-bottom:10px;padding:10px;font-size:14px;
}
#searchBtn {
display:block;width:206px;height:36px;background-position:0 -126px;margin:0 auto 13px;border:none;
}


/* ==========================================================================
/sp/service/index.html
=========================================================================== */

#webDeOK {
width:293px;margin:13px auto 15px;
}
#webDeOK div {
width:293px;height:80px;background-position:-137px -45px;
}


/* ==========================================================================
/sp/login/index.html
=========================================================================== */

#webLogin {
width:300px;min-height:139px;margin:5px auto 10px;
}
#webLogin p.p01 {
float:left;width:140px;height:139px;background-position:-158px -125px;text-indent:-9999px;
}
#webLogin p.p02 {
float:right;width:160px;height:67px;background-position:-298px -125px;text-indent:-9999px;
}
#webLogin p.p03 {
float:right;width:160px;color:#c31924;
}


/* ==========================================================================
/sp/apply/index.html
=========================================================================== */
/* dt */
.cardsList {
padding:0;margin:0;
}
.cardsList dt {
margin:0;padding-top:8px;
}
.cardsList dt span {
display:block;margin:0 auto;width:300px;height:20px;background:url(/sp/img/cards_splite.png) no-repeat;text-indent:-9999px;
}
/* dd */
.cardsList dd {
margin:0;padding:10px 0;
}
.cardsList dd div {
width:250px;margin:0 auto;
}
.cardsList dd div{
position:relative;background:url(/sp/img/cards_splite.png) no-repeat;
}
.cardsList dd div p{
display:none;
}
.cardsList dd p{
width:300px;margin:5px auto 0;text-align:center;font-size:10px;
}
.cardsList dd a{
position:absolute;right:0;bottom: 0;
}
/* 個別 */
#cardTypeA dd {
border-bottom:1px solid #cacaca;
background: -moz-linear-gradient(top, #fff, #fefefe 30%,#e8e8e8 100%);
background: -webkit-gradient(linear,left top, left bottom, from(#fff), color-stop(0.3, #fefefe), to(#e8e8e8));
}
#cardTypeB dd {
border-bottom:1px solid #cacaca;
background: -moz-linear-gradient(top, #fff,#eae0c9 100%);
background: -webkit-gradient(linear,left top, left bottom, from(#fff), to(#eae0c9));
}
#cardTypeC dd {
background: -moz-linear-gradient(top, #fff,#cfd0d5 100%);
background: -webkit-gradient(linear,left top, left bottom, from(#fff), to(#cfd0d5));
}
#cardTypeD dd {
background: -moz-linear-gradient(top, #fff,#d8dee3 100%);
background: -webkit-gradient(linear,left top, left bottom, from(#fff), to(#d8dee3));
}

#cardTypeA dt span {background-position:0 0;}
#cardTypeB dt span {background-position:0 -20px;}
#cardTypeC dt span {background-position:0 -40px;}
#cardTypeD dt span {background-position:0 -60px;}

#cartTypeA01 {height:110px;background-position:-300px 0;}
#cartTypeA02 {height:97px;background-position:-600px 0;}

#cartTypeB01 {height:139px;background-position:-900px 0;}
#cartTypeB02 {height:124px;background-position:-1200px 0;}

#cartTypeC01 {height:105px;background-position:-1500px 0;}

#cartTypeD01 {height:126px;background-position:-1800px 0;}
#cartTypeD02 {height:126px;background-position:-2100px 0;}

#cardGinren {background-color:#dceffe;}
#cardGinren p {
position:relative;margin:0 auto;width:300px;height:168px;background:url(/sp/img/cards_splite.png) no-repeat -2400px 0;
}
#cardGinren p span {
display:block;text-indent:-9999px;
}
#cardGinren .detailLink {
position: absolute;left: 0;top:123px;width:117px;background-position:0 -292px;
}
.detailLink {
display:block;width:132px;height:29px;background-position:-136px -84px;
}


/* ==========================================================================
Basic Parts
=========================================================================== */

/* ページタイトル的
----------------------------------------*/
#ttlwrap {
width:300px;margin:0 auto;
}
#ttl{
padding-left:57px;
}
#ttl span{
display:block;padding:5px 10px 5px 0;background-color:#fff;
}
#ttl span em{
display:table-cell;height:50px;vertical-align:middle;font-size:16px;color:#303030;line-height:1;
}
#ttl span em span{
display:inline;padding:0;font-size:10px;
}
#ttl.check {background-position:-350px center;}
#ttl.plan {background-position:-400px center;}
#ttl.lifestyle {background-position:-450px center;}
#ttl.utility {background-position:-550px center;}



/* 登録・ログインリスト
----------------------------------------*/
.entryAndLogin {
width: 293px;margin: 0 auto;padding:10px 0;position:relative;
}
.entryAndLogin.mufgCard p,.entryAndLogin.dcCard p,.entryAndLogin.ufjCard p,.entryAndLogin.nicosCard p
{
display:block;width:157px;height:42px;
}
.entryAndLogin.mufgCard p {
background-position: 0 -172px;
}
.entryAndLogin.dcCard p {
background-position: 0 -214px;
}
.entryAndLogin.ufjCard p {
background-position: 0 -256px;
}
.entryAndLogin.nicosCard p {
background-position: 0 -298px;
}
.entryAndLogin ul {
margin-top:10px;
}
.entryAndLogin ul li.linkL  {
float:left;width:150px;letter-spacing:-0.1em;
}
.entryAndLogin ul li.linkR  {
float:right;width:140px;letter-spacing:-0.1em;
}
.entryAndLogin ul li a {
display:inline-block;font-size:11px;padding-left:10px;background-position: -443px -103px;
}
.entryAndLogin ul li a.icnGuide {
padding-left:18px;background-position: -437px -190px;
}
.entryAndLogin ul li a.btnNewid,.entryAndLogin ul li a.btnLogin {
position:absolute;right:0;top:10px;padding:0;display:block;width:136px;height:42px;
}
.entryAndLogin ul li a.btnNewid {
background-position: -136px -42px;
}
.entryAndLogin ul li a.btnLogin {
background-position: -136px 0;
}

/* 出来ること・お応えしますリスト
----------------------------------------*/
.caseList {
padding-bottom:3px;background:url(/sp/img/misc_splite.png) repeat-x left bottom;
}
.caseList li {
background-color:#fff;border-bottom:1px solid #cacaca;
}
.caseList li{
padding-left:57px;
}
.caseList li span{
display:block;padding:5px 10px 5px 0;background-color:#fff;
}
.caseList li span em{
display:table-cell;height:50px;vertical-align:middle;color:#303030;
}
.caseList li.icon01 {background-position:0 center;}
.caseList li.icon02 {background-position:-50px center;}
.caseList li.icon03 {background-position:-100px center;}
.caseList li.icon04 {background-position:-150px center;}
.caseList li.icon05 {background-position:-200px center;}
.caseList li.icon06 {background-position:-250px center;}
.caseList li.icon07 {background-position:-300px center; border:none;}


/* リンクリスト
----------------------------------------*/
.linkList li a{
display:block;padding:20px 55px 20px 10px;background:url(/sp/img/bg_pc.png) no-repeat right center;
}

/*.linkList li a.spn{
background:url(/sp/img/bg_link_l.png) no-repeat right center;
}*/
.linkList li a.spn{
}

.linkList li a em{
display:block;padding-left:8px;background-position:-447px 0;color:#303030;
}
.addline {
border-bottom:1px solid #cacaca;
}
.deleteline {
border-bottom:none !important;
}


/* まだまだあるサービス一覧
----------------------------------------*/
#moreCards {
width:300px;margin:13px auto 15px;
}
#moreCards p {
margin-bottom:5px;text-align:center;font-size:10px;
}
#moreCards ul li {
display:inline-block;width:146px;margin-top:10px;
}
#moreCards ul li a {
display:block;
}
#moreCards ul li a span {
display:block;height:38px;margin-top:5px;
}
#moreCards01 span {margin-left:-15px;background-position:-158px -264px;}
#moreCards02 span {margin-left:-15px;background-position:-304px -264px;}
#moreCards03 span {margin-left:-15px;background-position:-158px -302px;}
#moreCards04 span {margin-left:-15px;background-position:-304px -302px;}

#moreCards02,#moreCards04 {
margin-left:5px;
}


/* ==========================================================================
Misc Parts
=========================================================================== */
/* 境界線 */
hr {
margin:0;height:0;border:none;border-top:1px solid #cacaca;
}
/* 以下は～ */
.pcContents {
padding:12px;text-align:center;
}
/* バナー */
#link_expressCard {
display: block;width:300px;height:49px;background-position: 0 -205px;margin:10px auto;
}
#link_camlist {
display: block;width:291px;height:43px;background-position: 0 -162px;margin:10px auto;
}
/* リンクアイコン */
a.icnLink {
padding-left:15px;
background-position: -440px -103px;
}
/* noscript */
noscript {display:block;padding:20px 0;text-align:center;font-weight:bold;color:#d90c1b;background-color:#fff;}