@charset "UTF-8";
/* ----- button ----- */
.hanyouAcdiType02 .acdiBtn, .btnSuddenXLarge, .btnSuddenLarge, .btnSuddenMedium, .btnNormal01XLarge, .btnNormal01Large, .btnNormal01Medium, .btnWeak01XLarge, .btnWeak01Large, .btnWeak01Medium, .btnWeak02XLarge, .btnWeak02Large, .btnWeak02Medium, .btnInquiryXLarge, .btnInquiryLarge, .btnInquiryMedium, .btnInquirySmall, .btnWeak03XLarge, .btnWeak03Large, .btnWeak03Medium, h2 .acdiBtn, h3 .acdiBtn, .hanyouAcdiType01 .acdiBtn, .kiyaku .acdiBtn, .relevantPageWrapArea .acdiBtn, .acdiCaution .acdiBtn, .acdiCautionType02 .acdiBtn, .acdiImportant .acdiBtn, .conversionArea .btn, .conversionArea .btn2, .conversionArea .btn3, .formBtn, .btnPlatinumXLarge, .btnPlatinumLarge, .btnPlatinumMedium {
  display: inline-block;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  border-collapse: separate;
  position: relative;
  vertical-align: middle;
  box-sizing: border-box;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  transition-delay: 0.1s;
}

.hanyouAcdiType02 .acdiBtn:hover, .btnSuddenXLarge:hover, .btnSuddenLarge:hover, .btnSuddenMedium:hover, .btnNormal01XLarge:hover, .btnNormal01Large:hover, .btnNormal01Medium:hover, .btnWeak01XLarge:hover, .btnWeak01Large:hover, .btnWeak01Medium:hover, .btnWeak02XLarge:hover, .btnWeak02Large:hover, .btnWeak02Medium:hover, .btnInquiryXLarge:hover, .btnInquiryLarge:hover, .btnInquiryMedium:hover, .btnInquirySmall:hover, .btnWeak03XLarge:hover, .btnWeak03Large:hover, .btnWeak03Medium:hover, h2 .acdiBtn:hover, h3 .acdiBtn:hover, .hanyouAcdiType01 .acdiBtn:hover, .kiyaku .acdiBtn:hover, .relevantPageWrapArea .acdiBtn:hover, .acdiCaution .acdiBtn:hover, .acdiCautionType02 .acdiBtn:hover, .acdiImportant .acdiBtn:hover, .conversionArea .btn:hover, .conversionArea .btn2:hover, .conversionArea .btn3:hover, .formBtn:hover, .btnPlatinumXLarge:hover, .btnPlatinumLarge:hover, .btnPlatinumMedium:hover {
  opacity: 0.6;
  /*     -ms-filter: "alpha(opacity=60)"; */
}

.btnNormal01XLarge, .btnNormal01Large, .btnNormal01Medium, .conversionArea .btn, .formBtn {
  color: #003e28 !important;
  border-top: 1px solid #c8d97c;
  border-left: 1px solid #c8d97c;
  background: #c4e23f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c4e23f), color-stop(2%, #bbdd21), color-stop(100%, #9acd06));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
  /* W3C */
  box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
}

.hanyouAcdiType02 .acdiBtn, h2 .acdiBtn, h3 .acdiBtn, .hanyouAcdiType01 .acdiBtn, .kiyaku .acdiBtn, .relevantPageWrapArea .acdiBtn, .acdiCaution .acdiBtn, .acdiCautionType02 .acdiBtn, .acdiImportant .acdiBtn {
  color: #fff !important;
  border-top: 1px solid #406F5E;
  border-left: 1px solid #406F5E;
  background: #104a36;
  /* Old browsers */
  background: -moz-linear-gradient(top, #104a36 0%, #306351 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #104a36), color-stop(100%, #306351));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #104a36 0%, #306351 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #104a36 0%, #306351 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #104a36 0%, #306351 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #104a36 0%, #306351 100%);
  /* W3C */
  box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
}

.btnWeak01XLarge, .btnWeak01Large, .btnWeak01Medium, .conversionArea .btn3 {
  color: #003e28 !important;
  border-top: 1px solid #cce381;
  border-left: 1px solid #cce381;
  background: #eaf2d2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #eaf2d2 0%, #e2ecc6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaf2d2), color-stop(100%, #e2ecc6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eaf2d2 0%, #e2ecc6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eaf2d2 0%, #e2ecc6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eaf2d2 0%, #e2ecc6 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #eaf2d2 0%, #e2ecc6 100%);
  /* W3C */
  box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
}

.btnSuddenXLarge, .btnSuddenLarge, .btnSuddenMedium {
  color: #fff !important;
  border-top: 1px solid #d96e2b;
  border-left: 1px solid #d96e2b;
  background: #ff6410;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ff6410 0%, #ff4903 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6410), color-stop(100%, #ff4903));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ff6410 0%, #ff4903 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ff6410 0%, #ff4903 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ff6410 0%, #ff4903 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ff6410 0%, #ff4903 100%);
  /* W3C */
  box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
}

.btnInquiryXLarge, .btnInquiryLarge, .btnInquiryMedium, .btnInquirySmall, .conversionArea .btn2 {
  color: #333 !important;
  border-top: 1px solid #ffd2a5;
  border-left: 1px solid #ffd2a5;
  background: #ffe4c9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffe4c9 0%, #ffd2a5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe4c9), color-stop(100%, #ffd2a5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffe4c9 0%, #ffd2a5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffe4c9 0%, #ffd2a5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffe4c9 0%, #ffd2a5 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffe4c9 0%, #ffd2a5 100%);
  /* W3C */
  box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
}

.btnPlatinumXLarge, .btnPlatinumLarge, .btnPlatinumMedium {
  color: #FFF !important;
  background: #000000;
  /* Old browsers */
  background: #303030;
  /* Old browsers */
  background: -moz-radial-gradient(center -100%, ellipse cover, white 0%, #303030 70%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center -100%, 0px, top center, 100%, color-stop(0%, white), color-stop(70%, #303030));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center -100%, ellipse cover, white 0%, #303030 70%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center -100%, ellipse cover, white 0%, #303030 70%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center -100%, ellipse cover, white 0%, #303030 70%);
  /* IE10+ */
  background: radial-gradient(ellipse at top center, #a0a0a0 0%, #303030 40%);
  /* W3C */
  box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
}

.btnWeak02XLarge, .btnWeak02Large, .btnWeak02Medium {
  color: #003e28 !important;
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  background: #fff;
  box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
}

.btnWeak03XLarge, .btnWeak03Large, .btnWeak03Medium {
  color: #003e28 !important;
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  background: #eeeeee;
  box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
}

.btnInquirySmall, .relevantPageWrapArea .acdiBtn {
  width: 80px;
  padding: 5px 2% 4px;
  font-size: 10px;
  margin: 0 auto;
}

.btnSuddenMedium, .btnNormal01Medium, .btnWeak01Medium, .btnWeak02Medium, .btnInquiryMedium, .btnWeak03Medium, .btnPlatinumMedium {
  width: 150px;
  padding: 7px 2% 6px;
  margin: 0 auto;
}

.btnSuddenLarge, .btnNormal01Large, .btnWeak01Large, .btnWeak02Large, .btnInquiryLarge, .btnWeak03Large, .btnPlatinumLarge {
  width: 200px;
  padding: 16px 2% 14px;
  margin: 0 auto;
}

.btnSuddenXLarge, .btnNormal01XLarge, .btnWeak01XLarge, .btnWeak02XLarge, .btnInquiryXLarge, .btnWeak03XLarge, .conversionArea .btn, .conversionArea .btn2, .conversionArea .btn3, .formBtn, .btnPlatinumXLarge {
  width: 300px;
  padding: 20px 2% 18px;
  margin: 0 auto;
  font-size: 110%;
}

/* ----- cLabel ----- */
.cLabel_mousikomi, .cLabel_henkoutetuzuki, .cLabel_pointKoukan, .cLabel_service, .cLabel_siryouseikyuu, .cLabel_jyouhousyoukai, .cLabel_simulation, .cLabel_kojin, .cLabel_houjin, .cLabel_gold, .cLabel_platinum, .cLabel_new, .cLabel_stepLevel1, .cLabel_stepLevel2, .cLabel_stepLevel3 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  behavior: url("/static/responsive/css/PIE.htc");
  color: #fff;
  display: inline-block;
  font-size: 12px !important;
  line-height: 1;
  padding: 5px 5px 3px;
  text-align: center;
  font-weight: normal !important;
}

.cLabel_mousikomi, .cLabel_stepLevel3 {
  background-color: #65AE07 !important;
  color: white !important;
}

.cLabel_henkoutetuzuki, .cLabel_pointKoukan, .cLabel_gold, .cLabel_new {
  background-color: #FF9933 !important;
  color: white !important;
}

.cLabel_service, .cLabel_houjin, .cLabel_stepLevel2 {
  background-color: #0070C0 !important;
  color: white !important;
}

.cLabel_siryouseikyuu, .cLabel_platinum {
  background-color: #ADADAD !important;
  color: white !important;
}

.cLabel_jyouhousyoukai, .cLabel_simulation, .cLabel_stepLevel1 {
  background-color: #FF99CC !important;
  color: white !important;
}

.cLabel_kojin {
  background-color: #ffffa9 !important;
  color: #5c5c57 !important;
}

/* =========================================================
 
 会員静的用
 
========================================================= */
body {
  /*SPで文字が拡大される現象対策*/
  -webkit-text-size-adjust: 100%;
  /*Mac OS X 左メニュー表示崩れ対策*/
  font-family: "メイリオ", "Meiryo", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

.rightCont {
  max-height: 999999px;
}

/*
 ■■ 基本設定
========================================================= */
#contWrap a:link {
  color: #0c1e89;
}

#contWrap a:visited {
  color: #551a8b;
}

#contWrap a:hover {
  color: #0c1e89;
  text-decoration: none;
}

#contWrap a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* For IE8 and earlier */
}

#contWrap a:active {
  color: #551a8b;
}

/*
 ■■ ページ幅
========================================================= */
#allWrapper {
  border: none;
  width: 100%;
}

#wrapper {
  width: 100%;
}

#header,
#gNavi,
#contWrap {
  max-width: 1000px;
  min-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
}

#footer {
  margin: 0 auto;
  min-width: 1000px;
  width: 100%;
}

#footer .footAreaTop ul,
#footer .footNavArea,
#footer .footAreaBottom ul {
  max-width: 1000px;
  min-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}

#contWrap {
  margin-bottom: 70px;
}

/* iPad (1024×728) margin delete
--------------------------------------------------------- */
@media only all and (device-width: 768px) and (orientation: portrait) {
  #wrapper {
    margin-right: 0;
    margin-left: 0;
  }
}
/* =========================================================
 ■01 共通ナビゲーション
========================================================= */
/*
 ■■01-02 フッターエリア
========================================================= */
/* 
 ■■■ 01-02-02 パンくず
--------------------------------------------------------- */
.BPTWrap {
  overflow: hidden;
  margin-top: 50px;
  margin-bottom: 5px;
  position: relative;
  z-index: 10;
  padding: 25px 0 0;
  border-top: 1px solid #dedede;
}

.BPTWrap .breadcrumbArea {
  font-size: 86%;
  padding-left: 25px;
}

/* ----- ホームアイコン ----- */
.iconHome {
  display: inline-block;
  position: relative;
  margin-left: -20px;
  padding-left: 20px;
}

.iconHome a:before {
  display: block;
  content: "";
  width: 2px;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  border: 6px solid transparent;
  border-bottom-color: #005135;
  border-top: none;
}

.iconHome a:after {
  display: block;
  content: "";
  width: 14px;
  height: 9px;
  position: absolute;
  top: 6px;
  left: 0;
  background-color: #005135;
}

.iconHome:after {
  display: block;
  content: "";
  width: 3px;
  height: 5px;
  position: absolute;
  top: 10px;
  left: 7px;
  background-color: #FFF;
}

/* =========================================================
 ■ 02 コンテンツエリア
========================================================= */
/*
 ■■ 02-10 見出し
========================================================= */
/* 
 ■■■ 02-10-01 見出し01
--------------------------------------------------------- */
#contWrap h1 {
  color: #005135;
  font-weight: bold;
  padding: 6px 8px 6px 0;
  font-size: 21px;
  margin: 20px 0 10px;
  position: relative;
}

#contWrap h1:before {
  content: " ";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #005135;
}

#contWrap h1.imgH1 {
  padding: 0;
}

#contWrap h1.imgH1:before {
  display: none;
}

/* 
 ■■■ 02-10-02 見出し02
--------------------------------------------------------- */
#contWrap h2 {
  font-size: 129%;
  font-weight: bold;
  color: #005135;
  padding: 0 20px 0 8px;
  margin: 20px 0 18px;
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: #005135;
  position: relative;
  box-sizing: border-box;
}

#contWrap h2:before {
  content: " ";
  display: block;
  width: 100%;
  height: 1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #005135;
  position: absolute;
  bottom: -8px;
  left: -5px;
  padding-right: 5px;
}

/* 
 ■■■ 02-10-03 見出し03
--------------------------------------------------------- */
#contWrap h3 {
  font-size: 115%;
  color: #005135;
  background-color: #E1ECC5;
  padding: 9px 8px 9px 13px;
  font-weight: bold;
  margin: 20px 0 10px;
  overflow: hidden;
  box-sizing: border-box;
}

/* 
 ■■■ 02-10-04 見出し04
--------------------------------------------------------- */
#contWrap h4 {
  font-size: 98%;
  font-weight: bold;
  color: #005135;
  padding: 0 0 0 1.5em;
  margin: 15px 0 10px;
  border-bottom: none;
  position: relative;
}

#contWrap h4:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 1em;
  height: 1em;
  font-size: 98%;
  font-weight: bold;
  background-color: #005135;
  border-bottom: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  behavior: url("/static/responsive/css/PIE.htc");
}

/* 
 ■■■ 02-10-05 見出し05
--------------------------------------------------------- */
#contWrap h5 {
  font-size: 98%;
  font-weight: bold;
  color: #005135;
  margin: 15px 0 10px;
}

/* 
 ■■■ 02-10-06 見出し06
--------------------------------------------------------- */
#contWrap h6 {
  font-size: 98%;
  color: #005135;
  margin: 15px 0 5px;
}

/* 
 ■■■ 02-10-07 小見出し
--------------------------------------------------------- */
.guideTitle {
  font-weight: bold;
  margin-bottom: 5px !important;
}

.android.tablet .guideTitle {
  -webkit-font-weight: normal;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: black;
  -webkit-text-fill-color: black;
}

.guideTitle + p {
  margin-top: 5px !important;
}

.guideTitle + .list {
  margin-top: 0 !important;
}

/*
 ■■ 02-20 テキスト重要度表現
========================================================= */
/*common.css内に記述*/
/* 
 ■■■ 02-20-05 テキスト重要度表現（標準）
--------------------------------------------------------- */
#contWrap p {
  margin-bottom: 10px;
  margin-top: 10px;
}

/*
 ■■ 02-30 リード文
========================================================= */
/* 
 ■■■ 02-30-01 リード文
--------------------------------------------------------- */
/*h1 + p{
    font-weight:bold;
    margin-bottom:15px!important;
}
h1 + p.ancLink{
    font-weight:normal;
}*/
.lead {
  font-weight: bold;
}

.lead.ancLink {
  font-weight: normal;
}

/*
 ■■ 02-40 箇条書きスタイル
========================================================= */
/* 
 ■■■ 箇条書きスタイル共通
--------------------------------------------------------- */
.list,
.note,
.smallArrowList {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* 
 ■■■ 02-40-01 箇条書きスタイル（中黒）
--------------------------------------------------------- */
ul.list li {
  position: relative;
  display: block;
  margin-bottom: 5px;
  padding: 0 0 0 1.5em;
  line-height: 1.2;
  text-indent: -1em;
}

ul.list li:before {
  position: relative;
  top: 0;
  left: -0.5em;
  content: "・";
}

/*強調表示（赤字）*/
ul.list li.listImp {
  color: #d40c0c !important;
}

ul.list li.listImp:before {
  position: relative;
  top: 0;
  left: -0.5em;
  content: "・";
  color: #d40c0c !important;
}

/* 
 ■■■ 箇条書きスタイル（中黒・グレー小）
--------------------------------------------------------- */
ul.list.fsSmall li {
  font-size: 86%;
  color: #666;
}

/* 
 ■■■ 02-40-02 箇条書きスタイル（注釈）
--------------------------------------------------------- */
ul.note {
  padding-left: 15px;
  color: #666;
}

ul.note li {
  position: relative;
  display: block;
  padding: 0 0 0 5px;
  font-size: 86%;
  margin-bottom: 5px;
  line-height: 1.2;
  text-indent: -1em;
}

ul.note li:before {
  position: relative;
  top: 0;
  left: -0.5em;
  content: "※";
}

/*強調表示（赤字）*/
ul.note li.noteImp {
  color: #D40C0C;
}

ul.note li.noteImp:before {
  content: "※";
  color: #D40C0C;
}

ul.note li.markImp:before {
  color: #D40C0C;
}

/*入れ子調整*/
ul.note li .smallArrowLink li {
  padding-left: 30px !important;
  font-size: 14px;
}
ul.note li .smallArrowLink li:before {
  content: "";
}

/* 
 ■■■ 箇条書きスタイル（注釈 ふつうサイズ）（認知必要情報内で使用）
--------------------------------------------------------- */
ul.note.fsNormal {
  padding-left: 1.5em;
  color: inherit;
}

ul.note.fsNormal li {
  font-size: 100% !important;
}

ul.note.fsNormal li:before {
  position: relative;
  top: 0;
  left: -0.8em;
  content: "※";
}

/*強調表示（赤字）*/
ul.note.fsNormal li.markImp:before {
  color: #D40C0C;
}

/*入れ子調整*/
ul.note.fsNormal li .smallArrowLink li {
  padding-left: 15px !important;
}

ul.note.fsNormal li ul.note li {
  font-size: 86% !important;
}

/* 
 ■■■ 02-40-03 箇条書きスタイル（矢印）
--------------------------------------------------------- */
ul.smallArrowList li {
  display: block;
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
}

.smallArrowList li {
  background: url("/static/responsive/img/mem/common_pict_img_linkArrow01.png") no-repeat;
  background-position: 0px 3px;
}

/*強調表示（赤字）*/
.smallArrowList .salImp {
  background: url("/static/responsive/img/mem/common_pict_img_linkArrow03.png") no-repeat;
  background-position: 0px 3px;
}

/* 
 ■■■ 02-40-04 箇条書きスタイル（番号付き）
--------------------------------------------------------- */
ul.list li.numList {
  padding: 0 0 0 2em;
}

ul.list li.numList:before {
  content: "";
}

ul.list li.numList span.num {
  position: relative;
  top: 0;
  left: -0.9em;
}

/*入れ子カッコ付き*/
ul.list li.numListType02 {
  padding: 0 0 0 2em;
  text-indent: -1.5em;
}

ul.list li.numListType02:before {
  content: "";
}

ul.list li.numListType02 span.num {
  position: relative;
  top: 0;
  left: -0.5em;
}

ul.list li.numList .list {
  margin-top: 5px !important;
}

/* 
 ■■■ 箇条書きスタイル（番号付き・グレー小）
--------------------------------------------------------- */
ul.list.fsSmall li.numList {
  font-size: 86%;
  color: #666;
}

/* 
 ■■■ サービスメリット画像付きリスト
--------------------------------------------------------- */
.serviceMeritWarp {
  margin-bottom: 15px;
}
.serviceMeritWarp .meritTitle {
  font-weight: bold;
  margin-bottom: 0px !important;
  color: #65ae07 !important;
}
.serviceMeritWarp ul.list {
  margin-top: 0 !important;
}
.serviceMeritWarp ul.list .imgNum {
  padding: 0 0 0 3em;
  text-indent: -3em;
  font-size: 115% !important;
  color: #d40c0c !important;
  font-weight: bold;
}
.serviceMeritWarp ul.list .imgNum p {
  font-size: 14px !important;
  color: #000 !important;
  font-weight: normal;
}
.serviceMeritWarp ul.list .imgNum ul.note {
  font-size: 14px !important;
  color: #666 !important;
  font-weight: normal;
}
.serviceMeritWarp ul.list .imgNum .numImg01, .serviceMeritWarp ul.list .imgNum .numImg02, .serviceMeritWarp ul.list .imgNum .numImg03 {
  padding-right: 10px;
}
.serviceMeritWarp ul.list .imgNum .numImg01:before {
  content: "";
  background: url("/static/responsive/img/mem/serviceMerit_ill_num01.png") no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
  top: 11px;
  position: relative;
}
.serviceMeritWarp ul.list .imgNum .numImg02:before {
  content: "";
  background: url("/static/responsive/img/mem/serviceMerit_ill_num02.png") no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
  top: 11px;
  position: relative;
}
.serviceMeritWarp ul.list .imgNum .numImg03:before {
  content: "";
  background: url("/static/responsive/img/mem/serviceMerit_ill_num03.png") no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
  top: 11px;
  position: relative;
}
.serviceMeritWarp ul.list .imgNum:before {
  content: "" !important;
}

/* ----- Image Caption用 ----- */
ul.list li.numList.imgNum {
  padding: 0 0 0 3em;
  text-indent: -28px;
}

ul.list li.numList.imgNum span.num {
  left: -1em;
}

/* 
 ■■■ 02-40-50 箇条書きスタイル（番号付き）（注釈）
--------------------------------------------------------- */
ul.note li.numNote {
  padding: 0 0 0 2em;
  text-indent: -2em;
}

ul.note li.numNote:before {
  left: -1.2em;
}

ul.note li.numNote span.num {
  position: relative;
  top: 0;
  left: -1.1em;
}

/* 
 ■■■ 箇条書きスタイル（番号付き・注釈 ふつうサイズ）
--------------------------------------------------------- */
ul.note.fsNormal li.numNote:before {
  position: relative;
  top: 0;
  left: -1em;
  content: "※";
}

ul.note.fsNormal li.numNote {
  text-indent: -2em;
}

ul.note.fsNormal li.numNote span.num {
  left: -1em;
}

ul.note.fsNormal li.numNote {
  padding: 0px 0px 0px 1.6em;
}

/* 中黒箇条書きスタイル
--------------------------------------------------------- */
ul.note li.type2:before {
  content: "・";
}

/* 
 ■■■ 箇条書きスタイル（フリースタイル）
--------------------------------------------------------- */
/* ----- 接頭記号フリータイプ箇条書きスタイル ----- */
ul.list li.free {
  padding: 0 0 0 1.5em;
}

ul.list li.free:before {
  content: "";
}

ul.list li.free span.sign {
  position: relative;
  top: 0;
  left: -0.5em;
}

/* ----- 箇条書き接頭記号フリータイプ1 ----- */
ul.note li.free1:before {
  content: "";
}

ul.note li.free1 span.sign {
  position: relative;
  top: 0;
  left: -0.5em;
}

/* ----- 箇条書き接頭記号フリータイプ2 ----- */
ul.note li.free2 {
  padding: 0 0 0 3em;
  text-indent: -2.7em;
}

ul.note li.free2:before {
  content: "";
}

ul.note li.free2 span.sign {
  position: relative;
  top: 0;
  left: -1em;
}

/* ----- 箇条書き接頭記号フリータイプ3 ----- */
ul.note li.free3 {
  padding: 0 0 0 3em;
  text-indent: -3em;
}

ul.note li.free3:before {
  content: "";
}

ul.note li.free3 span.sign {
  position: relative;
  top: 0;
  left: -1em;
}

/* ----- 入れ子対策 ----- */
ul.list li p {
  text-indent: 0;
}

ul.note li .list li:first-child,
ul.note li .list li.listImp:first-child {
  margin-top: 10px;
}

ul.note li .list li:before,
ul.note li .list li.listImp:before {
  position: relative;
  top: 0px;
  left: -0.5em;
  content: "・";
}

ul.note li .list li,
ul.note li .list li.listImp {
  font-size: inherit;
}

ul.note li .note li {
  font-size: inherit;
}

ul.note li .free3 {
  font-size: inherit;
}

ul.list li .smallArrowLink li:before {
  content: "　";
}

/*
 ■■ 02-50 定義リスト
========================================================= */
/* 
 ■■■ 02-50-01 定義リスト（縦並び）
--------------------------------------------------------- */
div dl.defList01:first-child {
  margin-top: 20px;
}
.defList01 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.defList01 dt {
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 5px;
}

.defList01 dt:first-child {
  margin-top: 0;
}

.defList01 dd {
  margin-left: 1em;
  margin-bottom: 5px;
}

/* 
 ■■■ 02-50-02 定義リスト（横並び）
--------------------------------------------------------- */
.defList02 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.defList02:after {
  content: "";
  display: block;
  overflow: hidden;
  clear: both;
}

.defList02 {
  zoom: 1;
}

.defList02 dt {
  clear: both;
  float: left;
  font-weight: bold;
  width: 120px;
}

.defList02 dd {
  margin-left: 130px;
}

/* 
 ■■■ 02-50-03 定義リスト（画像付き）
--------------------------------------------------------- */
.hanyouAcdiType02 {
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 20px;
  margin-top: 15px;
  margin-bottom: 25px;
  display: table;
  width: 100%;
}

.hanyouAcdiType02 .acdiBtn {
  top: 15px;
  right: 20px;
  display: none !important;
}

.hanyouAcdiType02 .fig {
  display: table-cell;
  vertical-align: top;
  width: 15%;
  text-align: center;
}

.hanyouAcdiType02 .text {
  display: table-cell;
  vertical-align: top;
}

.hanyouAcdiType02 .acdiHead {
  font-size: 115%;
  font-weight: bold;
  margin: 0 0 15px;
}

/*
 ■■ 02-60 リンク
========================================================= */
/* 
 ■■■ 02-60-01 テキストリンク
--------------------------------------------------------- */
.smallArrowLink,
.ancSmallArrowLink,
.ancSmallArrowLink2col,
.ancSmallArrowLink3col,
.ancSmallArrowLinkTable {
  margin-top: 10px;
  margin-bottom: 10px;
}

.smallArrowLink > li {
  display: block;
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
  background: url("/static/responsive/img/mem/common_pict_img_linkArrow02.png") no-repeat;
  background-position: 0px 3px;
}

.ancSmallArrowLink li, .ancSmallArrowLink2col ul li, .ancSmallArrowLink3col ul li {
  display: block;
  position: relative;
  padding-left: 19px;
  margin-bottom: 5px;
  background: url("/static/responsive/img/mem/common_img_ancLinkArrow02.png") no-repeat;
  background-position: 2px 5px;
}

.ancSmallArrowLink.horizontal li {
  display: inline-block;
  padding-left: 19px;
  margin-bottom: 5px;
  margin-right: 15px;
  background: url("/static/responsive/img/mem/common_img_ancLinkArrow02.png") no-repeat;
  background-position: 2px 5px;
}

/* ----- テーブルセル版 ----- */
.ancSmallArrowLinkTable ul {
  display: table;
  table-layout: fixed;
  margin-bottom: 5px;
  width: 100%;
}

.ancSmallArrowLinkTable ul li {
  display: table-cell;
}

.ancSmallArrowLinkTable ul li a {
  display: block;
  padding-left: 19px;
  padding-right: 8px;
  background: url("/static/responsive/img/mem/common_img_ancLinkArrow02.png") no-repeat;
  background-position: 2px 5px;
}

ul.note.fsNormal .smallArrowLink li:before {
  content: "　";
}

.smallArrowLink li ul.note li {
  background: none;
}

.smallArrowDel {
  background: none !important;
}

/* 
 ■■■ 02-60-02 アンカーリンク（ボタン形式）
--------------------------------------------------------- */
/* ----- ボタン形式1（インライン版） ----- */
.ancLink li:hover,
.ancLink a:hover {
  opacity: 0.5;
  background-color: #F5F6FF \9;
}

.ancLinkType01 {
  display: inline-block;
  text-decoration: none;
  padding: 10px 10px 10px 30px;
  background: #ebeeff;
  margin-right: 1px;
  position: relative;
}

.ancLinkType01:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 0;
  height: 0;
  margin-top: -3px;
  border: #0C1E89 solid 6px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom: none;
}

.ancLinkType01:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 0;
  height: 0;
  margin-top: -6px;
  border: #ebeeff solid 6px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom: none;
}

.ie.ie8 .ancLinkType01:hover:after {
  border-top-color: #f5f6ff;
}

/* ----- ボタン形式2（テーブルセル版） ----- */
ul.ancLink {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 1px;
}

ul.ancLink li {
  display: table-cell;
  background-color: #EBEEFF;
  border-right: 1px solid #FFF;
  vertical-align: middle;
}

ul.ancLink li a {
  display: block;
}

.ancLinkSet {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* 
 ■■■ 02-60-03 アンカーリンク（テキスト形式）
--------------------------------------------------------- */
.ancSmallArrowLink2col,
.ancSmallArrowLink3col {
  width: 100%;
  display: table;
}

.ancSmallArrowLink2col ul,
.ancSmallArrowLink3col ul {
  margin-top: 0;
  margin-bottom: 0;
}

.ancSmallArrowLink2col ul li,
.ancSmallArrowLink3col ul li {
  padding-right: 10px;
}

.ancSmallArrowLink2col .col1,
.ancSmallArrowLink2col .col2,
.ancSmallArrowLink2col .col3,
.ancSmallArrowLink3col .col1,
.ancSmallArrowLink3col .col2,
.ancSmallArrowLink3col .col3 {
  display: table-cell;
  width: 33%;
}

/*
 ■■■02-60-04 ページトップ・上部へリンク
--------------------------------------------------------- */
.pgTopLinkWrap {
  margin-top: 15px;
  text-align: right;
}

.pgTopLink {
  display: inline-block;
  text-decoration: none;
}

.pgTopLink {
  padding: 7px 10px 6px 30px;
  background: #5C5C5C;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #C0C0C0;
  color: white !important;
  font-size: 86%;
  behavior: url("/static/responsive/css/PIE.htc");
  text-align: left;
  position: relative;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  transition-delay: 0.1s;
}

.pgTopLink:before,
.pgTopLink:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  margin-top: -3px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  border-top: none;
}

.pgTopLink:after {
  margin-top: -1px;
  border: 6px solid transparent;
  border-bottom-color: #5C5C5C;
  border-top: none;
}

.pgTopLink:hover {
  opacity: 0.7;
  background: #8D8D8D \9;
}

.ie.ie8 .pgTopLink:hover:after {
  border-bottom-color: #8D8D8D;
}

/* 
 ■■■ 02-60-05 アンカーリンク（認知必要情報／お知らせ情報）・ページ上部へリンク
--------------------------------------------------------- */
/* ---- 認知必要情報へリンク ---- */
.cautionAncLink a {
  background: url("/static/responsive/img/icon_caution_01.png") no-repeat scroll left top transparent;
  font-weight: bold;
  padding-bottom: 3px;
  padding-left: 32px;
  padding-top: 3px;
  margin-left: 15px;
  display: inline-block;
}

.cautionAncLink a:FIRST-CHILD {
  margin-left: 0px;
}

/* ---- お知らせ情報へリンク ---- */
.infoAncLink a {
  background: url("/static/responsive/img/icon_info_01.png") no-repeat scroll left top transparent;
  font-weight: bold;
  padding-bottom: 3px;
  padding-left: 32px;
  padding-top: 3px;
  margin-left: 15px;
  display: inline-block;
}

.infoAncLink a:FIRST-CHILD {
  margin-left: 0px;
}

/* 
 ■■■ 02-60-06 02-60-06 サブナビゲーション（ポケホ等で使用）
--------------------------------------------------------- */
.subNavi {
  padding: 15px 0;
}

.subNavi > div {
  text-align: center;
  padding: 0 !important;
}

.subNavi ul li {
  display: inline-block;
  margin: 0 auto;
}

/*
 ■■ 02-70 ボタン
========================================================= */
/* 
 ■■■ 02-70-01 緊急アクション
--------------------------------------------------------- */
/* 
 ■■■ 02-70-02 申込系アクション
--------------------------------------------------------- */
/* 
 ■■■ 02-70-03 テキストリンク代替ボタン
--------------------------------------------------------- */
/*文字が入りきらない場合*/
.btnWeak01Medium .fSize11 {
  display: inline-block;
  margin-top: 2px;
  margin-bottom: 2px;
}

/* 
 ■■■ 02-70-04 使用しない（原則的に使用しないが、個別ページの要件に従い限定的に使用）
--------------------------------------------------------- */
.btnWeak02XLarge.nolink:hover,
.btnWeak02Large.nolink:hover,
.btnWeak02Medium.nolink:hover {
  opacity: 1;
  cursor: default;
}

/* 
 ■■■ 02-70-05 照会系アクション（例：明細照会など）
--------------------------------------------------------- */
/* 
 ■■■ 02-70-06 非誘導アクション
--------------------------------------------------------- */
/*-- start:ie8対策（ボーダー） --*/
.ie.ie8 .formBtn,
.ie.ie8 .btnNormal01XLarge,
.ie.ie8 .btnNormal01Large,
.ie.ie8 .btnNormal01Medium,
.ie.ie8 .conversionArea .btn {
  border-bottom: 1px solid #79AC02;
  border-right: 1px solid #79AC02;
}

.ie.ie8 .btnWeak01XLarge,
.ie.ie8 .btnWeak01Large,
.ie.ie8 .btnWeak01Medium,
.ie.ie8 .conversionArea .btn3 {
  border-bottom: 1px solid #B4C8A4;
  border-right: 1px solid #B4C8A4;
}

.ie.ie8 .btnSuddenXLarge,
.ie.ie8 .btnSuddenLarge,
.ie.ie8 .btnSuddenMedium {
  border-bottom: 1px solid #E43901;
  border-right: 1px solid #E43901;
}

.ie.ie8 .btnInquiryXLarge,
.ie.ie8 .btnInquiryLarge,
.ie.ie8 .btnInquiryMedium,
.ie.ie8 .conversionArea .btn2 {
  border-bottom: 1px solid #E4B083;
  border-right: 1px solid #E4B083;
}

.ie.ie8 .btnWeak02XLarge,
.ie.ie8 .btnWeak02Large,
.ie.ie8 .btnWeak02Medium {
  border-bottom: 1px solid #ccd8d4;
  border-right: 1px solid #ccd8d4;
}

.ie.ie8 .btnWeak03XLarge,
.ie.ie8 .btnWeak03Large,
.ie.ie8 .btnWeak03Medium {
  border-bottom: 1px solid #BECAC6;
  border-right: 1px solid #BECAC6;
}

/*-- end:ie8のボーダー対策 --*/
/*-- start:ie8対策（hover） --*/
.ie.ie8 .formBtn:hover,
.ie.ie8 .btnNormal01XLarge:hover,
.ie.ie8 .btnNormal01Large:hover,
.ie.ie8 .btnNormal01Medium:hover,
.ie.ie8 .conversionArea .btn:hover {
  background-color: #cae570;
  color: #668b7e !important;
}

.ie.ie8 .btnWeak01XLarge:hover,
.ie.ie8 .btnWeak01Large:hover,
.ie.ie8 .btnWeak01Medium:hover,
.ie.ie8 .conversionArea .btn3:hover {
  background-color: #eff5df;
  color: #668b7e !important;
}

.ie.ie8 .btnSuddenXLarge:hover,
.ie.ie8 .btnSuddenLarge:hover,
.ie.ie8 .btnSuddenMedium:hover {
  background-color: #ff9a6c;
}

.ie.ie8 .btnInquiryXLarge:hover,
.ie.ie8 .btnInquiryLarge:hover,
.ie.ie8 .btnInquiryMedium:hover,
.ie.ie8 .conversionArea .btn2:hover {
  background-color: #ffebd8;
  color: #668b7e !important;
}

.ie.ie8 .btnWeak02XLarge:hover,
.ie.ie8 .btnWeak02Large:hover,
.ie.ie8 .btnWeak02Medium:hover {
  color: #668b7e !important;
}

.ie.ie8 .btnWeak02XLarge.nolink:hover,
.ie.ie8 .btnWeak02Large.nolink:hover,
.ie.ie8 .btnWeak02Medium.nolink:hover {
  color: #003e28 !important;
}

.ie.ie8 .btnWeak03XLarge:hover,
.ie.ie8 .btnWeak03Large:hover,
.ie.ie8 .btnWeak03Medium:hover {
  background-color: #f5f5f5;
  color: #668b7e !important;
}

/*-- end:ie8対策（hover） --*/
/*
 ■■ 02-80 テキストラベル
========================================================= */
/* 
 ■■■ 02-80-01 お申し込み
--------------------------------------------------------- */
/* 
 ■■■ 02-80-02 変更手続
--------------------------------------------------------- */
/* 
 ■■■ 02-80-03 ポイント交換
--------------------------------------------------------- */
/* 
 ■■■ 02-80-04 サービスの説明
--------------------------------------------------------- */
/* 
 ■■■ 02-80-05 資料請求
--------------------------------------------------------- */
/* 
 ■■■ 02-80-06 情報照会
--------------------------------------------------------- */
/* 
 ■■■ 02-80-07 シミュレーション
--------------------------------------------------------- */
/* 
 ■■■ 02-80-08 個人
--------------------------------------------------------- */
.cLabel_kojin {
  border: 1px solid #e8e891;
  box-sizing: border-box;
}

/* 
 ■■■ 02-80-09 法人
--------------------------------------------------------- */
/* 
 ■■■ 02-80-10 ゴールド
--------------------------------------------------------- */
/* 
 ■■■ 02-80-11 プラチナ
--------------------------------------------------------- */
/* 
 ■■■ 02-80-12 NEW
--------------------------------------------------------- */
/* 
 ■■■ 02-80-13 自動音声応答サービスのご案内 手順番号
--------------------------------------------------------- */
.cLabel_stepLevel1 {
  text-align: center;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  font-weight: bold !important;
}

.cLabel_stepLevel2 {
  text-align: center;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  font-weight: bold !important;
}

.cLabel_stepLevel3 {
  text-align: center;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  font-weight: bold !important;
}

/*
 ■■ 02-90 テキストラベル定義
========================================================= */
/* 
 ■■■ 02-90-01 テキストラベル定義
--------------------------------------------------------- */
.legendWrap {
  border: 1px solid #72a41c;
  diplay: table !important;
  padding: 10px;
}
.legendWrap .division {
  display: table-row;
}
.legendWrap .division .label {
  margin-right: 10px;
  white-space: nowrap;
  padding-top: 10px;
  margin-bottom: 0 !important;
}
.legendWrap .division .text {
  display: table-cell;
  padding-top: 10px;
  margin-bottom: 0 !important;
}

.legendWrap .division:first-child .label,
.legendWrap .division:first-child .text {
  padding-top: 0px !important;
}

/*
 ■■ 02-100 リンクアイコン
========================================================= */
/* 
 ■■■ 02-100-01 別ウィンドウアイコン
--------------------------------------------------------- */
.blankLink {
  position: relative !important;
  display: inline-block;
  text-indent: 0em;
}
.blankLink:before {
  display: inline-block;
  position: relative;
  top: 2px;
  left: 5px;
  content: "";
  width: 10px;
  height: 8px;
  border: #FFF solid 1px;
  background-color: #0C1E89;
}
.blankLink:after {
  display: inline-block;
  position: relative;
  top: -1px;
  left: -10px;
  content: "";
  width: 10px;
  height: 8px;
  border: #FFF solid 1px;
  background-color: #0C1E89;
}

a:hover .blankLink:before {
  opacity: 0.8;
  background-color: #717CB5 \9;
}
a:hover .blankLink:after {
  opacity: 0.8;
  background-color: #717CB5 \9;
}

/* 
 ■■■ 02-100-02 PDFアイコン
--------------------------------------------------------- */
.pdfLink {
  display: inline-block;
  background: url(/static/responsive/img/icon_pdf_01.png) no-repeat left top;
  text-decoration: none;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 35px;
}
.pdfLink:hover {
  background: url(/static/responsive/img/icon_pdf_02.png) no-repeat left top;
}

/*
 ■■ 02-110 Q&A
========================================================= */
/* 
 ■■■ 02-110-001 Q&A
--------------------------------------------------------- */
dl.qaAreaWrap dt {
  background: url(/static/responsive/img/icon_qa_01.png) left 10px no-repeat;
  padding: 10px 15px 10px 40px;
  font-weight: 700;
  width: 100%;
  box-sizing: border-box;
}
dl.qaAreaWrap dd {
  background: url(/static/responsive/img/icon_qa_02.png) left 10px no-repeat;
  padding: 10px 15px 20px 40px;
  margin: 0px 0px 10px 0;
  width: 100%;
  box-sizing: border-box;
}

/*
 ■■ 02-120 表組（情報の比較）
========================================================= */
.shortTable,
.defTable,
.defTable02 {
  margin: 15px 0;
}

/* 
 ■■■ 02-120-01 1軸で比較する場合
--------------------------------------------------------- */
.defTable02 {
  width: 100%;
  border-top: 1px solid #c8c8c8;
  border-left: 1px solid #c8c8c8;
  table-layout: fixed;
}
.defTable02 th {
  padding: 10px;
  background-color: #EEE;
}
.defTable02 td {
  padding: 10px;
}
.defTable02 th, .defTable02 td {
  border-right: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  box-sizing: border-box;
}

/* 背景色のレベル分け */
th.lowTh {
  background-color: whitesmoke !important;
}

th.lowestTh {
  background-color: #fcfcfc !important;
}

td.cautionTd {
  background-color: #fcfcdd !important;
}

/* table-layout:fixedの解除用 */
.tableLayoutAuto {
  table-layout: auto !important;
}

/* 横スクロール用ラッパー */
.defTable02-tableThWidth50 th {
  width: 50%;
}

.defTable02-tableThWidth30 th {
  width: 30%;
}

.defTable02-tableThWidth25 th {
  width: 25%;
}

.defTable02-tableThWidth20 th {
  width: 20%;
}

.defTable02-tableThWidth12-5 th {
  width: 12.5%;
}

/* 
 ■■■ 02-120-04 表組（情報の一覧化）①
--------------------------------------------------------- */
/* ----- ショートテーブルスタイル(パディング10px) ----- */
.shortTable {
  width: 61%;
  border-top: 1px solid #c8c8c8;
  border-left: 1px solid #c8c8c8;
  table-layout: fixed;
}
.shortTable th {
  background-color: #EEE;
  width: 40%;
  text-align: left;
}
.shortTable th, .shortTable td {
  border-right: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  padding: 10px;
  box-sizing: border-box;
}

/* ----- デフォルトテーブルスタイル(パディング10px) ----- */
.defTable {
  width: 100%;
  border-top: 1px solid #c8c8c8;
  border-left: 1px solid #c8c8c8;
  table-layout: fixed;
}
.defTable th, .defTable td {
  border-right: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  padding: 10px;
  box-sizing: border-box;
}
.defTable th {
  background-color: #EEE;
  width: 25%;
  text-align: left;
}

/* ----- デフォルトテーブルスタイル(パディング20px) ----- */
.defTable.pd20 th, .defTable.pd20 td {
  padding: 20px !important;
}

/* ----- テーブルキャプション ----- */
caption {
  text-align: left;
  font-weight: bold;
  padding: 5px 0;
}

/* 
 ■■■ テーブルボーダー削除
--------------------------------------------------------- */
/* ----- 全ボーダー削除 ----- */
.brderADel {
  border: none !important;
}

/* ----- 右ボーダー削除 ----- */
.brderRDel {
  border-right: none !important;
}

/* ----- 左ボーダー削除 ----- */
.brderLDel {
  border-left: none !important;
}

/* ----- 上ボーダー削除 ----- */
.brderTDel {
  border-top: none !important;
}

/* ----- 下ボーダー削除 ----- */
.brderBDel {
  border-bottom: none !important;
}

/* 
 ■■■ 02-120-05 表組（情報の一覧化）②（加盟店静的のみ使用）
--------------------------------------------------------- */
.irreTable {
  display: table;
  width: 100%;
}

.irreTable .irreT_head {
  display: table-cell;
  vertical-align: top;
  width: 40%;
}

.irreTable .irreT_head h3 {
  background-color: white !important;
  margin: 0 0 0 !important;
  padding: 0 !important;
}

.irreTable .irreT_details {
  display: table-cell;
  vertical-align: top;
  width: 60%;
}

/* ----- 【削除予定】デフォルトテーブルスタイル(縦線無し) ----- */
.defTable.vBorderNone {
  border: none;
}
.defTable.vBorderNone th, .defTable.vBorderNone td {
  border-right: none;
}

/* ----- 【削除予定】横幅固定テーブルスタイル（スマホ時横スクロール）縦線無し ----- */
.defTable02.vBorderNone {
  border: none;
}
.defTable02.vBorderNone th, .defTable02.vBorderNone td {
  border-right: none;
}

/*
 ■■ 02-130 イメージカット
========================================================= */
/* 
 ■■■ 02-130-01 イメージカット（メイン）
--------------------------------------------------------- */
/* イメージカット（メイン）画像小（画像スペース15%） */
.imageCutLeft {
  margin: 15px 0;
  display: table;
  width: 100%;
}
.imageCutLeft .fig {
  display: table-cell;
  width: 15%;
  vertical-align: top;
  text-align: center;
}
.imageCutLeft .fig img {
  margin: 0 10px;
}
.imageCutLeft .text {
  display: table-cell;
  vertical-align: top;
}
.imageCutLeft .text dt {
  font-size: 115%;
  font-weight: bold;
  margin: 15px 0 5px 0;
  font-size: inherit;
  margin: 15px 0 5px 0;
}
.imageCutLeft .text dt:first-child {
  font-size: 115%;
  font-weight: bold;
  margin: 0 0 5px 0;
}

/* イメージカット（メイン）画像大（画像スペース29%）*/
.imageCutLeftType02 {
  margin: 15px 0;
  display: table;
  width: 100%;
}
.imageCutLeftType02 .fig {
  display: table-cell;
  width: 29%;
  vertical-align: top;
  text-align: center;
}
.imageCutLeftType02 .fig img {
  margin-right: 10px;
}
.imageCutLeftType02 .text {
  display: table-cell;
  vertical-align: top;
}
.imageCutLeftType02 .text dt {
  font-size: 115%;
  font-weight: bold;
  margin: 15px 0 5px 0;
  font-size: inherit;
  margin: 15px 0 5px 0;
}
.imageCutLeftType02 .text dt:first-child {
  font-size: 115%;
  font-weight: bold;
  margin: 0 0 5px 0;
}

/* 
 ■■■ 02-130-02 イメージカット（サブ）
--------------------------------------------------------- */
/* イメージカット（サブ）画像小（画像スペース15%） */
.imageCutRight {
  margin: 15px 0;
  display: table;
  width: 100%;
}
.imageCutRight .fig {
  display: table-cell;
  width: 15%;
  vertical-align: top;
  text-align: center;
}
.imageCutRight .fig img {
  margin: 0 10px;
}
.imageCutRight .text {
  display: table-cell;
  vertical-align: top;
}
.imageCutRight .text dt {
  font-size: 115%;
  font-weight: bold;
  margin: 15px 0 5px 0;
}

/* イメージカット（サブ）画像大（画像スペース29%） */
.imageCutRightType02 {
  margin: 15px 0;
  display: table;
  width: 100%;
}
.imageCutRightType02 .fig {
  display: table-cell;
  width: 29%;
  vertical-align: top;
  text-align: center;
}
.imageCutRightType02 .fig img {
  margin: 0 10px;
}
.imageCutRightType02 .text {
  display: table-cell;
  vertical-align: top;
}
.imageCutRightType02 .text dt {
  font-size: 115%;
  font-weight: bold;
  margin: 15px 0 5px 0;
}

/*
 ■■ 02-140 タブ
========================================================= */
/* 
 ■■■ 02-140-01 タブ数が少ない場合（SP時横並び）
--------------------------------------------------------- */
.tabAreaWrap {
  margin-top: 15px;
  margin-bottom: 15px;
  /* 画面遷移あり */
}
.tabAreaWrap .tabHead ul {
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box;
  /* Android-標準ブラウザ バージョン2.1～4.3, iOS-Safari バージョン3.2～6.1*/
  display: -webkit-flex;
  /* iOS-Safari 7.0*/
  display: -ms-flexbox;
}
.tabAreaWrap .tabHead ul li {
  padding: 10px;
  background-color: #e1ecc5;
  border-top: 5px solid #fff;
  border-bottom: 1px solid transparent;
  box-sizing: border-box;
  text-align: center;
  float: left\9;
  margin-left: 1%;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  width: 20%;
  /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.tabAreaWrap .tabHead ul li a {
  background-color: transparent !important;
  text-decoration: none;
  color: black !important;
}
.tabAreaWrap .tabHead ul li:hover {
  opacity: 0.7;
  cursor: pointer;
  background-color: #EAF2D6 \9 !important;
  color: #4d4d4d \9 !important;
}
.tabAreaWrap .tabHead ul li:first-child {
  margin-left: 0;
}
.tabAreaWrap .tabHead ul li.act {
  background-color: #badd20;
  border: 1px solid #badd20;
  border-bottom: 1px solid #badd20;
  border: 1px solid transparent;
  border-top: 5px solid transparent;
  border-left: none;
  border-right: none;
  max-width: 50%;
}
.tabAreaWrap .tabHead ul li.act:hover {
  cursor: default;
  opacity: 1;
  background-color: #BADD20 \9 !important;
  color: #000 \9 !important;
}
.tabAreaWrap .tabHead.static li a:hover {
  color: #4d4d4d \9 !important;
}
.tabAreaWrap .tabBody {
  border: 1px solid #badd20;
  border-top: 2px solid #badd20;
  padding: 15px;
}

/* ----- display:box、flexを使えないie8、9対策 ----- */
.ie.ie8 .tabAreaWrap .tabHead li,
.ie.ie9 .tabAreaWrap .tabHead li {
  float: left;
}

/*
 ■■ 02-150 バナー
========================================================= */
/* 
 ■■■ 02-150-01 ローテーションバナー
--------------------------------------------------------- */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: none;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-loading .slick-list {
  background: white url("/static/responsive/img/ajax-loader.gif") center center no-repeat;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* Icons */
/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 28px;
  width: 28px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  color: transparent;
  top: 50%;
  margin-top: -15px;
  padding: 0;
  border: none;
  outline: none;
  background: #bfbfbf;
  /* Old browsers */
}

/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\2022";
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

[dir="rtl"] .slick-next {
  right: auto;
  left: -25px;
}

[dir="rtl"] .slick-next:before {
  content: "\2190";
}

[dir="rtl"] .slick-prev {
  right: -25px;
  left: auto;
}

[dir="rtl"] .slick-prev:before {
  content: "\2192";
}

[dir="rtl"] .slick-slide {
  float: right;
}

.sliderWrap {
  width: 1000px;
  margin: 0 auto 10px;
  position: relative;
}

.sliderWrap.wrap02 {
  width: 770px;
}

.sliderWrap.wrap03 {
  width: 738px;
}

.sliderWrap .slider-nav {
  display: none;
}

.sliderWrap .slider-frame {
  display: none;
}

.sliderWrap .slider-for div {
  display: none;
}

.sliderWrap .slider-for div:FIRST-CHILD {
  display: block;
}

.sliderWrap img:hover {
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)";
  /* ie 8 */
}

.sliderWrap .slick-slider {
  margin-bottom: 0;
}

.slider-nav {
  margin-top: 10px;
}

.slider-nav .slick-list {
  margin: 0 40px 0 60px;
  padding: 0 0px !important;
}

.slider-nav .slick-list img {
  cursor: pointer;
}

.slider-nav .slick-dots {
  display: none !important;
}

.slider-nav .slick-prev {
  top: 15px;
  left: 15px;
  background: url(/static/responsive/img/visual_btn_prev.png) no-repeat;
}

.slider-nav .slick-next {
  top: 15px;
  right: 15px;
  background: url(/static/responsive/img/visual_btn_next.png) no-repeat;
}

.sliderWrap .slider-frame {
  box-sizing: border-box;
  width: 158px;
  height: 28px;
  border: 2px solid #005135;
  position: absolute;
  top: 167px;
  left: 420px;
}

.sliderWrap.wrap02 .slider-frame {
  width: 115px;
  left: 329px;
}

.sliderWrap.wrap03 .slider-frame {
  width: 111px;
  left: 316px;
}

.sliderWrap .slider-frame span {
  display: block;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom: 10px solid #005135;
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -10px;
}

/* 
 ■■■ 02-150-02 スライドバナー
--------------------------------------------------------- */
.carouselWrapArea .naviWrap .btnNext,
.carouselWrapArea .naviWrap .btnPrev {
  width: 30px;
  height: 188px;
  position: absolute;
  right: 0px;
  background-color: #d8d8d8;
}

.carouselWrapArea .naviWrap .btnNext,
.carouselWrapArea .naviWrap .btnPrev {
  top: 0px;
}

.carouselWrapArea {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #efefef;
  width: 100%;
}

.carouselWrapArea .carouselArea {
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  margin: 20px 0 !important;
  overflow: hidden;
}

.carouselWrapArea .naviWrap .btnNext {
  background: #d8d8d8;
  border-left: 1px solid #fff;
  cursor: pointer;
}

.carouselWrapArea .naviWrap .btnNext:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -8px;
  margin-left: -4px;
  border: 8px solid transparent;
  border-left-color: #000;
  border-right: none;
}

.carouselWrapArea .naviWrap .btnNext:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -8px;
  margin-left: -7px;
  border: 8px solid transparent;
  border-left-color: #d8d8d8;
  border-right: none;
}

.carouselWrapArea .naviWrap .btnPrev {
  left: 0;
  background: #d8d8d8;
  border-right: 1px solid #fff;
  cursor: pointer;
}

.carouselWrapArea .naviWrap .btnPrev:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -8px;
  margin-left: -4px;
  border: 8px solid transparent;
  border-right-color: #000;
  border-left: none;
}

.carouselWrapArea .naviWrap .btnPrev:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -8px;
  margin-left: -1px;
  border: 8px solid transparent;
  border-right-color: #d8d8d8;
  border-left: none;
}

.carouselWrapArea .naviWrap .btnNext:hover,
.carouselWrapArea .naviWrap .btnPrev:hover {
  background-color: #dedede;
}

.carouselWrapArea .carouselArea ul {
  margin-left: 9px;
}
.carouselWrapArea .carouselArea li {
  float: left;
  margin-left: 0px;
  margin-right: 20px;
  text-align: center;
}

.carouselWrapArea .carouselArea li:hover a {
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)";
}

/*
 ■■ 02-160 アコーディオン
========================================================= */
/* acidHead */
.acdiHead {
  position: relative;
}

/* acdiBtn */
.acdiBtn {
  position: absolute !important;
  display: block;
  width: 124px !important;
  height: 23px !important;
  cursor: pointer;
  font-size: 12px !important;
  box-sizing: border-box;
  padding: 5px 5px 5px 25px !important;
  line-height: 1em;
}

.acdiBtn.on:before,
.acdiBtn.off:before,
.acdiBtn.on:after,
.acdiBtn.off:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  left: 25px;
  width: 0;
  height: 0;
}

.acdiBtn.on:before {
  margin-top: -3px;
  border: #FFF solid 6px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom: none;
}

.acdiBtn.on:after {
  margin-top: -5px;
  border: #1D5541 solid 6px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom: none;
}

.ie.ie8 .acdiBtn.on:hover:after {
  border-top-color: #6f9479;
}

.acdiBtn.off:before {
  margin-top: -3px;
  border: #FFF solid 6px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top: none;
}

.acdiBtn.off:after {
  margin-top: -1px;
  border: #1D5541 solid 6px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top: none;
}

.ie.ie8 .acdiBtn.off:hover:after {
  border-bottom-color: #6f9479;
}

/*個別設定*/
div .acdiBtn {
  top: 15px;
  right: 20px;
}

/* 
 ■■■ 02-160-01 見出し（レベル2）
--------------------------------------------------------- */
h2 .acdiBtn {
  top: 0;
  right: 10px;
  display: none;
}

.ie.ie8 h2 .acdiBtn:hover {
  background-color: #6f9479;
}

/* 
 ■■■ 002-160-02 見出し（レベル3）
--------------------------------------------------------- */
h3 .acdiBtn {
  top: 8px;
  right: 10px;
}

.ie.ie8 h3 .acdiBtn:hover {
  background-color: #6f9479;
}

/* 
 ■■■ 02-160-03 汎用1
--------------------------------------------------------- */
.hanyouAcdiType01 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.hanyouAcdiType01 .acdiBtn {
  top: 15px;
  right: 20px;
  display: none;
}

.hanyouAcdiType01 .acdiHead {
  font-size: 115%;
  padding: 9px 8px 9px 0;
  font-weight: bold;
  margin: 15px 0px;
}

/* 
 ■■■ 02-160-04 汎用2（
 02-50-03 定義リスト（画像付き）と同じもの）
--------------------------------------------------------- */
/*
 ■■ 02-170 ツールチップ・モーダルウィンドウ
========================================================= */
/* 
 ■■■ 02-170-01　ツールチップ
--------------------------------------------------------- */
.toolTip {
  position: relative;
  display: inline-block;
}

.toolTip:hover {
  cursor: pointer;
}

.toolTip.f-pc:hover .toolTBWrap {
  display: block;
}

.toolTBWrap {
  display: none;
  padding: 10px;
  position: absolute;
  bottom: 1.5em;
  left: -5px;
  bottom: 100%;
  z-index: 1;
  text-align: left;
  font-weight: normal;
  cursor: default;
  max-width: 500px;
  min-width: 200px;
}

/* ----- ツールチップアイコン ----- */
.qIcon:before {
  content: " ";
  display: block;
  position: absolute;
  top: 5px;
  left: -4px;
  border: transparent solid 5px;
  border-right-color: #235946;
  border-left: none;
}

.qIcon {
  position: absolute;
  top: -15px;
  left: 0;
  display: block;
  width: 23px;
  height: 21px;
  background: #104a36;
  background: -moz-linear-gradient(top, #104a36 0%, #306351 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #104a36), color-stop(100%, #306351));
  background: -webkit-linear-gradient(top, #104a36 0%, #306351 100%);
  background: -o-linear-gradient(top, #104a36 0%, #306351 100%);
  background: -ms-linear-gradient(top, #104a36 0%, #306351 100%);
  background: linear-gradient(to bottom, #104a36 0%, #306351 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#104a36', endColorstr='#306351',GradientType=0 );
  font-weight: bold;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  margin-left: 6px;
  cursor: pointer;
}

.qIcon:after {
  content: "?";
  position: absolute;
  top: 3px;
  left: 8px;
  color: #fff;
  font-weight: bold;
}

.toolTBWrap_jnb {
  left: 5px;
  right: auto;
}

.toolTBWrap.toolWide {
  width: 100%;
}

.toolTBWrap .toolTipBody {
  position: relative;
  top: -15px;
  left: 0;
  left: -45px\9;
  /*IE8補正*/
  display: block;
  padding: 20px;
  background-color: #efefef;
  color: #333;
  border: 2px solid #919aca;
}

.toolTipArrow {
  position: relative;
}

.toolTipArrow:AFTER {
  content: " ";
  display: block;
  position: absolute;
  bottom: -9px;
  left: 0;
  top: -2px;
  width: 0;
  height: 0;
  border: transparent solid 9px;
  border-top-color: #efefef;
  border-bottom: none;
}

.toolTipArrow:BEFORE {
  border: transparent solid 9px;
  content: " ";
  display: block;
  position: absolute;
  bottom: -9px;
  height: 0;
  left: 0;
  top: 0;
  border: transparent solid 9px;
  border-top-color: #919aca;
  border-bottom: none;
}

.toolTipBody:after {
  bottom: -7px;
  border: transparent solid 9px;
  border-top-color: #efefef;
  border-bottom: none;
}

/* 
 ■■■ 02-17-02　モーダルウィンドウ
--------------------------------------------------------- */
#modalWindow .modalWindow {
  background-color: #fff;
  margin: 0 auto;
  min-height: 200px;
}

#modalWindow .btnArea {
  text-align: center;
  margin-top: 15px;
}

.modalCont {
  position: absolute;
  width: 70%;
  padding: 10px 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background-color: #FFF;
  z-index: 999;
  left: 0;
  right: 0;
  margin: auto;
}

.modalCont .modalWindow {
  margin: 0 auto;
}

.modalCont .btnArea {
  margin-top: 20px;
  text-align: center;
}

.jsEvModalFilter {
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)";
  background: #000;
  z-index: 998;
}

.modalFrame h3 {
  font-size: 115%;
  color: #005135;
  background-color: #E1ECC5;
  padding: 9px 8px 9px 13px;
  font-weight: bold;
  margin: 15px 0;
  overflow: hidden;
  text-align: left;
}

/*
 ■■ 02-180 ページャー
========================================================= */
/* 
 ■■■ 02-180-01 ページャー（ページ番号無し）
--------------------------------------------------------- */
.pgNationWAreaNoNum {
  display: table;
  width: 100%;
}

.pgNationWAreaNoNum .backWrap,
.pgNationWAreaNoNum .nextWrap {
  display: table-cell;
  width: 48%;
  white-space: normal;
}

.pgNationWAreaNoNum .backWrap {
  text-align: right;
}

.pgNationWAreaNoNum .nextWrap {
  text-align: left;
}

.pgNationWAreaNoNum .numWrap {
  display: table-cell;
  width: 4%;
  text-align: center;
}

.pgNationWAreaNoNum .backWrap a,
.pgNationWAreaNoNum .nextWrap a {
  font-size: inherit;
}

/* 
 ■■■ ページャー（ページ番号付き）
--------------------------------------------------------- */
.backWrap a,
.nextWrap a {
  font-size: 75%;
}

.pgNationWArea {
  display: table;
  table-layout: fixed;
  margin: 0 auto;
}

.pgNationWArea .firstLink {
  padding-left: 18px;
  margin-right: 15px;
  position: relative;
}

.pgNationWArea .firstLink:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  height: 10px;
  border-left: 2px solid #0C1E89;
}

.pgNationWArea .firstLink:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 6px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-right-color: #FFF;
  border-left: none;
}

.pgNationWArea .firstLink a:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 3px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #0C1E89;
  border-left: none;
}

.pgNationWArea .firstLink a:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 8px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #0C1E89;
  border-right: none;
}

.pgNationWArea .lastLink {
  padding-right: 18px;
  margin-left: 15px;
  text-align: right;
  position: relative;
}

.pgNationWArea .lastLink:before {
  content: "";
  position: absolute;
  top: 5px;
  right: 0;
  height: 10px;
  border-right: 2px solid #0C1E89;
}

.pgNationWArea .lastLink:after {
  content: "";
  position: absolute;
  top: 0px;
  right: 6px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left-color: #FFF;
  border-right: none;
}

.pgNationWArea .lastLink a:before {
  content: "";
  position: absolute;
  top: 5px;
  right: 3px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #0C1E89;
  border-right: none;
}

.pgNationWArea .lastLink a:after {
  content: "";
  position: absolute;
  top: 5px;
  right: 8px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #0C1E89;
  border-left: none;
}

.pgNationWArea .backLink {
  padding-left: 15px;
  margin-right: 15px;
  position: relative;
}

.pgNationWArea .backLink:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 3px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-right-color: #FFF;
  border-left: none;
}

.pgNationWArea .backLink a:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #0C1E89;
  border-left: none;
}

.pgNationWArea .backLink a:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #0C1E89;
  border-right: none;
}

.pgNationWArea .nextLink {
  padding-right: 15px;
  margin-left: 15px;
  text-align: right;
  position: relative;
}

.pgNationWArea .nextLink:after {
  content: "";
  position: absolute;
  top: 0px;
  right: 3px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left-color: #FFF;
  border-right: none;
}

.pgNationWArea .nextLink a:before {
  content: "";
  position: absolute;
  top: 5px;
  right: 0;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #0C1E89;
  border-right: none;
}

.pgNationWArea .nextLink a:after {
  content: "";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #0C1E89;
  border-left: none;
}

.pgNationWArea .num {
  width: 30px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  padding: 7px 5px 4px;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background: #eee;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 17%, #eaeaea 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(17%, white), color-stop(100%, #eaeaea));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 17%, #eaeaea 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 17%, #eaeaea 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 17%, #eaeaea 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, white 17%, #eaeaea 100%);
  /* W3C */
}

.pgNationWArea .num.last {
  margin-right: 0;
}

.pgNationWArea .num span {
  line-height: 1em;
  display: inline-block;
}

.pgNationWArea .num.act {
  background: #035237 !important;
  color: white !important;
}

.pgNationWArea .num:hover {
  opacity: 0.7;
  background: #FCFCFC \9 !important;
}

.pgNationWArea .num.act:hover {
  opacity: 1;
  background: #035237 \9 !important;
}

/*
 ■■ 02-190 水平線・区切り線
========================================================= */
/* 
 ■■■ 02-190-01 水平線
--------------------------------------------------------- */
.lineType01 {
  /*使用しない*/
  border-style: none;
  border-bottom: 1px solid #e3e3e3;
  margin: 20px 0;
}

.lineType02 {
  border-style: none;
  border-bottom: 1px dotted #739f90;
  margin: 20px 0;
}

/* 
 ■■■ 02-190-02 区切り線
--------------------------------------------------------- */
.lineVerticalType02 {
  border-right: 1px dotted #739f90;
}

/*
 ■■ 02-200 ステップ
========================================================= */
/* 
 ■■■ 02-200-01 ステップ（縦型）
 ※Type01は使用していない
--------------------------------------------------------- */
dl.verticalStep {
  display: table;
  width: 100%;
}

.verticalStep > dt {
  display: table-cell;
  width: 94px;
  background-color: #eee;
  position: relative;
  border-bottom: #eee solid 1px;
  text-align: center;
}

.verticalStep > dt span {
  display: inline-block;
  padding: 27px 15px 0px;
  color: #005135;
  font-weight: 700;
}

.verticalStep.first > dt span {
  padding: 12px 20px 0px;
}

.verticalStep > dt:before {
  content: "";
  position: absolute;
  left: -4px;
  top: 0px;
  width: 0;
  height: 0;
  border-top: #FFFFFF solid 19px;
  border-left: solid 51px transparent;
  border-right: solid 51px transparent;
  z-index: 99;
}

.verticalStep dt:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0;
  width: 0;
  height: 0;
  border-top: #eee solid 17px;
  border-left: solid 47px transparent;
  border-right: solid 47px transparent;
  z-index: 99;
}

.verticalStep.first > dt:before {
  border: none;
}

.verticalStep.first > dt:after {
  border: none;
}

.verticalStep > dd {
  position: relative;
  display: table-cell;
  vertical-align: top;
}

.verticalStep.first > dd:before {
  display: block;
  content: "";
  border-bottom: #eee solid 1px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.verticalStep > dd:after {
  display: block;
  content: "";
  border-bottom: #eee solid 1px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}

.verticalStep > dd > div {
  display: table-cell;
  width: 360px;
  padding: 25px 15px 10px;
}

.verticalStep.first > dd > div {
  padding-top: 10px;
}

.verticalStep > dd > div:first-child {
  width: 180px;
  color: #005135;
  font-weight: 700;
}

/* 
 ■■■ 02-200-01 ステップ（縦型）Type02
--------------------------------------------------------- */
.verticalStep.type02 dl > dd:after {
  width: 100%;
}

.verticalStep.type02 dd > div {
  display: block;
  box-sizing: border-box;
  width: 100%;
}

.verticalStep.type02 > dd > div:first-child {
  width: 100%;
  font-size: 16px;
}

.verticalStep.type02 dd > div:nth-child(2) {
  margin-left: 25px;
  width: inherit;
  padding: 0 10px 10px 0;
}

/* 
 ■■■ 02-200-02 ステップ（横型）
--------------------------------------------------------- */
.horizontalStep {
  display: table;
  width: 100%;
  table-layout: fixed;
  position: relative;
}

.horizontalStep dl,
.horizontalStep .arrow {
  display: table-cell;
}

.horizontalStep dl {
  z-index: 10;
}

.horizontalStep .arrow {
  vertical-align: middle;
  width: 25px;
}

.ie.ie8 .horizontalStep .arrow .singleArrow {
  z-index: -1;
}

.horizontalStep .singleArrow {
  margin-left: 10px;
}

.horizontalStep dl {
  border: 1px solid #99b9ad;
  position: relative;
}

.horizontalStep .nextArrow {
  right: -14px;
}

.horizontalStep dt {
  position: relative;
  padding: 5px 5px 0 45px;
}

.horizontalStep dt.title {
  /*タイトルの番号削除*/
  padding: 5px 5px 0 5px;
  font-weight: bold;
}

.horizontalStep dt span {
  display: block;
  background-color: #efefef;
  width: 26px;
  height: 15px;
  padding: 5px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #99b9ad;
  border-bottom: 1px solid #99b9ad;
}

.horizontalStep dd {
  padding: 10px;
}

/* 
 ■■■ 02-200-03 ステップ（横型分岐型）
--------------------------------------------------------- */
.horizontalStep.type02 {
  display: table;
  width: 100%;
  box-sizing: border-box;
  table-layout: fixed;
}

.horizontalStep.type02 dt.title {
  padding: 5px 5px 0 45px;
  font-weight: bold;
}

.horizontalStep.type02 .hsType02Arrow {
  width: 10%;
  vertical-align: middle;
  text-align: center;
  z-index: -1;
}

.horizontalStep.type02 .hsType02Arrow span {
  margin-left: 5px;
}

.horizontalStep.type02 .leftBox {
  width: 30%;
}

.horizontalStep.type02 .centerBox {
  width: 40%;
}

.horizontalStep.type02 .centerBox dl {
  width: 80%;
}

.horizontalStep.type02 .rightBox {
  width: 30%;
}

.horizontalStep.type02 .centerBox .stepType02Top {
  margin-bottom: 10px;
}

.horizontalStep.type02 .centerBox .stepType02Bottom {
  margin-bottom: 0px;
}


.android .horizontalStep.type02 .leftBox {
  width: 28%;
}

.android .horizontalStep.type02 .centerBox {
  width: 38%;
}

.android .horizontalStep.type02 .centerBox dl {
  width: 78%;
}

.android .horizontalStep.type02 .rightBox {
  width: 28%;
}


/*
 ■■ 02-210 お問い合わせ
========================================================= */
.inquiryWrapArea {
  border: 1px solid #99b9ad;
  box-shadow: 0 0 1px #ccc;
  padding: 15px;
  margin: 20px 0;
  width: 100%;
  box-sizing: border-box;
  display: table;
}

.inquiryWrapArea .inquiryColWrap {
  display: table;
  width: 100%;
}

.inquiryIcon {
  background: url("/static/responsive/img/img_inquiry.png") no-repeat;
  padding-left: 35px;
  padding-bottom: 10px;
  padding-top: 2px;
  vertical-align: middle;
  border-bottom: 1px solid #99b9ad;
  font-size: 108%;
  font-weight: bold;
  display: block !important;
}

.inquiryWrapArea .inquiryWrap li.inquiryName,
.inquiryWrapArea .inquiryWrap li.inquiryPhone {
  margin-bottom: 5px;
}

.inquiryWrapArea .inquiryWrap li.inquiryName {
  color: #005135;
  font-weight: bold;
}

.inquiryWrapArea .inquiryWrap li.inquiryPhone span {
  font-size: 135%;
}

.inquiryWrap li.inquiryHours span:first-child:after {
  content: "／";
}

.inquiryWrap li.text_01a,
.inquiryWrap li.text_01b {
  margin-top: 10px;
  margin-bottom: 5px;
}

/* 
 ■■■ 02-210-01 お問い合わせ（掲載1件）
--------------------------------------------------------- */
.inquiryWrapArea .inquiryWrap.col1 {
  padding: 5px;
}

/* 
 ■■■ 02-210-02 お問い合わせ（掲載2件）
--------------------------------------------------------- */
.inquiryWrapArea .inquiryWrap.col2Left,
.inquiryWrapArea .inquiryWrap.col2Right {
  width: 50%;
  display: table-cell;
}

.inquiryWrapArea .inquiryWrap.col2Left {
  border-right: 1px dotted #739F90;
  padding: 5px 10px 5px 5px;
}

.inquiryWrapArea .inquiryWrap.col2Right {
  padding: 5px 5px 5px 10px;
}

/* 問い合わせコンポーネント内の.noteマージン調整 */
.inquiryWrapArea .note {
  margin-top: 5px !important;
  margin-bottom: 10px !important;
}

.inquiryWrapArea .inquiryPhone + li .note,
.inquiryWrapArea .reception_wrap + li .note,
.inquiryWrapArea .link + li .note {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

.inquiryWrapArea ul li:nth-last-child(1) ul {
  margin-bottom: 0 !important;
}

/* 
 ■■■ 問い合わせ　新レイアウト
--------------------------------------------------------- */
.reception_wrap {
  display: table;
  width: 100%;
  margin-bottom: 5px;
}

.reception_wrap .title {
  display: table-cell;
  width: 56px;
}

.reception_wrap .slash {
  display: table-cell;
  padding-left: 5px;
  padding-right: 5px;
  width: 15px;
}

.reception_wrap .reception_hours,
.reception_wrap .reception_mail,
.reception_wrap .reception_comment {
  display: table-cell;
}

/*
 ■■ 02-220 プラグイン　ダウンロード
========================================================= */
/* 
 ■■■ 02-220-01 Adobe Reader プラグイン（インクルード）
--------------------------------------------------------- */
.inc_adobereader {
  margin: 20px 0;
  padding: 15px 15px 10px;
}

.inc_adobereader dt {
  width: 120px;
  float: left;
}

.inc_adobereader dd {
  margin-left: 130px;
}

/* 
 ■■■ 02-220-02 Flash Player プラグイン（インクルード）
--------------------------------------------------------- */
.inc_flashplayer {
  margin: 20px 0;
  padding: 15px 15px 10px;
}

.inc_flashplayer dt {
  width: 170px;
  float: left;
}

.inc_flashplayer dd {
  margin-left: 180px;
}

/*
 ■■ 02-230 規約
========================================================= */
/* 
 ■■■ 02-230-01 規約スクロール
--------------------------------------------------------- */
.defTextarea {
  border: 1px #c7c7c7 solid;
  width: 100%;
  height: 250px;
  display: none;
}

.scrollWrapArea {
  position: relative;
  width: 740px;
  border: 2px solid #e3e3e3;
  overflow: hidden;
  height: 180px;
  padding-right: 30px;
}

.scrollWrapArea .jspContainer {
  padding-top: 10px;
  padding-bottom: 17px;
}

.scrollWrapArea .scrollArea {
  padding: 10px;
}

.scrollWrapArea .jspVerticalBar .jspArrowUp,
.scrollWrapArea .jspVerticalBar .jspArrowDown {
  width: 20px;
  height: 41px;
  border-bottom: 3px solid #508906;
  right: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  color: #fff !important;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  left: 0;
}

.scrollWrapArea .jspVerticalBar {
  width: 20px;
  background-color: transparent;
}

.scrollWrapArea .jspTrack {
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
}

.scrollWrapArea .jspDrag {
  background-color: #65ae07;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.scrollWrapArea .jspVerticalBar {
  border-left: 1px solid #e3e3e3;
  padding: 3px;
}

.scrollWrapArea .jspVerticalBar .jspArrowUp {
  background: url(/common/responsive/img/icon_arrow_010.png) 50% no-repeat #65ae07;
}

.scrollWrapArea .jspVerticalBar .jspArrowDown {
  background: url(/common/responsive/img/icon_arrow_011.png) 50% no-repeat #65ae07;
}

.kiyaku {
  margin: 20px 0 0 0;
}

.kiyaku .acdiBtn {
  display: none;
}

.kiyaku .kiyakuTable table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
}

.kiyaku .kiyakuTable th,
.kiyaku .kiyakuTable td {
  box-sizing: border-box;
  padding: 5px;
}

.kiyaku2 .kiyakuTable table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.kiyaku2 .kiyakuTable th,
.kiyaku2 .kiyakuTable td {
  box-sizing: border-box;
  padding: 5px;
}

/* 
 ■■■ 02-230-02 確認・同意チェックボックス
--------------------------------------------------------- */
.kiyakuCheckWrap {
  margin: 15px 0;
}
.kiyakuCheckWrap .kiyakuCheck_checkBoxWrap {
  display: table;
  color: #D40C0C;
  margin-left: auto;
  margin-right: auto;
}
.kiyakuCheckWrap .kiyakuCheck_checkBoxWrap input[type="check"] {
  display: table-cell;
}
.kiyakuCheckWrap .kiyakuCheck_checkBoxWrap label {
  display: table-cell;
  vertical-align: middle;
}

/*
 ■■ 02-240 情報一覧
========================================================= */
/* 
 ■■■ 02-240-01 関連情報
--------------------------------------------------------- */
.relevantPageWrapArea {
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #99B9AD;
  margin: 20px 0;
}

.relevantPageWrapArea .relevantPageTitle {
  border-bottom: 1px solid #9ab9ae;
  padding: 10px 0 10px 40px;
  background: url(/static/responsive/img/img_link_seo_chain.png) no-repeat left 50%;
  background-size: 35px 35px;
  font-weight: bold;
}

.relevantPageWrapArea .acdiBtn {
  display: none;
  top: 6px;
  right: 0px;
}

.relevantPageArea .smallArrowLink ul {
  padding-left: 0 !important;
}

.relevantPageWrapArea .relevantPageArea .smallArrowLink > li {
  border-bottom: 1px solid #dedede;
  margin-bottom: 10px;
}

.relevantPageWrapArea .relevantPageArea .smallArrowLink > li:LAST-CHILD {
  border-bottom: none;
  margin-bottom: 0;
}

.relevantPageWrapArea .relevantPageArea ul li .note li {
  border-bottom: none;
  margin-bottom: 5px;
}

.relevantPageArea .smallArrowLink > li {
  padding-bottom: 10px;
}

.relevantPageWrapArea img.border {
  border: 5px solid #FFF;
  box-sizing: content-box !important;
}

/* 
 ■■■ 02-240-02 認知必要情報
--------------------------------------------------------- */
.acdiCaution {
  margin: 20px 0;
}

.acdiCaution .acdiHead {
  padding: 15px 18px 0px;
  background-color: #fdefe5;
}

.acdiCaution .acdiHead .iconTCaution {
  padding-bottom: 10px;
  border-bottom: 1px solid #f4d8c4;
  margin-bottom: 0 !important;
  font-size: 14px !important;
}

.acdiCaution .acdiBtn {
  display: none;
}

.acdiCaution .acdiBody {
  margin-top: 0 !important;
  margin-bottom: 15px;
  padding: 15px 18px;
  background-color: #fdefe5;
}

.acdiCautionType02 {
  margin: 20px 0;
}

.acdiCautionType02 .acdiBtn {
  display: none;
}

.acdiCautionType02 .acdiHead {
  padding: 15px 18px 0px;
  background-color: #fdefe5;
}

.acdiCautionType02 .acdiHead .iconTCaution {
  padding-bottom: 10px;
  border-bottom: 1px solid #f4d8c4;
  margin-bottom: 0 !important;
}

.acdiCautionType02 .acdiBody {
  margin-top: 0 !important;
  margin-bottom: 15px;
  padding: 15px 18px;
  background-color: #fdefe5;
  display: block;
}

.acdiCaution .acdiHead, .acdiCautionType02 .acdiHead {
  border-top: 1px solid #f4d8c4;
  border-right: 1px solid #f4d8c4;
  border-left: 1px solid #f4d8c4;
}

.acdiCaution .acdiBody, .acdiCautionType02 .acdiBody {
  border-bottom: 1px solid #f4d8c4;
  border-right: 1px solid #f4d8c4;
  border-left: 1px solid #f4d8c4;
}

/* ----- 注意アイコン ----- */
.iconTCaution {
  background: url(/static/responsive/img/icon_caution_01.png) no-repeat left top;
  padding-top: 3px;
  padding-left: 32px;
  font-weight: bold;
  color: #000;
}

/* 
 ■■■ 02-240-03 重要なお知らせ
--------------------------------------------------------- */
.acdiImportant {
  margin: 20px 0;
}

.acdiImportant .acdiHead {
  padding: 15px 18px 0px;
  background-color: #fcfcdd;
  border-top: 1px solid #EBEBA9;
  border-right: 1px solid #EBEBA9;
  border-left: 1px solid #EBEBA9;
}

.acdiImportant .acdiBtn {
  display: none;
}

.acdiImportant .acdiBody {
  margin-top: 0 !important;
  padding: 15px 18px;
  background-color: #fcfcdd;
  border-bottom: 1px solid #EBEBA9;
  border-right: 1px solid #EBEBA9;
  border-left: 1px solid #EBEBA9;
}

.acdiImportant .acdiHead .iconTInfo {
  padding-bottom: 10px;
  border-bottom: 1px solid #EBEBA9;
  margin-bottom: 0 !important;
}

/* ----- インフォーメーションアイコン ----- */
.iconTInfo {
  background: url(/static/responsive/img/icon_info_01.png) no-repeat left top;
  padding-left: 32px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: bold;
  zoom: 1;
}

/* 
 ■■■ 02-240-04 付加的情報の掲載
--------------------------------------------------------- */
.informationBoxWrap {
  padding: 15px 18px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  margin: 20px 0;
  background-color: #efefef;
}

.informationBoxWrap .informationBoxTitle {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  font-weight: bold;
  margin-bottom: 13px !important;
}

/* 
 ■■■ 02-240-05 テキストバナーエリア
--------------------------------------------------------- */
.textBannerAreaWrap {
  padding: 15px 18px;
  box-sizing: border-box;
  border: 1px solid #EBEBA9;
  margin: 20px 0;
  background-color: #FCFCDD;
}

.textBannerAreaWrap .textBannerAreaTitle {
  border-bottom: 1px solid #EBEBA9;
  padding-bottom: 10px;
  font-weight: bold;
  margin-bottom: 13px !important;
}

/* 
 ■■■ 02-240-06 トピックス情報
--------------------------------------------------------- */
.topicsWrap {
  padding: 20px;
  margin: 15px 0px;
  background-color: #FCFCDD;
  border: 1px solid #EBEBA9;
}

.topicsTitle {
  float: left;
  margin: 0 15px 0 0 !important;
  font-weight: bold;
}

.topicsLink {
  display: inline-block;
  margin: 0;
}

.topicsToList {
  float: right;
  margin: 0 0 0 15px !important;
}

/* 
 ■■■ 02-240-07 キャンペーン情報一覧
--------------------------------------------------------- */
.imageCutLeftType03 {
  margin: 15px 0;
  display: table;
  width: 100%;
  border-bottom: 1px solid #D4D4D4;
  padding-bottom: 20px;
}
.imageCutLeftType03 .fig {
  display: table-cell;
  width: 15%;
  vertical-align: top;
  text-align: center;
}
.imageCutLeftType03 .fig img {
  margin: 0 10px;
}
.imageCutLeftType03 .text {
  display: table-cell;
  vertical-align: top;
}
.imageCutLeftType03 .text .link {
  font-size: 115%;
}
.imageCutLeftType03 .text dt {
  font-size: 115%;
  font-weight: bold;
  margin: 15px 0 5px 0;
  font-size: inherit;
  margin: 15px 0 5px 0;
}
.imageCutLeftType03 .text dt:first-child {
  font-size: 115%;
  font-weight: bold;
  margin: 0 0 5px 0;
}

/*
 ■■ 02-250 貸金業協会
========================================================= */
/* 
 ■■■ 02-250-01 貸金業協会（インクルード）
--------------------------------------------------------- */
.cntJisaWrap {
  margin: 10px 0;
  border-top: 1px solid #D4D4D4;
}

.cntJisaWrap .attension {
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  padding-top: 20px;
}

.cntJisa {
  border: 1px solid #D4D4D4;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 10px;
  content: "";
  display: block;
  overflow: hidden;
  clear: both;
  zoom: 1;
}

.cntJisa .figure {
  float: left;
  width: 40%;
  text-align: right;
}

.cntJisa .text {
  float: right;
  width: 55%;
}

/* 
 ■■■ 02-250-02 貸金業番号（インクルード）
--------------------------------------------------------- */
.cntJisaWrapBottomAddress {
  font-size: 86%;
  color: #555;
  text-align: left;
  margin: 10px 0;
}

/*
 ■■ 02-260 コンバージョンエリア
========================================================= */
.conversionArea {
  margin: 10px 0;
  padding: 15px 18px;
}

.conversionArea .title {
  text-align: left;
  margin-bottom: 10px;
  color: #000;
  font-weight: bold;
}

.conversionArea .txtInfo {
  text-align: left;
}

/*コンバージョンエリアボタン1*/
/*コンバージョンエリアボタン2*/
/*コンバージョンエリアボタン3*/
.conversionArea .otherLink {
  display: table;
  margin: 10px auto 0;
}

.conversionArea .otherLink .smallArrowLink {
  margin-top: 0;
  margin-bottom: 10px;
  text-align: left;
}

.conversionArea .otherArea {
  display: table;
  width: 100%;
}

.conversionArea .otherArea .conversion {
  display: table-cell;
  width: 50%;
}

.conversionArea .otherArea .text {
  text-align: center;
  font-weight: bold;
}

.conversionArea .conversion {
  padding: 0 20px;
  box-sizing: border-box;
}

.conversionArea form {
  display: inline;
}

/* 
 ■■■ 02-260-04 アクションの一覧
--------------------------------------------------------- */
.functionCallTable {
  margin: 15px 0;
}

.functionCallTable {
  width: 100%;
  border-top: 1px solid #c8c8c8;
  border-left: 1px solid #c8c8c8;
  table-layout: fixed;
}
.functionCallTable th, .functionCallTable td {
  border-right: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  padding: 10px;
  box-sizing: border-box;
}
.functionCallTable th {
  background-color: #EEE;
  width: 25%;
  text-align: left;
}

.functionCallTable .left {
  width: 70%;
}

.functionCallTable .right {
  width: 30%;
  text-align: center;
}

.functionCallTable dt {
  font-weight: bold;
  margin-bottom: 13px;
}

/*
 ■■ 02-270 プログレス・規約同意 コントロールエリア
========================================================= */
.formBtnArea, .conversionArea {
  position: relative;
  text-align: center;
}

.formBtnArea .title, .conversionArea .title {
  text-align: left;
}

.formBtnArea form, .conversionArea form {
  display: inline;
}

.formBtn {
  font-size: 150%;
  width: 287px;
  x-index: -1;
  margin-left: 113px;
}

/*---戻るボタン調節---*/
.backFormBtn {
  display: inline-block;
  position: relative;
  top: 0;
  left: -420px;
  width: 112px;
  height: 46px;
  background: url(/static/responsive/img/bg_formBackBtn.png) no-repeat top left;
  font-size: 112%;
  font-weight: 700;
  text-decoration: none;
  color: black !important;
}

.backFormBtn span {
  display: block;
  padding: 12px 25px 0 35px;
}

/*---同意しないボタン調節---*/
.notAgree {
  display: inline-block;
  position: relative;
  top: 0;
  left: -420px;
  width: 112px;
  height: 46px;
  background: url(/static/responsive/img/bg_formBackBtn.png) no-repeat top left;
  border: none;
  font-size: 112%;
  font-weight: 700;
  text-decoration: none;
  color: black !important;
}

.notAgree span {
  display: block;
  padding: 12px 15px 0 15px;
}

.backFormBtn:hover,
.notAgree:hover {
  color: #999999 !important;
}

/*
 ■■ 02-280 特徴エリア
========================================================= */
/* 
 ■■■ 02-280-01 特徴エリア
--------------------------------------------------------- */
.meritWrap .meritTitle {
  margin-bottom: 0 !important;
  border-bottom: 1px solid #99B9AD;
  background-color: #E1ECC5;
  color: #005135;
  padding: 10px;
  font-weight: bold;
  font-size: 93%;
  box-sizing: border-box;
}

.meritWrap .txtBox, .meritWrap .conversionArea, .meritWrap .formBtnArea {
  padding: 10px;
  margin-top: 0;
  box-sizing: border-box;
}

/*
 ■■ 02-290 カテゴリトップ
========================================================= */
/* 
 ■■■ 02-290-01 カテゴリインデックス
--------------------------------------------------------- */
.indexBoxWrap .indexBoxTitle {
  border-bottom: 1px solid #99B9AD;
  background-color: #FCFCFC;
  color: #005135;
  padding: 10px;
  font-weight: bold;
  font-size: 93%;
  box-sizing: border-box;
}

/* 
 ■■■ 02-290-02 カテゴリトップ一覧
--------------------------------------------------------- */
.categoryWarp {
  background: url("/static/responsive/img/mem/common_bg_imgCaption01.png") repeat-x scroll 0 0 transparent;
  height: 150px;
  overflow: hidden;
  position: relative;
  border: none;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  box-shadow: rgba(113, 135, 164, 0.4) 0px 2px 2px -1px;
  -webkit-box-shadow: rgba(113, 135, 164, 0.4) 0px 2px 2px -1px;
  -moz-box-shadow: rgba(113, 135, 164, 0.4) 0px 2px 2px -1px;
}

.categoryWarp:BEFORE {
  content: " ";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #fffee7;
}

.categoryIcon {
  text-align: center;
  z-index: 0;
}

.categoryArea {
  height: 150px;
  position: relative;
}
.categoryArea .categoryTxtBg {
  background-color: #c6e19b;
  position: relative;
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=80)";
  /* ie 8 */
  -moz-opacity: 0.8;
  /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.8;
  /* Safari 1.x */
  height: 100%;
}
.categoryArea .categoryTitle {
  font-weight: bold;
  text-align: center;
  color: #003f28;
  padding: 0 10px;
  box-sizing: content-box;
  margin: 0px !important;
  position: relative;
  display: table;
}

.categoryArea .categoryTitle .categoryLink {
  text-decoration: none;
  color: #003f28 !important;
}
.categoryArea .categoryTitle p {
  margin-top: 0px !important;
  display: table-cell;
  margin: 0 auto;
  vertical-align: middle;
  text-align: center;
  width: 222px;
  padding: 10px 0;
  height: 36px;
  box-sizing: content-box;
}
.categoryArea .categoryTxt {
  color: #003f28;
  margin: 0px !important;
  position: relative;
  padding: 0px 5px 10px 10px;
}

.categoryLinkArea {
  padding-top: 10px;
}
.categoryLinkArea ul {
  margin-bottom: 0px !important;
}

.categoryWarp.noneIcon {
  background: none;
  height: auto;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: hidden;
}
.categoryWarp.noneIcon .categoryArea {
  background-color: #D1E7AA;
  top: 0;
  height: auto;
}

.categoryWarp .categoryArea .categoryTitle .upArrow {
  background-image: url("/static/responsive/img/mem/common_pict_cateTopArrow01.png");
  width: 20px;
  height: 14px;
  display: block;
  position: absolute;
  right: 10px;
}

.categoryWarp.act .categoryArea .categoryTitle .upArrow {
  display: none;
}

.categoryWarp .categoryArea .linkArrow {
  display: block;
  position: relative;
  right: 5px;
  text-align: right;
  padding-right: 25px;
  color: #003f28;
  font-weight: bold;
}

.categoryWarp.noneIcon .categoryArea .linkArrow {
  top: 20px;
}

.categoryWarp .categoryArea .linkArrow:AFTER {
  background-image: url("/static/responsive/img/mem/common_pict_cateTopArrow02.png");
  width: 14px;
  height: 20px;
  display: block;
  position: absolute;
  right: 5px;
  top: -1px;
  content: "";
}

.categoryWarp .categoryArea .closeArrow {
  display: block;
  position: relative;
  right: 5px;
  color: #003f28;
  font-weight: bold;
  width: 65px;
  text-align: right;
  margin: 0 auto;
}

.categoryWarp .categoryArea .closeArrow:AFTER {
  background-image: url("/static/responsive/img/mem/common_pict_cateTopArrow03.png");
  width: 20px;
  height: 14px;
  display: block;
  position: absolute;
  left: 0;
  top: 1px;
  content: "";
}

.categoryWarp.act .categoryArea .categoryTitle .rtnTitleSize {
  font-size: 100% !important;
}

.categoryWarp .categoryArea .categoryTitle .linkArrow {
  background-image: url("/static/responsive/img/mem/common_pict_cateTopArrow02.png");
  width: 14px;
  height: 20px;
  display: block;
  position: absolute;
  right: 0px;
  content: "";
  background-repeat: no-repeat;
  padding-right: 10px;
}

.categoryWarp .categoryArea .categoryTitle .linkArrow:AFTER {
  display: none;
}

.categoryWarp .categoryArea .categoryTitle .titleLeft {
  text-align: left;
}

.categoryWarp.act .categoryArea .categoryTitle .titleLeft {
  text-align: center;
}

.serviceAccordionWrapArea {
  border-bottom: 1px solid #bad07c;
  position: relative;
  top: 10px;
  margin-bottom: 10px;
}

.serviceAccordionWrapArea .serviceAccordion {
  text-align: center;
  background: #fff;
  color: #005135;
  font-weight: bold;
  width: 180px;
  margin: 0 auto;
  padding-left: 10px;
  position: absolute;
  display: block;
  bottom: -10px;
  cursor: pointer;
}

.ie.ie9 .serviceAccordionWrapArea {
  margin-bottom: 10px !important;
}

.serviceAccordionWrapArea .serviceAccordion.on span:before,
.serviceAccordionWrapArea .serviceAccordion.on span:after,
.serviceAccordionWrapArea .serviceAccordion.off span:before,
.serviceAccordionWrapArea .serviceAccordion.off span:after {
  position: absolute;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 2px;
  left: -6px;
}

.serviceAccordionWrapArea .serviceAccordion.off span:before {
  height: 9px;
  width: 13px;
  top: 4px;
  left: 5px;
  background: url("/static/responsive/img/mem/serviceAccordion_off.png");
}

.serviceAccordionWrapArea .serviceAccordion.on span:before {
  height: 9px;
  width: 13px;
  top: 4px;
  left: 5px;
  background: url("/static/responsive/img/mem/serviceAccordion_on.png");
}

.serviceAccordionWrapArea .serviceAccordionArea {
  display: none;
  margin-bottom: 10px;
}

/* ---- カテゴリトップ用 end  ---- */
/*
 ■■ 02-300 中カテゴリ専用 見出し
========================================================= */
/* 
 ■■■ 02-300-01 中カテゴリ専用の見出し要素
--------------------------------------------------------- */
.mCatHeader {
  position: relative;
  height: 152px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.mCatHeader_img {
  margin-bottom: 0 !important;
}

.mCatHeader_text {
  position: absolute;
  top: 55px;
  left: 30px;
  margin-top: 0 !important;
  color: #0C1E89;
  font-size: 115%;
  font-weight: bold;
}
.mCatHeader_text.line1 {
  top: 65px;
}
.mCatHeader_text.line3 {
  top: 45px;
}

/* 
 ■■■ 02-310-01 中カテゴリ専用のブロック要素（1カラム用）
--------------------------------------------------------- */
.mCatSrvMenu01 {
  margin: 15px 0;
  display: table;
  width: 100%;
  border: 1px solid #CCC;
}
.mCatSrvMenu01 .fig {
  display: table-cell;
  width: 200px;
  vertical-align: middle;
  text-align: center;
}
.mCatSrvMenu01 .text {
  display: table-cell;
  vertical-align: top;
  padding: 10px;
}
.mCatSrvMenu01 .text dt {
  font-size: 115%;
  font-weight: bold;
  margin: 15px 0 5px 0;
  font-size: inherit;
  margin: 15px 0 5px 0;
  color: #005135;
}
.mCatSrvMenu01 .text dt:first-child {
  font-size: 115%;
  font-weight: bold;
  margin: 0 0 5px 0;
}

/* 
 ■■■ 02-310-02～03 中カテゴリ専用のブロック要素（2～3カラム用）
--------------------------------------------------------- */
.mCatSrvMenu02_wrap {
  border-top: 1px solid #CCC;
}

.mCatSrvMenu02_title {
  margin-bottom: 0 !important;
  border-right: 1px solid #CCC;
  border-left: 1px solid #CCC;
  background-color: #CCC;
  font-weight: bold;
  font-size: 93%;
  box-sizing: border-box;
  display: table;
  width: 100%;
  text-shadow: 1px 1px 0px #FFF;
}
.mCatSrvMenu02_title .mCatSrvMenu02_title_inner {
  padding: 10px;
  border: 1px solid #FFF;
  display: table-cell;
  vertical-align: middle;
}

.mCatSrvMenu02_img {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  text-align: center;
  border-right: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  box-shadow: 0 1px #F2F2F2;
  box-sizing: border-box;
  display: table;
  width: 100%;
}
.mCatSrvMenu02_img .mCatSrvMenu02_img_inner {
  border-bottom: 1px solid #FFF;
  border-right: 1px solid #FFF;
  border-left: 1px solid #FFF;
  display: table-cell;
  vertical-align: middle;
}

.mCatSrvMenu02_txtBox {
  padding: 10px;
  box-sizing: border-box;
}

/* =========================================================
 ■ プラチナサービス専用
========================================================= */
/*
 ■■ 02-320 プラチナサービス専用 見出し
========================================================= */
#contWrap .platinumWrap h1 {
  color: #2f2f2f;
  border-bottom: 1px solid #dde0e3;
  padding-left: 15px;
  padding-bottom: 15px;
}

#contWrap .platinumWrap h1:before {
  background: #b9c0c6;
  height: 2px;
  bottom: 1px;
}

/*
    H1　プラチナ見出し＋ロゴ画像
*/
.platinum_h1_inner {
  display: table;
  width: 100%;
}

.platinum_h1_inner .platinum_h1_title,
.platinum_h1_inner .platinum_h1_logo {
  display: table-cell;
}

.platinum_h1_inner .platinum_h1_title {
  vertical-align: middle;
}

.platinum_h1_inner .platinum_h1_logo {
  padding-left: 5px;
  width: 64px;
}

#contWrap .platinumWrap h2 {
  border: 1px solid #cad0d5;
  padding: 7px 12px;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 15px;
}

#contWrap .platinumWrap h2:before {
  background: none;
  content: "";
  display: block;
  z-index: -1;
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border: 1px solid #e3e5e8;
  width: auto;
  height: auto;
}

/*
    H2　プラチナ見出し＋ロゴ画像
*/
.platinum_h2_inner {
  display: table;
  width: 100%;
}

.platinum_h2_inner .platinum_h2_title,
.platinum_h2_inner .platinum_h2_logo {
  display: table-cell;
}

.platinum_h2_inner .platinum_h2_title {
  vertical-align: middle;
}

.platinum_h2_inner .platinum_h2_logo {
  padding-left: 5px;
  width: 64px;
}

/*
    H3　プラチナ見出し＋ロゴ画像
*/

#contWrap .platinumWrap h3 {
  color: #9ba3ab;
  background-color: #fff;
  border-bottom: 1px solid #dcdfe2;
  position: relative;
}

#contWrap .platinumWrap h3:BEFORE {
  color: #9ba3ab;
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  background: #606a75;
  /* Old browsers */
  background: -moz-linear-gradient(left, #606a75 0%, #c8cdd2 14%, #8e969f 24%, #b9c0c6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #606a75), color-stop(14%, #c8cdd2), color-stop(24%, #8e969f), color-stop(100%, #b9c0c6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #606a75 0%, #c8cdd2 14%, #8e969f 24%, #b9c0c6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #606a75 0%, #c8cdd2 14%, #8e969f 24%, #b9c0c6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #606a75 0%, #c8cdd2 14%, #8e969f 24%, #b9c0c6 100%);
  /* IE10+ */
  background: linear-gradient(to right, #606a75 0%, #c8cdd2 14%, #8e969f 24%, #b9c0c6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606a75', endColorstr='#b9c0c6',GradientType=1 );
  /* IE6-9 */
  height: 1px;
  bottom: 1px;
  width: 100%;
}

/*
    dt　プラチナ見出し＋ロゴ画像
*/

#contWrap .platinumWrap dl.platinumDefList:first-child {
  margin-top: 0px;
}
#contWrap .platinumWrap dl.platinumDefList {
  margin-top: 10px;
  margin-bottom: 10px;
}

#contWrap .platinumWrap dl.platinumDefList dt {
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 5px;
}

#contWrap .platinumWrap dl.platinumDefList dt:first-child {
  margin-top: 0;
}

#contWrap .platinumWrap dl.platinumDefList dd {
  margin-left: 1em;
  margin-bottom: 5px;
}

/*
 ■■ 02-330 プラチナサービス専用 アコーディオン
========================================================= */
.platinumWrap h2 .acdiBtn,
.platinumWrap h3 .acdiBtn {
  background: #000;
  border: 1px solid #000;
}

.platinumWrap h2 .acdiBtn:AFTER,
.platinumWrap h3 .acdiBtn:AFTER {
  border-color: black transparent;
}

.ie.ie8 .platinumWrap h2 .acdiBtn:hover,
.ie.ie8 .platinumWrap h3 .acdiBtn:hover {
  background-color: #666;
}

.ie.ie8 .platinumWrap .acdiBtn.on:hover:after {
  border-top-color: #666;
}

.ie.ie8 .platinumWrap .acdiBtn.off:hover:after {
  border-bottom-color: #666;
}

.platinumWrap .platinumAccordionBody {
  width: 100%;
  width: 771px\9;
  display: table;
  border-left: 1px solid #5f676c;
  box-sizing: border-box;
  table-layout: fixed;
}

.platinumWrap .platinumAccordionBody li {
  display: table-cell;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

.platinumWrap .platinumAccordionBody li a span {
  display: none;
}

.platinumWrap .platinumAccordionBody li:FIRST-CHILD {
  border-left: 1px solid #c3c6c8;
}

.platinumWrap .platinumAccordionBody li a {
  color: #fff !important;
  text-decoration: none;
  display: block;
  padding: 5px 0;
}

/*
 ■■ 02-340 プラチナサービス専用 ボタン
========================================================= */
/*-- start:ie8対策（ボーダー） --*/
.ie.ie8 .btnPlatinumXLarge,
.ie.ie8 .btnPlatinumLarge,
.ie.ie8 .btnPlatinumMedium {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}

/*-- end:ie8のボーダー対策 --*/
/*-- start:ie8対策（hover） --*/
.ie.ie8 .btnPlatinumXLarge:hover,
.ie.ie8 .btnPlatinumLarge:hover,
.ie.ie8 .btnPlatinumMedium:hover {
  background-color: #838383;
}

/*-- end:ie8対策（hover） --*/
/*
 ■■ 02-350 プラチナサービス専用 タブ
========================================================= */
.tabAreaWrap.platinumColor01 .tabHead ul li:hover {
  background-color: #D1D4D6 \9 !important;
  color: #4d4d4d \9 !important;
}
.tabAreaWrap.platinumColor01 .tabHead ul li.act:hover {
  background-color: #A0A6AC \9 !important;
  color: #000 \9 !important;
}
.tabAreaWrap.platinumColor02 .tabHead ul li:hover {
  background-color: #B3B7BA \9 !important;
  color: #4d4d4d \9 !important;
}
.tabAreaWrap.platinumColor02 .tabHead ul li.act:hover {
  background-color: #656C72 \9 !important;
  color: #000 \9 !important;
}
.tabAreaWrap.platinumColor03 .tabHead ul li:hover {
  background-color: #8E94AA \9 !important;
  color: #4d4d4d \9 !important;
}
.tabAreaWrap.platinumColor03 .tabHead ul li.act:hover {
  background-color: #172451 \9 !important;
  color: #000 \9 !important;
}
.tabAreaWrap.platinumColor04 .tabHead ul li:hover {
  background-color: #ACAFB1 \9 !important;
  color: #4d4d4d \9 !important;
}
.tabAreaWrap.platinumColor04 .tabHead ul li.act:hover {
  background-color: #555C60 \9 !important;
  color: #000 \9 !important;
}
.tabAreaWrap.platinumColor05 .tabHead ul li:hover {
  background-color: #9EA3A6 \9 !important;
  color: #fff \9 !important;
}
.tabAreaWrap.platinumColor05 .tabHead ul li.act:hover {
  background-color: #39424A \9 !important;
  color: #fff \9 !important;
}

/* 
 ■■■ 02-350-01～02 プラチナ専用タブ01
--------------------------------------------------------- */
.tabAreaWrap.platinumColor01 .tabHead li {
  background-color: #bdc1c5;
}

.tabAreaWrap.platinumColor01 .tabHead li.act {
  background-color: #a0a6ac;
  /*     border: 1px solid #a0a6ac; */
  border-bottom: 1px solid #a0a6ac;
}

.tabAreaWrap.platinumColor01 .tabBody {
  border: 1px solid #a0a6ac;
  border-top: 2px solid #a0a6ac;
}

/* 画面遷移あり */
.tabAreaWrap.platinumColor01 .tabHead.static li a {
  color: black !important;
  background-color: #bdc1c5;
}

.ie.ie8 .tabAreaWrap.platinumColor01 .tabHead li a:hover {
  color: #4d4d4d !important;
}

/* 
 ■■■ 02-350-03 プラチナ専用タブ02
--------------------------------------------------------- */
.tabAreaWrap.platinumColor02 .tabHead li {
  background-color: #93989c;
  color: white !important;
}

.tabAreaWrap.platinumColor02 .tabHead li.act {
  background-color: #656c72;
  /*     border: 1px solid #656c72; */
  border-bottom: 1px solid #656c72;
}

.tabAreaWrap.platinumColor02 .tabBody {
  border: 1px solid #656c72;
  border-top: 2px solid #656c72;
}

.ie.ie8 .tabAreaWrap.platinumColor02 .tabHead li:hover {
  color: white \9 !important;
}

/* 画面遷移あり */
.tabAreaWrap.platinumColor02 .tabHead.static li a {
  background-color: #93989c;
  color: white !important;
}

/* 
 ■■■ 02-350-04 プラチナ専用タブ03
--------------------------------------------------------- */
.tabAreaWrap.platinumColor03 .tabHead li {
  background-color: #5d6685;
  color: white !important;
}

.tabAreaWrap.platinumColor03 .tabHead li.act {
  background-color: #172451;
  border-bottom: 1px solid #172451;
}

.tabAreaWrap.platinumColor03 .tabBody {
  border: 1px solid #172451;
  border-top: 2px solid #172451;
}

.ie.ie8 .tabAreaWrap.platinumColor03 .tabHead li:hover {
  color: white \9 !important;
}

/* 画面遷移あり */
.tabAreaWrap.platinumColor03 .tabHead.static li a {
  background-color: #5d6685;
  color: white !important;
}

/* 
 ■■■ 02-350-05 プラチナ専用タブ04
--------------------------------------------------------- */
.tabAreaWrap.platinumColor04 .tabHead li {
  background-color: #888d90;
  color: white !important;
}

.tabAreaWrap.platinumColor04 .tabHead li.act {
  background-color: #555c60;
  border-bottom: 1px solid #555c60;
}

.tabAreaWrap.platinumColor04 .tabBody {
  border: 1px solid #555c60;
  border-top: 2px solid #555c60;
}

.ie.ie8 .tabAreaWrap.platinumColor04 .tabHead li:hover {
  color: white \9 !important;
}

/* 画面遷移あり */
.tabAreaWrap.platinumColor04 .tabHead.static li a {
  background-color: #888d90;
  color: white !important;
}

/* 
 ■■■ 02-350-06 プラチナ専用タブ05
--------------------------------------------------------- */
.tabAreaWrap.platinumColor05 .tabHead li {
  background-color: #747b80;
  color: white !important;
}

.tabAreaWrap.platinumColor05 .tabHead li.act {
  background-color: #39424a;
  border-bottom: 1px solid #39424a;
}

.tabAreaWrap.platinumColor05 .tabBody {
  border: 1px solid #39424a;
  border-top: 2px solid #39424a;
}

.ie.ie8 .tabAreaWrap.platinumColor05 .tabHead li:hover {
  color: white \9 !important;
}

.ie.ie9 .tabAreaWrap.platinumColor05 .tabHead li:hover {
  color: white \9 !important;
}

/* 画面遷移あり */
.tabAreaWrap.platinumColor05 .tabHead.static li a {
  background-color: #747b80;
  color: white !important;
}

/*
 ■■ 02-360 プラチナサービス専用 メニュー
========================================================= */
.platinumWrap .platinumMenu01, .platinumWrap .platinumMenu02 {
  margin-top: 10px;
  width: 770px;
  width: 771px\9;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ::i-block-chrome, .platinumWrap .platinumMenu01, .platinumWrap .platinumMenu02 {
    width: 770px;
  }
}
#contWrap .platinumWrap .platinumMenu01 a:hover img, #contWrap .platinumWrap .platinumMenu02 a:hover img {
  opacity: 1;
  filter: none;
}

/* 
 ■■■ 02-360-01 プラチナ専用メニュー01
--------------------------------------------------------- */
.platinumWrap .platinumMenu01 ul li {
  background: #6a7278;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6a7278 0%, #51575b 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6a7278), color-stop(100%, #51575b));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #6a7278 0%, #51575b 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #6a7278 0%, #51575b 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #6a7278 0%, #51575b 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #6a7278 0%, #51575b 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a7278', endColorstr='#51575b',GradientType=0 );
  /* IE6-9 */
  border-top: 1px solid #5f676c;
  border-left: 1px solid #c3c6c8;
  border-right: 1px solid #53595e;
  position: relative;
}

.platinumWrap .platinumMenu01 ul li a {
  border-top: 1px solid #c3c6c8;
}

.platinumWrap .platinumMenu02 ul li a {
  border-top: 1px solid #99a;
}

.platinumWrap .platinumMenu01 ul li:HOVER a, .platinumWrap .platinumMenu01 ul li.act a {
  border-top: none;
  margin-top: 1px;
}

.platinumWrap .platinumMenu01 ul li.act {
  background-color: #374048;
  background: url(/static/responsive/img/mem/img_platinumMenu_hover.png) no-repeat #374048;
  background-size: 100% 100%;
  background-position: 50% 0;
  filter: none;
}

.ie.ie8 .platinumWrap .platinumMenu01 ul li.act {
  background-color: #374048 !important;
}

.platinumWrap .platinumMenu01 ul li:HOVER {
  background: #374048;
  filter: none;
}

/* 
 ■■■ 02-360-02 プラチナ専用メニュー02
--------------------------------------------------------- */
.platinumWrap .platinumMenu02 ul li {
  background: #29396a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #29396a 0%, #06123e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #29396a), color-stop(100%, #06123e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #29396a 0%, #06123e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #29396a 0%, #06123e 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #29396a 0%, #06123e 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #29396a 0%, #06123e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29396a', endColorstr='#06123e',GradientType=0 );
  /* IE6-9 */
  border-top: 1px solid #06123e;
  border-left: 1px solid #697396;
  border-right: 1px solid #0a1949;
  position: relative;
}

.platinumWrap .platinumMenu02 ul li.act {
  background: url(/static/responsive/img/mem/img_platinumMenu_hover.png) no-repeat #0c1739;
  background-size: 100% auto;
  background-position: 50% 0;
  filter: none;
}

.platinumWrap .platinumMenu02 ul li:HOVER {
  background: #0c1739;
  filter: none;
}

.platinumWrap .platinumMenu02 ul li:HOVER a {
  border-top: none;
  margin-top: 1px;
}

/* 
 ■■■ ボタン幅調整
--------------------------------------------------------- */
.platinumNav01 li.platinum_nav_01 {
  width: 45px;
}

.platinumNav01 li.platinum_nav_02 {
  width: 80px;
}

.platinumNav01 li.platinum_nav_03 {
  width: 80px;
}

.platinumNav01 li.platinum_nav_05 {
  width: 120px;
}

.platinumNav02 li.platinum_nav_01 {
  width: 45px;
}

.platinumNav02 li.platinum_nav_03 {
  width: 100px;
}

.platinumNav02 li.platinum_nav_04 {
  width: 150px;
}

.platinumNav02 li.platinum_nav_05 {
  width: 120px;
}

.platinumNav03 li.platinum_nav_01 {
  width: 45px;
}

.platinumNav03 li.platinum_nav_03 {
  width: 80px;
}

.platinumNav04 li.platinum_nav_01 {
  width: 45px;
}

.platinumNav04 li.platinum_nav_02 {
  width: 120px;
}

.platinumNav05 li.platinum_nav_01 {
  width: 45px;
}

.platinumNav05 li.platinum_nav_02 {
  width: 80px;
}

.platinumNav05 li.platinum_nav_03 {
  width: 80px;
}

.platinumNav05 li.platinum_nav_06 {
  width: 80px;
}

/* ----- プラチナ専用メニュー下リンクセット ----- */
.contLinkSet {
  border: 1px solid #99b9ad;
  background-color: #efefef;
  padding: 10px;
  margin: 0;
}

.contLinkSet li {
  display: inline-block !important;
  margin: 0 30px 0 0 !important;
  line-height: 2;
}

.contLinkSet.smallArrowLink li {
  background: url("/static/responsive/img/mem/common_pict_img_linkArrow02.png") no-repeat;
  background-position: 0px 9px;
}

#platinumContentsTop {
  margin-bottom: 20px;
}

#platinumContentsBottom {
  margin-top: 20px;
}

/*
 ■■ 02-990 その他
========================================================= */
/* 
 ■■■ フォーム部品
--------------------------------------------------------- */
/* ----- 基本部品 ----- */
input[type=text],
input[type=password],
input[type=search],
input[type=tel],
input[type=url],
input[type=email],
input[type=datetime],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime-local] {
  background-color: #f8f8f8;
  border: 1px solid #c6c6c6;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}

/* ----- セレクトボックス ----- */
.custom-form-select {
  background: url("/static/responsive/img/sprite.png") repeat-x scroll -12px -76px transparent;
  color: #000000;
  height: 32px;
  overflow: hidden;
  padding: 0 40px 0 8px;
  position: absolute;
  width: 155px;
  font: bold 12px/35px Helvetica, Arial, sans-serif;
}

.custom-form-focused {
  background-position: -12px -123px;
}

/* ----- ラジオボタン ----- */
.custom-form-radio {
  float: left;
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  float: left;
  border: 1px solid #c1c1c1;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  -ms-border-radius: 16px;
  behavior: url("/static/responsive/css/PIE.htc");
  position: relative;
  background: #eeeeee;
  /* Old browsers */
  background: -moz-linear-gradient(top, #eeeeee 1%, #e0e0e0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eeeeee), color-stop(100%, #e0e0e0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eeeeee 1%, #e0e0e0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eeeeee 1%, #e0e0e0 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 1%, #e0e0e0 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #eeeeee 1%, #e0e0e0 100%);
  /* W3C */
}

.custom-form-radio.custom-form-checked {
  background: #005135;
}

.custom-form-radio.custom-form-checked:after {
  position: absolute;
  top: -8px;
  left: -8px;
  content: url("/static/responsive/img/icon_check.png");
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
}

.ie.ie8 .custom-form-radio.custom-form-checked:after {
  position: absolute;
  top: 2px;
  left: 3px;
  content: "\002714";
  color: #FFF;
  font-size: 76%;
  font-weight: 900;
  transform: rotate(15deg);
}

/* ----- チェックボックス ----- */
.custom-form-checkbox {
  float: left;
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background: #eeeeee;
  /* Old browsers */
  background: -moz-linear-gradient(top, #eeeeee 1%, #e0e0e0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eeeeee), color-stop(100%, #e0e0e0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eeeeee 1%, #e0e0e0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eeeeee 1%, #e0e0e0 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 1%, #e0e0e0 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #eeeeee 1%, #e0e0e0 100%);
  /* W3C */
  float: left;
  border: 1px solid #c1c1c1;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  behavior: url("/static/responsive/css/PIE.htc");
  position: relative;
}

.custom-form-checkbox.custom-form-focused {
  opacity: 0.8;
}

.custom-form-checkbox.custom-form-checked {
  background: #005135;
}

.custom-form-checkbox.custom-form-checked:after {
  position: absolute;
  top: -8px;
  left: -8px;
  content: url("/static/responsive/img/icon_check.png");
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
}

.ie.ie8 .custom-form-checkbox.custom-form-checked:after {
  position: absolute;
  top: 2px;
  left: 3px;
  content: "\002714";
  color: #FFF;
  font-size: 76%;
  font-weight: 900;
  transform: rotate(15deg);
}

.custom-form-checkbox.custom-form-checked.custom-form-focused {
  opacity: 0.8;
}

/* fix select height bug on webkit browsers for Mac OS */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select.cform {
    -webkit-appearance: menulist-button;
  }
}
/* 
 ■■■ ヘッダー内使用テキストリンク
--------------------------------------------------------- */
.cssIconLink li {
  padding: 0 0 5px 25px;
  position: relative;
  z-index: 0;
}

.cssIconLink li:before {
  font-size: 23px;
  content: "\25cf";
  color: #005135;
  line-height: 1;
  position: absolute;
  top: -3px;
  left: -0.5px;
  width: 16px;
  height: 16px;
  text-decoration: none !important;
  font-family: "Hiragino Mincho ProN", "メイリオ","Meiryo","ＭＳ Ｐゴシック", "Osaka" !important;
  z-index: -9999;
  float: left;
}

.cssIconLink li:after {
  position: absolute;
  top: 5px;
  left: 8px;
  content: url(/static/responsive/img/icon_arrow_02_right.png);
  z-index: 10000;
  float: left;
}

/* 
 ■■■ アイコン
--------------------------------------------------------- */
/* ----- 初心者アイコン ----- */
.iconBeginner {
  padding-left: 20px;
  background: url(/static/responsive/img/icon_beginner_01.png) 0 1px no-repeat;
}

/* ----- 通常閉じるボタン ----- */
.wrapBtnClose {
  padding: 1px;
  background: #C0C0C0;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.btnClose {
  display: inline-block;
  text-align: center;
  color: #fff !important;
  font-weight: 600;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  width: 38px;
  height: 38px;
  position: relative;
  border: 12px solid #eeeeee;
  background: #cccccc;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  z-index: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  transition-delay: 0.1s;
}

.btnClose:before {
  display: block;
  content: "";
  position: absolute;
  top: -1px;
  left: 0px;
  width: 0px;
  height: 0px;
  border: 7px solid #eeeeee;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}

.btnClose:after {
  display: block;
  content: "";
  position: absolute;
  top: 1px;
  left: 0px;
  width: 0px;
  height: 0px;
  border: 7px solid #eeeeee;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}

.btnClose span:before {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  left: 1px;
  width: 0px;
  height: 0px;
  border: 7px solid #eeeeee;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.btnClose span:after {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  left: -1px;
  width: 0px;
  height: 0px;
  border: 7px solid #eeeeee;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}

/* ----- モーダル閉じるボタン ----- */
.modalWindowWrap .btnClose {
  display: inline-block;
  text-align: center;
  color: #fff !important;
  font-weight: 600;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  width: 38px;
  height: 38px;
  position: relative;
  border: 12px solid #7e7e7e;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 0;
}

.modalWindowWrap .btnClose:before {
  display: block;
  content: "";
  position: absolute;
  top: -1px;
  left: 0px;
  width: 0px;
  height: 0px;
  border: 7px solid #7e7e7e;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}

.modalWindowWrap .btnClose:after {
  display: block;
  content: "";
  position: absolute;
  top: 1px;
  left: 0px;
  width: 0px;
  height: 0px;
  border: 7px solid #7e7e7e;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}

.modalWindowWrap .btnClose span:before {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  left: 1px;
  width: 0px;
  height: 0px;
  border: 7px solid #7e7e7e;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.modalWindowWrap .btnClose span:after {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  left: -1px;
  width: 0px;
  height: 0px;
  border: 7px solid #7e7e7e;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.btnClose:hover,
.modalWindowWrap .btnClose:hover {
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)";
}

/* ----- 矢印アイコン ----- */
.addNextArrow {
  position: relative;
}

.nextArrow {
  display: block;
  position: absolute;
  top: 50%;
  right: -21px;
  width: 0;
  height: 0;
  margin-top: -8px;
  border: 8px solid transparent;
  border-left-color: #005135;
  border-right: none;
  z-index: -100;
}

.nextArrow:before {
  content: "";
  position: absolute;
  top: 0;
  left: -16px;
  width: 0;
  height: 0;
  margin-top: -8px;
  border: 8px solid transparent;
  border-right-color: #005135;
  border-left: none;
  z-index: -99;
}

.nextArrow:after {
  content: "";
  position: absolute;
  top: 0;
  left: -21px;
  width: 0;
  height: 0;
  margin-top: -16px;
  border: 16px solid transparent;
  border-left-color: #FFF;
  border-right: none;
  z-index: -98;
}

.singleArrow {
  display: inline-block;
  position: relative;
  top: 4px;
  width: 0;
  height: 0;
  margin-left: 16px;
  border: 8px solid transparent;
  border-left-color: #005135;
  border-right: none;
}

.singleArrow:before {
  content: "";
  position: absolute;
  top: -8px;
  left: -16px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-right-color: #005135;
  border-left: none;
}

.singleArrow:after {
  content: "";
  position: absolute;
  top: -16px;
  left: -21px;
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-left-color: #FFF;
  border-right: none;
}

.singleArrowDown {
  display: inline-block;
  position: relative;
  top: 4px;
  width: 0;
  height: 0;
  margin-left: 16px;
  border: 8px solid transparent;
  border-left-color: #005135;
  border-right: none;
}

.singleArrowDown:before {
  content: "";
  position: absolute;
  top: -8px;
  left: -16px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-right-color: #005135;
  border-left: none;
}

.singleArrowDown:after {
  content: "";
  position: absolute;
  top: -16px;
  left: -21px;
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-left-color: #FFF;
  border-right: none;
}

.singleArrowLeft {
  display: inline-block;
  position: relative;
  top: 4px;
  left: -5px;
  width: 0;
  height: 0;
  margin-left: 16px;
  border: 8px solid transparent;
  border-left-color: #005135;
  border-right: none;
}

.singleArrowLeft:before {
  content: "";
  position: absolute;
  top: -8px;
  left: -16px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-right-color: #005135;
  border-left: none;
}

.singleArrowLeft:after {
  content: "";
  position: absolute;
  top: -16px;
  left: -11px;
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-right-color: #FFF;
  border-left: none;
}

/* ----- 下矢印 ----- */
.arrowDown {
  display: block;
}

.arrowDown:AFTER {
  left: 50%;
  margin-left: -47px;
  top: 20px;
  border-left: 47px solid transparent;
  border-right: 47px solid transparent;
  border-top: 17px solid #e1ecc5;
  content: "";
  height: 0;
  position: relative;
  width: 0;
  z-index: 99;
}

/* ----- 右矢印 ----- */
.arrowRight {
  display: block;
  height: 14px;
  text-align: center;
}

.arrowRight:AFTER {
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #e1ecc5;
  content: "";
  height: 0;
  width: 0;
  z-index: 100;
  font-size: 0;
  position: relative;
  top: 7px;
}

/* 
 ■■■ 枠線
--------------------------------------------------------- */
.bordWSudden {
  border: 5px solid #ff4200;
}

.bordWStrong {
  border: 4px solid #fe960e;
}

.bordWNormal, .subNavi, .inc_adobereader, .inc_flashplayer {
  border: 1px solid #99b9ad;
}

.bordWDecoType01 {
  border: 4px solid #badd20;
}

.bordWDecoType02 {
  border: 1px solid #72a41c;
}

/* 複数カードエリア */
.bordCardBox{
  border: 1px solid #A5B4AF;
  box-shadow: 0px 0px 3px #ddd;
  width: 768px;
}


/* ----- ボックスシャドウ ----- */
.boxShadow {
  box-shadow: 0 0 4px #ccc;
}

/* 
 ■■■ 背景色
--------------------------------------------------------- */
.bgColrWStrong {
  background-color: #fdefe5;
}

.bgColrWSudden {
  background-color: #ffdcd0;
}

.bgColrWNormal {
  background-color: #fff;
}

.bgColrWCV {
  background-color: #72A41C;
}

.bgColrWDecoType01 {
  background-color: #fcfcdd;
}

.bgColrWDecoType02, .conversionArea, .formBtnArea {
  background-color: #efefef;
}

.bgColrWDecoType03 {
  background-color: #fafafa;
}

.bgColrWImportant {
  background-color: #fcfcdd;
}

.bgColrNone {
  background-color: transparent !important;
}

/* 
 ■■■ テキストボックス（テキストを囲むボックスに使用）
--------------------------------------------------------- */
.txtBox, .conversionArea, .formBtnArea {
  padding: 20px;
  margin: 15px 0;
}

#contWrap .txtBox.bgColrWStrong p.iconTCaution, #contWrap .bgColrWStrong.conversionArea p.iconTCaution, #contWrap .bgColrWStrong.formBtnArea p.iconTCaution,
#contWrap .txtBox.bgColrWStrong p.iconNone,
#contWrap .bgColrWStrong.conversionArea p.iconNone,
#contWrap .bgColrWStrong.formBtnArea p.iconNone {
  padding-bottom: 10px;
  border-bottom: 1px solid #f4d8c4;
  margin-bottom: 15px;
}

#contWrap .txtBox.bgColrWDecoType02 p.iconTCaution, #contWrap .conversionArea p.iconTCaution, #contWrap .formBtnArea p.iconTCaution,
#contWrap .txtBox.bgColrWDecoType02 p.iconNone,
#contWrap .conversionArea p.iconNone,
#contWrap .formBtnArea p.iconNone {
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}

#contWrap .txtBox.bgColrWImportant p.iconTInfo, #contWrap .bgColrWImportant.conversionArea p.iconTInfo, #contWrap .bgColrWImportant.formBtnArea p.iconTInfo,
#contWrap .txtBox.bgColrWImportant p.iconNone,
#contWrap .bgColrWImportant.conversionArea p.iconNone,
#contWrap .bgColrWImportant.formBtnArea p.iconNone {
  padding-bottom: 10px;
  border-bottom: 1px solid #ebeba9;
  margin-bottom: 15px;
}

/* 
 ■■■ set リンクと下部のPタグの余白を無くす
--------------------------------------------------------- */
.set {
  margin-top: 15px;
  margin-bottom: 15px;
}

.set .smallArrowLink {
  margin-bottom: 5px !important;
}

.set .smallArrowLink + p,
.set .smallArrowLink + .note {
  margin-top: 0 !important;
}

.set p:first-child {
  margin-bottom: 0 !important;
}

.set .list:first-child {
  margin-bottom: 0 !important;
}

.set p + .smallArrowLink {
  margin-top: 0 !important;
}

.set p + p {
  margin-top: 0 !important;
}

.set .list + .smallArrowLink {
  margin-top: 0 !important;
}

.set p + .note.fsNormal {
  margin-top: 0 !important;
}

.set p + .list {
  margin-top: 0 !important;
}

/*
 ■■ マージン調整
========================================================= */
/* 
 ■■■ div td内の上部のマージン削除
--------------------------------------------------------- */
div p:first-child,
div ul:first-child,
div h1:first-child,
div h2:first-child,
div h3:first-child,
div h4:first-child,
div h5:first-child,
div h6:first-child,
div table:first-child,
td p:first-child,
div .set:first-child {
  margin-top: 0 !important;
}

.section h1:first-child,
.section h2:first-child,
.section h3:first-child {
  margin-top: 20px !important;
}

.irreTable .irreT_head h3 {
  margin-top: 0 !important;
}

.section h4:first-child,
.section h5:first-child,
.section h6:first-child {
  margin-top: 15px !important;
}

.tabBody .section:first-child h2:first-child {
  margin-top: 0 !important;
}

.tabBody .imageCutLeft:first-child {
  margin-top: 0 !important;
}

.tabBody .imageCutLeftType02:first-child {
  margin-top: 0 !important;
}

.tabBody .conversionArea:first-child {
  margin-top: 0 !important;
}

.colCL2Type01 h2:first-child,
.colCR2Type01 h2:first-child,
.colCL2Type02 h2:first-child,
.colCR2Type02 h2:first-child,
.colCL2Type03 h2:first-child,
.colCR2Type03 h2:first-child,
.colCL3Type01 h2:first-child,
.colCC3Type01 h2:first-child,
.colCR3Type01 h2:first-child,
.colCL4Type01 h2:first-child,
.colCC014Type01 h2:first-child,
.colCC024Type01 h2:first-child,
.colCR4Type01 h2:first-child,
.colCL4Type01 h2:first-child,
.colCR4Type02 h2:first-child,
.colCL4Type02 h2:first-child,
.colCR4Type01 h2:first-child,
.colCL2Type01 h3:first-child,
.colCR2Type01 h3:first-child,
.colCL2Type02 h3:first-child,
.colCR2Type02 h3:first-child,
.colCL2Type03 h3:first-child,
.colCR2Type03 h3:first-child,
.colCL3Type01 h3:first-child,
.colCC3Type01 h3:first-child,
.colCR3Type01 h3:first-child,
.colCL4Type01 h3:first-child,
.colCC014Type01 h3:first-child,
.colCC024Type01 h3:first-child,
.colCR4Type01 h3:first-child,
.colCL4Type01 h3:first-child,
.colCR4Type02 h3:first-child,
.colCL4Type02 h3:first-child,
.colCR4Type01 h3:first-child {
  margin-top: 0 !important;
}

/* 
 ■■■ ページ下部のマージン削除
--------------------------------------------------------- */
div p:last-child,
div ul:last-child,
div div:last-child,
div .txtBox:last-child,
div .conversionArea:last-child,
div .formBtnArea:last-child {
  margin-bottom: 0 !important;
}

.section p:last-child,
.section table:last-child,
.section div:last-child,
.section ul:last-child,
.section .liqW:last-child {
  margin-bottom: 0 !important;
}

ul li:last-child {
  margin-bottom: 0 !important;
}

td p:last-child,
td table:last-child,
td div:last-child,
td ul:last-child,
td .liqW:last-child {
  margin-bottom: 0 !important;
}

/* =========================================================
 
 画像用
 
========================================================= */
/* =========================================================
 ■ カテゴリトップ
========================================================= */
/* base */
.icon_oshiharai01, .icon_oshiharai02, .icon_oshiharai03, .icon_oshiharai04, .icon_oshiharai05, .icon_oshiharai06, .icon_oshiharai07, .icon_service01, .icon_service02, .icon_service03, .icon_service04, .icon_service05, .icon_service06, .icon_service07, .icon_service08, .icon_service09, .icon_wp01, .icon_wp02, .icon_wp03, .icon_wp04, .icon_wp05, .icon_wp06, .icon_loancash01, .icon_loancash02, .icon_loancash03, .icon_loancash04, .icon_loancash05, .icon_loancash06, .icon_loancash07, .icon_loancash08, .icon_loancash09, .icon_loancash10 {
  background-repeat: no-repeat;
  width: 90px;
  height: 150px;
  content: "";
  display: inline-block;
  background-size: 100%;
}

/*
 ■■ /mem/oshiharai/index.jsp
========================================================= */
.icon_oshiharai01 {
  background-image: url("/mem/oshiharai/responsive/img/index_icon_oshiharai01.png");
}

.icon_oshiharai02 {
  background-image: url("/mem/oshiharai/responsive/img/index_icon_oshiharai02.png");
}

.icon_oshiharai03 {
  background-image: url("/mem/oshiharai/responsive/img/index_icon_oshiharai03.png");
}

.icon_oshiharai04 {
  background-image: url("/mem/oshiharai/responsive/img/index_icon_oshiharai04.png");
}

.icon_oshiharai05 {
  background-image: url("/mem/oshiharai/responsive/img/index_icon_oshiharai05.png");
}

.icon_oshiharai06 {
  background-image: url("/mem/oshiharai/responsive/img/index_icon_oshiharai06.png");
}

.icon_oshiharai07 {
  background-image: url("/mem/oshiharai/responsive/img/index_icon_oshiharai07.png");
}
/*
 ■■ /mem/oshiharai/index.jsp
========================================================= */
.icon_service01 {
  background-image: url("/mem/service/responsive/img/index_icon_service01.png");
}

.icon_service02 {
  background-image: url("/mem/service/responsive/img/index_icon_service02.png");
}

.icon_service03 {
  background-image: url("/mem/service/responsive/img/index_icon_service03.png");
}

.icon_service04 {
  background-image: url("/mem/service/responsive/img/index_icon_service04.png");
}

.icon_service05 {
  background-image: url("/mem/service/responsive/img/index_icon_service05.png");
}

.icon_service06 {
  background-image: url("/mem/service/responsive/img/index_icon_service06.png");
}

.icon_service07 {
  background-image: url("/mem/service/responsive/img/index_icon_service07.png");
}

.icon_service08 {
  background-image: url("/mem/service/responsive/img/index_icon_service08.png");
}

.icon_service09 {
  background-image: url("/mem/service/responsive/img/index_icon_service09.png");
}

/*
 ■■ /mem/wp/index.jsp
========================================================= */
.icon_wp01 {
  background-image: url("/mem/wp/responsive/img/index_icon_wp01.png");
}

.icon_wp02 {
  background-image: url("/mem/wp/responsive/img/index_icon_wp02.png");
}

.icon_wp03 {
  background-image: url("/mem/wp/responsive/img/index_icon_wp03.png");
}

.icon_wp04 {
  background-image: url("/mem/wp/responsive/img/index_icon_wp04.png");
}
.icon_wp05 {
  background-image: url("/mem/wp/responsive/img/index_icon_wp05.png");
}
.icon_wp06 {
  background-image: url("/mem/wp/responsive/img/index_icon_wp06.png");
}
/*
 ■■ /mem/loancash/index.jsp
========================================================= */
.icon_loancash01 {
  background-image: url("/mem/loancash/responsive/img/index_icon_loancash01.png");
}

.icon_loancash02 {
  background-image: url("/mem/loancash/responsive/img/index_icon_loancash02.png");
}

.icon_loancash03 {
  background-image: url("/mem/loancash/responsive/img/index_icon_loancash03.png");
}

.icon_loancash04 {
  background-image: url("/mem/loancash/responsive/img/index_icon_loancash04.png");
}

.icon_loancash05 {
  background-image: url("/mem/loancash/responsive/img/index_icon_loancash05.png");
}

.icon_loancash06 {
  background-image: url("/mem/loancash/responsive/img/index_icon_loancash06.png");
}

.icon_loancash07 {
  background-image: url("/mem/loancash/responsive/img/index_icon_loancash07.png");
}

.icon_loancash08 {
  background-image: url("/mem/loancash/responsive/img/index_icon_loancash08.png");
}

.icon_loancash09 {
  background-image: url("/mem/loancash/responsive/img/index_icon_loancash09.png");
}

.icon_loancash10 {
  background-image: url("/mem/loancash/responsive/img/index_icon_loancash10.png");
}

/* ----- バナーサイズ ----- */
.largeBanner {
  width: 100%;
  height: auto;
}

.smallBanner {
  width: 200px !important;
  height: auto !important;
}

.smallBanner02 {
  width: 185px;
  height: auto;
}

/* ----- Capy ----- */
.capyArea img {
    touch-callout:none;
    user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    cursor: inherit !important;
}

#capy-captcha-caption {
    text-align: left;
}