/*----------------------------------------*/
/*レイアウト*/
.txt_center {
  text-align: center;
}
.box_center {
  width: auto;
  margin: auto;
}
/*----------------------------------------*/
/*手順文ul,liスタイル*/
/*ul.yayoinumberul span {
  display: block;
  left: 0px;
}*/
ul.yayoinumberul {
  margin: 0px;
  padding-left: 35px;
  counter-reset: list;
}
div.answerHeading + ul.yayoinumberul {
  padding-top: 10px;
}
ul.yayoinumberul li.yayoinumberli {
  list-style-type: none;
  margin: 2em 0;
  counter-increment: list;
}
div.answerHeading + ul.yayoinumberul li.yayoinumberli:first-child {
  margin-top: 0em;
}
ul.yayoinumberul li.yayoinumberli:before {
  content: counter(list);
  color: #ffffff;
  margin-left: -34px;
  padding: 1px 6px;
  margin-right: 12px;
  font-size: 12px;
  border: 0;
  border-radius: 2px;
  background-color: #c34b29;
  font-weight: bold;
}
/*手順文タイトル*/
span.steptitle {
  margin: 10px 0px 0px 0px;
  font-size: 1.0em;
  font-weight: bold;
  line-height: 1.5em;
}
span.steptitle:after {
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
  font-size: 0;
  margin-bottom: 0.8rem;
}
/*結果文*/
span.resultcontent {
  line-height: 1.6em;
}
/*----------------------------------------*/
/*箇条書きul,liスタイル*/
ul.yayoilistcontent {
  margin: 0px;
  padding-left: 25px;
}
ul.yayoilistcontent li.listcontent {
  list-style-type: disc;
  margin: 1.0em 0;
  line-height: 1.6em;
}
/* 箇条書き(ボールド)見出しスタイル*/
.headbold-list li h4 {
  margin: 0;
}
/* 数字リスト見出しスタイル*/
ul.yayoilistcontent.list_number > li.listcontent {
  list-style: decimal;
}
/* 白丸リスト */
ul.yayoilistcontent.white_circle,
ul.yayoilistcontent.white_circle li,
ul.yayoilistcontent.white_circle li.listcontent {
  list-style-type: circle;
}
/* 行間小さめ */
ul.yayoilistcontent.mb_small li,
ul.yayoilistcontent.mb_small li.listcontent {
  margin: 0em;
  line-height: 2em;
}
/*----------------------------------------*/
/* ■リストスタイル */
ul.square {
  margin: 0px;
  padding-left: 25px;
}
ul.square li,
ul li.square {
  list-style-type: square;
}
/*----------------------------------------*/
/*画像*/
.grid740Rev img,
.grid740 img {
  cursor: pointer;
  padding: 10px 0px;
}
.grid740Rev img:hover,
.grid740 img:hover {
  opacity: 0.6;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
}
img.contentimg {
  margin: 10px 0px;
}
/*----------------------------------------*/
/*見出し(本文)*/
h4.contentheading {
  line-height: 0em;
  font-weight: bold;
}
/*リンク先(本文内)*/
a.nomallink {
  text-decoration: underline;
}
a.nomallink:hover {
  text-decoration: none
}
/*リンク先(本文外)*/
a.taglink {
  /*display: inline-block;*/
  /*display: table;*/
  margin: 1.0em 0;
  text-decoration: underline;
  text-indent: 1em;
  /*padding-left: 2px;*/
  padding-left: 20px;
}
a.taglink:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border: 5px solid transparent;
  border-left: 6px solid #0A569F;
  margin-top: 4px;
  margin-left: -15px;
}
a.taglink:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 1.1;
  font-size: 1%;
}
a.taglink:hover {
  text-decoration: none;
}
/*リストリンク*/

/*taglink btn*/
a.taglink.btn {
  text-decoration: none;
  color: #ffffff;
  padding: 7px;
  background-color: #595757;
  display: block;
  width: 90%;
  text-align: left;
  border-radius: 2px;
}
a.taglink.btn:hover {
  opacity: 0.8;
}
a.taglink.btn:before {
  border-left: 6px solid #FFF;
}
a.taglink.btn:after {
  display: none;
}
a.taglink.btn.nomark:before {
  border-left: none;
}
/* リンクのアイコン画像非表示 */
a.imglink[target="_blank"]:after {
  background-image: none;
  margin: 0;
  padding-right: 0;
}
a.faqgraylink,a.faqorangelink,a.faqinternallink {
  margin: 10px 0px;
  text-decoration: underline;
  text-indent: 1em;
  padding-left: 25px;
}
a.faqgraylink:link,
a.faqorangelink:link,
a.faqinternallink:link {
  color: #595757;
  padding-left: 25px;
}
a.faqgraylink:visited,
a.faqorangelink:visited,
a.faqinternallink:visited {
  color: #595757;
}
a.faqgraylink:hover,
a.faqorangelink:hover,
a.faqinternallink:hover {
  color: #e25b31;
  text-decoration: none;
}
a.faqgraylink:active,
a.faqorangelink:active,
a.faqinternallink:active {
  color: #e25b31;
  text-decoration: none;
}
a.faqgraylink:before {
  content: url("/common/images/balloonGray.png");
  width: 21;
  height: 21;
  position: absolute;
  margin-top: 2px;
  margin-left: -40px;
}
a.faqorangelink:before {
  content: url("/common/images/balloonOrange.png");
  width: 21;
  height: 21;
  position: absolute;
  margin-top: 2px;
  margin-left: -40px;
}
a.faqinternallink:before {
  content: url("/common/images/balloonRed.png");
  width: 21;
  height: 21;
  position: absolute;
  margin-top: 2px;
  margin-left: -40px;
}
a.opegraylink,
a.opeorangelink,
a.opeinternallink {
  margin: 10px 0px;
  text-decoration: underline;
  text-indent: 1em;
  padding-left: 25px;
}
a.opegraylink:link,
a.opeorangelink:link
,a.opeinternallink:link {
  color: #595757;
  padding-left: 25px;
}
a.opegraylink:visited,
a.opeorangelink:visited,
a.opeinternallink:visited {
  color: #595757;
}
a.opegraylink:hover,
a.opeorangelink:hover,
a.opeinternallink:hover {
  color: #e25b31;
  text-decoration: none;
}
a.opegraylink:active,
a.opeorangelink:active,
a.opeinternallink:active {
  color: #e25b31;
  text-decoration: none;
}
a.opegraylink:before {
  content: url("/common/images/bookGray.png");
  width: 21;
  height: 21;
  position: absolute;
  margin-top: 2px;
  margin-left: -40px;
}
a.opeorangelink:before {
  content: url("/common/images/bookOrange.png");
  width: 21;
  height: 21;
  position: absolute;
  margin-top: 2px;
  margin-left: -40px;
}
a.opeinternallink:before {
  content: url("/common/images/bookRed.png");
  width: 21;
  height: 21;
  position: absolute;
  margin-top: 2px;
  margin-left: -40px;
}
a.redlink,
a.redlink:link,
a.redlink:visited {
  display: block;
  margin: 0 0 10px;
  color: #9E1E23;
}
a.redlink:hover {
  color: #e25b31;
}
.txt_border_none {text-decoration: none;}  /* 下線なし */
.txt_border {text-decoration: underline;}  /* 下線あり */
.txt_size16 {font-size: 16px;}         /* サイズ16px */
.txt_navy {color: #000080;}          /* ネイビー文字 */
.txt_gray {color: #808080;}          /* 灰文字 */
.txt_blue {color: #086baf;}          /* 青文字1 */
.txt_blue2 {color: #0000FF;}         /* 青文字2 */
.txt_white {color: #ffffff;}         /* 白文字 */
.txt_green {color: #339900;}         /* 緑文字 */
.txt_pink {color: #ff00ff;}          /* ピンク文字 */
.txt_purple {color: #800080;}        /* 紫文字 */
.txt_underline {text-decoration: underline;} /* 下線 */
.txt_not_underline {text-decoration: none;}  /* 下線なし */
.txt_bold {font-weight: bold;}         /* 太字 */
.txt_red {color: #9E1E23;}           /* 赤字 */
.txt_silver {color: #C0C0C0;}        /* 銀文字 */
.txt_emegreen {color: #008080;}        /* エメラルドグリーン文字 */
a.txt_red,
a.txt_red:link,
a.txt_red:visited { color: #9E1E23;}
a.txt_red:hover {color: #e25b31;}
a.txt_red:before {border-left: 6px solid #9E1E23;}
/*----------------------------------------*/
/*メモ開始*/
div.memo {
  border: solid 1px #0A569F;
  border-radius: 5px;
  margin: 20px 0;
}
div.memo .memoinner {
  padding: 10px 35px;
}
div.memo::before {
  display: inline-block;
  content: 'メモ';
  font-weight: bold;
  margin: 15px 0 0 15px;
  color: #0A569F;
}
/*メモタイトル*/
div.memo h4 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 4px 0px;
  line-height: 2.0rem;
  font-weight: bold;
  color: #0A569F;
}
div.memo h4:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border: 5px solid transparent;
  border-left: 6px solid #0A569F;
  margin-top: 4px;
  margin-left: -15px;
}
/*メモ本文*/
div.memo p {
}
/*メモ箇条書き*/
div.memo ul.yayoinumberul {
  padding-left: 25px;
}
div.memo ul.yayoilistcontent {
  padding-left: 25px;
}
/*----------------------------------------*/
/*注意開始*/
div.warning {
  border: solid 1px #C34B29;
  border-radius: 5px;
  margin: 20px 0;
}
div.warning .warninginner {
  padding: 10px 35px;
}
div.warning::before {
  display: inline-block;
  content: '注意';
  font-weight: bold;
  margin: 15px 0 0 15px;
  color: #C34B29;
}
/*注意タイトル*/
div.warning h4 {
  margin: 0px 0px;
  padding: 0px 0px 4px 0px;
  line-height: 2.0rem;
  font-weight: bold;
  color: #C34B29;
}
div.warning h4:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border: 5px solid transparent;
  border-left: 6px solid #C34B29;
  margin-top:4px;
  margin-left: -15px;
}
/*注意本文*/
div.warning p {
}
/*注意箇条書き*/
div.warning ul.yayoinumberul {
  padding-left: 25px;
}
div.warning ul.yayoilistcontent {
  padding-left: 25px;
}
/*----------------------------------------*/
/*強調*/
.yayoistrong {
  font-weight: bold;
  color: #C34B29;
}
/* 背景グレイエリア */
h4.bg_gray_area,
.bg_gray_area {
  background-color: #e9e9e8;
  padding: 5px;
  line-height: 1em;
}
/* 背景グレイエリア2 */
.bg_gray_area2 {
  background-color: #eeeeee;
  padding: 5px;
}
/* 背景グレイエリア3 */
.bg_gray_area3 {
  background-color: #cccccc;
  padding: 5px;
}
/* 背景紫エリア */
.bg_purple_area {
  background-color: #ccccff;
  padding: 5px;
}
/* 背景オレンジエリア */
.bg_orange_area {
  background-color: #ff9900;
  padding: 5px;
}
/* 背景緑エリア */
.bg_green_area {
  background-color: #0bcc00;
  padding: 5px;
}
/* 背景青エリア */
.bg_blue_area {
  background-color: #0066ff;
  padding: 5px;
}
/* 背景青エリア2 */
.bg_blue_area2 {
  background-color: #005bac;
  padding: 5px;
}
/* 背景黒エリア */
.bg_black_area {
  background-color: #3e3a39;
  padding: 5px;
}
/* 背景ベージュエリア */
.bg_beige_area {
  background-color: #ffcc99;
  padding: 5px;
}
/* 背景水色エリア */
.bg_light_blue_area {
  background-color: #ccffff;
  padding: 5px;
}
/* 背景黄緑クラス */
.bg_yellow_green_area {
  background-color: #afe4af;
  padding: 5px;
}
/* 背景黄緑クラス2 */
.bg_yellow_green_area2 {
  background-color: #92d050;
  padding: 5px;
}
/* 背景ネイビーエリア */
.bg_navy_area {
  background-color: #000080;
  padding: 5px;
}
/* 背景ピンクエリア */
.bg_pink_area {
  background-color: #FFCCFF;
  padding: 5px;
}
/* 背景黄色エリア */
.bg_yellow_area {
  background-color: #ffffcc;
  padding: 5px;
}
/* 背景エメラルドグリーンエリア */
.bg_emegreen_area {
  background-color: #008080;
  padding: 5px;
}
/* 打ち消し線 */
.strikeborder {
text-decoration: line-through;
}
/*----------------------------------------*/
/*テーブルw*/
table.subcontenttable {
  border-collapse: collapse;
  margin: 20px 0 !important;
}
/* 11/18修正: 本番環境と合せる */
tr,
td {
  padding: 10px;
  border: 1px solid #cdcdcd;
}
.subcontenttable tr,
.subcontenttable td {
  padding: 10px;
  border: 1px solid #cdcdcd;
}
/*行見出し*/
td.linetitle {
  background-color: #595757;
  color: white;
  text-align: center;
}
/*列見出し*/
td.columntitle {
  background-color: #EEEFEF;
}
/*編集不可スタイル*/
td.columnreadonly {
  background-color: #FAFAD2;
}
/*ボーダースタイルなし*/
.noborder {
  border: none;
}
/*ボーダースタイルあり*/
.onborder {
  border: 1px solid #000000;
}
/*ボーダースタイルグレー*/
.grayborder {
  border: 1px solid #808080;
}
/*----------------------------------------*/
/*見出し大_背景色*/
.yayoih2k {
   margin: 50px 0 20px !important;
   padding: .25em 0 .25em .75em !important;
   font-weight: bold !important;
   font-size: 18px !important;
   background-color:#D8EFFF;
}
/*見出し*/
.yayoih2blue {
   min-height: initial !important;
   min-height: auto !important;
   margin: 30px 0 20px !important;
   padding: .25em 0 .25em .75em !important;
   border-left: 6px solid #0A569F !important;
   font-weight: bold !important;
   font-size: 14px !important;
}
/*小見出し（h4）*/
.yayoih4 {
  margin: 20px 0 !important;
}
/*----------------------------------------*/
/*フロー（フレーム）*/
.addon_flow_frame {
  border: 1px solid #cdcdcd;
  border-radius: 5px;
  padding: 10px 20px;
  margin: 15px 0;
}
.addon_flow_frame>h4,
.addon_flow_frame>p>h4 {
  color: #000000 !important;
}
.addon_flow_frame>h4:before,
.addon_flow_frame>p>h4:before {
  content: "" !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  border: none !important;
  margin-top: none !important;
}
.addon_flow_frame a {
  /*padding-right: 25px;*/
}
/*フロー（矢印）*/
.addon_flow_arrow {
  width: 0;
  height: 0;
  border-top: 20px solid #cdcdcd;
  border-right: 40px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 40px solid transparent;
  margin: 0 auto;
  margin-bottom: -40px;
}
/*
===== SP ===================================
*/
@media screen and (max-width: 640px) {

  /*----------------------------------------*/
  /*手順文ul,liスタイル*/
  ul.yayoinumberul li.yayoinumberli {
    list-style-type: none;
    margin-top: 10px;
    counter-increment: list;
  }
  /*----------------------------------------*/
  /*箇条書きul,liスタイル*/
  ul.yayoilistcontent li.listcontent {
    margin-bottom: 10px;
  }
  /*----------------------------------------*/
  /*画像*/
  .grid740 img {
    max-width: 100%;
  }
  .grid740Rev img,
  .grid740 img {
    height: auto!important;
  }

  /*----------------------------------------*/
  /*メモ開始*/
  div.memo h4 {
    padding-top: 10px;
  }
  div.memoinner {
    margin: 5px 10px;
    padding: 5px 0 5px 15px;
  }
  /*----------------------------------------*/
  /*注意開始*/
  div.warning h4 {
    padding-top: 10px;
  }
  div.warninginner {
    margin: 5px 10px;
    padding: 5px 0 5px 15px;
  }
  .contentInternal .subBlock h4 {
    margin: 0;
  }
  .contentInternal .subBlock p {
    margin: 0;
    padding: 0 10px 10px;
    line-height: 1.5;
  }
  .contentInternal.h3title .subBlock p.subBlockInner {
    padding: 10px;
  }

  /*----------------------------------------*/
  /*テーブル*/
  .table-wrapper {
    width: 100%;
    overflow-x: scroll;
  }
  table td {
    min-width: 100px;
  }
}

/* ---------------------------------------- */
/* WYSIWYGエディタ */
.WebEditor img {
  max-width: 683px;
  height: unset;
}