@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: 20px 10px 5px; 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; }
header .bankcord a{width: 150px;text-decoration:none; position: absolute; right: -60px; top: 60px; font-size: 14px; line-height: 20px; color: #0D72E8;}

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

/*見出し*/
.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: #FFFFFF; margin: 0 auto; }
.headline02::before { content: ""; position: absolute; top: 0; left: 0; border-bottom: 15px solid transparent; border-left: 15px solid #FC6B01; }
.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; }
.headline03 .letterIcon { display: inline-block; background: #F2F4F5; color: #707070; margin: 5px 0 5px 10px; padding: 3px; font-size: 13px; line-height: 14px; }
.headline07red { font-size: 12px; line-height: 1.5; font-weight: bold; padding: 10px 0 0; margin: 0; vertical-align: middle; color: red; }
.itemGroup.login .letterIcon { background: #fff; }
.itemGroup.contract .letterIcon { background: #fff; }
.proxyInputFollow { font-size: 14px; padding: 5px; margin: 0 auto 20px; 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; }
.tabletMainContent { width: 96%; margin: 0 auto; padding: 20px 0 20px; }
.tabletMainContentMenu{ width: 100%; padding: 10px 0px 10px 15px; overflow:hidden; height:auto; }
.mainInrCont { width: 100%; margin: 0 auto; }
.tabletMainInrCont { width: 100%; margin: 0 auto; }
.noFlow { border-top: 4px solid #D2DDF8; }

/*項目*/
.formArea { padding: 0; margin: 0 auto; background: #FFFAEE; display:flow-root;}
.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: 240px; border-top: 1px solid #E5E5E5; background: #FFFABC; 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; background:#FFF;}
.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 #E5E5E5; }
.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; }


.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; }
.selectItem {text-decoration: underline; text-align: center;}
.message p { font-size: 16px; line-height: 1.75; margin: 0 auto; }
.supplement { font-size: 12px; line-height: 1.75; padding: 0; }
.supplement2 { font-size: 14px; line-height: 1.5; padding: 0 0 0 150px; height: 80px; width:100%;}
.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-radius: 10px; 10px 10px 10px -10px rgb(201, 197, 189); background: #FFF; 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; }
.isEmpty {background: #FFFAFF; }
/*.isEmpty { display:none !important; } */
/* .isNotEmpty { background: #d2f8f7; } */

/*ボタン*/
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="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="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="password"]::placeholder,
textarea::placeholder { color: #CCC; }
input[type="search"]:disabled,
input[type="email"]:disabled,
input[type="tel"]:disabled,
input[type="text"]: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; border-radius: 3px;}
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; border-radius: 3px; }
/* input.oneTimeInput { max-width: calc( 100% - 130px ); float: left; margin: 0 10px 10px 0; } */
maskmodal { display: inline-block; margin: 0; padding: 0; }

.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: #FC6B01; color: #fff; font-size: 16px; line-height: 25px; }
.stepBtn { padding: 30px 0; }
.stepBtn02 { padding: 0 0 60px; }
.agreeBtn { padding: 15px 0; background: #FC6B01; color: #fff; font-weight: 600; font-size: 18px; }
.nextBtn { padding: 15px 0; background: #FC6B01; 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: #FC6B01; 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; }
.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; }
.maskBtn[name=mask] { background: #2A7DE1; color: #fff; font-weight: 900; font-size: 20px; padding: 0%; display:block; width:45px; height:45px; margin: 5px 10px 10px 0px; border-radius: 20%; float: left;}
.maskBtn[name=mask]:active { box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),inset 2px 2px 3px rgba(0, 0, 0, .6); float: left;}
.maskBtn[name=undo] { background: #2A7DE1; color: #fff; font-weight: 900; font-size: 20px; padding: 0%; display:block; width:45px; height:45px; margin: 5px 10px 10px 0px; border-radius: 20%; float: left;}
.maskBtn[name=undo]:active { box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),inset 2px 2px 3px rgba(0, 0, 0, .6); float: left;}
.maskBtn[name=zoomin] { width: 32px; font-weight: 900; font-size: 20px; padding: 0%; display:block; width:45px; height:45px; margin: 5px 10px 10px 0px; border-radius: 100%; float: left;}
.maskBtn[name=zoomout] { width: 32px; font-weight: 900; font-size: 20px; padding: 0%; display:block; width:45px; height:45px; margin: 5px 10px 10px 0px; border-radius: 100%; float: left;}
.maskBtnActive[name=mask] {background: #2A7DE1; color: #fff; font-weight: 900; font-size: 20px; padding: 0%; display:block; width:36px; height:36px; margin: 5px 10px 10px 0px; border-radius: 20%; box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),inset 2px 2px 3px rgba(0, 0, 0, .6); float: left;}
.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: #FFFABC; transition: all 0.15s; border-radius: 3px;}
.radioBtn label:hover { cursor: pointer; box-shadow: 1px 2px 4px #C0C0C2; }
.radioBtn input[type="radio"] { display: none; }
.radioBtn.selected label { background: #FFF9CE; color: #111; }
.radioBtn label.selected { background: #fd9f3e; 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; -webkit-appearance: none;}

/*エラー*/
.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: #f7c8c9; }
.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; }

/*モーダルウィンドウ*/
.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: #FFFABC; 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; }
.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; }
.modalInner .itemGroup .item .inrInfo .maidenName { display: none; }
/* メールアドレス有効性確認モーダル */
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: #0d69af; 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 #0d69af; }
.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: 50px; }
.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; background: #FFFFFF; }
.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 #FC6B01; background: #FFFABC; 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: #111; 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 #FC6B01; border-right: 3px solid #FC6B01; }
.teamsBoxPdf { padding: 10px; margin: 0 0 20px; border: 1px solid #ccc; }

/*フォーム*/
.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; }

/*ログイン・マイページ*/
.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 #FC6B01; }
.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;}
.itemNoneDisp {display: none;}

@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; }
	.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: right}*/
}

/*  ウィンドウサイズ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 #FFFFFF; }
	.flow .active span { display: none; }
	.flow .active::before { margin-left: -8px; border: 8px solid transparent; border-top: 8px solid #FFFFFF; }
	.flow .active:after { color: #FFFFFF; }

	/*見出し*/
	.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; }
	.headline07 { font-size: 12px; 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; padding: 5px 10px; }
	.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; }
	.modal_box .cordList ul li a { font-size: 16px; }
	.modal_box .cordList ul li span { font-size: 16px; }
	/* メールアドレス有効性確認モーダル */
	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; }
	
	/** PDF表示部品 */
	.pdfViewer {max-height: 300px; overflow: auto;}
}

	/*ローディング*/
	.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;}
}


	/*タブレット*/
	.tabletMainContent {overflow: visible; width:100%; padding: 5px 10px 5px 25px; float:left;}
	.tabletMainContent li {font-weight:bold; width:32%; list-style-type: none; font-size:14px;}
	.tabletMainContent a {text-decoration:none;}
	.tabletMainContent p {margin:3px 2px; font-weight:bold; font-size:105%; }
	.tabletMainContent p.state {margin:3px 2px; font-size:95%; line-height: 1.25em; font-weight: normal;}
	.tabletMainContent .menu {float:left; padding:10px 2px; margin:2.5px ; text-align: left; }
	.tabletMainContent .menu .tile {margin:0 10px 0 0; padding:3px 2px; border-radius: 7px; border:solid 1px #41b7d7;}
	.tabletMainContent .bar{width:85%; float:left; height:30px; font-size:85%; font-weight:bold; color:#fff; background-color:#FC6B01; padding:2px 5px; margin:5px 0px 5px 10px;}
	.tabletMainContent .bar2{width:85%; float:left; height:30px; font-size:85%; font-weight:bold; color:#fff; background-color:#FC6B01; padding:2px 5px; margin:5px 0px 5px 10px;}
	.tabletMainContent .triangle{float:left; width: 0; height: 0; border-left: 15px solid #FC6B01; border-top: 15px solid transparent; border-bottom: 15px solid transparent; margin:5px 0px; }


	.tabletMain {width:90%;margin: 0px auto;}
	.tabletMain a {text-decoration:none;}
	.tabletMain .menuTitle{text-align: center; margin: 30px 5px 10px; font-weight: bold; font-size: 150%; text-decoration: underline;}
	.tabletMain .selectMenu{display: flex;}
	.tabletMain .securedLoanMenu{float:left; width:50%; display: flex; flex-direction: column;}
	.tabletMain .securedLoanMenu .purpose{flex-grow:1;}
	.tabletMain .unSecuredLoanMenu{float:left;}
	.tabletMain .unSecuredLoanMenu .purpose{}
	.tabletMain ul.listPurpose{display: flex; justify-content: center; flex-wrap: wrap; padding-top: 15px;}
	.tabletMain ul.listPurpose li{flex-basis: 160px; width: 160px; min-height: 160px; padding: 14px 0 10px; background: #fff; border-radius: 8px; box-shadow: 2px 2px 8px rgb(0 0 0 / 20%); margin: 10px; transition: transform .2s; float:left;}
	.tabletMain ul.listPurpose li a div{display: flex; flex-direction: column; align-items: center;}
	.tabletMain .contetCenter{display: flex; justify-content: center; flex-wrap: wrap; padding: 15px}
	.tabletMain .contetCenter supplement{}
	.tabletMain .triangle-bottom{display: inline-block; border-style: solid; border-width: 20px 60px 0 60px; border-color: #006999 transparent transparent transparent;}
	.tabletMain .selectLinkS{width: 240px; padding: 14px; background: #1e90ff; border-radius: 8px; box-shadow: 2px 2px 8px rgb(0 0 0 / 20%); margin: 10px; transition: transform .2s; float:left;}
	.tabletMain .selectLinkU{width: 240px; padding: 14px; background: #FC6B01; border-radius: 8px; box-shadow: 2px 2px 8px rgb(0 0 0 / 20%); margin: 10px; transition: transform .2s; float:left;}
	.tabletMain .selectLinkS a div{display: flex; flex-direction: column; align-items: center;}
	.tabletMain .selectLinkU a div{display: flex; flex-direction: column; align-items: center;}
	.tabletMain .selectLinkS p{text-align: center; font-weight: bold;font-size: 120%; color: #FFF; text-shadow: -1px -2px 3px #808080;}
	.tabletMain .selectLinkU p{text-align: center; font-weight: bold;font-size: 120%; color: #FFF; text-shadow: -1px -2px 3px #808080;}

	
	.menuBtn {font-weight:bold;font-size:100%; margin:5px 3px; padding:5px 5px; text-align:center; border-radius: 5px; border: 1px solid #ccc; background: #f1e767; background: -webkit-gradient(linear, left top, left bottom, from(#FDFCFA), to(#ebedee));background: -webkit-linear-gradient(top, #FDFCFA 0%, #ebedee 100%); background: linear-gradient(to bottom, #FDFCFA 0%, #ebedee 100%);  -webkit-box-shadow: inset 3px 3px 5px #ccc,inset -3px -3px 5px #ccc; box-shadow: inset 3px 3px 5px #ccc,inset -3px -3px 5px #ccc;}
	.menuBtnB {font-weight:bold;font-size:100%; margin:5px 3px; padding:5px 5px; text-align:center; border-radius: 5px; border: 1px solid #ccc; background: #f1e767; background: -webkit-gradient(linear, left top, left bottom, from(#87cefa), to(#006999));background: -webkit-linear-gradient(top, #87cefa 0%, #006999 100%); background: linear-gradient(to bottom, #87cefa 0%, #006999 100%);  -webkit-box-shadow: inset 1px 1px 1px #fff; box-shadow: inset 1px 1px 1px #fff;color:#FFF;}
	.menuBtnG {font-weight:bold;font-size:95%; margin:5px 3px; padding:5px 5px; text-align:center; border-radius: 5px; border: 1px solid #ccc; background: #f1e767; background: -webkit-gradient(linear, left top, left bottom, from(#FDFCFA), to(#ebedee));background: -webkit-linear-gradient(top, #FDFCFA 0%, #ebedee 100%); background: linear-gradient(to bottom, #FDFCFA 0%, #ebedee 100%);  -webkit-box-shadow: inset 3px 3px 5px #ccc,inset -3px -3px 5px #ccc; box-shadow: inset 3px 3px 5px #ccc,inset -3px -3px 5px #ccc;letter-spacing: -2px;}
	.menuBtnl {font-weight:bold;font-size:95%; margin:5px 3px; padding:5px 5px; text-align:center; border-radius: 5px; border: 1px solid #ccc; background: #f1e767; background: -webkit-gradient(linear, left top, left bottom, from(#FDFCFA), to(#ebedee));background: -webkit-linear-gradient(top, #FDFCFA 0%, #ebedee 100%); background: linear-gradient(to bottom, #FDFCFA 0%, #ebedee 100%);  -webkit-box-shadow: inset 3px 3px 5px #ccc,inset -3px -3px 5px #ccc; box-shadow: inset 3px 3px 5px #ccc,inset -3px -3px 5px #ccc;letter-spacing: -2px;}

	.menuBtn a {font-weight:bold;text-decoration:none; font-size:100%; margin:5px 3px; padding:5px 5px; text-align:center; border-radius: 5px; border: 1px solid #ccc; background: #f1e767; background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%); background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);  -webkit-box-shadow: inset 1px 1px 1px #fff; box-shadow: inset 1px 1px 1px #fff;}
	.menuBtn a :hover{font-weight:bold;background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee)); background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%); background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);}
	.menuBtnl a {font-weight:bold;text-decoration:none; font-size:95%; margin:5px 3px; padding:5px 5px; text-align:center; border-radius: 5px; border: 1px solid #ccc; background: #f1e767; background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%); background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);  -webkit-box-shadow: inset 1px 1px 1px #fff; box-shadow: inset 1px 1px 1px #fff;letter-spacing: -2px;}
	.menuBtnl a :hover{font-weight:bold;background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee)); background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%); background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);}

	.menuBtnp {font-weight:bold; color:#fff; font-size:100%; margin:6px 3px; padding:5px 5px; text-align:center; border-radius: 15px; border: 1px solid #ccc; background: #f1e767; background: -webkit-gradient(linear, left top, left bottom, from(#87cefa), to(#006999));background: -webkit-linear-gradient(top, #87cefa 0%, #006999 100%); background: linear-gradient(to bottom, #87cefa 0%, #006999 100%);  -webkit-box-shadow: inset 1px 1px 1px #fff; box-shadow: inset 1px 1px 1px #fff;}
    .menuBtnIn {overflow: hidden;}
    .menuBtn .menuBtnph {float:left;}
    .menuBtnpn {visibility:hidden; -webkit-backface-visibility: hidden; pointer-events: none; margin:0 0 15px 0;}
	.menuBtnph {width:50%; float:left; font-weight:bold; color:#fff; font-size:100%; margin:0px; padding:5px 5px; text-align:center; border-radius: 15px; border: 1px solid #ccc; background: #f1e767; background: -webkit-gradient(linear, left top, left bottom, from(#87cefa), to(#006999));background: -webkit-linear-gradient(top, #87cefa 0%, #006999 100%); background: linear-gradient(to bottom, #87cefa 0%, #006999 100%);  -webkit-box-shadow: inset 1px 1px 1px #fff; box-shadow: inset 1px 1px 1px #fff;}
	.menuBtnO {color:#fff; font-weight:bold;font-size:100%; margin:5px 3px; padding:5px 5px; text-align:center; border-radius: 5px; border: 1px solid #ccc; background: #FC6B01; background: -webkit-gradient(linear, left top, left bottom, from(#FC6B01), to(#ff7f50));background: -webkit-linear-gradient(top, #FC6B01 0%, #ff7f50 100%); background: linear-gradient(to bottom, #FC6B01 0%, #ff7f50 100%);  -webkit-box-shadow: inset 1px 1px 1px #fff; box-shadow: inset 1px 1px 1px #fff;}
	
	.tile {overflow: hidden; width:100%;}
	.tile a {text-decoration:none;}
	.tileTitle {font-size:100%; margin:3px 3px; padding:5px 5px; text-align:center;}
	.tileMenu{float:left; width:50%;}
	
	.flatTile {float:left; width:16%; background-color:#FFC7AF; margin:3px 3px 180px; padding:5px; height:240px;}
	.flatTile .contentImage {height:80px; margin:50px 10px 10px 10px; background-color:#FFF; text-align:center; vertical-align:middle;}
	.flatTile .content {height:90px; font-size:90%; margin:0 0 15px 0; line-height:1.5em; }
	.flatTile .guide {background-color:#F8F8FF; font-weight:bold; font-size:90%; padding:5px; height:250px;}
	.flatTile .guide dt {font-weight:bold; padding:5px 2px 15px; text-align:center; font-size:120%; height:40px; margin:0 0 25px 0;}
	.flatTile .guide dd {padding:10px;line-height:1.2em;}
	.flatTile2 {float:left; width:16%; background-color:#FFC7AF; margin:3px 3px 5px; padding:5px;}
	.flatTile2 .guide dd {padding:5px 3px; line-height:1.2em; font-size:110%;}
	.flatTile2 .contentImage {height:80px; margin:50px 10px 10px 10px; background-color:#FFF;text-align:center; vertical-align:middle;}
	.flatTile2 .content {height:90px; font-size:85%; margin:0 0 15px 0; line-height:1.5em; }
	.flatTile2 .guide {background-color:#F8F8FF; font-weight:bold; font-size:66%; padding:2px; height:150px;}
	.flatTile2 .guide dt {font-weight:bold; padding:5px 2px 15px; text-align:center; font-size:100%; height:40px;}
	.flatTile2 .guide dd {padding:5px 3px; line-height:1.2em; font-size:110%;}
	.tabletMainContent .bar{text-align:center; line-height:30px; }
	.tabletMainContent .bar2{text-align:center; line-height:30px; letter-spacing:0em; font-size:85%;}
	
	
	.tabletMainContent .alert {float:left; font-size:115%; padding:90px 3px 3px 30px; margin:0 0 30px 0;}
	.tabletMainContent .alert p {font-weight:normal;}
	.tabletMainContent .alert li{list-style:square; font-weight:normal; margin:3px 3px 3px 30px; line-height:1.3em; width:100%; font-size:95%;}
	.tabletMainContent .announce ol{margin: 0; padding: 0;}
	.tabletMainContent .announce ol li {list-style: none; padding-left: 1.3em; text-indent: -1.3em;}
	.tabletMainContent .announce li{font-weight:normal; margin:3px 3px 3px 30px; line-height:1.3em; width:100%; font-size:115%;}
	.announce {margin:5px 5px 60px;}

	/*.selectBox::after {content: '';  width: 6px;  height: 6px;  border: 0px;  border-bottom: solid 2px #b4b3b3;  border-right: solid 2px #b4b3b3;  -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg);  transform: rotate(45deg);  position: absolute;  top: 50%;  right: 10px;  margin-top: -4px;}*/
	.select {content: '';  width: 6px;  height: 6px;  border: 0px;  border-bottom: solid 2px #b4b3b3;  border-right: solid 2px #b4b3b3;  -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg);  transform: rotate(45deg);  position: absolute;  top: 50%;  right: 10px;  margin-top: -4px;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  width: 100%;  height: 40px;  background: transparent;  position: relative;  z-index: 1;  padding: 0 40px 0 10px;  border: 1px solid #b4b3b3;  border-radius: 2px;}
	.select::-ms-expand {display: none;}

	.cover {position: fixed;top: 0;bottom: 0;right: 0;left: 0;z-index: 9999;opacity: 0;background: #000000;}
	
	.overlay {  position: fixed;  top: 0;  left: 0;  z-index: 2;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, .7);  opacity: 0;  visibility: hidden;  transition: .3s linear;}
	.overlay.is-open {  opacity: 1;  visibility: visible;}
	
	.staticMainContent { width: 80%; margin: 0 auto; padding: 30px 0 50px; }
	.info{font-size: 90%; line-height: 1.75; margin: 0 auto; padding: 0 0 10px;}
	.staticMainContent table{width:95%; margin: 20px auto; border-bottom: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa;border-spacing: 0;}
	.staticMainContent th{font-size: 95%; font-weight: bold; line-height: 1.75; margin: 0 auto; padding: 10px; background-color:#ffdead;}
	.staticMainContent td{font-size: 90%; font-weight: bold; line-height: 1.75; margin: 0 auto; padding: 35px 10px 10px 30px; background-color:#FFF;}
	.staticMainContent th,td{border-top:solid 1px #aaaaaa; border-left:solid 1px #aaaaaa; }
	.staticMainContent img{width:90%;padding: 0 0 10px;}
	.staticMainContent .sample{text-align: center;}
	.staticMainContent .maskInfo{list-style:disc;line-height: 1.75;}
	.staticMainContent .maskInfo2{list-style:none; color:#ff0000; line-height: 1.75;}


	/*20220625*/
	
	/** table */
	@media screen and (max-width: 670px) {
	.staticMainContent table {width: 100%;table-layout: fixed;}
	.staticMainContent table th, table td {width: 100%; border-bottom: none;}
	.staticMainContent table tr:last-child td:last-child {border-bottom: 1px solid #aaa;}
	}
	
	

	/*ヘッダー*/
	header .clogo img { width: 250px; }
	header .title { float: none; text-align: center; font-size: 30px; color:#FC6B01; font-weight:bold; margin-top:-50px;}
	header .title:before { content: '';  position: absolute;  left: 50%;  bottom: 30px; display: inline-block;  width: 60px;  height: 5px; -webkit-transform: translateX(-50%);  transform: translateX(-50%); background-color: #FC6B01; border-radius: 2px; }
	header .top { position: absolute; right: 20px; top: 80px; margin-right:5px;}
	header .top a{width: 240px; text-decoration: none; font-size: 85%;}
	header .mypage {width: 240px; position: absolute; right: 20px; top: 110px; }
	header .mypage a{text-decoration:none;}
	header .mypage dt { text-align: center; text-decoration:none; font-weight:bold; font-size: 100%; line-height: 20px; background: #FC6B01; color: #fff; padding:8px 16px; border-radius:5px; box-shadow:2px 2px 8px rgb(0 0 0 / 20%);}
	/* header .mypage a{width: 240px;text-decoration:none; position: absolute; right: 0px; top: 0px; font-size:100%; line-height: 20px; color: #0D72E8;}*/
	
	
	
	/*メイン*/
	.tabletMainContent .title{margin:10px;}
	.tabletMainContent .title p{font-size: 120%; text-align:center;}
	.tabletMainContent .title p:before { content: '';  position: absolute;  left: 50%;  top: 195px; display: inline-block;  width:85%;  height: 5px; -webkit-transform: translateX(-50%);  transform: translateX(-50%); background-color: #FC6B01; border-radius: 2px; }
	.tabletMainContent .out-menu{}
	.tabletMainContent .out-menu .menu-button{display: flex; align-items: center; justify-content: center; width:240px; height:60px; margin:10px; padding:5px; border:1px solid #D8D6D5; border-radius:5px; box-shadow:2px 2px 4px #D8D6D5; float:right; background-color:#FFFAEE;}
	.tabletMainContent .out-menu .menu-button p{text-align:center;line-height:1.1em;}
	.tabletMainContent .out-menu .menu-button2{display: flex; align-items: center; justify-content: center; width:480px; height:60px; margin:10px; padding:5px; border:1px solid #D8D6D5; border-radius:5px; box-shadow:2px 2px 4px #D8D6D5; float:right; background-color:#FFEDCE; flex-direction: column;}
	.tabletMainContent .out-menu .menu-button2 p{text-align:center;}
	.tabletMainContent .out-menu .menu-button2 p.sub{font-weight:nomal; font-size:70%; line-height:0.5em;}
	.tabletMainContent .out-menu .menu-button3{display: flex; align-items: center; justify-content: center; width:320px; height:60px; margin:10px; padding:5px; border:1px solid #D8D6D5; border-radius:5px; box-shadow:2px 2px 4px #D8D6D5; float:right; background-color:#E3E9ED; flex-direction: column;}
	.tabletMainContent .out-menu .menu-button3 p{text-align:center;}
	.tabletMainContent .out-menu .menu-button3 p.sub{font-weight:nomal; font-size:70%; line-height:0.5em;}
	
	.flex-container {display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; justify-content: center; margin:20px 5px;}
	.flex-container .flex-item{}
	.flex-container .secured{width:320px;}
	.flex-container .unSecured{height:520px; display: flex; flex-direction: column; flex-wrap: wrap;}
	.flex-container .secured p{color:#FC6B01;}
	.flex-require-container {display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; justify-content: flex-start; margin:2px 5px 2px -10px;}
	.flex-container .flex-require-item {width:480px; margin:15px 10px 5px; padding:5px; border:1px solid #D8D6D5; border-radius:5px; box-shadow:2px 2px 4px #D8D6D5; }
	.flex-container .flex-require-item img{width:40px; margin:5px; float:left;}
	.flex-container .flex-require-item p{float:left; line-height:1.1em; padding:0 0 0 8px; margin:5px;}
	.flex-container .flex-require-item .menu-button{display: flex; align-items: center;height:60px;}
	.flex-container .flex-require-item .menu-button>div:last-of-type{margin-left: auto;}
	.flex-container .flex-require-item2 {width:480px; margin:15px 10px 5px; padding:5px; border:1px solid #D8D6D5; border-radius:5px; box-shadow:2px 2px 4px #D8D6D5; }
	.flex-container .flex-require-item2 img{width:40px; margin:5px; float:left;}
	.flex-container .flex-require-item2 p{text-align:center; line-height:1.1em; padding:0 0 0 10px; margin:10px 0 10px 5px; font-size:95%;}
	.flex-container .flex-require-item2 p.title:after{content: ''; left: 50%; display: inline-block;  width: 50px;  height: 2px; -webkit-transform: translateX(0%);  transform: translateX(0%); background-color: #FC6B01; border-radius: 2px; margin-top:5px;}
	.flex-container .flex-require-item2 .menu-button{display: flex; flex-direction: column;}
	.flex-container .flex-require-item2 .menu-button>div:last-of-type{}
	.flex-container .flex-require-item2 .menu-button-item{display: flex; align-items: center;}
	.flex-container .flex-require-item2 .right{width:60%;}
	.flex-container .flex-require-item2 .left{width:40%;}
	.flex-container .flex-require-item2 .right-content{height:120px;display:flex; align-items: center; margin:3px 0 3px 8px; background-color:#FFEDCE;border-radius:5px;}
	.flex-container .flex-require-item2 .right-content .sentences{}
	.flex-container .flex-require-item2 .left-content{height: 120px; display: flex; align-items: center; margin: 3px 4px 3px 8px; background-color:#E8F5FF;border-radius:5px;}
	.flex-container .flex-require-item2 .left-content p{text-align:center; line-height:1.1em; padding:0 0 0 10px; margin:10px 0 10px 5px; font-size:95%;}
	.flex-container .flex-require-item3 {width:480px; margin:15px 10px 5px; padding:5px; border:1px solid #D8D6D5; border-radius:5px; box-shadow:2px 2px 4px #D8D6D5; background-color:#E3E9ED;}
	.flex-container .flex-require-item3 img{width:40px; margin:5px; float:left;}
	.flex-container .flex-require-item3 p{float:left; line-height:1.1em; padding:0 0 0 8px; margin:10px;}
	.flex-container .flex-require-item3 .menu-button{display: flex; align-items: center;}
	.flex-container .flex-require-item3 .menu-button>div:last-of-type{margin-left: auto;}
	.flex-container .flex-require-item4 {display: flex; align-items: center;}
	.flex-container .flex-require-item4 img{width:30px; margin:5px; float:left;}
	.flex-container .flex-require-item4 p{float:left; line-height:1.1em; padding:0 0 0 8px; color:#111; font-size:95%;}
	.flex-container .flex-require-item4 .pdf{display: flex; flex-direction: column; align-items: center; width:75px;}
	.flex-container .flex-require-item4 .pdf p{float:left; line-height:1.1em; color:#aaa; font-size:74%; text-align:center;}
	.flex-container .flex-require-item4 .hp_link{display: flex; flex-direction: column; align-items: center; width:75px;}
	.flex-container .flex-require-item4 .hp_link p{float:left; line-height:1.1em; color:#aaa; font-size:74%; text-align:center;}
	.flex-container .flex-require-item4 .menu-button{display: flex; align-items: center; width:160px; height:60px; margin:10px; padding:5px; border:1px solid #D8D6D5; border-radius:5px; box-shadow:2px 2px 4px #D8D6D5; }
	.flex-container .flex-require-item4 .menu-button>div:last-of-type{margin-left: auto;}
	.flex-container .flex-require-item4 a.pdf {width:25px; float:left;}
	.flex-container .flex-require-item4 a.hp_link {width:25px; float:left;}
	.flex-container .arrow-round{position:relative; display:inline-block; padding: 10px; border:1px solid #FC6B01; border-radius:50%; background-color:#FC6B01; float:right; margin:10px 20px;}
	.flex-container .arrow-round::before {content:''; width:8px; height:8px; border-top:solid 2px #fff; border-right: solid 2px #fff;  position: absolute;  left: 5px;  top: 5px;}
	.flex-container .arrow-round.arrow-right::before {transform: rotate(45deg); left: 3px;}
	.flex-container .arrow-round2{position:relative; display:inline-block; padding: 10px; border:1px solid #28A2FF; border-radius:50%; background-color:#28A2FF; float:right; margin:10px 10px;}
	.flex-container .arrow-round2::before {content:''; width:8px; height:8px; border-top:solid 2px #fff; border-right: solid 2px #fff;  position: absolute;  left: 5px;  top: 5px;}
	.flex-container .arrow-round2.arrow-right2::before {transform: rotate(45deg); left: 3px;}
	.flex-container .arrow-round3{position:relative; display:inline-block; padding: 10px; border:1px solid #B0B4B7; border-radius:50%; background-color:#B0B4B7; float:right; margin:10px 20px;}
	.flex-container .arrow-round3::before {content:''; width:8px; height:8px; border-top:solid 2px #fff; border-right: solid 2px #fff;  position: absolute;  left: 5px;  top: 5px;}
	.flex-container .arrow-round3.arrow-right3::before {transform: rotate(45deg); left: 3px;}
	
	.uflex-container {display: -webkit-flex; display: flex;justify-content: center; margin:20px 5px;}
	.uflex-container .flex-item{}
	.uflex-container .flex-item p{color:#FC6B01;}
	/*.uflex-container .flex-item:nth-child(1){width:520px;}*/
	.uflex-container .flex-item:nth-child(1)::before{background-color:#fff;}
	.uflex-container .flex-item::before{content:''; width:2px; height:530px; background-color:#D8D6D5;position: absolute; display: inline-block; top: 12%;}
	.uflex-container .secured{width:320px;}
	.uflex-container .unSecured{height:560px; display: flex; flex-direction: column; flex-wrap: wrap; padding-left:25px;}
	.uflex-container .secured p{color:#FC6B01;}
	.uflex-container .unSecured p{color:#FC6B01; padding-left:0px;}
	.flex-require-container {display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; justify-content: flex-start; margin:2px 5px 2px -10px;}
	.uflex-container p{padding-left:25px;}
	.uflex-container .flex-require-item {width:450px; margin:15px 10px 5px; padding:5px; border:1px solid #D8D6D5; border-radius:5px; box-shadow:2px 2px 4px #D8D6D5; }
	.uflex-container .flex-require-item img{width:40px; margin:5px; float:left;}
	.uflex-container .flex-require-item p{float:left; line-height:1.1em; padding:0 0 0 8px; margin:10px;}
	.uflex-container .flex-require-item .menu-button{display: flex; align-items: center;}
	.uflex-container .flex-require-item .menu-button>div:last-of-type{margin-left: auto;}
	.uflex-container .flex-require-item2 {width:450px; margin:15px 10px 5px; padding:5px; border:1px solid #D8D6D5; border-radius:5px; box-shadow:2px 2px 4px #D8D6D5; }
	.uflex-container .flex-require-item2 img{width:40px; margin:5px; float:left;}
	.uflex-container .flex-require-item2 p{text-align:center; line-height:1.1em; padding:0 0 0 10px; margin:10px 0 10px 5px; font-size:95%;}
	.uflex-container .flex-require-item2 p.title:after{content: ''; left: 50%; display: inline-block;  width: 50px;  height: 2px; -webkit-transform: translateX(0%);  transform: translateX(0%); background-color: #FC6B01; border-radius: 2px; margin-top:5px;}
	.uflex-container .flex-require-item2 .menu-button{display: flex; flex-direction: column;}
	.uflex-container .flex-require-item2 .menu-button>div:last-of-type{}
	.uflex-container .flex-require-item2 .menu-button-item{display: flex; align-items: center;}
	.uflex-container .flex-require-item2 .right{width:60%;}
	.uflex-container .flex-require-item2 .left{width:40%;}
	.uflex-container .flex-require-item2 .right-content{height:120px;display:flex; align-items: center; margin:3px 0 3px 8px; background-color:#FFEDCE;border-radius:5px;}
	.uflex-container .flex-require-item2 .right-content .sentences{}
	.uflex-container .flex-require-item2 .left-content{height: 120px; display: flex; align-items: center; margin: 3px 4px 3px 8px; background-color:#E8F5FF;border-radius:5px;}
	.uflex-container .flex-require-item2 .left-content p{text-align:center; line-height:1.1em; padding:0 0 0 10px; margin:10px 0 10px 5px; font-size:95%;}
	.uflex-container .flex-require-item3 {width:450px; margin:15px 10px 5px; padding:5px; border:1px solid #D8D6D5; border-radius:5px; box-shadow:2px 2px 4px #D8D6D5; background-color:#E3E9ED;}
	.uflex-container .flex-require-item3 img{width:40px; margin:5px; float:left;}
	.uflex-container .flex-require-item3 p{float:left; line-height:1.1em; padding:0 0 0 8px; margin:10px;}
	.uflex-container .flex-require-item3 .menu-button{display: flex; align-items: center;}
	.uflex-container .flex-require-item3 .menu-button>div:last-of-type{margin-left: auto;}
	.uflex-container .flex-require-item4 {display: flex; align-items: center;}
	.uflex-container .flex-require-item4 img{width:30px; margin:5px; float:left;}
	.uflex-container .flex-require-item4 p{float:left; line-height:1.1em; padding:0 0 0 8px; color:#111; font-size:95%;}
	.uflex-container .flex-require-item4 .pdf{display: flex; flex-direction: column; align-items: center; width:60px;}
	.uflex-container .flex-require-item4 .pdf p{float:left; line-height:1.1em; color:#aaa; font-size:74%; text-align:center;}
	.uflex-container .flex-require-item4 .menu-button{display: flex; align-items: center; width:170px; height:60px; margin:10px 10px 5px; padding:5px; border:1px solid #D8D6D5; border-radius:5px; box-shadow:2px 2px 4px #D8D6D5; }
	.uflex-container .flex-require-item4 .menu-button>div:last-of-type{margin-left: auto;}
	.uflex-container .flex-require-item4 a.pdf {width:25px; float:left;}
	.uflex-container .arrow-round{position:relative; display:inline-block; padding: 10px; border:1px solid #FC6B01; border-radius:50%; background-color:#FC6B01; float:right; margin:10px 20px;}
	.uflex-container .arrow-round::before {content:''; width:8px; height:8px; border-top:solid 2px #fff; border-right: solid 2px #fff;  position: absolute;  left: 5px;  top: 5px;}
	.uflex-container .arrow-round.arrow-right::before {transform: rotate(45deg); left: 3px;}
	.uflex-container .arrow-round2{position:relative; display:inline-block; padding: 10px; border:1px solid #28A2FF; border-radius:50%; background-color:#28A2FF; float:right; margin:10px 10px;}
	.uflex-container .arrow-round2::before {content:''; width:8px; height:8px; border-top:solid 2px #fff; border-right: solid 2px #fff;  position: absolute;  left: 5px;  top: 5px;}
	.uflex-container .arrow-round2.arrow-right2::before {transform: rotate(45deg); left: 3px;}
	.uflex-container .arrow-round3{position:relative; display:inline-block; padding: 10px; border:1px solid #B0B4B7; border-radius:50%; background-color:#B0B4B7; float:right; margin:10px 20px;}
	.uflex-container .arrow-round3::before {content:''; width:8px; height:8px; border-top:solid 2px #fff; border-right: solid 2px #fff;  position: absolute;  left: 5px;  top: 5px;}
	.uflex-container .arrow-round3.arrow-right3::before {transform: rotate(45deg); left: 3px;}
	
	/*modal*/
	.modal-wrapper {  z-index: 999;  position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0;  padding: 40px 10px;  text-align: center;}
	.modal-wrapper:not(:target) {  opacity: 0;  visibility: hidden;  transition: opacity .3s, visibility .3s;}
	.modal-wrapper:target {  opacity: 1;  visibility: visible;  transition: opacity .4s, visibility .4s;}
	.modal-wrapper::after {  display: inline-block;  height: 100%;  margin-left: -.05em;  vertical-align: middle;  content: "";}
	.modal-wrapper .modal-window {  box-sizing: border-box;  display: inline-block;  z-index: 20;  position: relative;  width: 70%;  max-width: 600px;  padding: 50px 30px 20px;  border-radius: 2px;  background: #fff;  box-shadow: 0 0 30px rgba(0, 0, 0, .6);  vertical-align: middle;}
	.modal-wrapper .modal-window .modal-content {  max-height: 80vh;  overflow-y: auto;  display: flex; justify-content: center;}
	.modal-wrapper .modal-window .modal-content a{ width:60%; margin:auto 15px ; padding:30px 5px;}
	.modal-wrapper .modal-window .modal-content p{text-align:center; text-decoration:none; font-weight:bold; font-size: 100%; line-height: 20px;  color: #fff; padding:8px 16px; border-radius:5px; box-shadow:2px 2px 8px rgb(0 0 0 / 20%); padding:30px 5px;}
	.modal-wrapper .modal-window .modal-content p.main{background: #272C84; }
	.modal-wrapper .modal-window .modal-content p.sub{background: #FC6B01;}
	.modal-overlay {  z-index: 10;  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  background: rgba(0, 0, 0, .8);}
	.modal-wrapper .modal-close {  z-index: 20;  position: absolute;  top: 0;  right: 0;  width: 35px;  color: #95979c !important;  font-size: 20px;  font-weight: 700;  line-height: 35px;  text-align: center;  text-decoration: none;  text-indent: 0;}
	.modal-wrapper .modal-close:hover {  color: #2b2e38 !important;}
	
	/*入力項目内のテーブルタグ*/
	.tableinputinfo {width: 80%;border-collapse: collapse;border: 1px solid;table-layout: fixed;background: #FFF;}
	.tableinputinfo th{text-align:center; background: #FC6B01;}
	.tableinputinfo th,td{padding: 5px; border:1px solid;}
	@media screen and (max-width: 670px) {
	.tableinputinfo{overflow-x: scroll}
	}

.scrollBtn {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-size: 0.8em;
    border-radius: 50%;
    width: 60px !important;
    height: 60px;
    min-width: 60px !important;
}
.scrollBtn::before {
	display: inline-block;
}
.up::before { content:"ページ下へ"; }
.down::after { content:"ページ上へ"; }
.up { position: fixed; top: 120px; right: 40px; }
.down { position: fixed; bottom: 10px; right: 40px; }
@media screen and (max-width: 670px) {
	.scrollBtn { width: 50px !important; height: 50px; min-width: 50px !important; }
	.up { top: 50px; right: 20px; }
	.down { position: fixed; bottom: 0px; right: 20px; }	
}

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;
    }
}