@charset "UTF-8";
/* MV下「口座開設方法はこちらから」ボタン */
/* 4つ並びリスト */
.list_box {
margin-top: -40px;
}
.list_box .listin_box {
width: 100%;
}
@media only screen and (max-width:1024px) {
.list_box .listin_box {
margin-top: 3%;
}
}
@media only screen and (max-width:767px) {
.list_box .listin_box {
float: none;
max-width: 100%;
width: 100%;
margin-top: 7%;
}
}
.list_box .listin_box .textbox {
float: left;
width: 49%;
margin-top: 2%;
}
.list_box .listin_box .textbox:nth-of-type(1) {
float: left;
margin-top: 0;
}
.list_box .listin_box .textbox:nth-of-type(2) {
float: right;
margin-top: 0;
}
.list_box .listin_box .textbox:nth-of-type(3) {
float: left;
}
.list_box .listin_box .textbox:nth-of-type(4) {
float: right;
}
@media only screen and (max-width:767px) {
.list_box .listin_box .textbox {
margin-bottom: 3%;
}
.list_box .listin_box .textbox:nth-of-type(1) {
float: none;
max-width: 100%;
width: 100%;
}
.list_box .listin_box .textbox:nth-of-type(2) {
float: none;
max-width: 100%;
width: 100%;
}
.list_box .listin_box .textbox:nth-of-type(3) {
float: none;
max-width: 100%;
width: 100%;
}
.list_box .listin_box .textbox:nth-of-type(4) {
float: none;
max-width: 100%;
width: 100%;
}
}
.list_box .listin_box .textbox .border_box {
border-radius: 10px;
border: 1px dashed #ea5504;
background: #fff9ee;
max-width: 530px;
margin: 0 0 0 0;
padding: 6% 0.5rem 5%;
text-align: center;
}
.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) {
.list_box .listin_box .textbox .border_box p.top {
font-size: 0.75rem;
}
}
.list_box .listin_box .textbox .border_box p.top span {
color: #ea5504;
font-size: 1.875rem;
}
@media only screen and (max-width:767px) {
.list_box .listin_box .textbox .border_box p.top span {
font-size: 1.1875rem;
}
}
.list_box .listin_box .textbox .border_box p.bottom {
font-size: 0.88rem;
line-height: 1.42857;
}
@media only screen and (max-width:767px) {
.list_box .listin_box .textbox .border_box p.bottom {
font-size: 0.625rem;
line-height: 1.333;
}
}
.list_box .listin_box .textbox:nth-of-type(3) .border_box {
padding: 2% 0.5rem 1%;
}
.list_box .listin_box .textbox:nth-of-type(4) .border_box {
padding: 3% 0.5rem 1%;
}
@media only screen and (max-width:767px) {
.list_box .listin_box .textbox .border_box {
max-width: 100%;
padding: 1rem 0.5rem;
}
.list_box .listin_box .textbox .border_box p.top {
font-size: 0.75rem;
}
.list_box .listin_box .textbox .border_box p.top span {
font-size: 1.1875rem;
}
.list_box .listin_box .textbox .border_box p.bottom {
font-size: 0.625rem;
line-height: 1.333;
}
.list_box .listin_box .textbox:nth-of-type(3) .border_box {
padding: 1rem 0.5rem;
}
.list_box .listin_box .textbox:nth-of-type(4) .border_box {
padding: 1rem 0.5rem;
}
}
.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) {
.list_box .listin_box .textbox p.indent_parts {
font-size: 0.625rem;
line-height: 1.333;
}
}
.list_box .listin_box .textbox .link {
font-size: 0.88rem;
margin-top: 0;
}
@media only screen and (max-width:767px) {
.list_box .listin_box .textbox .link {
font-size: 0.625rem;
margin-top: 0.5rem;
}
}
@media only screen and (max-width:767px) {
.list_box .listin_box .textbox .link a:before {
margin-top: -0.5rem;
}
}

/* オレンジ矢印のみのテキストボタンレイアウト */
.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;
}

/* 「苦情処理措置・紛争解決措置」iPhone電話番号リンク色打消し */
.no_phone a {
color: #333;
text-decoration: none;
}

/* ---------------------------------------------------------
$ 新規ネット支店口座開設について
----------------------------------------------------------*/
.btn_down {
max-width: 40%;
width: 100%;
margin: 50px auto 0;
font-size: 1.625rem;
text-align: center;
}
@media only screen and (max-width:767px) {
.btn_down {
max-width: 100%;
}
}
.btn_down a {
padding: 30px 0 40px;
background: #2f91e1;
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;
position: relative;
width: 100%;
}
.btn_down a:hover {
padding: 30px 0 35px;
}
.btn_down a:after {
border-radius: 10px;
-webkit-box-shadow: 0 8px #1865bf;
box-shadow: 0 8px #1865bf;
content: "";
display: block;
height: 20px;
width: 100%;
position: absolute;
bottom: 8px;
}
.btn_down span {
padding: 0.4rem 0 0;
font-size: 1.25rem;
}
@media only screen and (max-width:1024px) {
.btn_down {
font-size: 1.125rem;
}
.btn_down span {
padding: 0.7rem 0 0;
font-size: 1rem;
}
}
@media only screen and (max-width:767px) {
.btn_down {
margin: 8% auto 0;
font-size: 1.125rem;
}
.btn_down span {
padding: 0.7rem 0 0;
font-size: 0.88rem;
}
}

.btn_down:after {
content: "";
width: 10px;
height: 10px;
border: 0px;
border-top-color: currentcolor;
border-top-style: none;
border-top-width: 0px;
border-right-color: currentcolor;
border-right-style: none;
border-right-width: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
position: absolute;
bottom: 20px;
right: calc(50% - 5px);
}

/* 左ボタンのみ矢印・余白調整 */
.btn_down {
position: relative;
position: absolute;
bottom: 3%;
right: 12%;
}
.btn_down:after {
content: "";
width: 10px;
height: 10px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
        transform: rotate(135deg);
position: absolute;
bottom: 20px;
right: calc(50% - 5px);
}
@media only screen and (max-width:767px) {
.btn_down {
position: static;
bottom: 0;
right: 0;
}
}
.btn_down:hover:after {
bottom: 10px;
}
.btn_down a:hover {
padding: 35px 0 35px;
}
.btn_down a:hover:after {
content: none;
}
@media only screen and (max-width:767px) {
.btn_down:hover:after {
bottom: 16px;
}
.btn_down a:hover {
padding: 20px 0 40px;
}
}
@media only screen and (max-width:1200px) {
.btn_down {
max-width: 45%;
right: 7%;
bottom: 0;
}
}
@media only screen and (max-width:767px) {
.btn_down {
max-width: 100%;
margin: 8% auto 0;
font-size: 1.125rem;
}
.btn_down span {
padding: 0.7rem 0 0;
font-size: 0.88rem;
}
.btn_down a {
padding: 20px 0 40px;
}
.btn_down a:hover {
padding: 25px 0 35px;
}
}

.appli {
/* ---------------------------------------------------------
$ メインビジュアルエリア
----------------------------------------------------------*/
/* メインビジュアル全体調整 */
/* メインビジュアル内の要素 */
/*---------------------------------------------------------
アプリをダウンロードすることによるメリット箇所のレイアウト
----------------------------------------------------------*/
/* ---------------------------------------------------------
$ ページ全体を通した注意事項部分レイアウト
※注意事項はdiv.attention_listの中に.div.attentionというレイアウトで各々作成
----------------------------------------------------------*/
/* ページ全体の注意事項調整 上下の余白調整 */
/* ページ全体の注意事項調整 要素別上下の余白調整 */
/* ---------------------------------------------------------
$ アプリケーションの諸注意エリア「お申し込みにあたって」「利用条件」「各種規定等」まで
----------------------------------------------------------*/
/* ページ全体の注意事項調整 上下の余白調整 */
/* pdfリンクリストのレイアウト */
/* ---------------------------------------------------------
$ 流れエリア
----------------------------------------------------------*/
/* 流れ内ボタン左右でレイアウト違う為ネスト内で個別調整あり */
/* ---------------------------------------------------------
$ ダウンロードエリア 口座アプリのダウンロード（青背景部分）
----------------------------------------------------------*/
/* ---------------------------------------------------------
$ 注意事項エリア「キャッシュカードのお受け取りについて」「その他」「苦情処理措置・紛争解決措置」
各余白等調整
----------------------------------------------------------*/
/* ---------------------------------------------------------
$ お問合せエリア
----------------------------------------------------------*/
/* contact_box 個別右寄せ用 */
}
.appli .mv_wrap {
background: #fff;
padding-top: 37px;
}
@media only screen and (max-width:767px) {
.appli .mv_wrap {
margin: 0 auto;
padding-top: 3%;
}
}
.appli .mv_wrap {
/* MV左上・画像リスト */
/* MVセンターの画像調整 */
/* 利用可能ATM画像レイアウト */
/* 「口座開設方法はこちらから」 */
}
.appli .mv_wrap .section_inner {
position: relative;
max-width: 1133px;
}
.appli .mv_wrap .mark {
position: absolute;
top: -13px;
left: -10px;
}
.appli .mv_wrap .mark li {
float: left;
max-width: 84px;
}
.appli .mv_wrap .mark li:last-child {
margin-left: 20px;
}
.appli .mv_wrap .mark li img {
vertical-align: middle;
}
@media only screen and (max-width:767px) {
.appli .mv_wrap .mark {
position: static;
}
.appli .mv_wrap .mark li {
width: 10%;
}
}
.appli .mv_wrap .mv_img {
margin: 0 auto;
max-width: 1128px;
width: 100%;
}
@media only screen and (max-width:767px) {
.appli .mv_wrap .mv_img {
margin-top: 2%;
max-width: 100%;
width: 94%;
}
.appli .mv_wrap .mv_img img {
max-width: 100%;
width: 100%;
margin: 0;
}
}
.appli .mv_wrap .account_box {
max-width: 932px;
margin: 55px auto 0;
}
@media only screen and (max-width:767px) {
.appli .mv_wrap .account_box {
margin: 10% auto 0;
}
}
.appli .mv_wrap .top_btn {
padding: 0;
margin: 50px auto 0;
text-align: center;
position: relative;
max-width: 680px;
position: relative;
}
@media only screen and (max-width:767px) {
.appli .mv_wrap .top_btn {
padding: 0;
margin: 8% auto 0;
}
}
.appli .mv_wrap .top_btn a {
background: #ff7200;
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;
height: 100%;
line-height: 1;
overflow: hidden;
text-decoration: none;
padding: 20px 0 40px;
position: relative;
width: 100%;
}
@media only screen and (max-width:767px) {
.appli .mv_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);
}
}
.appli .mv_wrap .top_btn a:after {
border-radius: 10px;
-webkit-box-shadow: 0 8px #b83d00;
        box-shadow: 0 8px #b83d00;
content: "";
display: block;
height: 20px;
width: 100%;
position: absolute;
bottom: 8px;
}
.appli .mv_wrap .top_btn a:hover {
-webkit-box-shadow: none;
        box-shadow: none;
-webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
        transform: translateY(3px);
padding: 40px 0 20px;
}
.appli .mv_wrap .top_btn a:hover:after {
content: none;
}
.appli .mv_wrap .top_btn:after {
content: "";
width: 10px;
height: 10px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
        transform: rotate(135deg);
position: absolute;
bottom: 70px;
right: calc(50% - 5px);
}
.appli .mv_wrap .top_btn a {
font-size: 2rem;
}
@media only screen and (max-width:767px) {
.appli .mv_wrap .top_btn a {
font-size: 1.125rem;
}
}
.appli .mv_wrap .top_btn a:hover {
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
padding: 20px 0 40px;
}
.appli .mv_wrap .top_btn:after {
bottom: 20px;
}
.appli .mv_wrap .top_btn:hover:after {
bottom: 17px;
}
.appli .mv_wrap .textbox {
width: 92%;
margin: 55px auto 0;
padding-bottom: 130px;
}
@media only screen and (max-width:767px) {
.appli .mv_wrap .textbox {
padding-bottom: 80px;
}
}
.appli .mv_wrap .textbox .subtitle {
font-size: 2rem;
color: #ea5504;
text-align: center;
font-weight: bold;
}
@media only screen and (max-width:767px) {
.appli .mv_wrap .textbox .subtitle {
font-size: 1rem;
text-align: left;
}
}
.appli .mv_wrap .textbox .subtext {
margin: 30px 20px 0;
font-size: 19px;
}
@media only screen and (max-width:767px) {
.appli .mv_wrap .textbox .subtext {
margin: 30px 0 0;
}
}
.appli .block {
background-color: #ffffff;
}
.appli .block .block-title {
font-size: 1.875rem;
text-align: center;
color: #ffffff;
padding: 20px 0;
background-color: #ea5504;
}
@media only screen and (max-width:767px) {
.appli .block .block-title {
font-size: 1rem;
padding: 10px 0;
}
}
.appli .block .block-inner {
width: 90%;
margin: 0 auto;
}
.appli .block .block-contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
    justify-content: space-around;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media only screen and (max-width:767px) {
.appli .block .block-contents {
display: block;
}
}
.appli .block .block-contents .text {
margin-left: 15px;
}
@media only screen and (max-width:767px) {
.appli .block .block-contents .text {
margin-left: 0;
}
}
.appli .block .block-contents .image {
width: 270px;
position: absolute;
left: 50%;
margin-left: -25%;
}
@media only screen and (max-width:767px) {
.appli .block .block-contents .image {
width: 87%;
position: static;
left: 0;
margin-left: 0;
margin: 8% auto 0;
}
}
.appli .block .block-contents > div {
width: 46%;
position: relative;
}
@media only screen and (max-width:767px) {
.appli .block .block-contents > div {
width: 100%;
}
}
.appli .block02 .subtitle {
margin-top: 4%;
}
@media only screen and (max-width:767px) {
.appli .block02 .subtitle {
margin-top: 10%;
margin-bottom: 3%;
}
}
.appli .block02 .block-contents {
width: 90%;
margin: 0 auto;
}
@media only screen and (max-width:767px) {
.appli .block02 .block-contents {
width: 90%;
}
}
.appli .block02 .block-contents .image {
width: 100%;
position: static;
left: 0;
margin-left: 0;
}
@media only screen and (max-width:767px) {
.appli .block02 .block-contents .image {
margin-bottom: 12%;
}
}
.appli .block02 .block-contents img {
width: 100%;
}
@media only screen and (max-width:767px) {
.appli .block02 .block-contents img {
width: 100%;
}
}
.appli .block02 .block-contents > div {
width: 28%;
font-size: 0;
}
@media only screen and (max-width:767px) {
.appli .block02 .block-contents > div {
width: 100%;
}
}
.appli .block01 {
padding-top: 9%;
}
@media only screen and (max-width:767px) {
.appli .block01 {
padding-bottom: 9%;
}
}
.appli .block01 .block-contents > div {
height: 810px;
border-bottom: 1px dotted #dbdbdb;
margin-top: 60px;
}
@media only screen and (max-width:767px) {
.appli .block01 .block-contents > div {
height: auto;
border-bottom: none;
margin-top: 13%;
}
}
@media only screen and (max-width:767px) {
.appli .block01 .block-contents > div:nth-of-type(1n + 2) {
margin-top: 16%;
}
}
.appli .block01 .image {
position: absolute;
bottom: 70px;
}
@media only screen and (max-width:767px) {
.appli .block01 .image {
bottom: 40px;
}
}
@media only screen and (max-width:767px) {
.appli .block01 .image {
position: static;
}
}
.appli .block01 .block-contents {
position: relative;
}
@media only screen and (max-width:767px) {
.appli .block01 .block-contents {
display: block;
}
}
@media only screen and (max-width:1024px) {
.appli .block01 .block-contents .image {
margin-left: -44%;
}
}
@media only screen and (max-width:767px) {
.appli .block01 .block-contents .image {
margin-left: auto;
}
}
.appli .block01 .block-contents:before {
content: "";
position: absolute;
top: 40px;
left: 50%;
border-right: 1px dotted #dbdbdb;
height: 96%;
}
@media only screen and (max-width:767px) {
.appli .block01 .block-contents:before {
content: none;
}
}
@media only screen and (max-width:1024px) {
.appli .block01 .leftlinehead {
font-size: 0.94rem;
}
}
.appli .block02 .block-inner:last-of-type {
margin-top: 9%;
}
@media only screen and (max-width:767px) {
.appli .block02 .block-inner:last-of-type {
margin-top: 21%;
}
}
@media only screen and (max-width:767px) {
.appli .block02 .block-contents > div {
height: auto;
}
}
.appli .block02 .block__text--while01 {
margin-bottom: 3%;
margin-top: 2%;
font-size: 19px;
}
@media only screen and (max-width:767px) {
.appli .block02 .block__text--while01 {
margin-top: 0;
}
}
.appli .block02 .block__text--while01-width {
width: 66%;
}
@media only screen and (max-width:767px) {
.appli .block02 .block__text--while01-width {
width: 50%;
}
}
.appli .block02 .block__text--while02 {
margin-top: 5%;
}
.appli .block02 .block-free-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
@media only screen and (max-width:767px) {
.appli .block02 .block-free-box {
-webkit-box-align: inherit;
    -ms-flex-align: inherit;
        align-items: inherit;
}
}
.appli .block02 .arigami-logo {
width: 14%;
margin-left: 13%;
}
@media only screen and (max-width:767px) {
.appli .block02 .arigami-logo {
width: 36%;
margin-left: auto;
margin-top: 2%;
}
}
.appli .block03 .block-inner {
padding-top: 60px;
padding-bottom: 6%;
}
@media only screen and (max-width:767px) {
.appli .block03 .block-inner {
padding-top: 13%;
}
}
.appli .block03 .block-contents {
width: 100%;
margin: 0 auto;
}
@media only screen and (max-width:767px) {
.appli .block03 .block-contents {
width: 90%;
}
}
.appli .block03 .block-contents .image {
width: 100%;
position: static;
left: 0;
margin-top: 3%;
margin-left: 0;
}
@media only screen and (max-width:767px) {
.appli .block03 .block-contents .image {
margin-top: 4%;
margin-bottom: 8%;
}
}
.appli .block03 .block-contents img {
width: 100%;
}
@media only screen and (max-width:767px) {
.appli .block03 .block-contents img {
width: 100%;
}
}
.appli .block03 .block-contents-large-text {
font-size: 1.08rem;
font-weight: bold;
}
@media only screen and (max-width:1024px) {
.appli .block03 .block-contents-large-text {
font-size: 0.8rem;
}
}
@media only screen and (max-width:767px) {
.appli .block03 .block-contents-large-text {
font-size: 0.94rem;
}
}
.appli .block03 .block-contents > div {
width: 28%;
font-size: 1.125rem;
font-weight: bold;
}
@media only screen and (max-width:767px) {
.appli .block03 .block-contents > div {
margin-bottom: 13%;
width: 100%;
}
}
.appli .attention {
margin: 0 auto 85px;
}
.appli .attention:last-child {
margin: 0 auto;
}
@media only screen and (max-width:767px) {
.appli .attention {
margin: 0 auto 10%;
}
}
.appli .attention.text_box .bighead + p {
margin-top: 15px;
}
.appli .attention.text_box .bighead + .leftlinehead {
margin-top: 15px;
}
.appli .attention.text_box .leftlinehead + ul.attention_ul, .appli .attention.text_box .leftlinehead + ul.linkl {
margin-top: 15px;
}
.appli .attention.text_box p + ul.linkl {
margin-top: 5px;
}
.appli .attention.text_box p + .leftlinehead {
margin-top: 20px;
}
.appli .application_area {
background: #fff;
padding: 90px 0 30px;
}
@media only screen and (max-width:767px) {
.appli .application_area {
padding: 15% 0 5%;
}
}
.appli .attention_list .linkl li {
padding: 0.3rem 1.8rem;
}
.appli .attention_list .linkl li:first-child {
border: none;
}
.appli .attention_list .linkl li a {
position: relative;
}
.appli .attention_list .linkl li 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) {
.appli .attention_list .linkl li a:before {
margin-top: -5px;
}
}
.appli .attention_list .linkl li a:before {
left: -1.2rem;
}
@media only screen and (max-width:767px) {
.appli .attention_list .linkl {
margin: 0 0 0 4%;
padding: 0.7rem 0 0.7rem 0;
}
.appli .attention_list .linkl li {
margin: 0;
padding: 0.7rem 4% 0.7rem 4%;
}
.appli .attention_list .linkl li a {
margin: 0rem;
text-indent: 0rem;
}
}
.appli .attention_list ol {
padding: 1.5em 0;
}
.appli .attention_list ol li {
padding-top: 1em;
padding-left: 1em;
text-indent: -1em;
}
.appli .attention_list ol li:first-child {
padding-top: 0;
}
.appli .attention_list ol li .link {
margin-left: 1em;
}
.appli .attention_float_three .attention_ul.twoline_underdots {
float: left;
margin-right: 2.8%;
width: 34%;
}
.appli .attention_float_three .attention_ul.twoline_underdots li {
border-bottom: 1px dashed #ccc;
padding: 0.3rem 0 0.3rem 1rem;
}
.appli .attention_float_three .attention_ul.twoline_underdots li:before {
top: 0.8rem;
}
.appli .attention_float_three .twoline_underdots_side {
float: left;
margin-top: 2%;
width: 26.4%;
}
@media only screen and (max-width:767px) {
.appli .attention_float_three .attention_ul.twoline_underdots {
float: none;
max-width: 100%;
width: 100%;
margin-right: 0;
}
.appli .attention_float_three .attention_ul.twoline_underdots li {
padding: 0.2rem 0 0.2rem 1rem;
}
.appli .attention_float_three .attention_ul.twoline_underdots li:before {
top: 0.6rem;
}
.appli .attention_float_three .twoline_underdots_side {
float: none;
max-width: 100%;
width: 100%;
margin: 10% auto 0;
width: 80%;
}
}
.appli .operation_area {
background: #fff;
padding: 60px 0 100px;
}
@media only screen and (max-width:767px) {
.appli .operation_area {
padding: 10% 0 20%;
}
}
.appli #flow {
background: #fff;
margin-top: 0;
}
.appli .flow_wrap {
margin: 0 auto 0;
/* 流れの上文章レイアウト */
/* ボタン共通 */
/* SP版box_rightの余白 */
}
.appli .flow_wrap .box_left, .appli .flow_wrap .box_right {
margin-top: 20px;
}
.appli .flow_wrap .box_left .leftlinehead + .leadbox, .appli .flow_wrap .box_right .leftlinehead + .leadbox {
margin-top: 15px;
}
@media only screen and (max-width:767px) {
.appli .flow_wrap .box_right {
margin-top: 18%;
}
}
.appli .flow_wrap .link {
position: relative;
font-size: 14px;
margin-left: 1.3rem;
}
.appli .flow_wrap .link:before {
content: "";
position: absolute;
top: 50%;
right: auto;
left: 0.2rem;
width: 7px;
height: 7px;
border-top: solid 1px #ea5504;
border-right: solid 1px #ea5504;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin-top: -3px;
}
.appli .download_area {
background: #f2f8fd;
padding: 60px 0 80px;
/* 「口座開設アプリのダウンロード」内レイアウト */
/* ダウンロードエリア内注意事項 個別レイアウト */
/* ダウンロードエリア内テーブルレイアウト */
/* ダウンロードエリア内インデントパーツ調整 */
}
@media only screen and (max-width:767px) {
.appli .download_area {
padding: 12% 0 15%;
}
}
.appli .download_area dl {
border: 1px solid #2f91e1;
border-radius: 10px;
}
.appli .download_area dl dt {
border-radius: 5px 5px 0 0;
color: #fff;
background: #2f91e1;
font-size: 1.875rem;
text-align: center;
padding: 0.4rem 0;
}
.appli .download_area dl dd {
border-radius: 0 0 10px 10px;
background: #fff;
padding: 1.5rem 2.5% 1.5rem;
}
.appli .download_area dl dd .left_box p span {
font-weight: bold;
}
.appli .download_area dl dd .right_box {
width: 885px;
margin: 20px auto 0;
}
@media only screen and (max-width:1200px) {
.appli .download_area dl dd .right_box {
width: 86%;
}
}
@media only screen and (max-width:767px) {
.appli .download_area dl dd .right_box {
margin: 0 auto;
}
}
.appli .download_area dl dd .right_box p {
font-weight: bold;
text-align: left;
}
@media only screen and (max-width:1200px) {
.appli .download_area dl dd .right_box p {
width: 47%;
}
}
@media only screen and (max-width:767px) {
.appli .download_area dl dd .right_box p {
width: 100%;
}
}
.appli .download_area dl dd .right_box p:first-child {
float: left;
}
.appli .download_area dl dd .right_box p:last-child {
float: right;
}
.appli .download_area dl dd .right_box p a {
display: block;
width: 100%;
}
.appli .download_area dl dd .right_box p span.sp_user {
display: block;
margin-bottom: 0.5rem;
}
.appli .download_area dl dd .right_box p .btn_appli {
width: 270px;
}
@media only screen and (max-width:1200px) {
.appli .download_area dl dd .right_box p .btn_appli {
width: 73.5%;
}
}
@media only screen and (max-width:767px) {
.appli .download_area dl dd .right_box p .btn_appli {
width: 100%;
}
}
.appli .download_area dl dd .right_box p .qr {
width: 74px;
margin-left: 16px;
}
@media only screen and (max-width:1200px) {
.appli .download_area dl dd .right_box p .qr {
width: 22%;
margin-left: 2%;
}
}
.appli .download_area dl dd .right_box p .qr.pcObj {
display: inline-block;
}
@media only screen and (max-width:767px) {
.appli .download_area dl dd .right_box p .qr.pcObj {
display: none;
}
}
@media only screen and (max-width:767px) {
.appli .download_area dl dt {
font-size: 1.07rem;
}
.appli .download_area dl dd {
padding: 1rem 3% 1rem;
}
.appli .download_area dl dd .left_box {
float: none;
max-width: 100%;
width: 100%;
}
.appli .download_area dl dd .right_box {
float: none;
max-width: 100%;
width: 100%;
}
.appli .download_area dl dd .right_box p {
text-align: center;
}
.appli .download_area dl dd .right_box p:first-child {
float: none;
max-width: 100%;
width: 100%;
margin-top: 1rem;
}
.appli .download_area dl dd .right_box p:last-child {
float: none;
max-width: 100%;
width: 100%;
}
}
.appli .download_area .attention_list {
margin-top: 60px;
}
.appli .download_area .attention_list .attention {
margin-bottom: 55px;
}
.appli .download_area .attention_list .attention:last-child {
margin-bottom: 0;
}
@media only screen and (max-width:767px) {
.appli .download_area .attention_list {
margin-top: 15%;
}
.appli .download_area .attention_list .attention {
margin-bottom: 10%;
}
.appli .download_area .attention_list .attention:last-child {
margin-bottom: 0;
}
}
.appli .download_area table.download_tbl {
-webkit-box-sizing: border-box;
        box-sizing: border-box;
border: 1px solid #ccc;
margin-top: 20px;
width: 65%;
text-align: center;
}
@media only screen and (max-width:767px) {
.appli .download_area table.download_tbl {
width: 100%;
}
}
.appli .download_area table.download_tbl th, .appli .download_area table.download_tbl td {
padding: 0.7rem 0.2rem;
}
.appli .download_area table.download_tbl th {
border-right: 1px solid #ccc;
}
.appli .download_area table.download_tbl tr {
background: #fff;
border-bottom: 1px solid #ccc;
}
.appli .download_area table.download_tbl tr.top {
background: #fff8f2;
border-bottom: 1px solid #ccc;
font-weight: bold;
}
.appli .download_area table.download_tbl tr.top th:nth-of-type(1) {
width: 24%;
}
.appli .download_area table.download_tbl tr.top th:nth-of-type(2), .appli .download_area table.download_tbl tr.top th:nth-of-type(3) {
width: 38%;
}
.appli .download_area table.download_tbl th.ttl {
background: #ebebeb;
border-right: 1px solid #ccc;
font-weight: bold;
}
.appli .download_area table.download_tbl td.cut {
border-right: 1px solid #ccc;
}
.appli .download_area ul.indent_parts {
font-size: 0.94rem;
margin-top: 15px;
}
@media only screen and (max-width:767px) {
.appli .download_area ul.indent_parts {
font-size: 0.75rem;
margin-top: 1rem;
}
}
.appli .acceptance_area {
background: #fff;
padding: 50px 0 90px;
}
.appli .acceptance_area .flat_btn {
margin-top: 40px;
}
.appli .acceptance_area .attention.text_box p + .leftlinehead.top_wide {
margin-top: 50px;
}
.appli .acceptance_area .attention.text_box span.indent_parts {
text-indent: -3em;
padding-left: 3em;
}
@media only screen and (max-width:767px) {
.appli .acceptance_area {
padding: 15% 0 15%;
}
.appli .acceptance_area .flat_btn {
margin-top: 5%;
}
.appli .acceptance_area .attention.text_box p + .leftlinehead.top_wide {
margin-top: 1.5em;
}
.appli .acceptance_area .attention.text_box span.indent_parts {
text-indent: -3em;
padding-left: 3em;
}
}
.appli .contact_box {
margin: 0 1px 1px;
}
.appli .contact_box span.indent_parts, .appli .contact_box span.rightindent_parts {
font-size: 0.94rem;
line-height: 1.333;
letter-spacing: -0.05em;
}
@media only screen and (max-width:767px) {
.appli .contact_box span.indent_parts, .appli .contact_box span.rightindent_parts {
font-size: 0.75rem;
}
}
.appli .contact_box .type_phone .tel_no img {
max-width: 29px;
width: 20%;
margin: 0 0.9rem 0 0;
}
.appli .contact_box .type_free .tel_no img {
margin: 0.1rem 0.9rem 0 0;
vertical-align: middle;
}
.appli .contact_box .contact_detail .contact_ul li {
border: none;
}
.appli .rightindent_parts {
display: block;
padding-left: 6em;
}