@charset "UTF-8";
/* 口座開設までの流れ部分 パターン1下部 ボタンレイアウト MIXIN*/
/* オレンジ矢印のみのテキストボタンレイアウト */
.link {
padding-left: 1.2rem; }
.link a {
position: relative; }
.link a:before {
content: '';
width: 7px;
height: 7px;
border: 0px;
border-top: solid 1px #ea5504;
border-right: solid 1px #ea5504;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 0.6rem;
right: auto;
margin-top: -3px; }
@media only screen and (max-width: 767px) {
.link a:before {
        margin-top: -5px; } }
.link a:before {
left: -1.2rem; }

/* 商品概要欄 width:100%の2分割テーブル */
table.table_100 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #ccc;
text-align: left;
width: 100%; }
@media only screen and (max-width: 767px) {
table.table_100 {
border: none; } }
table.table_100 tbody {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%; }
table.table_100 th, table.table_100 td {
padding: .65rem 1.3rem;
vertical-align: middle; }
table.table_100 th {
border-right: 1px solid #ccc;
font-weight: bold;
text-align: left; }
@media only screen and (max-width: 767px) {
table.table_100 th {
border-right: 0; } }
table.table_100 tr {
border-bottom: 1px solid #ccc;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
table.table_100 tr:last-child {
border-bottom: 0; }
@media only screen and (max-width: 767px) {
table.table_100 tr {
border: 0;
width: 100%; } }
table.table_100 th {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff8f2;
border-bottom: 1px solid #ccc;
font-weight: bold;
width: 24%; }
table.table_100 th th:nth-of-type(1) {
width: 24%; }
table.table_100 th th:nth-of-type(2), table.table_100 th th:nth-of-type(3) {
width: 38%; }
@media only screen and (max-width: 767px) {
table.table_100 th {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0;
display: block;
width: 100%; } }
table.table_100 td {
width: 76%; }
@media only screen and (max-width: 767px) {
table.table_100 td {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%; } }
table.table_100 .attention_ul {
margin: 0 auto .2rem;
width: 100%; }
table.table_100 .attention_ul li {
margin: .2rem 0 0; }

/* 商品概要欄 td内の2分割テーブル */
table.table_inner {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #ccc;
text-align: center;
margin-top: 0.7em;
width: 77%; }
@media only screen and (max-width: 767px) {
table.table_inner {
width: 100%; } }
table.table_inner th, table.table_inner td {
text-align: center;
padding: 0.45rem 1.3rem; }
@media only screen and (max-width: 767px) {
table.table_inner th, table.table_inner td {
display: table-cell; } }
table.table_inner th {
border-right: 1px solid #ccc;
font-weight: bold; }
@media only screen and (max-width: 767px) {
table.table_inner th.thpattern01 {
background: #ebebeb; } }
table.table_inner tr {
background: #fff;
border-bottom: 1px solid #ccc; }
table.table_inner tr:last-child {
border-bottom: 0; }
table.table_inner th {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff8f2;
border-bottom: 1px solid #ccc;
font-weight: bold;
width: 50%; }
table.table_inner td {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 50%; }

/* 商品概要欄 iPhone電話番号リンク色打消し */
.no_phone a {
color: #333;
text-decoration: none; }

/* ---------------------------------------------------------
$ ネット支店オリジナル商品A パンダ定期預金
----------------------------------------------------------*/
.limited_panda {
/* ---------------------------------------------------------
$ メインビジュアルエリア
----------------------------------------------------------*/
/* メインビジュアル・背景操作  ネスト内PC TB SPパターン有*/
/* メインビジュアル mv内画像の大きさ・余白操作*/
/* メインビジュアル・「東京下町ネット支店限定 親子パンダ定期預金 特別金利1年 年0.10%」画像操作 PC PC～SP SP 各操作*/
/* メインビジュアル・「お取扱い期間終了後 契約金額の0.01%相当額をジャイアントパンダ保護サポート基金に寄付いたします。※お客さまのご負担はございません。」画像操作 PC PC～SP TB SP 各操作*/
/* ---------------------------------------------------------
$ MV下 サポートエリア （MV下の文章～～～口座開設方法はこちらから 2つボタンまで）
----------------------------------------------------------*/
/* エリア全体レイアウト MV下文章レイアウト */
/* support01.02.03リストレイアウト ネスト内にPCTBSP各操作 */
/* 「口座開設方法はこちらから」2つ並びのボタン 全体レイアウト */
/* 2つ並びのボタン 詳細ボタンレイアウト MIXIN 上下幅などはここで調整*/
/* 2つ並びのボタン 詳細ボタンレイアウト */
/* ---------------------------------------------------------
$ オリジナルキャッシュカード ジャイアントパンダ保護サポート基金の取り組み
----------------------------------------------------------*/
/* オレンジ丸背景数字リスト */
/* ---------------------------------------------------------
$ 親子パンダ定期預金口座開設までの流れ
パターン1 インターネット支店口座をお持ちでない方（左右で流れつながっている為間に点線なし）
パターン2 インターネット支店口座をお持ちの方（左右が違う流れの為間に点線あり）
※「/saving/camp_open.html」と同じ内容
----------------------------------------------------------*/
/* 流れ全体のレイアウト調整 */
/* パターン2見出しサイズSP版個別指定 */
/* パターン1、パターン2余白 */
/* flow内背景要素ありレイアウト「インターネット支店口座をお持ちの方」「インターネット支店口座をお持ちでない方」 */
/* flow内背景部分個別調整レイアウト */
/* パターン1背景色部分の※調整 */
/* ---------------------------------------------------------
$ 商品概要エリア
※tableレイアウトは上部にあり ここは幅・余白調整のみ
----------------------------------------------------------*/
/* ---------------------------------------------------------
$ お問合せエリア
----------------------------------------------------------*/
/* お問合せエリア個別レイアウト */
/* contact_box 個別右寄せ用 */ }
.limited_panda .mv_wrap {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff url(/assets/img/saving/limited_panda/mv_pc.jpg) top right no-repeat;
background-size: 100%;
padding-top: 40px;
min-height: 430px; }
@media only screen and (min-width: 760px) and (max-width: 1280px) {
.limited_panda .mv_wrap {
background: #fff url(/assets/img/saving/limited_panda/mv_pc.jpg) top center no-repeat;
background-size: cover;
min-height: auto;
padding-top: 2%; } }
@media only screen and (max-width: 1024px) {
.limited_panda .mv_wrap {
background: #fff url(/assets/img/saving/limited_panda/mv_pc.jpg) top right no-repeat;
background-size: cover;
min-height: 100%;
height: 30%; } }
@media only screen and (max-width: 767px) {
.limited_panda .mv_wrap {
background: #fff url(/assets/img/saving/limited_panda/mv_sp.jpg) top right no-repeat;
background-size: cover;
margin: 0 auto;
padding-top: 3%; } }
.limited_panda .mv_wrap {
margin: 26px auto 0; }
@media only screen and (max-width: 767px) {
.limited_panda .mv_wrap {
margin: 0 auto; } }
.limited_panda .mv_wrap .section_inner {
position: relative;
max-width: 1100px; }
@media only screen and (max-width: 767px) {
.limited_panda .mv_wrap .section_inner {
        width: 96%; } }
.limited_panda .mv_img {
float: left;
margin: 0 0.5% 3% 0;
max-width: 507px;
width: 47%; }
@media only screen and (min-width: 760px) and (max-width: 1280px) {
.limited_panda .mv_img {
margin: 0 0.5% 7% 0;
max-width: 100%;
width: 47%; }
.limited_panda .mv_img img {
max-width: 100%;
width: 100%;
margin: 0; } }
@media only screen and (max-width: 767px) {
.limited_panda .mv_img {
margin: 2% 0 0 0;
max-width: 100%;
width: 100%; } }
.limited_panda .mv_icon {
float: left;
margin: 5.5% 26.5% 0 -1.8%;
max-width: 270px;
width: 24.5%; }
@media only screen and (min-width: 760px) and (max-width: 1280px) {
.limited_panda .mv_icon {
margin: 7% 26.5% 0 -1%;
width: 22%; } }
@media only screen and (max-width: 1024px) {
.limited_panda .mv_icon {
margin-top: 10%;
max-width: 23%;
width: 20%; }
.limited_panda .mv_icon img {
max-width: 100%;
width: 100%;
margin: 0; } }
@media only screen and (max-width: 767px) {
.limited_panda .mv_icon {
margin: 12% 0 5% 0;
max-width: 42%;
width: 42%; } }
.limited_panda .support_area {
background: #fff;
padding: 30px 0 30px;
/* MV下トップ部分文章 */ }
.limited_panda .support_area .support_top {
font-size: 1.375rem;
line-height: 1.75;
text-align: center; }
.limited_panda .support_area .support_subtext {
font-size: 1.0rem;
text-align: center;
margin-top: 20px; }
@media only screen and (max-width: 767px) {
.limited_panda .support_area {
padding: 5% 0 5%; }
.limited_panda .support_area .support_top {
font-size: 0.88rem;
line-height: 1.66;
letter-spacing: -1px; }
.limited_panda .support_area .support_top:first-line {
        letter-spacing: -1.5px; }
.limited_panda .support_area .support_subtext {
font-size: 0.6875rem; } }
.limited_panda .list_box .listin_box {
margin-top: 60px;
width: 100%; }
@media only screen and (max-width: 1024px) {
.limited_panda .list_box .listin_box {
margin-top: 7%; } }
@media only screen and (max-width: 767px) {
.limited_panda .list_box .listin_box {
float: none;
max-width: 100%;
width: 100%;
margin-top: 3rem; } }
.limited_panda .list_box .listin_box .textbox {
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 32%;
margin-right: 2%; }
.limited_panda .list_box .listin_box .textbox:nth-of-type(3) {
margin-right: 0; }
@media only screen and (max-width: 767px) {
.limited_panda .list_box .listin_box .textbox {
        margin-right: 0;
        margin-bottom: 3%; }
        .limited_panda .list_box .listin_box .textbox:nth-of-type(1) {
        float: none;
        max-width: 100%;
        width: 100%; }
        .limited_panda .list_box .listin_box .textbox:nth-of-type(2) {
        float: none;
        max-width: 100%;
        width: 100%; }
        .limited_panda .list_box .listin_box .textbox:nth-of-type(3) {
        float: none;
        max-width: 100%;
        width: 100%; }
        .limited_panda .list_box .listin_box .textbox:nth-of-type(4) {
        float: none;
        max-width: 100%;
        width: 100%; } }
.limited_panda .list_box .listin_box .textbox .border_box {
border-radius: 10px;
border: 1px dashed #009ee9;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 340px;
margin: 0 0 0 0;
padding: 2.8rem 0.5rem 2rem;
position: relative;
text-align: center; }
@media only screen and (max-width: 1024px) {
        .limited_panda .list_box .listin_box .textbox .border_box {
        padding: 1.6rem 0.5rem 1rem; } }
@media only screen and (max-width: 767px) {
        .limited_panda .list_box .listin_box .textbox .border_box {
        float: none;
        max-width: 100%;
        width: 100%;
        padding: 1.5rem 0.5rem 1rem;
        margin-bottom: 3rem; } }
.limited_panda .list_box .listin_box .textbox .border_box p.top {
        letter-spacing: -0.1em;
        font-size: 1.125rem;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
        .limited_panda .list_box .listin_box .textbox .border_box p.top {
        font-size: 0.75rem; } }
        .limited_panda .list_box .listin_box .textbox .border_box p.top span {
        color: #ea5504;
        font-size: 1.875rem; }
        @media only screen and (max-width: 767px) {
        .limited_panda .list_box .listin_box .textbox .border_box p.top span {
        font-size: 1.1875rem; } }
.limited_panda .list_box .listin_box .textbox .border_box p.txt {
        font-size: 1.25rem; }
        @media only screen and (max-width: 767px) {
        .limited_panda .list_box .listin_box .textbox .border_box p.txt {
        font-size: 0.85rem; } }
.limited_panda .list_box .listin_box .textbox .border_box p.bottom {
        font-size: 0.88rem;
        line-height: 1.42857; }
        @media only screen and (max-width: 767px) {
        .limited_panda .list_box .listin_box .textbox .border_box p.bottom {
        font-size: 0.625rem;
        line-height: 1.333; } }
.limited_panda .list_box .listin_box .textbox .border_box img.head {
        position: absolute;
        top: -40px;
        right: calc(50% - 47.5px);
        width: 95px; }
        @media only screen and (max-width: 1024px) {
        .limited_panda .list_box .listin_box .textbox .border_box img.head {
        top: -40px;
        right: calc(50% - 15%);
        width: 30%; } }
        @media only screen and (max-width: 767px) {
        .limited_panda .list_box .listin_box .textbox .border_box img.head {
        top: -2rem;
        right: calc(50% - 33px);
        width: 66px; } }
.limited_panda .list_box .listin_box .textbox p.indent_parts {
font-size: 0.88rem;
line-height: 1.33333;
margin-top: 10px; }
@media only screen and (max-width: 767px) {
        .limited_panda .list_box .listin_box .textbox p.indent_parts {
        font-size: 0.625rem;
        line-height: 1.333; } }
.limited_panda .list_box .listin_box .textbox .link {
font-size: 0.88rem;
margin-top: 0; }
@media only screen and (max-width: 767px) {
        .limited_panda .list_box .listin_box .textbox .link {
        font-size: 0.625rem;
        margin-top: 0.5rem; } }
@media only screen and (max-width: 767px) {
        .limited_panda .list_box .listin_box .textbox .link a:before {
        margin-top: -0.5rem; } }
.limited_panda .twobtn_area {
margin: 50px 0 0;
/* 「口座開設方法はこちらから」レイアウト */ }
.limited_panda .twobtn_area .top_txt {
font-size: 2rem;
text-align: center; }
@media only screen and (max-width: 767px) {
.limited_panda .twobtn_area .top_txt {
        font-size: 1.125rem; } }
.limited_panda .twobtn_area ul.about_btn {
margin: 10px auto 0; }
.limited_panda .twobtn_area ul.about_btn {
max-width: 970px;
width: 89.8%; }
.limited_panda .twobtn_area ul.about_btn li {
width: 46.3%;
max-width: 440px;
float: left; }
.limited_panda .twobtn_area ul.about_btn li:first-child {
float: left; }
.limited_panda .twobtn_area ul.about_btn li:first-child div {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative; }
        .limited_panda .twobtn_area ul.about_btn li:first-child div a {
        background: #e8f2e7;
        border-radius: 10px;
        -webkit-box-shadow: 0 4px 10px 1px rgba(130, 178, 216, 0.4);
        box-shadow: 0 4px 10px 1px rgba(130, 178, 216, 0.4);
        color: #2f8928;
        display: block;
        font-weight: 500;
        height: 100%;
        line-height: 1;
        overflow: hidden;
        text-decoration: none;
        padding: 30px 0 45px;
        position: relative;
        width: 100%; }
        @media only screen and (max-width: 767px) {
        .limited_panda .twobtn_area ul.about_btn li:first-child div a {
        -webkit-box-shadow: 0 2px 10px 1px rgba(130, 178, 216, 0.4);
        box-shadow: 0 2px 10px 1px rgba(130, 178, 216, 0.4); } }
        .limited_panda .twobtn_area ul.about_btn li:first-child div a:after {
        border-radius: 10px;
        -webkit-box-shadow: 0 8px #5b8357;
        box-shadow: 0 8px #5b8357;
        content: "";
        display: block;
        height: 20px;
        width: 100%;
        position: absolute;
        bottom: 8px; }
        .limited_panda .twobtn_area ul.about_btn li:first-child div a:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: translateY(3px);
        -ms-transform: translateY(3px);
        transform: translateY(3px);
        padding: 45px 0 30px; }
        .limited_panda .twobtn_area ul.about_btn li:first-child div a:hover:after {
        content: none; }
        .limited_panda .twobtn_area ul.about_btn li:first-child div a {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #5b8357;
        letter-spacing: -0.08em;
        text-align: center;
        font-size: 1.5rem;
        font-weight: bold;
        overflow: visible; }
        .limited_panda .twobtn_area ul.about_btn li:first-child div a:hover {
        padding: 35px 0 40px; }
        .limited_panda .twobtn_area ul.about_btn li:first-child div a:after {
        height: 30px;
        bottom: 6px; }
        .limited_panda .twobtn_area ul.about_btn li:first-child div::after {
        content: '';
        width: 10px;
        height: 10px;
        border: 0px;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        position: absolute;
        bottom: 22px;
        right: calc(50% - 5px);
        border-top: solid 2px #5b8357;
        border-right: solid 2px #5b8357; }
        .limited_panda .twobtn_area ul.about_btn li:first-child div:hover:after {
        bottom: 16px;
        opacity: 0.8; }
        @media only screen and (max-width: 767px) {
        .limited_panda .twobtn_area ul.about_btn li:first-child div a {
        font-size: 0.88rem;
        padding: 20px 0 35px; }
        .limited_panda .twobtn_area ul.about_btn li:first-child div a:hover {
        padding: 25px 0 30px; }
        .limited_panda .twobtn_area ul.about_btn li:first-child div a:after {
        height: 30px;
        bottom: 6px; }
        .limited_panda .twobtn_area ul.about_btn li:first-child div:hover:after {
        bottom: 16px; } }
.limited_panda .twobtn_area ul.about_btn li:last-child {
float: right; }
.limited_panda .twobtn_area ul.about_btn li:last-child div {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative; }
        .limited_panda .twobtn_area ul.about_btn li:last-child div a {
        background: #e6f2fb;
        border-radius: 10px;
        -webkit-box-shadow: 0 4px 10px 1px rgba(130, 178, 216, 0.4);
        box-shadow: 0 4px 10px 1px rgba(130, 178, 216, 0.4);
        color: #3381c1;
        display: block;
        font-weight: 500;
        height: 100%;
        line-height: 1;
        overflow: hidden;
        text-decoration: none;
        padding: 30px 0 45px;
        position: relative;
        width: 100%; }
        @media only screen and (max-width: 767px) {
        .limited_panda .twobtn_area ul.about_btn li:last-child div a {
        -webkit-box-shadow: 0 2px 10px 1px rgba(130, 178, 216, 0.4);
        box-shadow: 0 2px 10px 1px rgba(130, 178, 216, 0.4); } }
        .limited_panda .twobtn_area ul.about_btn li:last-child div a:after {
        border-radius: 10px;
        -webkit-box-shadow: 0 8px #547087;
        box-shadow: 0 8px #547087;
        content: "";
        display: block;
        height: 20px;
        width: 100%;
        position: absolute;
        bottom: 8px; }
        .limited_panda .twobtn_area ul.about_btn li:last-child div a:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: translateY(3px);
        -ms-transform: translateY(3px);
        transform: translateY(3px);
        padding: 45px 0 30px; }
        .limited_panda .twobtn_area ul.about_btn li:last-child div a:hover:after {
        content: none; }
        .limited_panda .twobtn_area ul.about_btn li:last-child div a {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #1865bf;
        letter-spacing: -0.08em;
        text-align: center;
        font-size: 1.5rem;
        font-weight: bold;
        overflow: visible; }
        .limited_panda .twobtn_area ul.about_btn li:last-child div a:hover {
        padding: 35px 0 40px; }
        .limited_panda .twobtn_area ul.about_btn li:last-child div a:after {
        height: 30px;
        bottom: 6px; }
        .limited_panda .twobtn_area ul.about_btn li:last-child div::after {
        content: '';
        width: 10px;
        height: 10px;
        border: 0px;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        position: absolute;
        bottom: 22px;
        right: calc(50% - 5px);
        border-top: solid 2px #3381c1;
        border-right: solid 2px #3381c1; }
        .limited_panda .twobtn_area ul.about_btn li:last-child div:hover:after {
        bottom: 16px;
        opacity: 0.8; }
        @media only screen and (max-width: 767px) {
        .limited_panda .twobtn_area ul.about_btn li:last-child div a {
        font-size: 0.88rem;
        padding: 20px 0 35px; }
        .limited_panda .twobtn_area ul.about_btn li:last-child div a:hover {
        padding: 25px 0 30px; }
        .limited_panda .twobtn_area ul.about_btn li:last-child div a:after {
        height: 30px;
        bottom: 6px; }
        .limited_panda .twobtn_area ul.about_btn li:last-child div:hover:after {
        bottom: 16px; } }
@media only screen and (max-width: 767px) {
.limited_panda .twobtn_area ul.about_btn {
width: 100%; }
.limited_panda .twobtn_area ul.about_btn li {
width: 47%;
max-width: auto;
float: left; } }
.limited_panda .pandacard_area {
background: #fff;
/* 新規口座開設の方なら選べるネット支店オリジナルキャッシュカード */
/* ジャイアントパンダ保護サポート基金の取り組み */ }
.limited_panda .pandacard_area .card_introduce {
background: #ffffe6 url(/assets/img/saving/limited_panda/bg_panda01_pc.png) top right no-repeat;
background-size: 100%;
text-align: center;
padding: 45px 0 20px; }
.limited_panda .pandacard_area .card_introduce .headtop {
max-width: 390px; }
.limited_panda .pandacard_area .card_introduce .bigheadmarker {
font-weight: bold;
font-size: 2.25rem; }
.limited_panda .pandacard_area .card_introduce .cardimg {
margin-top: 20px;
max-width: 539px; }
.limited_panda .pandacard_area .card_flow {
background: #fff7f0 url(/assets/img/saving/limited_panda/bg_panda02_pc.png) top left no-repeat;
background-size: cover;
padding: 50px 0 30px; }
@media screen and (max-width: 1140px) {
.limited_panda .pandacard_area .card_flow {
        background-size: 100%; } }
.limited_panda .pandacard_area .card_flow .cardflow_box {
margin-top: 35px; }
.limited_panda .pandacard_area .card_flow .cardflow_box .text_box {
        float: left;
        width: 50%; }
        .limited_panda .pandacard_area .card_flow .cardflow_box .text_box .top_txt {
        font-size: 1.25rem; }
        .limited_panda .pandacard_area .card_flow .cardflow_box .text_box .detail_btn {
        background: #fff;
        margin-top: 30px;
        max-width: 450px; }
        .limited_panda .pandacard_area .card_flow .cardflow_box .text_box .detail_btn:hover {
        opacity: 1; }
.limited_panda .pandacard_area .card_flow .cardflow_box .img_box {
        float: right;
        width: 45.5%; }
.limited_panda .pandacard_area .card_flow .circlenumber_list {
margin: 20px auto 0; }
.limited_panda .pandacard_area .card_flow .flat_btn {
margin: 2rem 0 0; }
@media only screen and (max-width: 767px) {
.limited_panda .pandacard_area {
padding: 12% 0 0;
/* 新規口座開設の方なら選べるネット支店オリジナルキャッシュカード */
/* ジャイアントパンダ保護サポート基金の取り組み */ }
.limited_panda .pandacard_area .card_introduce {
background: #ffffe6 url(/assets/img/saving/limited_panda/bg_panda01_sp.png) top right no-repeat;
background-size: 100%;
padding: 15% 0 5%; }
.limited_panda .pandacard_area .card_introduce .headtop {
        max-width: 100%;
        width: 100%; }
.limited_panda .pandacard_area .card_introduce .bigheadmarker {
        font-size: 1.3125rem;
        line-height: 1.19; }
.limited_panda .pandacard_area .card_introduce .cardimg {
        margin-top: 5%;
        max-width: 91%; }
.limited_panda .pandacard_area .card_flow {
background: #fff7f0 url(/assets/img/saving/limited_panda/bg_panda02_sp.png) top left no-repeat;
background-size: 100%;
padding: 15% 0 10%; }
.limited_panda .pandacard_area .card_flow .cardflow_box {
        margin-top: 7%; }
        .limited_panda .pandacard_area .card_flow .cardflow_box .text_box {
        float: none;
        max-width: 100%;
        width: 100%; }
        .limited_panda .pandacard_area .card_flow .cardflow_box .text_box .top_txt {
        font-size: 0.88rem; }
        .limited_panda .pandacard_area .card_flow .cardflow_box .img_box {
        float: none;
        max-width: 100%;
        width: 100%;
        margin-top: 10%; }
.limited_panda .pandacard_area .card_flow .circlenumber_list {
        margin: 5% auto 0; } }
.limited_panda .circlenumber_list {
width: 98%;
margin: 10px auto 0; }
.limited_panda .circlenumber_list li {
margin: .55rem 0 0;
padding: .2rem 0 0 1.8rem;
position: relative; }
.limited_panda .circlenumber_list li:before {
color: #fff;
content: '';
width: 30px;
height: 30px;
display: block;
background: #ea5504;
border-radius: 30px;
position: absolute;
top: 0;
left: -0.5rem;
font-weight: bold;
text-align: center;
line-height: 2; }
.limited_panda .circlenumber_list li:nth-of-type(1):before {
content: '1'; }
.limited_panda .circlenumber_list li:nth-of-type(2):before {
content: '2'; }
.limited_panda .circlenumber_list li:nth-of-type(3):before {
content: '3'; }
.limited_panda .circlenumber_list li:nth-of-type(4):before {
content: '4'; }
.limited_panda .circlenumber_list li:nth-of-type(5):before {
content: '5'; }
.limited_panda .circlenumber_list li .top {
font-weight: bold; }
@media only screen and (max-width: 767px) {
.limited_panda .circlenumber_list li {
padding: .2rem 0 0 1rem; }
.limited_panda .circlenumber_list li:before {
        font-size: 0.6875rem;
        width: 20px;
        height: 20px;
        top: .2rem;
        border-radius: 20px;
        line-height: 1.5; } }
.limited_panda .operation_area {
background: #fff;
padding: 40px 0 0; }
@media only screen and (max-width: 767px) {
.limited_panda .operation_area {
padding: 10% 0 0; } }
.limited_panda #flow {
background: #fff;
margin-top: 0; }
.limited_panda .flow_wrap {
margin: 0 auto 0;
/* パターン1下部 「インターネット申込フォームへ」ボタンレイアウト MIXINの内容は一番上 */
/* 流れ内2つ並んでるボタン共通レイアウト */
/* SP版box_rightの余白 */ }
.limited_panda .flow_wrap .top_btn {
padding: 40px 0 50px;
margin: 0 auto;
text-align: center;
max-width: 680px; }
.limited_panda .flow_wrap .top_btn a {
background: #5ab153;
border-radius: 10px;
-webkit-box-shadow: 0 4px 10px 1px rgba(130, 178, 216, 0.4);
box-shadow: 0 4px 10px 1px rgba(130, 178, 216, 0.4);
color: #fff;
display: block;
font-weight: 500;
line-height: 1;
height: 100%;
overflow: hidden;
text-decoration: none;
padding: 32px 0 32px;
position: relative;
width: 100%; }
@media only screen and (max-width: 767px) {
        .limited_panda .flow_wrap .top_btn a {
        -webkit-box-shadow: 0 2px 10px 1px rgba(130, 178, 216, 0.4);
        box-shadow: 0 2px 10px 1px rgba(130, 178, 216, 0.4); } }
.limited_panda .flow_wrap .top_btn a span {
        display: block; }
.limited_panda .flow_wrap .top_btn a:after {
        border-radius: 10px;
        -webkit-box-shadow: 0 8px #328a2d;
        box-shadow: 0 8px #328a2d;
        content: "";
        display: block;
        height: 20px;
        width: 100%;
        position: absolute;
        bottom: 8px; }
.limited_panda .flow_wrap .top_btn a:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: translateY(3px);
        -ms-transform: translateY(3px);
        transform: translateY(3px);
        padding: 32px 0 32px; }
        .limited_panda .flow_wrap .top_btn a:hover:after {
        content: none; }
@media only screen and (max-width: 767px) {
.limited_panda .flow_wrap .top_btn {
        padding: 8% 0; }
        .limited_panda .flow_wrap .top_btn a {
        padding: 20px 0 25px; }
        .limited_panda .flow_wrap .top_btn a:hover {
        padding: 25px 0 20px; } }
.limited_panda .flow_wrap .top_btn a {
font-size: 2rem; }
@media only screen and (max-width: 767px) {
        .limited_panda .flow_wrap .top_btn a {
        font-size: 1.125rem; } }
.limited_panda .flow_wrap .top_btn a span {
        font-size: 1.625rem; }
        @media only screen and (max-width: 767px) {
        .limited_panda .flow_wrap .top_btn a span {
        font-size: 1rem; } }
.limited_panda .flow_wrap .btn_down {
max-width: 450px;
width: 100%;
margin: 40px auto 0;
font-size: 1.625rem;
text-align: center; }
.limited_panda .flow_wrap .btn_down a {
padding: 35px 0 35px; }
.limited_panda .flow_wrap .btn_down a:hover {
        padding: 35px 0 35px; }
.limited_panda .flow_wrap .btn_down span {
padding: .4rem 0 0;
font-size: 1.25rem; }
@media only screen and (max-width: 1024px) {
.limited_panda .flow_wrap .btn_down {
        font-size: 1.125rem; }
        .limited_panda .flow_wrap .btn_down span {
        padding: 0.7rem 0 0;
        font-size: 1rem; } }
@media only screen and (max-width: 767px) {
.limited_panda .flow_wrap .btn_down {
        margin: 8% auto 0;
        font-size: 1.125rem; }
        .limited_panda .flow_wrap .btn_down span {
        padding: 0.7rem 0 0;
        font-size: 0.88rem; }
        .limited_panda .flow_wrap .btn_down a {
        padding: 20px 0 25px; }
        .limited_panda .flow_wrap .btn_down a:hover {
        padding: 25px 0 20px; } }
@media only screen and (max-width: 767px) {
.limited_panda .flow_wrap #pattern01 + .section_inner .box_right {
margin-top: 28px; }
.limited_panda .flow_wrap #pattern02 + .section_inner .box_right {
margin-top: 18%; } }
@media only screen and (max-width: 767px) {
.limited_panda .flow_wrap .flow_tit {
font-size: 1.07rem; } }
@media only screen and (max-width: 767px) {
.limited_panda #pattern01 + .section_inner {
margin-top: 10%; } }
.limited_panda #pattern02 + .section_inner {
margin-top: 50px; }
@media only screen and (max-width: 767px) {
.limited_panda #pattern02 + .section_inner {
margin-top: 10%; } }
.limited_panda #pattern02 + .section_inner .leftlinehead + .leadbox {
margin-top: 15px; }
.limited_panda .flow_bg {
margin-top: 1rem;
padding: 1.5rem 0;
position: relative; }
@media only screen and (max-width: 767px) {
.limited_panda .flow_bg {
padding: 1rem 0; } }
.limited_panda .flow_bg .flowbg_tit {
font-size: 2.1875rem; }
@media only screen and (max-width: 767px) {
.limited_panda .flow_bg .flowbg_tit {
        font-size: 1.1875rem; } }
.limited_panda .flow_bg .flowbg_tit span {
font-weight: bold; }
.limited_panda .flow_bg .flowbg_txt {
font-weight: bold; }
.limited_panda .flow_bg .indent_parts {
margin-top: 0.5rem; }
.limited_panda .flow_bg:before {
content: "";
position: absolute;
top: 100%;
left: 50%; }
.limited_panda .flow_bg.green {
background: #e8f2e7;
color: #2f8928; }
.limited_panda .flow_bg.green .flowbg_txt span.marker {
font-weight: bold; }
.limited_panda .flow_bg.green:before {
margin-left: -35px;
border: 35px solid transparent;
border-top: 30px solid #e8f2e7; }
@media only screen and (max-width: 767px) {
.limited_panda .flow_bg.green:before {
        margin-left: -20px;
        border: 20px solid transparent;
        border-top: 15px solid #e8f2e7; } }
.limited_panda .flow_bg.blue {
background: #e6f2fb;
color: #256599; }
.limited_panda .flow_bg.blue .flowbg_txt span.marker {
font-weight: bold; }
.limited_panda .flow_bg.blue:before {
margin-left: -35px;
border: 35px solid transparent;
border-top: 30px solid #e6f2fb; }
@media only screen and (max-width: 767px) {
.limited_panda .flow_bg.blue:before {
        margin-left: -20px;
        border: 20px solid transparent;
        border-top: 15px solid #e6f2fb; } }
.limited_panda .flow_bg.blue {
padding: 1.8rem 0 2.5rem; }
@media only screen and (max-width: 767px) {
.limited_panda .flow_bg.blue {
padding: 1.5rem 0; } }
.limited_panda ul.indent_parts {
font-size: 0.94rem;
margin-top: 15px; }
@media only screen and (max-width: 767px) {
.limited_panda ul.indent_parts {
font-size: 0.75rem;
margin-top: 1rem; } }
.limited_panda .productsummary_area {
background: #fff;
padding: 90px 0 90px; }
.limited_panda .productsummary_area table.table_100 {
margin: 20px auto 0;
max-width: 1080px;
width: 96%; }
@media only screen and (max-width: 767px) {
.limited_panda .productsummary_area {
padding: 15% 0 15%;
width: 100%; }
.limited_panda .productsummary_area table.table_100 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 20px 0 0 0;
max-width: 100%;
width: 100%; } }
.limited_panda .contact_box {
margin: 0 1px 1px; }
.limited_panda .contact_box span.indent_parts, .limited_panda .contact_box span.rightindent_parts {
font-size: 0.94rem;
line-height: 1.333;
letter-spacing: -0.05em; }
@media only screen and (max-width: 767px) {
.limited_panda .contact_box span.indent_parts, .limited_panda .contact_box span.rightindent_parts {
        font-size: 0.75rem; } }
.limited_panda .contact_box .type_phone .tel_no img {
max-width: 29px;
width: 20%;
margin: 0 .9rem 0 0; }
.limited_panda .contact_box .type_free .tel_no img {
margin: .1rem .9rem 0 0;
vertical-align: middle; }
.limited_panda .contact_box .contact_detail .contact_ul li {
border: none; }
.limited_panda .rightindent_parts {
display: block;
padding-left: 6em; }