/**************************************
  表内容は 12px 固定
 **************************************/
/*normalize.css v3.0.2 | MIT License | git.io/normalize*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}
button[disabled] + span,
html input[disabled] + span {
  color: #aaa;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* Reset
------------------------------------------------------------ */
html {
  font-size: 62.5%;
  overflow-y: scroll;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 1em;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
}

a {
  margin: 0;
  padding: 0;
  outline: none;
}

img {
  vertical-align: middle;
}

/*=============================================================
 Base
=============================================================*/
* {
  box-sizing: border-box;
}
*.c_printMode {
  color: #000;
}

*:before,
*:after {
  box-sizing: border-box;
}

html {
  overflow-y: scroll;
}
html.is-fs-m {
  font-size: 71.4285%;
}

body {
  margin: 0;
  color: #333;
  font-size: 1.4rem;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.5;
  word-break: break-all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  line-height: 1.2;
}

ol,
ul,
menu {
  padding: 0;
}

ul {
  list-style: none;
}

ol {
  margin-left: 1.5em;
}

figure {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

textarea {
  resize: vertical;
}

img,
object,
embed {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

button {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
}

blockquote {
  position: relative;
  margin: 1em 0 0;
  padding: 15px 15px 15px 60px;
  background: #eee;
  color: #333;
}
blockquote::before {
  display: inline-block;
  position: absolute;
  top: 18px;
  left: 15px;
  vertical-align: middle;
  content: "”";
  color: #cfcfcf;
  font-size: 30px;
  line-height: 1;
}
blockquote cite {
  display: block;
  margin-top: 1em;
  text-align: right;
  font-size: 0.9em;
}

small {
  font-size: 100%;
}
.font-small{
  font-size: 11px;
}

.m0{
  margin:0px!important;
}
.p0{
  padding:0px!important;
}
/*=============================================================
 Link
=============================================================*/
a:link {
  color: #0000EE;
  text-decoration: underline;
}

a:visited {
  color: #0000EE;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
  opacity: .7;
}

a:active {
  color: #0000EE;
}

/*newstyle*/
body {
  background-color: #f5f5f5;
}
form {
  margin: 0;
}
table {
  width: 100%;
}
.content {
  background: #fff;
  margin: auto;
  width: 1080px;
  border: 20px solid #fff;
  margin-bottom: 20px;
}
.content-nomargin {
  background: #fff;
  margin: auto;
  width: 1080px;
  border: 20px solid #fff;
}
.content-bottomnone {
  background: #fff;
  margin: auto;
  width: 1080px;
  border: 20px solid #fff;
  border-bottom: 0;
}
.content-topnone {
  background: #fff;
  margin: auto;
  width: 1080px;
  border: 20px solid #fff;
  border-top: 0;
}
.form-content {
  background: #fff;
  margin: auto;
  width: 1080px;
  border: 20px solid #fff;
  border-bottom: none;
}
.form-content table {
  width: 100%;
  padding: 0 100px;
  margin:0 auto;
  background: #e7e7ff;
  border: 20px solid #e7e7ff;
}
.form-content table td {
  padding: 10px;
  vertical-align: top;
}
.form-content table td:first-child {
  width: 20%;
}
/*契約者ＩＤのID入力枠*/
.form-content03 table td:first-child {
  width: 25%;
}
.footer-content {
  width: 100%;
  padding: 35px 0 10px;
}
.footer-content td {
  text-align: center;
  color: #999;
  font-size: 12px;
}

.attention-content {
  background: #fff;
  margin: auto;
  width: 1080px;
  border: 20px solid #fff;
}
.attention-content table {
  width: 100%;
  border: 1px solid #DB152B;
}
.attention-content table td {
  padding: 20px;
}
.attention-content table td hr {
  border-color: #DB152B;
  margin-bottom: 15px;
}
.attention-content_02 {
  width: 100%;
  border: #DB152B solid 1px;
  padding-bottom: 15px;
  margin-top: 15px;
}
.attention-content_02 table{
  border: none;
  margin: 5px 15px;
}
.attention-content_02 td {
  padding: 5px 0px;
}
.attention-content_02 td hr {
  border-color: #DB152B;
  margin-bottom: 0px;
}
.attention-content_03 {
  padding: 15px 0 0;
}
.attention-content_03 table{
  width: 100%;
  border: #DB152B solid 1px;
  padding: 5px 15px 20px;
}
.attention-content_03 td {
  padding: 5px 0px;
}
.attention-content_03 td hr {
  border-color: #DB152B;
  margin-bottom: 0px;
}

/*バナーが存在しない場合*/
.firstheader {
  margin-top:25px;
}

.btn-area {
  background: #fff;
  margin: auto;
  width: 1080px;
  border: 20px solid #fff;
  margin-bottom: 0px;
  padding-bottom: 20px;
	text-align: center !important;
}
.btn-area div {
  text-align: center !important;
}
/*幅が余計な時*/
.btn-area02 {
  width: auto;
}
.button-without {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  font-size: 18px;
  display: inline-block;
  min-width: 150px;
  padding: 10px 30px 9px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #00047b;
  border-radius: 5px;
  text-decoration: none;


  color: #00047b;
  background-color: #fff;
}
a.button-without {
  text-decoration: none;
  color: #333;
  font-size: 14px;
  min-width: 90px;
  font-weight: normal;
  padding-top: 8px;
  padding-bottom: 6px;
  margin-top: 10px;
  margin-bottom: 5px;
  color: #00047b;
  border: 1px solid #00047b;
}
.button-without:hover {
  opacity: .7;
}
input {
  min-width: 350px;
  padding: 5px 10px;
  border: 1px solid #333;
}
.button-without.small {
  font-size: 14px;
  font-weight: bold;
}
.button-without.small.btnsize {
  width:350px;
}
.button-main {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  font-size: 18px;
  display: inline-block;
  min-width: 150px;
  padding: 10px 30px 9px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #00047b;
  border-radius: 5px;
  text-decoration: none;
  color: #fff;
  background-color: #00047b;
}
.button-main:hover {
  opacity: .7;
}
.button-main.small {
  font-size: 14px;
}

.button-area-tc {
  text-align: center;
}

TD { font-size: 14px; }

.hidden{
  display: none;
}

/* この画面を閉じる */
.closeInfo{
  padding-top: 20px;
  text-align: center;
}
/* ログイン画面入力項目 */

/**************************************
  背景色
 **************************************/
/* ログイン画面入力項目 */
/*
.mainLinColor{ background-color: 81a0d8; }
.subLinColor{ background-color: d9e1f0; }
.inputLinColor{ background-color: edf2f7; }
.grayLine{ background-color: c3bdb0; }
*/

/* メインカラー（エンド） */
/*.mainColorE{ background-color: #00047b; }*/

/* サブカラー（エンド） */
/*.subColorE{ background-color: #e7e7ff; }*/

/* サブカラー（エンド） */
/*.mainColorB{ background-color: #396018; }*/

/* サブカラー（エンド） */
/*.subColorB{ background-color: #efffef; }*/

/* メインカラー（センター） */
/*.mainColorC{ background-color: #660000; }*/

/* メインカラー（センター） */
/*.subColorC{ background-color: #ffe4c4; }*/

/* ログアウト画面用 */
/*.lgoColor{ background-color: #a0b8c8; }*/

/* 薄灰色（入力値欄） */
/*.inputColor{ background-color: #efefef;}*/

/* 項目 */
/*.itemColor{ background-color: #ffffff; }*/

/**************************************
  装飾
 **************************************/

/* システム一覧画面用 */
/*
.titleLine{
  background-color: #00047b;
  border-bottom: solid 1px #00047b;
}
*/
/*.sysBtnSize{ width:200px; height:30px; }*/

/* 通知メッセージ登録（確認画面用) */
/*.textareaReadOnly{ border: 0px;}*/

/* 金庫設定・変更（金庫選択用幅) */
/*
.bkListWidth{ width: 300px; }
.bkListBtn{ width: 100px; }
*/

/**************************************
  リンク
 **************************************/
 /* メインカラー上（エンド） */
/*
.menuMainColorE{ color: #ffffff; }
.menuMainColorE a:link{ color: #ffffff; }
.menuMainColorE a:visited{ color: #ffffff; }
.menuMainColorE a:hover{ color: #ffffff; }
.menuMainColorE a:active{ color: #ffffff; }
*/

/* 通常（エンド・非選択メニュー） */
/*
.menuSubColorE{ color: #00047b; }
.menuSubColorE a:link{ color: #00047b; }
.menuSubColorE a:visited{ color: #00047b; }
.menuSubColorE a:hover{ color: #00047b; }
.menuSubColorE a:active{ color: #00047b; }
*/

 /* メインカラー上（金庫） */
/*
.menuMainColorB{ color: #ffffff; }
.menuMainColorB a:link{ color: #ffffff; }
.menuMainColorB a:visited{ color: #ffffff; }
.menuMainColorB a:hover{ color: #ffffff; }
.menuMainColorB a:active{ color: #ffffff; }
*/

/* 通常（金庫・非選択メニュー） */
/*
.menuSubColorB{ color: #396018; }
.menuSubColorB a:link{ color: #396018; }
.menuSubColorB a:visited{ color: #396018; }
.menuSubColorB a:hover{ color: #396018; }
.menuSubColorB a:active{ color: #396018; }
*/

 /* メインカラー上（センター） */
/*
.menuMainColorC{ color: #ffffff; }
.menuMainColorC a:link{ color: #ffffff; }
.menuMainColorC a:visited{ color: #ffffff; }
.menuMainColorC a:hover{ color: #ffffff; }
.menuMainColorC a:active{ color: #ffffff; }
*/

/* 通常（センター・非選択メニュー） */
/*
.menuSubColorC{ color: #660000; }
.menuSubColorC a:link{ color: #660000; }
.menuSubColorC a:visited{ color: #660000; }
.menuSubColorC a:hover{ color: #660000; }
.menuSubColorC a:active{ color: #660000; }
*/

/**************************************
  表Border
 **************************************/
/*
.bdColorE{
  border-right: solid 1px #00047b;
  border-bottom: solid 1px #00047b;
}
.bdColorE2{
  border-right: solid 1px #00047b;
  border-bottom: solid 2px #00047b;
}
.bdColorEL{ border-left: solid 1px #00047b; }
.bdColorER{ border-right: solid 1px #00047b; }
.bdColorET{ border-top: solid 1px #00047b; }

.bdColorB{
  border-right: solid 1px #396018;
  border-bottom: solid 1px #396018;
}
.bdColorB2{
  border-right: solid 1px #396018;
  border-bottom: solid 2px #396018;
}
.bdColorBL{ border-left: solid 1px #396018; }
.bdColorBR{ border-right: solid 1px #396018; }
.bdColorBT{ border-top: solid 1px #396018; }

.bdColorC{
  border-right: solid 1px #660000;
  border-bottom: solid 1px #660000;
}
.bdColorC2{
  border-right: solid 1px #660000;
  border-bottom: solid 2px #660000;
}
.bdColorCL{ border-left: solid 1px #660000; }
.bdColorCR{ border-right: solid 1px #660000; }
.bdColorCT{ border-top: solid 1px #660000; }


.bdColorL{
  border-right: solid 1px #81a0d8;
  border-bottom: solid 1px #81a0d8;
}
*/
/*.bdColorLL{ border-left: solid 1px #81a0d8; }*/
/*.bdColorLT{ border-top: solid 1px #81a0d8; }*/
/*

.bdColorO{
  border-right: solid 1px #a0b8c8;
  border-bottom: solid 1px #a0b8c8;
}
*/
/*.bdColorOL{ border-left: solid 1px #a0b8c8; }*/
/*.bdColorOT{ border-top: solid 1px #a0b8c8; }*/

/**************************************
  文字サイズ
 **************************************/
/* 通常文字 */
/*.normal{ font-size: 14px; }*/

/* 注意文字 */
/*.notice{ font-size: 14px; color: #ff0000;}*/

/* 強調注意文字 */
.noticeB{ color: #ff0000; font-weight: bold; }

/* 題字 */
/*.subject{ font-size: 14px; font-weight: bold; color:#ffffff; }*/

/* 業務タイトル */
.bizName,
.title.bizName{
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
	position: relative;
	color: #00047b;
	padding: 0;
}
.bizName:before{
	content: "";
	width: 6px;
	height: 28px;
	left: -20px;
	top: 5px;
	position: absolute;
	background-color: #F1911A;
}
/* ヘルプマークの設定*/
.c_js-hoverHelp {
  position: relative;
  display: inline-block;
  margin: 0 0 0 6px;
  opacity: 1.0;
  height: 24px;
  line-height: 1;
}
h2 .c_js-hoverHelp {
  top: -7px;
}
.c_icon_help {
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Ccircle%20style%3D%22fill%3A%23999%3B%22%20class%3D%22st0%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%2F%3E%3Cpath%20style%3D%22fill%3A%23fff%3B%22%20class%3D%22st1%22%20d%3D%22M13.2%2C13v1.7h-2.4v-2.5c0.9-0.3%2C1.6-0.7%2C2.3-1.3c0.4-0.4%2C0.7-0.9%2C0.7-1.5c0-1-0.7-1.6-2-1.6%20c-1%2C0-1.9%2C0.3-2.7%2C0.9H8.9V6.6C10%2C6.2%2C11.2%2C6%2C12.4%2C6c1.1-0.1%2C2.1%2C0.2%2C3%2C0.8c0.7%2C0.5%2C1.1%2C1.4%2C1.1%2C2.2c0%2C0.8-0.2%2C1.6-0.7%2C2.2%20C15.1%2C12.1%2C14.2%2C12.7%2C13.2%2C13z%20M13.4%2C18h-2.7v-2h2.7V18z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
}
.c_js-showHelp {
  display: none;
  opacity: 1.0;
  position: absolute;
  left: -17px;
  top: -35px;
  width: 160px;
  font-size: 12px;
  background: #999;
  padding: 5px 0;
  text-align: center;
  color: #fff;
  border-radius: 3px;
}
.c_js-showHelp:after {
    content: "";
    position: absolute;
    top: 92%;
    left: 25px;
    border: 5px solid transparent;
    border-top: 8px solid #999;
  }
.c_icon_help:hover + .c_showHelp {
  display: block;
}
/*.bizName-NonLine{ font-size: 16px; font-weight: bold;}*/

/* h1の設定*/
.content-title{
  margin: auto;
  width: 1080px;
  padding:20px 0 10px;
}
.content-title h1{
  color: #00047b;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1;
}
.title{
  font-size: 16px;
  font-weight: bold;
  padding: 0 5px;
  margin-bottom: 15px;
}

/* 処理結果 */
/*.rslt{ font-size: 16px; font-weight: bold; color:#ffffff; }*/

/* メイン用（メニュー名） */
/*.menuName{ color: #ff0000; font-size:14px; font-weight:bold; }*/

/* ログアウト画面用 */
/*.lgoTx{ font-size:14px; font-weight:bold; }*/
/*.lgoTxRd{ color: #ff0000; }*/

/**************************************
  パンくず
 **************************************/
/* 現在位置 */
/*.nowLoc{ color: #ff0000; font-weight: bold;}*/

/* パンくず下ライン */
/*.locLine{ border-bottom: solid 1px #333333; }*/

/**************************************
  Copyright
 **************************************/
/* 文字 */
/*.cprt{ font-size: 14px; color: #999999; }*/

/* 線 */
/*.cprtLine{ border-bottom: solid 1px #333333; }*/

/*独特のコーディングのwmecir009.htmlをテンプレートに似せる*/
.wmecir009-content-nomargin .hidden{
  display:none;
}
.wmecir009-content-nomargin .form-content{
  border-left: 0px;
  border-right: 0px;
}
.wmecir009-content-nomargin .form-content table{
 padding: 0 230px;
}
.wmecir009-content-nomargin .form-content table td:first-child{
  width: 29%;
}
.wmecir009-content-nomargin .btn-area{
  width: 1040px;
}
.wmecir009-content-nomargin .bizName{
  padding-left: 0;
}
/*wmecir154.htmlの場合のようにtable内側にあるものの対応*/
.attention-content-top {
  border: 1px solid #DB152B;
  border-bottom: 0px;
}
.attention-content-top2 {
  border: 1px solid #DB152B;
  border-bottom: 0px;
  padding-top: 30px;
}
.attention-content-bottom {
  border: 1px solid #DB152B;
  border-top: 0px;
  padding-bottom: 30px;
}
/*電子証明書情報*/
.Tablebd{ width:100%!important;}
.Tablebd td{padding:0px 10px;}
.Tablebd .subject{
  font-size: 14px; font-weight: bold;text-align: center;
  background-color: #e5ecf4; width: auto;
  border: solid 1px #024C95;
  color:#024C95;
}
.TablebdColor-EL{ border-left: solid 1px #024C95;}
.TablebdColor-ER{ border-right: solid 1px #024C95; }
.TablebdColor-E{ border-right: solid 1px #024C95;border-bottom: solid 1px #024C95;}

.TablebdSpe{padding:20px 10px!important;}
.TablebdSpe-T{padding-top:20px!important;}
.TablebdSpe-B{padding-bottom:20px!important;}
.TablebdColor-E{ border-right: solid 1px #024C95;border-bottom: solid 1px #024C95;}
/*softkey*/
.c_softKeybordWrap {
    display: none;
}

.c_softKeybordBox {
    position: relative;
}
.c_softKeybord02 {
  background-color: #D2D2D2;
  padding: 30px;
  border-radius: 5px;
  box-shadow: 0px 3px 6px #ccc;
  margin: 30px 0 0;
  position: absolute;
  left: calc(50% - 392px);
  top: 0;
  z-index: 210;
  width: 765px; }
  .c_softKeybordWrap.col-right .c_softKeybord02 {
    left: -35px;
    position: absolute; }
  .c_softKeybord02_arrow {
    position: absolute;
    left: 50%;
    top: -29px;
    margin-left: -20px;
    border-bottom: 30px solid #D2D2D2;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent; }
  .c_softKeybord02 .btn, .c_softKeybord02 .selBtn {
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    display: block;
    color: #333;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ccc; }
    .c_softKeybord02 .btn:hover, .c_softKeybord02 .selBtn:hover {
      opacity: .7; }
  .c_softKeybord02 .btn {
    font-weight: bold;
    width: 45px;
    line-height: 43px;
    font-size: 24px;
}
  .c_softKeybord02 input {
		    min-width: auto;
}
    .c_softKeybord02 .btn + .btn {
      margin-left: 10px; }
  .c_softKeybord02 .selBtn {
    width: 155px;
    line-height: 43px; }
    .c_softKeybord02 .selBtn + .selBtn {
      margin-left: 10px; }
    .c_softKeybord02 .selBtn.close {
      margin-left: auto;
      font-weight: bold;
      border-color: #024C95;
      color: #024C95; }
  .c_softKeybord02 .softKeyArea {
    display: flex;
    justify-content: left; }
    .c_softKeybord02 .softKeyArea + .softKeyArea {
      margin-top: 20px; }

.c_adjustable_panel50 .c_contentBlock + .c_contentBlock .c_softKeybord02 {
  left: 10px;
  position: absolute; }

.c_adjustable_panel50 .c_contentBlock + .c_contentBlock .c_softKeybord02_arrow {
  left: 657px; }

.c_adjustable_panel50 .c_contentBlock + .c_contentBlock .c_id_pass_box .c_softKeybord02 {
  left: inherit;
  right: 0;
  margin-right: 37px; }

.c_softKeybordBox {
  position: relative;
	display: inline-block;
}
  .c_id_pass_box .c_softKeybordBox {
    display: block; }

.c_flex > .c_softKeybordBox .c_softKeybord02 {
  left: inherit;
  right: 0; }

.c_flex > .c_softKeybordBox .c_softKeybord02_arrow {
  left: 657px; }

.c_softKeybordWrap_overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200; }
  .js-show .c_softKeybordWrap_overlay {
    display: block; }
.c_softKeybordWrap {
  display: none; }
  .c_softKeybordWrap.js-show {
    display: block;
    position: relative; }
/* info */
.ico_Info {
  margin: 15px 10px;
}
.ico_Info span{
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23F1911A%22%20d%3D%22M20.4%2C3.5c-4.7-4.7-12.3-4.7-17%2C0c-4.6%2C4.6-4.7%2C12.2-0.1%2C16.9c0%2C0%2C0.1%2C0.1%2C0.1%2C0.1%20c4.7%2C4.7%2C12.3%2C4.7%2C17%2C0c4.6-4.6%2C4.7-12.2%2C0.1-16.9C20.5%2C3.6%2C20.5%2C3.5%2C20.4%2C3.5z%20M19%2C18.9c-3.9%2C3.8-10.1%2C3.8-14%2C0%20C1.2%2C15.1%2C1.2%2C9%2C5%2C5.2c0%2C0%2C0.1-0.1%2C0.1-0.1c3.9-3.8%2C10.1-3.8%2C14%2C0C22.8%2C8.8%2C22.9%2C15%2C19%2C18.9C19.1%2C18.8%2C19.1%2C18.9%2C19%2C18.9z%22%2F%3E%3Cpath%20fill%3D%22%23F1911A%22%20d%3D%22M12%2C9.1c1%2C0%2C1.8-0.8%2C1.8-1.8S13%2C5.5%2C12%2C5.5c-1%2C0-1.8%2C0.8-1.8%2C1.8S11%2C9.1%2C12%2C9.1L12%2C9.1z%22%2F%3E%3Cpath%20fill%3D%22%23F1911A%22%20d%3D%22M14.2%2C17H14c-0.3%2C0-0.5-0.2-0.5-0.5v-6.4c0-0.1-0.1-0.2-0.2-0.2c0%2C0-0.1%2C0-0.1%2C0L10%2C11.7%20c-0.9%2C0.5-0.5%2C1-0.1%2C1s1.3-0.1%2C1.3-0.1v4c0%2C0.3-0.2%2C0.5-0.5%2C0.5h-0.5c-0.1%2C0-0.2%2C0.1-0.2%2C0.2v1c0%2C0.1%2C0.1%2C0.2%2C0.2%2C0.2h3.9%20c0.1%2C0%2C0.2-0.1%2C0.2-0.2v-1C14.4%2C17.1%2C14.3%2C17%2C14.2%2C17C14.2%2C17%2C14.2%2C17%2C14.2%2C17z%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  padding-left: 1.4em;
  background-size: 14px 14px;
  background-position: 0 3px;
}
.ico_Info .nsp{
  background: none;
  padding-left: 1.4em;
}
/* error */
#errMsg {
  background-color: #fcd6d6;
  margin: 20px auto;
  color: #fe0000 !important;
  max-width: 1040px;
  outline: 20px solid #fff;
}
#errMsg img {
  display: none;
}
.errTitle {
  font-size: 24px !important;
  color: #fe0000 !important;
  line-height: 1.5 !important;

}
.errTitle:before {
  content: "";
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23fe0000%22%20d%3D%22M509.08%2C448.217L274.676%2C42.218c-8.299-14.376-29.051-14.376-37.352%2C0L2.922%2C448.217c-8.301%2C14.376%2C2.074%2C32.347%2C18.674%2C32.347h468.806C507.003%2C480.564%2C517.378%2C462.594%2C509.08%2C448.217z%20M277.035%2C423.636c0%2C2.68-9.418%2C4.853-21.033%2C4.853c-11.619%2C0-21.037-2.173-21.037-4.853V389.98c0-2.68%2C9.418-4.853%2C21.037-4.853c11.615%2C0%2C21.033%2C2.174%2C21.033%2C4.853V423.636z%20M273.529%2C345.11c0.008%2C0.1%2C0.066%2C0.195%2C0.066%2C0.3c0%2C4.344-7.879%2C7.866-17.594%2C7.866c-9.721%2C0-17.596-3.522-17.596-7.866c0-0.102%2C0.056-0.198%2C0.066-0.3l-10.936-140.5c0-4.344%2C12.744-7.866%2C28.465-7.866s28.463%2C3.522%2C28.463%2C7.866L273.529%2C345.11z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-size: 24px auto;
  background-position: center;
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-top: -2px;
  margin-right: 7px;
}
.errText {
  display: block;
  margin-top: 10px;
  font-size: 20px !important;
  color: #fe0000 !important;
  line-height: 1.5 !important;
  font-weight: bold;
}
/* errcaption*/
.captionander{
  padding-top: 20px;
  text-align: left;
}

.c_icon_keybord {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2012%22%3E%3Cpath%20fill%3D%22%2300047b%22%20d%3D%22M386%2C164v12h20V164Zm19.048%2C11h-18.1V165h18.1Z%22%20transform%3D%22translate%28-386%20-164%29%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%2300047b%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%223%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%2300047b%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%223%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%2300047b%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%223%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%2300047b%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%2300047b%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%225%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%2300047b%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%225%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%2300047b%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%225%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%2300047b%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%228%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%2300047b%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%228%22%20width%3D%226%22%20height%3D%221%22%20fill%3D%22%2300047b%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%228%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%2300047b%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px auto;
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-top: -2px;
  margin-left: 0.5em;
}

#modal-content{
  width:487px;
  height:257px;
  margin:auto 0;
  background-position: center;
  border:2px solid #aaa;
  background:#fff;
  z-index:2;
  position:fixed;
}

.modal-p{
  margin-top:1em;
}

.modal-p:first-child{
  margin-top:0;
}

.button-link{
  color:#00f;
  text-decoration:underline;
}
 
.button-link:hover{
  cursor:pointer;
  color:#f00;
}

#modal-content2{
  width:448px;
  height:334px;
  margin:auto 0;
  background-position: center;
  border:2px solid #aaa;
  background:#fff;
  z-index:2;
  position:fixed;
}

.modal-p{
  margin-top:1em;
}

.modal-p:first-child{
  margin-top:0;
}

.button-link{
  color:#00f;
  text-decoration:underline;
}
 
.button-link:hover{
  cursor:pointer;
  color:#f00;
}

#modal-content3{
  width:487px;
  height:257px;
  margin:auto 0;
  background-position: center;
  border:2px solid #aaa;
  background:#fff;
  z-index:2;
  position:fixed;
}

.modal-p{
  margin-top:1em;
}

.modal-p:first-child{
  margin-top:0;
}

.button-link{
  color:#00f;
  text-decoration:underline;
}
 
.button-link:hover{
  cursor:pointer;
  color:#f00;
}

#modal-content4{
  width:448px;
  height:334px;
  margin:auto 0;
  background-position: center;
  border:2px solid #aaa;
  background:#fff;
  z-index:2;
  position:fixed;
}

.modal-p{
  margin-top:1em;
}

.modal-p:first-child{
  margin-top:0;
}

.button-link{
  color:#00f;
  text-decoration:underline;
}
 
.button-link:hover{
  cursor:pointer;
  color:#f00;
}

#modal-content5{
  width:487px;
  height:257px;
  margin:auto 0;
  background-position: center;
  border:2px solid #aaa;
  background:#fff;
  z-index:2;
  position:fixed;
}

.modal-p{
  margin-top:1em;
}

.modal-p:first-child{
  margin-top:0;
}

.button-link{
  color:#00f;
  text-decoration:underline;
}
 
.button-link:hover{
  cursor:pointer;
  color:#f00;
}

#modal-content6{
  width:448px;
  height:334px;
  margin:auto 0;
  background-position: center;
  border:2px solid #aaa;
  background:#fff;
  z-index:2;
  position:fixed;
}

.modal-p{
  margin-top:1em;
}

.modal-p:first-child{
  margin-top:0;
}

.button-link{
  color:#00f;
  text-decoration:underline;
}
 
.button-link:hover{
  cursor:pointer;
  color:#f00;
}

#modal-content7{
  width:487px;
  height:257px;
  margin:auto 0;
  background-position: center;
  border:2px solid #aaa;
  background:#fff;
  z-index:2;
  position:fixed;
}

.modal-p{
  margin-top:1em;
}

.modal-p:first-child{
  margin-top:0;
}

.button-link{
  color:#00f;
  text-decoration:underline;
}
 
.button-link:hover{
  cursor:pointer;
  color:#f00;
}

#modal-content8{
  width:448px;
  height:334px;
  margin:auto 0;
  background-position: center;
  border:2px solid #aaa;
  background:#fff;
  z-index:2;
  position:fixed;
}

.modal-p{
  margin-top:1em;
}

.modal-p:first-child{
  margin-top:0;
}

.button-link{
  color:#00f;
  text-decoration:underline;
}
 
.button-link:hover{
  cursor:pointer;
  color:#f00;
}

#modal-content9{
  width:460px;
  height:346px;
  margin:auto 0;
  background-position: center;
  border:2px solid #aaa;
  background:#fff;
  z-index:2;
  position:fixed;
}

.modal-p{
  margin-top:1em;
}

.modal-p:first-child{
  margin-top:0;
}

.button-link{
  color:#00f;
  text-decoration:underline;
}
 
.button-link:hover{
  cursor:pointer;
  color:#f00;
}

#modal-overlay{
  z-index:1;
  display:none;
  position:fixed;
  width:0px;
  height:0px;
  background-color:rgba(0,0,0,0.0);
}
/* Alert
------------------------------------------------------------ */
#popup_container {
  border: solid 8px #fcd6d6 !important;
  color: #333;
  border-radius: 0 !important;
  box-shadow: 0 0 0 10px #fff;
  text-align: center;
  width: 600px; }
  #popup_container #popup_title {
    padding: 7px 50px 15px;
    background: #fcd6d6;
    color: #fe0000;
    font-size: 2.4rem;
    border: none; }
  #popup_container #popup_content {
    background: #fff;
    padding: 15px; }
  #popup_container #popup_message {
    padding-left: 0;
    text-align: center;
    font-size: 1.8rem; }
  #popup_container #popup_panel {
    margin: 0;
    margin-top: 20px; }





/* Button
------------------------------------------------------------ */
/*=============================================================
 button
// ボタンのテキストサイズは拡大縮小ボタンの影響を受けないためfont-sizeは絶対値とする
=============================================================*/
.button, a.button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  font-size: 18px;
  display: inline-block;
  color: #333;
  min-width: 200px;
  padding: 10px 30px;
  line-height: 28px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #00047b;
  border-radius: 5px;
  text-decoration: none;
  background-color: #00047b;
  color: #fff; }
  .button:hover, a.button:hover {
    opacity: .7; }
  .button.u_mw_170, a.button.u_mw_170 {
    min-width: 170px !important; }
  .is_disabled .button, .is_disabled a.button {
    border-color: #999;
    pointer-events: none;
    color: #ccc;
    background: #999; }

.c_button.large .button {
  font-size: 20px;
  min-width: 230px;
  padding-top: 15px;
  padding-bottom: 15px; }

.c_button.small .button {
  font-size: 14px;
  min-width: 113px;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px; }
  .c_button.small .button.mw160 {
    min-width: 160px; }
  .c_button.small .button.mw200 {
    min-width: 200px; }

.c_button.small.white .button {
  font-weight: normal; }

.c_button.xsmall .button {
  min-width: 70px;
  font-weight: bold;
  padding: 6px 5px 5px; }
  .c_button.xsmall .button.fs14 {
    font-size: 14px; }

.c_button.main:not(.is_disabled) .button {
  color: #fff;
  background-color: #00047b; }

.c_button.without:not(.is_disabled) .button {
  color: #00047b;
  background-color: #fff; }

.c_button.white:not(.is_disabled) .button {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }

.c_button.reload .button {
  padding-right: 40px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23F1911A%22%20d%3D%22M24.28%2018.63l-0.005-0.002-0.009-0.003c-0.17%200.536-0.388%201.044-0.648%201.522-0.007%200.012-0.013%200.023-0.020%200.035-0.113%200.206-0.237%200.405-0.366%200.599-0.031%200.046-0.061%200.093-0.093%200.139-0.107%200.155-0.222%200.304-0.338%200.451-0.050%200.062-0.097%200.126-0.148%200.187-0.107%200.127-0.22%200.247-0.334%200.368-0.138%200.146-0.28%200.286-0.428%200.422-0.086%200.080-0.17%200.162-0.26%200.238-0.104%200.089-0.213%200.171-0.321%200.254-0.088%200.068-0.176%200.137-0.266%200.202-0.103%200.073-0.208%200.143-0.314%200.212-0.109%200.071-0.219%200.14-0.331%200.206-0.092%200.054-0.185%200.107-0.279%200.158-0.148%200.080-0.298%200.156-0.451%200.227-0.063%200.030-0.126%200.061-0.19%200.090-1.687%200.742-3.617%200.958-5.526%200.494-2.297-0.558-4.22-2.012-5.396-3.983-0.214-0.359-0.405-0.734-0.566-1.126l1.597-0.099%201.131-0.064-0.007-0.007%200.014-0.001-5.695-5.027-2.931%203.318-2.099%202.366%200.010-0.001-0.009%200.011%202.913-0.181c1.321%204.747%205.081%208.402%209.878%209.567%201.065%200.259%202.135%200.383%203.19%200.383%205.735%200%2011.037-3.67%2012.905-9.306%200.019-0.055%200.042-0.108%200.060-0.164h-0c0.001-0.003%200.002-0.006%200.003-0.009l-4.67-1.477z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23F1911A%22%20d%3D%22M7.711%2013.367l0.014%200.004%200.010%200.003c0.17-0.536%200.388-1.044%200.649-1.522%200.006-0.011%200.013-0.022%200.019-0.033%200.114-0.207%200.238-0.406%200.367-0.601%200.031-0.046%200.061-0.092%200.092-0.137%200.108-0.156%200.222-0.305%200.339-0.453%200.050-0.062%200.096-0.126%200.147-0.186%200.107-0.128%200.221-0.248%200.335-0.37%200.136-0.144%200.277-0.282%200.422-0.416%200.088-0.081%200.174-0.165%200.265-0.242%200.103-0.088%200.212-0.169%200.319-0.252%200.089-0.069%200.177-0.139%200.269-0.204%200.102-0.073%200.207-0.142%200.312-0.21%200.11-0.072%200.22-0.141%200.333-0.208%200.092-0.054%200.184-0.107%200.277-0.157%200.148-0.080%200.299-0.156%200.452-0.228%200.063-0.030%200.125-0.061%200.189-0.089%201.688-0.742%203.617-0.958%205.527-0.494%202.295%200.558%204.217%202.010%205.392%203.977%200.215%200.361%200.407%200.737%200.569%201.131l-1.596%200.099-1.132%200.063%200.008%200.007-0.014%200.001%205.695%205.027%202.954-3.344%202.076-2.34-0.010%200.001%200.009-0.011-2.913%200.181c-1.321-4.747-5.080-8.402-9.878-9.567-6.549-1.591-13.259%201.911-15.774%208.046-0.007%200.017-0.013%200.034-0.020%200.050-0.13%200.32-0.251%200.645-0.357%200.979-0.001%200.004-0.003%200.008-0.004%200.012l0%200c-0.001%200.003-0.002%200.006-0.003%200.009l4.661%201.475z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 23px 23px; }

.c_button.arrow_r:not(.is_disabled) .button {
  padding-right: 30px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23024C95%22%20d%3D%22M26.746%2016l-16-16-5.491%205.485%2010.515%2010.515-10.515%2010.515%205.491%205.485%2016-16z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 7px center;
  background-size: 13px; }

.c_button.arrow_rw:not(.is_disabled) .button {
  padding-right: 35px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M26.746%2016l-16-16-5.491%205.485%2010.515%2010.515-10.515%2010.515%205.491%205.485%2016-16z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 7px center;
  background-size: 13px; }

.c_button.arrow_rg:not(.is_disabled) .button {
  padding-right: 35px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M26.746%2016l-16-16-5.491%205.485%2010.515%2010.515-10.515%2010.515%205.491%205.485%2016-16z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 7px center;
  background-size: 13px; }

.c_button.arrow_lg:not(.is_disabled) .button {
  padding-left: 40px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.229%22%20height%3D%2211.062%22%20viewBox%3D%220%200%207.229%2011.062%22%3E%3Cpath%20d%3D%22M0%2C9.255%2C3.724%2C5.531%2C0%2C1.807%2C1.807%2C0%2C7.229%2C5.422l-.109.109.109.109L1.807%2C11.062Z%22%20transform%3D%22translate%287.229%2011.062%29%20rotate%28180%29%22%20fill%3D%22%23333%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 7px; }

.c_button.arrow_ac .button:after {
  content: "";
  display: inline-block;
  border-top: 9px solid #333;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  transform: rotate(0);
  vertical-align: middle; }

.c_button.arrow_ac .button.is-open:after {
  content: "";
  display: inline-block;
  border-top: 9px solid #333;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  transform: rotate(-180deg);
  vertical-align: middle; }

.c_button.is_reload .button {
  padding-right: 35px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23F1911A%22%20d%3D%22M24.28%2018.63l-0.005-0.002-0.009-0.003c-0.17%200.536-0.388%201.044-0.648%201.522-0.007%200.012-0.013%200.023-0.020%200.035-0.113%200.206-0.237%200.405-0.366%200.599-0.031%200.046-0.061%200.093-0.093%200.139-0.107%200.155-0.222%200.304-0.338%200.451-0.050%200.062-0.097%200.126-0.148%200.187-0.107%200.127-0.22%200.247-0.334%200.368-0.138%200.146-0.28%200.286-0.428%200.422-0.086%200.080-0.17%200.162-0.26%200.238-0.104%200.089-0.213%200.171-0.321%200.254-0.088%200.068-0.176%200.137-0.266%200.202-0.103%200.073-0.208%200.143-0.314%200.212-0.109%200.071-0.219%200.14-0.331%200.206-0.092%200.054-0.185%200.107-0.279%200.158-0.148%200.080-0.298%200.156-0.451%200.227-0.063%200.030-0.126%200.061-0.19%200.090-1.687%200.742-3.617%200.958-5.526%200.494-2.297-0.558-4.22-2.012-5.396-3.983-0.214-0.359-0.405-0.734-0.566-1.126l1.597-0.099%201.131-0.064-0.007-0.007%200.014-0.001-5.695-5.027-2.931%203.318-2.099%202.366%200.010-0.001-0.009%200.011%202.913-0.181c1.321%204.747%205.081%208.402%209.878%209.567%201.065%200.259%202.135%200.383%203.19%200.383%205.735%200%2011.037-3.67%2012.905-9.306%200.019-0.055%200.042-0.108%200.060-0.164h-0c0.001-0.003%200.002-0.006%200.003-0.009l-4.67-1.477z%22%2F%3E%3Cpath%20fill%3D%22%23F1911A%22%20d%3D%22M7.711%2013.367l0.014%200.004%200.010%200.003c0.17-0.536%200.388-1.044%200.649-1.522%200.006-0.011%200.013-0.022%200.019-0.033%200.114-0.207%200.238-0.406%200.367-0.601%200.031-0.046%200.061-0.092%200.092-0.137%200.108-0.156%200.222-0.305%200.339-0.453%200.050-0.062%200.096-0.126%200.147-0.186%200.107-0.128%200.221-0.248%200.335-0.37%200.136-0.144%200.277-0.282%200.422-0.416%200.088-0.081%200.174-0.165%200.265-0.242%200.103-0.088%200.212-0.169%200.319-0.252%200.089-0.069%200.177-0.139%200.269-0.204%200.102-0.073%200.207-0.142%200.312-0.21%200.11-0.072%200.22-0.141%200.333-0.208%200.092-0.054%200.184-0.107%200.277-0.157%200.148-0.080%200.299-0.156%200.452-0.228%200.063-0.030%200.125-0.061%200.189-0.089%201.688-0.742%203.617-0.958%205.527-0.494%202.295%200.558%204.217%202.010%205.392%203.977%200.215%200.361%200.407%200.737%200.569%201.131l-1.596%200.099-1.132%200.063%200.008%200.007-0.014%200.001%205.695%205.027%202.954-3.344%202.076-2.34-0.010%200.001%200.009-0.011-2.913%200.181c-1.321-4.747-5.080-8.402-9.878-9.567-6.549-1.591-13.259%201.911-15.774%208.046-0.007%200.017-0.013%200.034-0.020%200.050-0.13%200.32-0.251%200.645-0.357%200.979-0.001%200.004-0.003%200.008-0.004%200.012l0%200c-0.001%200.003-0.002%200.006-0.003%200.009l4.661%201.475z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  background-size: 18px; }

.c_printMode .c_button {
  display: none; }

.c_button_in_table {
  display: flex;
  margin-top: 10px;
  justify-content: center; }
  .c_button_in_table .c_button:nth-child(2n) {
    margin-left: 10px; }
  .c_button_in_table .button {
    min-width: 113px;
    padding: 10px;
    font-size: 14px !important; }

#main .c_js-hoverHelp {
  position: relative;
  display: inline-block;
  margin: 0 0 0 6px;
  opacity: 1.0;
  height: 24px;
  line-height: 1; }
  .c_printMode #main .c_js-hoverHelp {
    display: none; }

#main h2 .c_js-hoverHelp {
  top: -7px; }

#main .c_js-showHelp {
  display: none;
  opacity: 1.0;
  position: absolute;
  left: -17px;
  top: -42px;
  width: 160px;
  font-size: 12px;
  background: #999;
  padding: 5px 0;
  text-align: center;
  color: #fff;
  border-radius: 3px; }
  #main .c_js-showHelp::after {
    content: "";
    position: absolute;
    top: 92%;
    left: 25px;
    border: 5px solid transparent;
    border-top: 8px solid #999; }
  .c_printMode #main .c_js-showHelp {
    display: none; }

#main h2 .c_js-showHelp {
  top: -35px; }

.c_squareBtnArea {
  margin: -10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .c_squareBtnArea .btnBoxWrap {
    padding: 10px;
    width: 50%; }
  .c_squareBtnArea .btnBox {
    background-color: #E5ECF4;
    padding: 30px;
    height: 100%; }
    .c_squareBtnArea .btnBox .btnBoxText {
      text-align: center;
      font-size: 1.8rem;
      font-weight: bold; }
    .c_squareBtnArea .btnBox .l_buttonArea {
      padding-top: 20px;
      padding-bottom: 0; }
      .c_squareBtnArea .btnBox .l_buttonArea .button {
        min-width: 250px; }