@charset "utf-8";

/*
--使用色メモ--
濃いブルー：#2A7DE1
中間ブルー：#88A2E2
薄いブルー：#D2DDF8
薄いグレー：#F2F4F5
中間グレー：#707070
オレンジ：#FC9724
黄色：#F5CE3E
薄い黄色：#FBEBB1
赤：#E05041
線：#E5E5E5, #CCCCCC
*/


* { box-sizing: border-box; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, em, img,strong, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, figcaption, footer, header, hgroup, menu, nav, section, time, mark, audio, video { color: #111; margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:top; background:transparent; list-style-type:none; font-family:Helvetica Neue, Arial, "hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif; font-weight: 400; line-height: 1.75; word-break: break-all; box-sizing: border-box; text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
img { vertical-align: top; }
html { font-size: 16px; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; word-break:keep-all; }
body { font-size: 16px; text-align:center; background: #fff; -webkit-text-size-adjust:none; }
a { color: #0D72E8; }
.clear:after { content:''; display:block; clear:both; }

/*ヘッダー*/
header { width: 100%; }
header .headInr { width: 100%; min-width: 880px; padding: 30px 20px; margin: 0 auto; position: relative; }
header .logo { float: left; }
header .logo img { width: 200px; }
header .package { float: left; max-width: calc( 100% - 320px ); font-size: 22px; line-height: 30px; font-weight: bold; color: #707070; padding: 5px 10px; vertical-align: baseline; }
header .bankcord { position: absolute; right: 20px; top: 30px; }
header .bankcord dt { width: 100px; text-align: center; padding: 0; font-size: 11px; line-height: 20px; background: #707070; color: #fff; }
header .bankcord dd { width: 100px; text-align: center; padding: 0; font-size: 11px; line-height: 20px; background: #F2F4F5; color: #707070; }

/*フロー*/
.flow { margin: 0 auto; padding: 20px 0; list-style: none; text-align: center; width: 100%; background: #F2F4F5; font-size: 0; }
.flow li { display: inline-block; position: relative; width: 130px; margin: 10px 1px 0; padding: 20px 0 0; color: #b4b4b5; border-top: 4px solid #b4b4b5; font-size: 12px; line-height: 1.5; text-align: center; }
.flow li span { color: #b4b4b5; font-size: 12px; line-height: 1.5; }
.flow .active { border-top: 4px solid #2A7DE1; }
.flow .active span { color: #2A7DE1; font-weight: bold; }
.flow .active::before { content: ""; position: absolute; top: 0; left: 50%; margin-left: -10px; border: 10px solid transparent; border-top: 10px solid #2A7DE1; }

/*見出し*/
.headline00 { width: 100%; height: 1px; background: #E5E5E5; margin: 0; padding: 0; }
.headline01 { text-align: center; margin: 0 auto 60px; }
.headline01 h2 { display: inline-block; text-align: center; font-size: 30px; line-height: 1.2; font-weight: 400; color: #444; padding: 0 0 20px; border-bottom: 1px solid #2A7DE1; }
.headline02 { position: relative; font-size: 20px; line-height: 30px; padding: 15px; background: #F2F4F5; margin: 0 auto; }
.headline02::before { content: ""; position: absolute; top: 0; left: 0; border-bottom: 15px solid transparent; border-left: 15px solid #2A7DE1; }
.headline03 { font-size: 16px; line-height: 24px; padding: 0 0 20px; margin: 0; vertical-align: middle; }
.headline03.requiredIcon:before { content:"必須"; display:inline-block; font-size: 12px; padding: 3px 8px; margin: 2px 10px 2px 0; line-height:14px; background: #E05041; color:#fff; vertical-align: middle; }
.headline03.anyIcon:before { content:"任意"; display:inline-block; font-size: 12px; padding: 3px 8px; margin: 2px 10px 2px 0; line-height:14px; background: #2A7DE1; color:#fff; vertical-align: middle; }
.headline04 { position: relative; font-size: 18px; line-height: 30px; padding: 10px 15px; background: #F2F4F5; margin: 30px auto 0; }
.headline04::before { content: ""; position: absolute; top: 0; left: 0; border-bottom: 15px solid transparent; border-left: 15px solid #707070; }
.headline05 { font-size: 20px; line-height: 1.5; font-weight: bold; padding: 30px 0 0; margin: 0; vertical-align: middle; }
.headline06 { position: relative; font-size: 18px; line-height: 30px; padding: 0 15px; margin: 30px auto 0; border-left: 3px solid #2A7DE1; }
.headline07 { font-weight: bold; }
.headline03 .letterIcon { display: inline-block; background: #F2F4F5; color: #707070; margin: 5px 0 5px 10px; padding: 3px; font-size: 13px; line-height: 14px; }
.itemGroup.login .letterIcon { background: #fff; }
.itemGroup.contract .letterIcon { background: #fff; }
.proxyInputFollow { margin: 0 auto 30px; background-color: #F5CE3E; font-weight: bold; border: solid; border-color: #FC9724;}

/*枠*/
.container { width: 100%; margin: 0 auto; position: relative; overflow: hidden; }
.mainContent { width: 880px; margin: 0 auto; padding: 60px 0 50px; }
.mainInrCont { width: 100%; margin: 0 auto; }
.noFlow { border-top: 4px solid #D2DDF8; }

/*項目*/
.formArea { padding: 0; margin: 0 auto; }
.itemGroup { padding: 0 0 20px; margin: 0 auto; }
.item { padding: 30px 0 0; margin: 0 auto; }
.item dl { padding: 0 20px 0 0; }
.item dt { font-size: 14px; line-height: 24px; font-weight: bold; margin: 0; padding: 0 0 5px; }
.item dt:empty { padding: 0; }
.item dt.requiredIcon:before { content:"必須"; display:inline-block; font-size: 12px; padding: 3px 8px; margin: 2px 10px 2px 0; line-height:14px; background: #E05041; color:#fff; vertical-align: middle; font-weight: 400; }
.item dt.anyIcon:before { content:"任意"; display:inline-block; font-size: 12px; padding: 3px 8px; margin: 2px 10px 2px 0; line-height:14px; background: #2A7DE1; color:#fff; vertical-align: middle; font-weight: 400; }
.item .inrCont { padding: 0 0 30px; margin: 0 auto; }
.item span { display: inline-block; font-size: 14px; line-height: 22px; font-weight: 600; padding: 10px 10px 10px 5px; }
.item .selectActive { padding: 30px 0 0; }
.item dt .letterIcon { display: inline-block; background: #F2F4F5; color: #707070; margin: 2px 0 2px 10px; padding: 3px; font-size: 13px; line-height: 14px; }
.itemBox { margin: 30px 0; }
.itemBox dl { display: table; width: 100%; }
.itemBox dt { display: table-cell; width: 200px; border-top: 1px solid #88A2E2; background: #D2DDF8; padding: 10px 10px 0; font-size: 14px; line-height: 30px; position: relative; }
.itemBox dl.itLabel dt,.itemBox dl.itLabel dt.isEmpty,.itemBox dl.itLabel dt.isNotEmpty { border-top: none; padding: 10px 10px 10px 20px; }
.itemBox dt .letterIcon { display: inline-block; background: #F2F4F5; color: #707070; margin: 5px 0 5px 10px; padding: 3px; font-size: 13px; line-height: 14px; }
.itemBox dd { display: table-cell; width: calc( 100% - 200px ); border-top: 1px solid #E5E5E5; padding: 10px; font-size: 16px; line-height: 30px; }
.itemBox dl.itLabel dd,.itemBox dl.itLabel dd.isEmpty,.itemBox dl.itLabel dd.isNotEmpty { border-top: none; padding: 10px; }
.itemBox .itemBoxInr:last-child dl:last-child dt { border-bottom: 1px solid #88A2E2; }
.itemBox .itemBoxInr:last-child dl:last-child dd { border-bottom: 1px solid #E5E5E5; }
.itemBox li { float: left; width: 50%; padding: 0 10px 20px 10px; }
.itemBox dl dt.requiredIcon:before { position: absolute; right: 10px; top: 15px; content:"必須"; display:inline-block; font-size: 12px; padding: 3px 8px; margin: 0; line-height:14px; background: #E05041; color:#fff; vertical-align: middle; }
.itemBox dl dt.requiredIcon + dd input { margin: 0; }
.itemBox dl dt.requiredIcon + dd .alertMessage { margin: 10px 0 0; }
.itemBox .itemBoxInr .itLabel:last-child dt { padding: 10px 10px 10px 20px; }
.itemBox .itemBoxInr .itLabel:last-child dd { padding: 10px; }
.itemBox .itGL dt:empty, .itemBox .itGL dt:empty + dd { padding: 0; }
.itemBox02 { margin: 30px 0; }
.itemBox02 dl { display: table; width: 100%; }
.itemBox02 dt { display: table-cell; width: 200px; border-top: 1px solid #88A2E2; background: #D2DDF8; padding: 10px; font-size: 16px; line-height: 40px; font-weight: bold; position: relative; }
.itemBox02 dd { display: table-cell; width: calc( 100% - 200px ); border-top: 1px solid #E5E5E5; padding: 10px; font-size: 20px; line-height: 40px; font-weight: bold; }
.itemBox02 dl:last-child dt { border-bottom: 1px solid #88A2E2; }
.itemBox02 dl:last-child dd { border-bottom: 1px solid #E5E5E5; }
.item .tellSeparater { margin-right: 5px; line-height: 40px; }
.itemBox .itGL.guaranteeCondition dd { white-space: pre-line; }

.disc { padding: 0 0 30px; margin: 0 auto; }
.disc p { font-size: 16px; line-height: 1.75; margin: 0 auto; text-align: center; }
.message { padding: 0 0 30px; margin: 0 auto; }
.message h4 { font-size: 20px; line-height: 1.75; margin: 0 auto; padding: 0 0 10px; }
.message p { font-size: 16px; line-height: 1.75; margin: 0 auto; }
.supplement { font-size: 12px; line-height: 1.75; padding: 0; }
.supplement span { padding: 0 2px; }
.info { font-size: 16px; line-height: 1.75; margin: 20px auto 0; padding: 0; }
.info02 { font-size: 16px; line-height: 1.75; margin: 0 auto 20px; padding: 0; }
.info03 { font-size: 16px; line-height: 1.75; margin: 20px auto 0; padding: 0; font-weight: 600; }
.inrInfo { font-size: 16px; line-height: 1.75; margin: 0 auto; padding: 0 0 10px; }
.inrInfo:empty { padding: 0; }
.inputInfo { font-size: 14px; line-height: 1.75; margin: 0 auto; padding: 0 0 10px; }
.inputInfo:empty { padding: 0; }
.list { margin: 0 auto; padding: 0; list-style: none; }
.list li { float: left; min-width: 180px; margin: 0 20px 10px 0; }
.list02 { margin: 0 0 10px; padding: 0 10px 0 0; list-style: none; }
.list02 li { float: left; min-width: 100px; margin: 0 10px 0 0; }
.list02.radioBtn li label { line-height: 22px; }
.infoList { padding: 30px 0; }
.infoList li { font-size: 16px; line-height: 28px; list-style-type: none; position: relative; padding: 5px 0 5px 18px; }
.infoList li:before { border-radius: 50%; width: 8px; height: 8px; display: block; position: absolute; left: 0; top: 15px; content: ""; background: #707070; }
.contactBox { width: 600px; padding: 30px; border: 2px solid #88A2E2; background: #D2DDF8; margin: 0 auto; }
.contactBox h3 { font-size: 16px; font-weight: 600; }
.contactBox dl { padding: 5px 0 0; }
.contactBox dt { font-size: 16px; line-height: 28px; position: relative; vertical-align: middle; }
.contactBox dt:before { width: 14px; height: 14px; display: inline-block; content: ""; background: #111; margin: 1px 5px 1px 0; }
.contactBox dd { font-size: 16px; line-height: 28px; vertical-align: middle; }
.informationWrap { margin: 0 auto 30px; }
.informationWrap ul { border: 1px solid #88A2E2; background: #D2DDF8; padding: 10px; }
.informationWrap ul li { font-size: 16px; line-height: 1.75; color: #111; padding: 5px; }
.contractList { border-collapse: collapse; width: 100%; table-layout: fixed; }
.contractList th { min-width: 80px; border-top: 1px solid #88A2E2; border-right: 1px solid #88A2E2; background: #D2DDF8; padding: 10px; font-size: 14px; line-height: 1.5; vertical-align: middle; text-align: center; }
.contractList th:last-child { border-right: none; }
.contractList td { border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; padding: 10px; font-size: 16px; line-height: 1.5; vertical-align: middle; text-align: center; }
.contractList td:last-child { border-right: none; }
.inlineBox { display: inline-block; }
.wording { font-size: 13px; padding: 15px 0 30px; margin: 0 auto; }
.wording li { list-style-type: none; padding:0 20px 0; margin: 0 0 auto; border-top: 4px; font-size: 13px; line-height: 1.5; text-align: left; position:relative;}
.wording li:before { content:""; position:absolute; left:0; }
.wording li:nth-child(1):before { content:"１．"; }
.wording li:nth-child(2):before { content:"２．"; }
.wording li:nth-child(3):before { content:"３．"; }
.wording li:nth-child(4):before { content:"４．"; }
.wording li:nth-child(5):before { content:"５．"; }
.wording li:nth-child(6):before { content:"６．"; }
.wording02 { font-size: 13px; padding: 30px 0 0; margin: 0 auto; }
.wording02 li { list-style-type: disc; margin: 0 15px auto; border-top: 4px; font-size: 13px; line-height: 1.5; text-align: left; }
.isNotEmpty {background: #d2f8db; }

/*ボタン*/
label { display: inline-block; margin: 0; padding: 0; }
label:hover { cursor: pointer; }
select, input, textarea { font-family:Helvetica Neue, Arial, "hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif; word-wrap: break-word; word-break: break-all; font-weight: 400; font-style: normal; box-sizing: border-box; border-radius: 0; box-shadow: none; }
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="text"],
input[type="number"],
input[type="password"],
textarea { width: 100%; max-width: 600px; font-size: 16px; line-height: 20px; padding: 10px; border: 1px solid #aaa; vertical-align: middle; outline: none; border-radius: 0; margin: 0 5px 10px 0; }
input[type="search"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
textarea:focus { border: 1px solid #2A7DE1; }
input[type="search"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="text"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
textarea::placeholder { color: #CCC; }
input[type="search"]:disabled,
input[type="email"]:disabled,
input[type="tel"]:disabled,
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled,
textarea:disabled { background: #EFEFEF; }
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; border-radius: 0; }
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="file"]:focus,
input[type="submit"]:focus { outline: none; }
button[disabled],
input[disabled] {cursor: default;}
.year select { min-width: 100px; }
input.txtBoxXS { max-width: 70px; }
input.txtBoxS { max-width: 100px; }
input.txtBoxM { max-width: 200px; }
input.txtBoxL { max-width: 400px; }
.selectBox { overflow: hidden; position: relative; margin: 0 0 10px; }
.selectBox:before { position: absolute; display: block; content: ''; top: 17px; right: 8px; width: 7px; height: 11px; vertical-align: middle; background: url(../images/icon_select.svg) no-repeat; background-size: contain; }
select::-ms-expand { display: none; }
select { text-indent: 0; min-width: 70px; font-size: 16px; line-height: 20px; margin: 0; padding: 10px 20px 10px 10px; border: 1px solid #aaa; vertical-align: middle; outline: none; -webkit-appearance: none; appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
select:focus { border: 1px solid #2A7DE1; }
.item dd input[type="search"],
.item dd input[type="email"],
.item dd input[type="text"],
.item dd textarea { margin: 0 10px 10px 0; }
/* input.oneTimeInput { max-width: calc( 100% - 130px ); float: left; margin: 0 10px 10px 0; } */
maskmodal { display: inline-block; margin: 0; padding: 0; }

.tempSaveButton { display: block; width: 250px; margin: 0 auto 10px; transition: all 0.3s; border: none; line-height: 30px; text-align: center; text-decoration: none; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; max-width: 100%; padding: 10px 0; background: #2A7DE1; color: #fff; font-size: 16px; line-height: 25px; }
.button { display: block; min-width: 320px; margin: 0 auto 10px; transition: all 0.3s; border: none; line-height: 30px; text-align: center; text-decoration: none; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; max-width: 100%; }
.button:hover { box-shadow: 1px 1px 4px #C0C0C2; }
.button:disabled { background: #707070; box-shadow: none; color: #E5E5E5; }
.downloadBtn { width: 180px; padding: 10px 0; background: #2A7DE1; color: #fff; font-size: 16px; line-height: 25px; }
.stepBtn { padding: 30px 0; }
.stepBtn02 { padding: 0 0 60px; }
.agreeBtn { padding: 15px 0; background: #2A7DE1; color: #fff; font-weight: 600; font-size: 18px; }
.nextBtn { padding: 15px 0; background: #2A7DE1; color: #fff; font-weight: 600; font-size: 18px; }
.cancelBtn { padding: 5px 0; background: #F2F4F5; color: #111; font-weight: 400; font-size: 16px; }
.modalBtn { padding: 10px 0; background: #D2DDF8; color: #111; font-weight: 400; font-size: 16px; line-height: 25px; margin: 0 10px 0 0; display: inline-block; min-width: 180px; }
.applyBtn { padding: 13px 0; background: #F5CE3E; border: 2px solid #FC9724; color: #fff; font-weight: 600; font-size: 18px; }
.editBtn { min-width: 140px; background: #707070; color: #fff; font-weight: 400; font-size: 16px; padding: 5px; margin: 0; }
.editBtn.pcShow { position: absolute; top: 10px; right: 10px; }
.editBtn.spShow { display: none; }
.linkBtn { width: 100%; padding: 10px 0; background: #88A2E2; color: #fff; font-weight: 400; font-size: 16px; margin: 0; }
.signBtn { width: 100%; min-width: auto; background: #88A2E2; color: #fff; font-weight: 400; font-size: 16px; margin: 0; }
.trustdockBtn { width: 100%; min-width: auto; background: #88c7e2; color: #fff; font-weight: 400; font-size: 16px; margin: 0; }
.rbitsBtn .button { width: 100%; padding: 10px 0; background: #88A2E2; color: #fff; font-weight: 400; font-size: 16px; margin: 0; }
.oneTimeBtn { min-width: 120px; width: 120px; float: left; padding: 5px 30px; background: #88A2E2; border: 1px solid #88A2E2; color: #fff; font-weight: 400; font-size: 16px; margin: 0 0 10px; }
.clearBtn { min-width: auto; width: auto; float: left; padding: 5px 30px; background: #88A2E2; border: 1px solid #88A2E2; color: #fff; font-weight: 400; font-size: 16px; margin: 0 5px 10px 0; }
.confirmBtn { width: 100%; padding: 10px 0; background: #88A2E2; color: #fff; font-weight: 400; font-size: 16px; margin: 0; }
.printBtn { padding: 10px 0; background: #F2F4F5; color: #111; font-weight: 400; font-size: 16px; line-height: 25px; }
.correctionBtn { padding: 10px 0; background: #707070; color: #fff; font-weight: 400; font-size: 16px; line-height: 25px; }
.webTransferBtn { padding:10px; background: rgb(173, 200, 230);font-size:16px;min-width:250px;	}

.maskBtn[name=mask] { background: #2A7DE1; color: #fff; font-weight: 900; font-size: 20px; padding: 0%; display:block; width:36px; height:36px; margin-top: 0px; border-radius: 20%;}
.maskBtn[name=mask]:active { box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),inset 2px 2px 3px rgba(0, 0, 0, .6); }
.maskBtn[name=undo] { background: #2A7DE1; color: #fff; font-weight: 900; font-size: 20px; padding: 0%; display:block; width:36px; height:36px; margin-top: 10px; border-radius: 20%;}
.maskBtn[name=undo]:active { box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),inset 2px 2px 3px rgba(0, 0, 0, .6); }
.maskBtn[name=zoomin] { width: 32px; font-weight: 900; font-size: 20px; padding: 0%; display:block; width:36px; height:36px; margin-top: 20px; border-radius: 100%;}
.maskBtn[name=zoomout] { width: 32px; font-weight: 900; font-size: 20px; padding: 0%; display:block; width:36px; height:36px; margin-top: 10px; border-radius: 100%;}
.maskBtnActive[name=mask] {background: #2A7DE1; color: #fff; font-weight: 900; font-size: 20px; padding: 0%; display:block; width:36px; height:36px; margin-top: 0px; border-radius: 20%; box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),inset 2px 2px 3px rgba(0, 0, 0, .6);}
.maskDrawDiv {float: left; }
.maskBtnDiv {float: right; position: relative;}
.maskBtnDivInner {position: absolute;}
.maskContsntsDiv {clear: left; }
.maskHiddenDiv { display: none; }
.radioBtn label { display: block; position: relative; font-size: 16px; line-height: 25px; border: none; padding: 10px; text-align: center; background: #D2DDF8; transition: all 0.15s; }
.radioBtn label:hover { cursor: pointer; box-shadow: 1px 2px 4px #C0C0C2; }
.radioBtn input[type="radio"] { display: none; }
.radioBtn.selected label { background: #F2F4F5; color: #aaa; }
.radioBtn label.selected { background: #88A2E2; color: #fff; }
.radioBtn.radioPastCheckW input[type='radio']:hover{cursor:pointer;}
.radioBtn.radioPastCheckW input[type='radio']{position:absolute;width:100%;height:100%;overflow:hidden;border:0;outline:0;opacity:0;top:0;right:0;display:block;margin:0;padding:0;}

.disableInputType li label:hover { cursor: default; box-shadow: none; }
.disableInputType li label { opacity: 0.5; }

.checkBtn label { display: block; position: relative; font-size: 16px; line-height: 25px; border: none; padding: 10px; text-align: center; background: #D2DDF8; transition: all 0.15s; }
.checkBtn label:hover { cursor: pointer; box-shadow: 1px 2px 4px #C0C0C2; }
.checkBtn input[type="checkbox"] { display: none; }
.checkBtn label.selected { background: #88A2E2; color: #fff; }

.radioBtn.imgRadio label { background: transparent; padding: 0; }
.list.imgRadio li { min-width: auto; }
.radioBtn.imgRadio label img { max-width: 100%; }
.radioBtn.imgRadio.selected label { opacity: 0.6; }
.radioBtn.imgRadio label.selected { opacity: 1; }

.fileBox { margin: 0 auto 10px; }
.fileBox .fileup-btn { display: inline-block; width: 180px; position: relative; font-size: 16px; font-weight: 400; line-height: 25px; border: none; padding: 10px 15px; text-align: center; background: #D2DDF8; transition: all 0.15s; margin: 0 auto 10px;}
.fileBox .fileup-btn:hover { cursor: pointer; box-shadow: 1px 2px 4px #C0C0C2; }
.fileBox .fileName { display: inline-block; width: calc( 100% - 200px); box-sizing: border-box; font-size: 16px; line-height: 25px; padding: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.margin-bottom { margin-bottom: 30px !important; }

.captureModal {position: fixed;	z-index: 6666;	top: 0;	left: 0; width: 100%; height: 100%; }

.captureBox { text-align: center; overflow: hidden; padding: 60px 10px 30px 10px !important;}
.captureBox .cam-cap-btn { display: block; width: 180px; position: relative; font-size: 16px; font-weight: 400; line-height: 25px; border: none; padding: 10px 20px; text-align: center; background: #D2DDF8; transition: all 0.15s; margin: 10px auto 10px;}
.captureBox .cam-cap-btn:hover { cursor: pointer; box-shadow: 1px 2px 4px #C0C0C2; }
.captureBox > .captureBody { text-align: center; position: relative;}
.captureBox > .captureBody > video { width: 90%; }
.captureBox > canvas { width: 90%; }
.assistanceRedFrame {position: absolute; border: 1px solid #F00;}
.assistanceRedFrameMargin {position: absolute; border-color: rgba(0, 0, 0, 0.4); border-style: solid;}

.no-spin::-webkit-inner-spin-button,.no-spin::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; -moz-appearance:textfield;}

/*エラー*/
.errorwrap { margin: 0 auto 30px; }
.errorwrap ul { border: 1px solid #f00; background: #FFCECE; padding: 10px; }
.errorwrap ul li { font-size: 16px; line-height: 1.75; color: #f00; padding: 5px; }
.error select, .error input, .error textarea, .error label,.error .fileup-btn,.error .main_visual { background: #FFE6E6; }
.error input.downloadBtn { color: #000; }
.errorMessage { color: #f00; font-size: 16px; line-height: 1.75; margin: 0 auto; padding: 0 0 10px; }
.errorMessage:empty { padding: 0; }
.error .radioBtn label.selected { background: #FFE6E6; color: #000; }
.error .radioBtn.selected label { background: #FFE6E6; }

/*モーダルウィンドウ*/
.modal {position: fixed;	z-index: 6666;	top: 0;	left: 0;	width: 100%;	height: 100%;}
.modal-enter-active, .modal-leave-active {transition: opacity 0.4s;}
.modal-enter-active .modal-window, .modal-leave-active .modal-window {transition: opacity 0.4s, transform 0.4s;}
.modal-enter, .modal-leave-to {	opacity: 0;}
.modal-enter .modal-window, .modal-leave-to .modal-window {	opacity: 0;}
.main_visual { display: inline-block; min-width: 180px; background: #D2DDF8; text-align: center; margin: 0 10px 10px 0; transition: all 0.3s; }
.modal_open { display: block; font-size: 16px; line-height: 25px; padding: 10px 20px; color: #111; text-decoration: none; }
.main_visual:hover { box-shadow: 1px 1px 4px #C0C0C2; cursor: pointer; }
.modal_close { position: absolute; top: 10px; right: 10px; width: 30px; font-size: 30px; line-height: 1; cursor: pointer; }
.modal_bg { position: fixed; top: 0; left: 0; z-index: 6666; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); }
.modal_box { position: fixed; z-index: 7777; display: block; width: 80%; max-width: 840px; margin: 0; text-align: center; background: #fff; box-sizing: border-box; }
.modalInner { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; position: relative; padding: 60px; }
.modal_box h4 { position: relative; font-size: 20px; line-height: 30px; padding: 15px; background: #F2F4F5; margin: 0 auto 30px; }
.modal_box h4::before { content: ""; position: absolute; top: 0; left: 0; border-bottom: 15px solid transparent; border-left: 15px solid #2A7DE1; }
.modal_box .branchList ul { float: left; width: 70px; padding: 0 5px; }
.modal_box .branchList ul li { width: 100%; height: 60px; margin: 0 0 10px; text-align: center; }
.modal_box .branchList ul li a { display: block; background: #D2DDF8; font-size: 26px; line-height: 60px; color: #111; text-decoration: none; transition: all 0.15s; }
.modal_box .branchList ul li a:hover { cursor: pointer; box-shadow: 1px 2px 4px #C0C0C2; }
.modal_box .branchList ul li span { display: block; background: #F2F4F5; font-size: 26px; line-height: 60px; font-weight: 400; color: #ddd; padding: 0; text-align: center; }
.modal_box .branchListInr ul { width: 100%; }
.modal_box .branchListInr ul li { border-bottom: 1px solid #E5E5E5; }
.modal_box .branchListInr ul li a { display: block; color: #111; text-decoration: none; padding: 10px 0; transition: all 0.3s; }
.modal_box .branchListInr ul li a dl { padding: 0; }
.modal_box .branchListInr ul li a dt { font-size: 16px; font-weight: 600; }
.modal_box .branchListInr ul li a dd { font-size: 14px; }
.modal_box .branchListInr ul li a:hover { background: #D2DDF8; }
.link_area { text-align: center; margin-top: 30px; }
.link_area .modal_link { text-align: center; width: 180px; margin: 0 auto; }
.link_area .modal_link a { display: block; color: #111; line-height: 25px; text-decoration: none; background: #F2F4F5; padding: 10px; }
.branchSelect .modal_box { height: 80vh; }
.rbits_modal .modal_box { height: 80vh; width: 100%; max-width: 600px; }
.rbits_modal div.item { padding-top: 10px; }
.modal_box.pinCordBox { position: fixed; z-index: 7777; display: block; width: auto; max-width: auto; margin: 0; text-align: center; background: #fff; box-sizing: border-box; }
.modal_box.pinCordBox .clearBtn, .modal_box.pinCordBox .confirmBtn {background: #88a2e2;}
.modal_box.pinCordBox .confirmBtn:disabled {background: #707070;}
.modal_box .cordList { text-align: center; margin: 0 auto 20px; }
.modal_box .cordList ul { display: inline-block; width: 70px; padding: 0 5px; }
.modal_box .cordList ul li { width: 100%; height: 60px; margin: 0 0 10px; text-align: center; }
.modal_box .cordList ul li a { display: block; background: #D2DDF8; font-size: 26px; line-height: 60px; color: #111; text-decoration: none; transition: all 0.15s; }
.modal_box .cordList ul li a:hover { cursor: pointer; box-shadow: 1px 2px 4px #C0C0C2; }
.modal_box .cordList ul li span { display: block; background: #F2F4F5; font-size: 26px; line-height: 60px; font-weight: 400; color: #ddd; padding: 0; text-align: center; }
.modal_box .tc { margin: 0 auto 20px; }
.modal_box .txtBoxPin { width: 60%; margin: 0 2% 10px 0; }
.modal_box .clearBtn { width: 38%; min-width: 38%; max-width: 38%; margin: 0 0 10px; }
.modal .btn { display: inline-block; width: 45%; height:70px; position: relative; font-size: 16px; font-weight: 400; line-height: 25px; border: none; padding: 25px 20px; text-align: center; background: #D2DDF8; transition: all 0.15s; margin: 20px 3% 0 0;}
.modal_img img { width: 40%; height: auto; text-align: center; margin: 10px 0; }
.modal_radioBtn { margin-left: 2rem; }
.modal_radio { display: flex; justify-content: center;	align-items: center; margin-top: 2rem; }
.modal_flex { display: flex; justify-content: center; align-items: center; flex-flow: column; }
.confirmModal .modalInner { text-align: center; }
.viewer-modal .modal_box { max-width: 95%; max-height: 95%; overflow: hidden; width: auto; height: auto; }
.viewer-modal .viewer-modal-inner { overflow: auto; height: auto; width: 100%; max-height: 95vh; }
.viewer-modal .modal_close { top: 0px; right: 0px; z-index: 1; }
.viewer-modal .iframe-wrapper { padding-top: 100vh; padding-left: 100vw; }
.viewer-modal .iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* メールアドレス有効性確認モーダル */
div[name="mailEffectiveModal"] .modalInner { padding: 45px; }
.requiredCount.mailEffectiveModal { position: sticky; margin-left: auto; right: -20px; bottom: 0px; width: 180px; margin-top: 10px; }
.requiredCount.mailEffectiveModal div { padding: 5px; }
/*リアルタイムガイド表示*/
.alertMessage { position: relative; }
.alertMessageInr { display: inline-block; position: absolute; z-index: 666; background: #FC9724; padding: 5px 20px 5px 10px; }
.alertTxt { font-size: 14px; line-height: 1.5; color: #fff; white-space: nowrap; word-break: break-all;  }
.alertMessageInr:before { content: ""; position: absolute; top: -12px; left: 10px; border-top: 12px solid transparent; border-right: 12px solid #FC9724; }
.alertClose { display: block; position: absolute; top: 2px; right: 2px; width: 10px; height: 10px; }
.alertClose a { display: block; position: relative; width: 10px; height: 10px; background: transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.alertClose a:before { content: ''; position: absolute; width: 10px; height: 1px; background: #fff; -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); top: 6px; right: 0; }
.alertClose a:after { content: ''; position: absolute; width: 10px; height: 1px; background: #fff; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 6px; right: 0; }

/*フッター*/
footer { width: 100%; padding: 30px 0 80px; }
footer .copyRight { min-width: 880px; font-size: 11px; line-height: 1.5; color: #707070; text-align: center; }
footer .logo { text-align: center; min-width: 880px; line-height: 1; padding: 0 0 10px; }
footer .logo img { height: 20px; }
.pageTop { width: 100%; min-width: 880px; background: #F2F4F5; }
.pageTop span { display: block; padding: 20px; text-align: center; font-size: 11px; color: #707070; vertical-align: middle; transition: all 0.3s; }
.pageTop:hover span { cursor: pointer; opacity: 0.8; }
.pageTop span img { display: inline-block; margin: 0 10px 0 0; width: 10px; height: 10px; vertical-align: middle; }

/*同意画面*/
.teamsBox { max-height: 300px; padding: 10px; margin: 0 0 20px; border: 1px solid #ccc; overflow: auto; }
.teamsBox img { width: 100%; }
.teamsBox h2 { font-size: 18px; font-weight: bold; padding: 10px 0 5px; }
.teamsBox h3 { font-size: 16px; font-weight: bold; padding: 10px 0 5px; }
.teamsBox p { font-size: 14px; padding: 0 0 5px; }
.teamsBox ul { padding: 0 0 0 10px; }
.teamsBox li { font-size: 14px; padding: 0 0 5px; position: relative; }
.teamsBox li:before { content: '・'; }
.agree .item { padding: 60px 0 30px; }
.agreeBox { padding: 60px 0; margin: 0 auto; background: #F2F4F5; text-align: center; margin: 0 auto 40px; }
.agreeBox p { font-weight: 600; text-align: center; padding: 0 0 20px; }
.agreeBox label { display: inline-block; position: relative; text-align: center; width: 320px; padding: 10px 0; border: 2px solid #2A7DE1; background: #88A2E2; font-size: 16px; line-height: 30px; color: #fff; max-width: 100%; transition: all 0.3s; }
.agreeBox label.selected { background: #2A7DE1; }
.agreeBox .checkbox-input { display: none; }
.agreeBox .checkbox-parts { padding: 0 0 0 25px; position:relative; color: #fff; font-size: 16px; font-weight: 400; line-height: 30px; }
.agreeBox .checkbox-parts::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 14px; height: 14px; border: 1px solid #E5E5E5; background: #fff; }
.agreeBox .checkbox-input:checked + .checkbox-parts { font-weight: 600; }
.agreeBox .checkbox-input:checked + .checkbox-parts::after { content: ""; display: block; position: absolute; top: 0; left: 5px; width: 5px; height: 10px; transform: rotate(40deg); border-bottom: 3px solid #2A7DE1; border-right: 3px solid #2A7DE1; }
.teamsBoxPdf { padding: 10px; margin: 0 0 20px; border: 1px solid #ccc; }
.agreeBox label.agree-box-disabled { background-color: #707070; border-color: #707070; }

/*フォーム*/
.pepsList { counter-reset: my-counter; list-style: none; padding: 0 0 20px 25px; }
.pepsList li:before { content: counter(my-counter)"："; counter-increment: my-counter; display: block; float: left; margin-left: -25px; text-align: center; vertical-align: middle; }
.nameBox dl { width: 290px; }
.nameBox .fraction dl { padding: 0; display: inline-block; }
.nameBox .fraction .line { display: inline-block; font-size: 14px; line-height: 22px; font-weight: 600; padding: 40px 10px 20px 0; }
.enNameBox .inlineBox { max-width: 400px; width: 50%; }
.enNameBox dl { max-width: 400px; width: 100%; }
.costBox .txtBoxL { width: 400px; }

/*必須の背景色として入力項目の周囲に色を付ける*/
.default-item .input-type-component { padding: 10px 10px 0px 10px; }
.default-item .input-required.input-item-empty .input-type-component { background-color: #ffe3e3; border-radius: 10px; }
/*氏名の必須背景色*/
.parson .input-item-group-component { padding: 10px 10px 0px 10px; margin-bottom: 20px; }
.parson .input-item-group-component.input-item-group-required.input-item-group-required-empty { background-color: #ffe3e3; border-radius: 10px; }
.parson .input-item-group-component div:nth-of-type(2){ padding-bottom: 0px; }

/*ログイン・マイページ*/
.itemGroup.login { background: #F2F4F5; padding: 30px 140px; margin: 0 auto 30px; }
.itemGroup.login .inrCont { max-width: 600px; margin: 0 auto; }
.forgetInfo { padding: 0 0 20px; }
.forgetInfoBottom { padding: 0 0 60px !important; }
.forgetInfo dt { font-size: 16px; font-weight: bold; }
.forgetInfo dd { font-size: 16px; }
.fontwb { font-weight: bold; }
.tc { text-align: center; }
.fl { float: left; }
.itemGroup.important .headline02::before { border-left: 15px solid #FC9724; }
.itemGroup.important .itemBox dt { border-top: 1px solid #F5CE3E; background: #FBEBB1; }
.itemGroup.important .itemBox .itemBoxInr:last-child dl:last-child dt { border-bottom: 1px solid #F5CE3E; }
.contractList li { float: none; width: auto; padding: 5px; }
.contractList li .linkBtn { width: auto; }
.itemGroup.contract { background: #F2F4F5; padding: 30px 140px; margin: 0 auto 30px; }
.itemGroup.contract dl { max-width: 600px; padding: 0; margin: 20px auto 0; }
.itemGroup.contract .inrCont { max-width: 600px; margin: 0 auto; }
.pdfPrev { width: 630px; margin: 0 auto; }
.prevInr { margin: 0 auto; position: relative; width: 100%; display: prevInr; }
.prevInr iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.teamsBtn .downloadBtn { float: right; margin: 0 0 10px; }
.onlyDownload .downloadBtn { float: left; margin: 0 0 10px; }
.download { text-align: center; margin: 20px auto 0; }

.tabGroup { font-size: 0; padding: 10px 0 0; }
.tabGroup .tab { display: inline-block; width: auto; min-width: 160px; margin: 0 10px 10px 0; font-size: 16px; line-height: 1.5; padding: 10px; background: #D2DDF8; list-style: none; text-align: left; cursor: pointer; }
.tabGroup .tab span { display: block; font-size: 14px;  }
.panel { display: none; }
.tabGroup .tab.is-active { background: #88A2E2; color: #FFF; transition: all 0.2s ease-out; }
.tabGroup .tab.is-active span { color: #FFF; transition: all 0.2s ease-out; }
.panel.is-show { display: block; }
.spShow { display: none; }

.requiredCount { position: fixed; bottom: 20px; right: 20px; z-index: 50; width: 250px; background: #F2F4F5; box-shadow: 1px 2px 4px #C0C0C2; }
.requiredCount div { position: relative; padding: 20px; text-align: center; font-size: 16px; line-height: 40px; vertical-align: baseline; }
.requiredCount div::before { content: ""; position: absolute; bottom: 0; left: 0; border-top: 15px solid transparent; border-left: 15px solid #2A7DE1; }
.requiredCount div .number { display: inline-block; font-size: 32px; line-height: 40px; font-weight: bold; padding: 0 5px; color: #2A7DE1; vertical-align: baseline; }

/*PDF表示部品*/
.pdfViewer {max-height: 840px; overflow: auto;}

/* 一時保存ボタン */
.appTempSaveButton .btnRadius {	border-radius: 10px; }
.appTempSaveButton { position: fixed; bottom: 220px; right: 20px; z-index: 50; width: 250px; }

/* ローンシミュレーション */
.tab-change-enter {	opacity: 0; }
.tab-change-enter-active {	transition: all .9s; }
.tab-outer { width: 100%; text-align: center; font-size: 20px; margin-bottom: 30px; }
.tab-inner { display: inline-flex; }
.tab-inner label { padding: 10px 30px 10px; border-bottom: 1px solid #f0f0f0; border-radius: 0; background-color: #e9f0f6; color: #535353; font-size: 18px; text-align: center; cursor: pointer; opacity: .5; }
.tab-inner label.active-tab { background-color: inherit; color: #333333; opacity: 1; }
.tab-inner label:hover { opacity: .9; }
.tab-inner label.active-tab+.tab-line { width:100%; border-bottom-color: #2589d0; border-style: solid; border-width: 0 0 4px 0; }
.loan-simulation.mainContent { padding-top: 30px; }
.loan-simulation .page-message { margin-bottom: 20px; }
.loan-simulation .item { padding: 0; margin-left: 10px; }
.loan-simulation .item.float-left { float: left; }
.loan-simulation .itemBox { margin: 0 0 30px 0; }
.loan-simulation .itemBox li { padding: 0; }
.loan-simulation .itemBox dt { width: 320px; }
.loan-simulation .radio-min li { min-width: auto; width: auto; }
.loan-simulation .radio-min label { padding: 10px 35px 10px; }
.loan-simulation .message { padding: 0; }
.loan-simulation .item-value-description { font-size: 14px; }
.loan-simulation .headline02 { margin: 0 0 20px 0; }
.loan-simulation .headline06 { margin: 0 0 15px 0; }
.loan-simulation .button-set { margin-bottom: 30px; }
.loan-simulation .button-set ul { display: flex; justify-content: center; }
.loan-simulation .button-set ul li:first-of-type { margin-right:5px; margin-bottom: 0;}
.loan-simulation .button-set ul li:last-of-type { margin-left:5px; margin-top: 0;}
.loan-simulation .button-set li { width: 50%; }
.loan-simulation .side-layout { display: flex; }
.loan-simulation .side-layout .itemBox { width: 100%; display: flex; flex-flow: column; }
.loan-simulation .side-layout .itemBox .itemBoxInr:last-of-type { height: 100%; }
.loan-simulation .side-layout .itemBox .itemBoxInr:last-of-type>dl { height: 100%; }
.loan-simulation .side-layout .itemBox dt, .loan-simulation .side-layout .itemBox dd { width: 25%; }
.simulation-list { -webkit-overflow-scrolling: touch; overflow-x: auto; margin-bottom: 30px; }
.simulation-table { width: 100%; border-collapse: collapse; white-space: nowrap; }
.simulation-table th { border-top: 1px solid #88A2E2; border-right: 1px solid #88A2E2; background: #D2DDF8; padding: 10px; line-height: 1.5; vertical-align: middle; text-align: center; }
.simulation-table td { border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; padding: 10px; line-height: 1.5; vertical-align: middle; }
.simulation-table tr.rate-main td { font-weight: bold; }
.simulation-table tr.rate-main td .label-string { font-weight: bold; }
.simulation-list td:last-child { border-right: none; }
.simulation-list .text-right .label-string { text-align: right; }
.simulation-list .text-center .label-string { text-align: center; }
.loan-simulation .caution { padding: 0.75em; border: solid 3px #e6c6ca; }
.loan-simulation .caution ul li { list-style: disc; margin-left: 1em; }
.loan-simulation .link { cursor: pointer; }

@media screen and (max-width: 880px) {
	header .headInr { min-width: 100%; }
	header .logo { float: none; }
	header .package { float: none; max-width: 100%; padding: 10px 0 0; }
	.mainContent { width: 100%; padding: 60px 10px 50px; }
	footer .copyRight { min-width: 100%; }
	footer .logo { min-width: 100%; }
	.pageTop { min-width: 100%; }
	.linkBtn { min-width: auto; }
	.rbitsBtn { width: 100% }
	.itemGroup.login { padding: 30px; }
	.itemGroup.contract { padding: 30px; }
	.contactBox { width: 90%; }
	.pdfPrev { width: 90%; }
	.requiredCount { width: auto; }
	.requiredCount div { padding: 15px 30px; font-size: 14px; }
	.requiredCount div .number { font-size: 30px; }
	.maskDrawDiv {clear: left; }
	.maskBtnDiv {float: left;}
	.maskBtnDivInner {position: relative;}
	.maskBtn[name=mask] {float: left; margin-top: 0px; }
	.maskBtnActive[name=mask] { float: left; margin-top: 0px; }
	.maskBtn[name=undo] {float: left; margin-top: 0px; margin-left: 10px;}
	.maskBtn[name=zoomin] {float: left; margin-top: 0px; margin-left: 10px;}
	.maskBtn[name=zoomout] {float: left; margin-top: 0px; margin-left: 10px;}
	.maskContsntsDiv {float: rhight}
	.appTempSaveButton { bottom: 20git 0px; width: 186px; }
	.tempSaveButton { width: 186px; }
}

/*  ウィンドウサイズ568px以下の時のスタイル  */
@media screen and (max-width: 568px) {
	html { font-size: 14px; }
	body { font-size: 14px; }

	/*ヘッダー*/
	header .headInr { padding: 45px 10px 15px; }
	header .logo { float: none; text-align: center; }
	header .logo img { width: auto; height: 30px; }
	header .package { float: none; text-align: center; font-size: 14px; line-height: 20px; }
	header .bankcord { position: absolute; top: 10px; right: 10px; }
	header .bankcord dt { float: left; width: 80px; font-size: 10px; line-height: 25px; }
	header .bankcord dd { float: left; width: 80px; font-size: 10px; line-height: 25px; }

	/*フロー*/
	.flow { padding: 20px 0; counter-reset: my-counter; }
	.flow li { width: 35px; padding: 0; }
	.flow li span { display: none; }
	.flow li:after { content: counter(my-counter); counter-increment: my-counter; display: block; position: relative; margin: 0; padding: 10px 0 0; color: #b4b4b5; font-size: 12px; line-height: 1.2; font-weight: 600; text-align: center; }
	.flow .active { border-top: 4px solid #2A7DE1; }
	.flow .active span { display: none; }
	.flow .active::before { margin-left: -8px; border: 8px solid transparent; border-top: 8px solid #2A7DE1; }
	.flow .active:after { color: #2A7DE1; }

	/*見出し*/
	.headline01 { margin: 0 auto 30px; }
	.headline01 h2 { font-size: 20px; padding: 0 0 10px; }
	.headline02 { font-size: 18px; line-height: 30px; padding: 10px; margin-left: -10px; margin-right: -10px; }
	.headline03 { font-size: 14px; padding: 0 0 20px; }
	.headline04 { font-size: 16px; padding: 10px; margin: 20px auto 0; }
	.headline05 { font-size: 16px; padding: 20px 0 0; }
	.headline06 { font-size: 16px; padding: 0 0 0 10px; margin: 20px auto 0; }
	.proxyInputFollow { font-size: 14px; padding: 5px; margin: 0 auto 20px; background-color: #F5CE3E; font-weight: bold; border: solid; border-color: #FC9724;}

	/*枠*/
	.mainContent { padding: 30px 10px 40px; }

	/*項目*/
	.itemGroup { padding: 0 0 30px; margin: 0 auto; }
	.item { padding: 20px 0 0; }
	.item dl { padding: 0; }
	.item .inrCont { padding: 0 0 20px; }
	.item span {  padding: 10px 5px; }
	.item .selectActive { padding: 20px 0 0; }
	.itemBox { margin: 20px 0; }
	.itemBox dl { display: block; width: 100%; }
	.itemBox dt { display: block; width: 100%; padding: 5px; font-size: 14px; line-height: 20px; }
	.itemBox dt:empty { display: none; }
	.itemBox dl:last-child dt { border-bottom: none; }
	.itemBox dl dt.requiredIcon:before { top: 5px; }
	.itemBox dl.itLabel dt { border-top: 1px solid #88A2E2; padding: 5px 5px 5px 15px; font-size: 14px; line-height: 20px; position: relative; }
	.itemBox dl.itLabel dt:before { position: absolute; top: 15px; left: 0; content: ''; background: #88A2E2; height: 1px; width: 7px; }
	.itemBox .itemBoxInr .itLabel:last-child dt { padding: 5px 5px 5px 15px; }
	.itemBox .itemBoxInr:last-child dl:last-child dt { border-bottom: none; }
	.itemBox dd { display: block; width: 100%; font-size: 15px; line-height: 30px; }
	.itemBox dd:empty { display: none; }
	.itemBox dl.itLabel dd { padding: 10px; }
	.itemBox .itemBoxInr .itLabel:last-child dd { padding: 10px; }
	.itemBox li { float: none; width: 100%; padding: 0 0 10px; }
	.itemBox02 { margin: 20px 0; }
	.itemBox02 dl { display: block; width: 100%; }
	.itemBox02 dt { display: block; width: 100%; padding: 5px; font-size: 15px; line-height: 20px; }
	.itemBox02 dd { display: block; width: 100%; font-size: 16px; line-height: 30px; }
	.itemBox02 dl:last-child dt { border-bottom: none; }

	.disc { padding: 0 0 20px; }
	.disc p { font-size: 14px; line-height: 1.5; }
	.message { padding: 0 0 20px; }
	.message h4 { font-size: 16px; line-height: 1.5; padding: 0 0 10px; }
	.message p { font-size: 14px; line-height: 1.5; }
	.supplement { line-height: 1.5; }
	.supplement span { padding: 0; }
	.info { font-size: 14px; line-height: 1.5; }
	.info02 { font-size: 14px; line-height: 1.5; }
	.info03 { font-size: 14px; line-height: 1.5; margin: 0 auto 20px; }
	.inrInfo { font-size: 14px; line-height: 1.5; }
	.inputInfo { line-height: 1.5; }
	.list li { float: none; min-width: 100%; width: 100%; margin: 0 0 10px; }
	.list02 { padding: 0; }
	.list02 li { min-width: 80px; }
	.infoList { padding: 20px 0; }
	.infoList li { font-size: 14px; line-height: 21px; padding: 5px 0 5px 15px; }
	.infoList li:before { top: 12px; }
	.contactBox { width: 100%; padding: 15px; }
	.contactBox h3 { font-size: 14px; }
	.contactBox dt { font-size: 14px; line-height: 1.5; }
	.contactBox dt:before { width: 10px; height: 10px; }
	.contactBox dd { font-size: 14px; line-height: 1.5; }
	.informationWrap { margin: 0 auto 20px; }
	.informationWrap ul { padding: 5px; }
	.informationWrap ul li { font-size: 14px; line-height: 1.5; padding: 5px; }
	.contractList { table-layout: auto; }
	.contractList th { padding: 10px 5px; }
	.contractList th:last-child { min-width: 60px; }
	.contractList td { padding: 10px 5px; font-size: 10px; }
	.wording { font-size: 11px; padding: 15px 0 30px; margin: 0 auto; }
	.wording li { list-style-type: none; padding:0 20px 0; margin: 0 0 auto; border-top: 4px; font-size: 11px; line-height: 1.5; text-align: left; position:relative;}
	.wording02 { font-size: 11px; padding: 30px 0 0; margin: 0 auto; }
	.wording02 li { list-style-type: disc; margin: 0 15px auto; border-top: 4px; font-size: 11px; line-height: 1.5; text-align: left; }

	/*ボタン*/
	input[type="search"],
	input[type="email"],
	input[type="text"],
	textarea { font-size: 14px; margin: 0 0 10px; }
	select { min-width: 60px; font-size: 14px; }
	.year select { min-width: 75px; }
	input.oneTimeInput { max-width: 100%; float: none; margin: 0 0 10px; }

	.button { min-width: 100%; max-width: 100%; }
	.downloadBtn { font-size: 14px; }
	.stepBtn { padding: 0 0 20px; }
	.stepBtn02 { padding: 0 0 30px; }
	.agreeBtn { padding: 10px 0; font-size: 16px; }
	.nextBtn { padding: 10px 0; font-size: 16px; }
	.cancelBtn { padding: 5px 0; font-size: 14px; }
	.modalBtn { font-size: 14px; margin: 0; }
	.applyBtn { padding: 8px 0; font-size: 16px; }
	.editBtn { font-size: 14px; }
	.editBtn.pcShow { display: none; }
	.editBtn.spShow { display: block; }
	.signBtn { font-size: 14px; }
	.oneTimeBtn { float: none; min-width: auto; width: auto; text-align: center; margin: 0 auto; }
	.radioBtn label { font-size: 14px; }

	.radioBtn.imgRadio label { display: inline-block; width: auto; }
	.list.imgRadio li { text-align: center; }

	.fileBox .fileup-btn { display: block; width: 100%; }
	.fileBox .fileName { display: block; width: 100%; font-size: 14px; line-height: 25px; padding: 10px; }

	.captureBox .cam-cap-btn { display: block; width: 100%; }
	.captureBox .cam-cap-btn:hover { display: block; width: 100%; font-size: 14px; line-height: 25px; padding: 10px; }

	/*エラー*/
	.errorwrap { margin: 0 auto 20px; }
	.errorwrap ul { padding: 5px; }
	.errorwrap ul li { font-size: 14px; line-height: 1.5; padding: 5px; }
	.errorMessage { font-size: 14px; line-height: 1.5; }
	.alertTxt { font-size: 13px; white-space: normal; }
	.oneTimeCont { position: relative; }
	.oneTimeCont .alertMessage { position: absolute; bottom: 30px; }
	.oneTimeCont .alertMessageInr { position: static; }

	/*モーダルウィンドウ*/
	.main_visual { margin: 0 0 10px; }
	.modal_open { font-size: 14px; }
	.modal_box { width: 90%; }
	.modalInner { padding: 30px 10px; }
	.modal_box h4 { font-size: 16px; line-height: 30px; padding: 10px; margin: 0 auto 10px; }
	.modal_box .branchList ul { float: none; width: 100%; padding: 0 0 5px; text-align: center; }
	.modal_box .branchList ul li { display: inline-block; width: 45px; height: 45px; margin: 0; }
	.modal_box .branchList ul li a { font-size: 14px; line-height: 45px; }
	.modal_box .branchList ul li span { font-size: 14px; line-height: 45px; }
	.modal_box .branchListInr ul li a { padding: 5px 0; }
	.modal_box .branchListInr ul li a dt { font-size: 14px; padding: 0; }
	.modal_box .branchListInr ul li a dd { font-size: 12px; }
	.link_area { margin-top: 20px; }
	.branchSelect .modal_box { height: 90vh; }
	.rbits_modal .modal_box { height: 90vh; left:auto !important }
	.rbitsBtn { width: 100%; }
	.modal_box .cordList ul li a { font-size: 16px; }
	.modal_box .cordList ul li span { font-size: 16px; }
	.viewer-modal img { width: 100%; }

	/* メールアドレス有効性確認モーダル */
	div[name="mailEffectiveModal"] .modalInner { padding: 30px 10px; }
	.requiredCount.mailEffectiveModal { width: 150px; }

	/*フッター*/
	footer { padding: 30px 0 50px; }
	.pageTop span { padding: 15px; }


	/*同意画面*/
	.teamsBox img { width: 800px; }
	.agree .item { padding: 30px 0; }
	.agreeBox { padding: 30px 0; margin: 0 auto; }
	.agreeBox p { padding: 0 0 10px; }
	.agreeBox label { width: 200px; padding: 8px 0; font-size: 15px; line-height: 30px; }
	.teamsBtn .downloadBtn { float: none; }

	/*フォーム*/
	.pepsList { padding: 0 0 20px 20px; }
	.pepsList li:before { margin-left: -20px; }
	.nameBox .inlineBox { display: block; }
	.nameBox dl { float: none; }
	.nameBox .fraction .inlineBox { display: inline-block; }
	.nameBox .fraction dl { float: none; }
	.enNameBox .inlineBox { max-width: 400px; width: 100%; }
	.enNameBox dl { max-width: 400px; width: 100%; }
	.costBox .txtBoxL { width: 100%; }
	.costBox .inlineBox { display: block; }

	/*ログイン*/
	.itemGroup.login { padding: 0 10px; }
	.forgetInfo { padding: 0 0 30px; }
	.forgetInfo dt { font-size: 14px; }
	.forgetInfo dd { font-size: 14px; }
	.itemGroup.important .itemBox dl:last-child dt { border-bottom: none; }
	.tabGroup { padding: 10px 10px 0; }
	.tabGroup .tab { display: block; width: 100%; min-width: 100%; font-size: 14px; padding: 5px 10px; margin: 0 0 10px; text-align: center; }
	.tabGroup .tab span { display: block; font-size: 12px; text-align: center; }
	.spShow { display: block; }
	.pdfPrev { width: 100%; }
	.itemGroup.contract { padding: 10px; }

	.requiredCount { bottom: 10px; right: 10px; }
	.requiredCount div { padding: 10px 15px; font-size: 13px; line-height: 30px; }
	.requiredCount div .number { font-size: 26px; line-height: 30px; padding: 0 5px; color: #2A7DE1; vertical-align: baseline; }

	.appTempSaveButton { bottom: 160px; right: 10px; width: 147px; }
	.tempSaveButton { width: 147px; font-size: 14px; }

	/** PDF表示部品 */
	.pdfViewer {max-height: 300px; overflow: auto;}

	/*ローンシミュレーション*/
	.loan-simulation .itemBox dt { width: 100%; }
	.loan-simulation .item { margin-left: 0px; }
	.loan-simulation .headline06 { margin: 0 0 15px 0; }
	.loan-simulation .itemGroup { padding: 0 0 10px; }
	.loan-simulation .button-set ul { display: flex; justify-content: center; flex-direction: column; row-gap: 10px; }
	.loan-simulation .button-set li { width: 100%; }
	.tab-inner label { padding: 10px 8px 10px; font-size: 13px; }
	.loan-simulation .side-layout { display: block; }
	.loan-simulation .side-layout .itemBox dt, .loan-simulation .side-layout .itemBox dd { width: 100%; }
	.loan-simulation .button-set ul li:first-of-type { margin-right:0; margin-bottom: 5px;}
	.loan-simulation .button-set ul li:last-of-type { margin-left:0; margin-top: 5px;}
}

/*ローディング*/
.loadingContainer .loading {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 9999;
	opacity: 0.2;
	background: #000000;
	display: flex;
	align-items: center;
	justify-content: center;
}
.loadingContainer .loading > img {
	display: block;
	width: 26px;
	height: 26px;
	user-select: none;
	}

/*住所選択*/
.box_zip{position:relative;}
.list_address{position:absolute;top:-52px;left:300px;border-radius:5px;background:rgba(0, 0, 0, 0.7);color:#fff;font-size:14px;z-index:100;padding:15px;}
.list_address .title{text-align:center;vertical-align:center !important;color:#fff !important;margin:0 0 15px;}
.list_address .title strong{vertical-align:center !important;font-size:16px;color:#fff !important;}
.list_address dl{margin:0;}
.list_address .postalCode{margin:0 0 5px;}
.list_address .address{padding-top:1px;margin:0 0 5px 5px;}
.list_address a{font-size:15px;font-weight:700;color:#fff;cursor:pointer;}
.list_address a:hover{text-decoration:underline;}
@media screen and (max-width: 670px) {
	.list_address{top:0;left:5px;}
}

.cover {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    opacity: 0;
    background: #000000;
}

#InquiryConfirmModal {
	width: 90vw !important;
	max-width: 360px !important;
    height: 220px !important;
    z-index: 8888 !important;
    top: 45% !important;
}

#InquiryConfirmModal .modalInner {
	padding: 30px;
}

.inquiryConfirmModalButton {
	display: block;
	min-width: 120px;
	margin: 0 auto 10px;
	transition: all 0.3s;
	border: none; line-height:
	30px; text-align:
	center; text-decoration:
	none; box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	max-width: 100%;
}

#inquiryModal {
	height: 100%;
}

.examResultNotificationDocumentName {
	margin-bottom: -50px;
}

.dispItemWithoutConfirm { display: none; }

/* 保証会社選択 */
.guaranteeInfo {
  overflow-x: scroll;
  width: 631px;
}
.conditionRow {
  display: flex;
}
.guaranteeheader {
  border-top: 1px solid #88a2e2;
  border-bottom: 1px solid #88a2e2;
}
.condHeader {
  width: 210px;
  white-space: nowrap;
  padding-left: 5px;
  text-align: center;
  height: 100%;
  background: #d2ddf8;
}

.outsideLabel {
  left: 0;
  position: sticky;
}
.outsideRow {
  border-bottom: 1px solid #e5e5e5;
}

.condLabel {
  width: 210px;
  padding-left: 5px;
  height: 100%;
  background: #fff;
  white-space: normal;
}
.condInfo {
  width: 210px;
  padding-left: 5px;
  height: 100%;
  white-space: normal;
}

.isError {
  background: #ffe6e6;
}
.gcBtn {
  min-width: 70px;
  margin: 2px;
  transition: all 0.3s;
  border: none;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.gcBtn:disabled {
  background: #88a2e2;
  color: #fff;
}
.guaranteeCompanySelected {
  background: #ffffef;
}
.guaranteeInputInfo {
  overflow-x: scroll;
  width: 690px;
}
.condInputHeader {
  border-top: 1px solid #88a2e2;
  background: #d2ddf8;
  position: sticky;
  left: 0;
}
.condHeaderLast {
  border-bottom: 1px solid #88a2e2;
}
.condInputLabel {
  width: 230px;
  padding-left: 5px;
  height: 100%;
}
.condInputInfo {
  border-top: 1px solid #e5e5e5;
}
.conditionRow > .condInputInfo:not(:last-child) {
  border-right: 1px solid #e5e5e5;
}
.company {
  display: flex;
  justify-content: space-between;
}
.condInfoLast {
  border-bottom: 1px solid #e5e5e5;
}


span.fileSizeArea:before {
    content: '(';
}
span.fileSizeArea:after {
    content: ')';
}
span.fileSizeArea {
    font-weight: unset;
}

@media screen and (max-width: 568px) {
    div.fileName span.fileSizeArea {
        display: block;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}
.previousInterestRateHidden{
	display:none;
}