@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;
  border-radius: 5px;
}
.section .hanyouAcdiType02 .acdiBtn, .section .btnSuddenXLarge, .section .btnSuddenLarge, .section .btnSuddenMedium, .section .btnNormal01XLarge, .section .btnNormal01Large, .section .btnNormal01Medium, .section .btnWeak01XLarge, .section .btnWeak01Large, .section .btnWeak01Medium, .section .btnWeak02XLarge, .section .btnWeak02Large, .section .btnWeak02Medium, .section .btnInquiryXLarge, .section .btnInquiryLarge, .section .btnInquiryMedium, .section .btnInquirySmall, .section .btnWeak03XLarge, .section .btnWeak03Large, .section .btnWeak03Medium, .section h2 .acdiBtn, .section h3 .acdiBtn, .section .hanyouAcdiType01 .acdiBtn, .section .kiyaku .acdiBtn, .section .relevantPageWrapArea .acdiBtn, .section .acdiCaution .acdiBtn, .section .acdiCautionType02 .acdiBtn, .section .acdiImportant .acdiBtn, .section .conversionArea .btn, .section .conversionArea .btn2, .section .conversionArea .btn3, .section .formBtn, .section .btnPlatinumXLarge, .section .btnPlatinumLarge, .section .btnPlatinumMedium {
  text-decoration: none;
}

.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: #ffffff !important;
  background: #0D70B7;
  border-bottom: 3px solid #094069;
}

.hanyouAcdiType02 .acdiBtn, h2 .acdiBtn, h3 .acdiBtn, .hanyouAcdiType01 .acdiBtn, .kiyaku .acdiBtn, .relevantPageWrapArea .acdiBtn, .acdiCaution .acdiBtn, .acdiCautionType02 .acdiBtn, .acdiImportant .acdiBtn {
  color: #fff !important;
  border-bottom: 3px solid #406F5E;
  background: #104a36;
}

.btnWeak01XLarge, .btnWeak01Large, .btnWeak01Medium, .conversionArea .btn3 {
  color: #003e28 !important;
  border-bottom: 3px solid #cce381;
  background: #eaf2d2;
}

.btnSuddenXLarge, .btnSuddenLarge, .btnSuddenMedium {
  color: #fff !important;
  background: #ff6410;
  border-bottom: 3px solid #dd4200;
}

.btnInquiryXLarge, .btnInquiryLarge, .btnInquiryMedium, .btnInquirySmall, .conversionArea .btn2 {
  color: #333 !important;
  border: 1px solid #eeeeee;
  border-bottom: 3px solid #ffd2a5;
  background: #ffe4c9;
}

.btnPlatinumXLarge, .btnPlatinumLarge, .btnPlatinumMedium {
  color: #FFF !important;
  background: #000000;
}

.btnWeak02XLarge, .btnWeak02Large, .btnWeak02Medium {
  color: #0c71b8 !important;
  border: 1px solid #eeeeee;
  border-bottom: 3px solid #eeeeee;
  background: #fff;
}

.btnWeak03XLarge, .btnWeak03Large, .btnWeak03Medium {
  color: #0c71b8 !important;
  border-bottom: 3px solid #eeeeee;
  background: #eeeeee;
}

.btnInquirySmall, .relevantPageWrapArea .acdiBtn {
  width: 80px;
  padding: 5px 2% 4px;
  font-size:0.71em;
  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%;
}

/*SPで文字が拡大される現象対策*/
body {
  position: relative;
  -webkit-text-size-adjust: 100%;
}

.rightCont {
  max-height: 999999px;
}

/*
 ■■ 基本設定
========================================================= */
a:link {
  color: #16468d;
}

a:visited {
  color: #5f053a;
}

a:hover {
  color: #b20000;
  text-decoration: none;
}

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

a:active {
  color: #551a8b;
}

.img75 {
  width: 75px;
  height: 75px;
  max-width: 75px;
  max-height: 75px;
}
/*
 ■■ ページ幅
========================================================= */


/* 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
--------------------------------------------------------- */
h1 {
}

h1.imgH1 {
  padding: 0;
}

h1.imgH1:before {
  display: none;
}
h1 .h1_inner:after{
	content:" ";
	height:0;
	display:block;
	visibility: hidden;
	clear:both;
}
h1 .h1_innerListAnchor {
  font-size:0.38em;
  margin-left:30px;
  vertical-align:middle;
  float:right;
}
h1 .h1_innerListAnchor a {
  color:#ffffff;
  text-decoration: none;
}
h1 .h1_innerListAnchor img {
  margin-right:7px;
}
h1 .h1_innerListAnchor a:hover {
  text-decoration: underline;
}
h1 .col3{
    display:block;
    float:right;
    text-align:right;
}
h1 .col3 .h1_innerListAnchor {
  float:none;
}
@media screen and (max-width:480px){
  h1 .h1_innerListAnchor {
    font-size:0.63em;
    margin-left: 0px;
    vertical-align: middle;
    float: none;
    display: block;
    text-align: right;
  }
h1 .col3{
    float:none;
}
}
/* 
 ■■■ 02-10-02 見出し02
--------------------------------------------------------- */
.section h2 .h2_innerListAnchor {
  font-size:0.58em;
  vertical-align:middle;
  margin-left: 30px;
  line-height: 1.5;
  float:right;
}
h2 .h2_innerListAnchor a {
  color:#ffffff;
  text-decoration: none;
}
h2 .h2_innerListAnchor img {
  margin-right:7px;
}
@media screen and (max-width:480px){
  .section h2 .h2_innerListAnchor {
    font-size:0.77em;
    margin-left: 0px;
    display: block;
    line-height: 1.5;
    margin-top: 2px;
  }
}
/* 
 ■■■ 02-10-03 見出し03
--------------------------------------------------------- */

/* 
 ■■■ 02-10-04 見出し04
--------------------------------------------------------- */
h4 {
  font-size: 115%;
  //color: #0c71b8;
  color: #000;
  font-weight: bold;
  padding: 0 0 0 0;
  margin: 35px 0 5px;
  overflow: hidden;
  position: relative;
}

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

@media screen and (max-width:480px){
  h4 {
    padding: 0 0 10px 1.5em!important;
	font-size:0.94em;
  }
}


/* 
 ■■■ 02-10-05 見出し05
--------------------------------------------------------- */
h5 {
  font-size: 98%;
  font-weight: bold;
  color: #003551;
  margin: 15px 0 10px;
}
@media screen and (max-width:480px){
h5 {
  font-size:0.94em;
}
}

/* 
 ■■■ 02-10-06 見出し06
--------------------------------------------------------- */
h6 {
  font-size: 98%;
  color: #003551;
  margin: 15px 0 5px;
}
@media screen and (max-width:480px){
h6 {
  font-size:0.94em;
}
}

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

.android.tablet .guideTitle {
  -webkit-font-weight: normal;
  -webkit-text-stroke-width: 1px;
  -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 テキスト重要度表現（標準）
--------------------------------------------------------- */
.txtStrong02 {
  color: #0765AE!important;
}
/*
 ■■ 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 箇条書きスタイル
========================================================= */
/* 
 ■■■ 箇条書きスタイル共通
--------------------------------------------------------- */

/* 
 ■■■ 02-40-01 箇条書きスタイル（中黒）
--------------------------------------------------------- */
ul.list li {
  position: relative;
  display: block;
  margin-bottom: 5px;
  padding: 0 0 0 1.5em;
  line-height: normal;
  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:normal;
  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:1em;
}
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 箇条書きスタイル（矢印）
--------------------------------------------------------- */

/* 
 ■■■ 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;
}

/* 
 ■■■ 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 定義リスト（縦並び）
--------------------------------------------------------- */
.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;
}
.defList02 .smallArrowLink > li{
  background: transparent no-repeat scroll 0px 24px;
}
.defList02 .smallArrowLinkPdf > li{
  background: transparent no-repeat scroll 0px 25px;
}
@media screen and (max-width:480px){
	.defList02 .smallArrowLink > li{
	  background: transparent no-repeat scroll 0px 2px;
	}
	.defList02 .smallArrowLinkPdf > li{
	  background: transparent no-repeat scroll 0px 3px;
	}
}

/* 
 ■■■ 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: 25px;
  margin-bottom: 25px;
  background: transparent  no-repeat scroll 0px 2px;
  line-height: 1.5em;
}
.ancSmallArrowLink li, .ancSmallArrowLink2col ul li, .ancSmallArrowLink3col ul li {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 25px;
  background: transparent no-repeat scroll 0px 2px;
  line-height: 1.5em;
}
.ancSmallArrowLink.linkCol3 li {
	width: 33.333333%;
	padding-right: 15px;
	box-sizing: border-box;	
	float: left;
}

.ancSmallArrowLink.horizontal li {
  display: inline-block;
  padding-left: 19px;
  margin-bottom: 5px;
  margin-right: 15px;
  background: url("/cms/dcplan/images/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("/cms/dcplan/images/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;
}

.defTable02 th.collarBlue {
  background-color:#b1d1ff !important;
}
.defTable02 th.collarLBlue {
  background-color:#dce6f2 !important;
}

.defTable02 th.collarBlue img {
    left: 0;
    margin-top: -4px;
    padding-right: 9px;
    top: 50%;
}
/* 
 ■■■ 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("/cms/dcplan/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("/cms/dcplan/images/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("/cms/dcplan/images/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-70 ボタン
========================================================= */
/* 
 ■■■ 02-70-01 緊急アクション
--------------------------------------------------------- */
/* 
 ■■■ 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-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;
}

/*
 ■■ 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 別ウィンドウアイコン
--------------------------------------------------------- */

/* 
 ■■■ 02-100-02 PDFアイコン
--------------------------------------------------------- */
.smallArrowLinkPdf > li {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 25px;
  background: transparent no-repeat scroll 0px 2px;
  line-height: 1.5em;
}
.pdfLink {
	display: inline-block;
    background: url(/cms/dcplan/images/icon_pdf_01.png) no-repeat right -4px;
    padding-bottom: 10px;
    padding-right: 35px;
    padding-left: 0;
    text-decoration:underline !important;
}

/*
 ■■ 02-110 Q&A
========================================================= */
/* 
 ■■■ 02-110-001 Q&A
--------------------------------------------------------- */

table.qaAreaWrap {
  border-collapse: collapse;
  border-spacing: 0;
  width:100%;
}
table.qaAreaWrap th{
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
  border:1px solid #c4c4c4;
  margin: 0;
  font-size:1.07em;
  width:25px;
  white-space: nowrap;
}
table.qaAreaWrap .qaAreaWrapTh1 {
  background-color: #ffd5db;
}
table.qaAreaWrap .qaAreaWrapTh2 {
  background-color: #b2deff;
}
table.qaAreaWrap td {
  padding: 20px 15px;
  margin: 0;
  box-sizing: border-box;
  border:1px solid #c4c4c4;
  font-size:1.28em;
  line-height: 36px;
}
@media screen and (max-width:480px){
table.qaAreaWrap td {
  font-size: inherit;
  line-height: 1.5em;
}
}

/*
 ■■ 02-120 表組（情報の比較）
========================================================= */
.shortTable,
.defTable,
.defTable02 {
  margin: 15px 0;
}
.responsive-table {
	overflow: hidden;
}
/* 
 ■■■ 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%;
}

.table-wrap-box{
  width: 100%;
}

@media screen and (max-width: 480px) {
	.ancSmallArrowLink.linkCol3 li {
		width: 100%;
		float: none;
	}
  .table-wrap-box{
    width: 1200px;
  }
  .table-wrap{
	font-size:0.76em;
    overflow: scroll; width: 100%;
	position: relative;
	padding-top: 20px;
  }
.table-wrap:before{
content: "\008868\00306f\005de6\0053f3\00306b\0030b9\0030af\0030ed\0030fc\0030eb\003067\00304d\00307e\003059"; /* 文字化け対策のためUnicode変換 */
color:#fff;
font-size:0.85em;
background-color:#e07903;
position: absolute;
top:0px;
border-radius: 5px;
padding: 0.05em 0.5em;
}

}

/* 
 ■■■ 02-120-02 SP時縦積みテーブル
--------------------------------------------------------- */
@media screen and (max-width: 480px) {
	.defTable02.rowStack {
	  width:100% !important;
	  border-top: 1px solid #c8c8c8;
	  border-left: 1px solid #c8c8c8;
	}
	.defTable02.rowStack th {
	  padding: 10px;
	  width:100% !important;
	  background-color: #EEE;
	  display:block;
	}
	.defTable02.rowStack td {
	  width:100%;
	  padding: 10px;
	  display:block;
	}
}


/* 
 ■■■ 02-120-02 SP時縦積みテーブル（SP時項目増）
--------------------------------------------------------- */
@media screen and (max-width: 480px) {
    .sonekiTable .title{
        font-size:1.17em;
        border-bottom:1px solid #c4c4c4;
        background-color:#eeeeee;
    }
    
    .sonekiTable td{
        font-weight:bold;
    }
    
    .sonekiTable .spTitle{
        display:block;
        float:left;
        font-weight:normal;
    }
}


/* 
 ■■■ 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%;
}

/* 
 ■■■02-120-06 テーブル（div組み/アコーディオン設計用) 
--------------------------------------------------------- */
.accordionTablewrapper{
    margin:15px 0;
}

.accordionTablebox{
    border-top: 1px solid #c8c8c8;
}
.accordionTablebox .tableTit{
    padding: 15px;
    font-size: 1.07em;
    border: 1px solid #c8c8c8;
    border-top:none;
    background-color: #eeeeee;
}
.accordionTablebox .tableTit label{
    margin-left:5px;
    font-size: 1.07em;
}
.accordionTablebox .defTable02 {
    border-top:none;
}
.accordionTablebox .shortTable,
.accordionTablebox .defTable,
.accordionTablebox .defTable02 {
    margin: 0;
}
.accordionTablebox .accordionContents .tableTit{
    padding-left:30px;
}

.pCaption {
    text-align: left;
    font-weight: bold;
    padding: 5px 0;
}

/*
 ■■ タブモジュール
========================================================= */

.section .descriptionTab {
	width:100%;
}
.section .tabContents {
	width:964px;
	margin:0 auto;
}
.section .descriptionTab {
	border-bottom:13px solid #1c73b6;
}

.section .descriptionTab .tabList {
	width:964px;
	padding:0 30px;
	margin:0 auto;
}
.section .descriptionTab li {
	display:inline-block;
}
.section .descriptionTab li a {
  width:100%;
	color: #145282;
	text-decoration:none;
	display:block;
	font-size:1.28em;
	text-align:center;
	box-sizing:border-box;
	background-image: url(/images/tabBgNormal.png);
  background-repeat: repeat-x;
	background-position: 0 0;
  position: relative;
  line-height: 69px;
  padding: 0px 20px;
  height:69px;
}
.section .descriptionTab2 li {
  margin-right:36px;
}
.section .descriptionTab3 li {
	margin-right:11px;
}
.section .descriptionTab3 li:last-child,
.section .descriptionTabLeftlong3 li:last-child {
	margin-right:0px;
}
.section .descriptionTabLeftlong3 li {
	margin-right:11px;
}
.section .descriptionTabLeftlong3 li:nth-child(n+2) {
	width:25%;
}
.section .descriptionTab2 li a {
  width:345px;
}
.section .descriptionTab3 li a {
  width:310px;
}
.section .descriptionTab4 li a {
  width:241px;
}
.section .descriptionTab5 li a {
  width:192px;
}
.section .descriptionTab6 li a {
  width:160px;
}

/* add 20150907 */
.section .descriptionTab5 li a {
  width:188px;
  margin-left: 6px;
}
.section .descriptionTab5 li:first-child a {
  margin-left: 0;
}
/* add 20150907 */

.section .descriptionTab span {
  line-height: 23px;
  display:inline-block;
  vertical-align: middle
}
.section .descriptionTab li a:before {
  background-image: url(/images/tabBgNormalLeft.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  content: " ";
  display: block;
  position: absolute;
  width:20px;
  height:69px;
  left:0;
  top:0;
}
.section .descriptionTab li a:after {
  background-image: url(/images/tabBgNormalRight.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  content: " ";
  display: block;
  position: absolute;
  width:20px;
  height:69px;
  right:0;
  top:0;
}
.section .descriptionTab li a.active{
	color:#ffffff;
	border:none;
	background-image:none;
	background-color: #1c73b6;
}
.section .descriptionTab li a.active:before {
  background-image: url(/images/tabBgActiveLeft.png);
}
.section .descriptionTab li a.active:after {
  background-image: url(/images/tabBgActiveRight.png);
}
.section .tabContents {
	padding:26px 50px;
}
.section .tabContents>div.hide {
	display:none;
}
.section .descriptionTabInvert li a {
  background-image: url(/images/tabBgNormalInvert.png);
}
.section .descriptionTabInvert li a:before {
  background-image: url(/images/tabBgNormalLeftInvert.png);
  background-position: 0 -1px;
}
.section .descriptionTabInvert li a:after {
  background-image: url(/images/tabBgNormalRightInvert.png);
  background-position: 0 -1px;
}
.section .descriptionTabInvert li a.active:before {
  background-image: url(/images/tabBgActiveLeftInvert.png);
  background-position: 0 -1px;
}
.section .descriptionTabInvert li a.active:after {
  background-image: url(/images/tabBgActiveRightInvert.png);
  background-position: 0 -1px;
}
.section .descriptionTabInvert {
    border-top: 13px solid #1c73b6;
    border-bottom: none;
}
@media screen and (max-width: 480px) {

  .section .descriptionTab {
    border-bottom:3px solid #1c73b6;
  }
  .section .descriptionTab .tabList {
    width:100%;
    padding:0 11px;
  }
  .section .descriptionTab li {
    padding:0 4px;
    height: 69px;
    overflow: hidden;
    margin-right:0;
    vertical-align: middle;
  }
  .section .descriptionTab li a {
    font-size:0.82em;
    line-height:69px;
    padding:0px 10px;
    color: #145282;
    text-decoration:none;
    text-align:center;
    box-sizing:border-box;
    background: url(/images/sp/tabBgNormal.png) repeat-x 0px 0px;
    background-size: auto 70px;
    position: relative;
    height: 69px;
    overflow: hidden;
    width:auto;
  }
  .section .descriptionTab li a:before {
    background: url(/images/sp/tabBgNormalLeft.png) no-repeat 0px 0px;
    background-size: 10px 70px;
    content: " ";
    display: block;
    position: absolute;
    left:0px;
    top:0;
    width:10px;
    background-color: #ffffff;
  }
  .section .descriptionTab li a:after {
    background: url(/images/sp/tabBgNormalRight.png) no-repeat 0px 0px;
    background-size: 10px 70px;
    content: " ";
    display: block;
    position: absolute;
    right:0px;
    top:0;
    width:10px;
    background-color: #ffffff;
  }
  .section .descriptionTab li a.active:before {
    background-image: url(/images/sp/tabBgActiveLeft.png);
    width:10px;
  }
  .section .descriptionTab li a.active:after {
    background-image: url(/images/sp/tabBgActiveRight.png);
    width:10px;
  }
  .section .tabContents {
    width:100%;
    padding-left:0;
    padding-right:0;
  }
  .section .descriptionTab2 li,
  .section .descriptionTab4 li{
    width:50%;
  }
  .section .descriptionTab3 li,
  .section .descriptionTab5 li ,
  .section .descriptionTab6 li{
    width: 33%;
  }
  .section .descriptionTabInvert li a {
    background-image: url(/images/sp/tabBgNormalInvert.png);
    background-position:0 -1px;
  }
  .section .descriptionTabInvert li a:before {
    background-image: url(/images/sp/tabBgNormalLeftInvert.png);
    background-position: 0 -1px;
  }
  .section .descriptionTabInvert li a:after {
    background-image: url(/images/sp/tabBgNormalRightInvert.png);
    background-position: 0 -1px;
  }
  .section .descriptionTabInvert li a.active:before {
    background-image: url(/images/sp/tabBgActiveLeftInvert.png);
    background-position: 0 -1px;
  }
  .section .descriptionTabInvert li a.active:after {
    background-image: url(/images/sp/tabBgActiveRightInvert.png);
    background-position: 0px -1px;
  }
  .section .descriptionTabInvert {
    border-top:none;
    border-bottom: none;
  }

  /* add 20151014*/
  .section .descriptionTab3,
  .section .descriptionTabLeftlong3,
  .section .descriptionTab5{
	  border-bottom:none;
  }
  .section .descriptionTab3 .tabList,
  .section .descriptionTabLeftlong3 .tabList,
  .section .descriptionTab5 .tabList{
	padding:0 15px;
  }
  .section .descriptionTab3 li,
  .section .descriptionTabLeftlong3 li,
  .section .descriptionTab5 li,
  .section .descriptionTab6 li{
    width: 100% !important;
	height:auto;
	padding:0;
  }
  
  .section .descriptionTab3 li a,
  .section .descriptionTabLeftlong3 li a,
  .section .descriptionTab5 li a {
    width:100% !important;
    margin-left: 0;
	padding:10px;
	line-height: 0;
	height:auto;
	background:#16468d;
	color: #ffffff;
	border-bottom:#ffffff 1px solid;
  }
  .section .descriptionTab3 li a:before,
  .section .descriptionTab3 li a:after,
  .section .descriptionTabLeftlong3 li a:before,
  .section .descriptionTabLeftlong3 li a:after,
  .section .descriptionTab5 li a:before,
  .section .descriptionTab5 li a:after {
    background-image: none;
    width:0px;
  }
  .section .descriptionTab3 li a.active,
  .section .descriptionTabLeftlong3 li a.active,
  .section .descriptionTab5 li a.active {
	background:#0c324f;
	border-bottom:#ffffff 1px solid;
  }
  .section .descriptionTab3 li a.active:before,
  .section .descriptionTab3 li a.active:after,
  .section .descriptionTabLeftlong3 li a.active:before,
  .section .descriptionTabLeftlong3 li a.active:after,
  .section .descriptionTab5 li a.active:before,
  .section .descriptionTab5 li a.active:after {
    background-image: none;
    width:0px;
  }
  .section .descriptionTab3 li:first-child a,
  .section .descriptionTabLeftlong3 li:first-child a,
  .section .descriptionTab5 li:first-child a {
    margin-left: 0;
  }
}
/*
 ■■ 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;
}
@media screen and (max-width: 480px) {
	.imageCutLeft,
	.imageCutLeftType02,
	.imageCutRight,
	.imageCutRightType02,
	.imageCutLeft .text,
	.imageCutLeftType02 .text,
	.imageCutRight .text,
	.imageCutRightType02 .text
	{
		display:block;	
	}
	
	.imageCutLeft .fig,
	.imageCutLeftType02 .fig,
	.imageCutRight .fig,
	.imageCutRightType02 .fig
	{
		display: block;
		text-align: center;
		margin:0px auto 10px;
		width:100%;
	}
	
	.imageCutLeft .fig img,
	.imageCutRight .fig img{
		width:96px;
		height:auto;
		margin:0;
	}
	.imageCutLeftType02 .fig img,
	.imageCutRightType02 .fig img{
		width:200px;
		height:auto;
		margin:0;
	}
}
/* 
 ■■■ 02-160-01 見出し（レベル2）
--------------------------------------------------------- */
h2 .acdiBtn {
  top: 0;
  right: 10px;
  display: none;
}
.ie.ie8 h2 .acdiBtn:hover {
  background-color: #6f9479;
}
divdiv.section div.cont_inner div.simH2Title {
	margin-top:58px;
	margin-bottom:57px;
}
divdiv.section div.cont_inner div.simH2Title h2 {
	margin:0;
	color:#000000;
	font-size:2.14em;
	font-weight:bold;
	line-height:1.5em;
	text-align:center;
	background:transparent;
}
@media screen and (max-width: 480px) {
divdiv.section div.cont_inner div.simH2Title {
	margin-top:15px;
	margin-bottom:15px;
}
divdiv.section div.cont_inner div.simH2Title h2 {
	border-bottom:none;
	font-size:1.71em;
}
}

/* 
 ■■■ 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-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>*{
	display: table-cell;
}

.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: #0D70B7 !important;
  color: white !important;
}

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

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

@media screen and (max-width: 480px) {
	.pgNationWArea{
		position: relative;
		min-height: 92px;
	}
	.pgNationWArea>*{
		min-height: 92px;
	}
	.pgNationWArea .backWrap span,
	.pgNationWArea .nextWrap span{
		display: inline-block;
		margin:10px 0;
	}
	.pgNationWArea .backWrap a,
	.pgNationWArea .nextWrap a{
		display: inline-block;
		white-space: nowrap;
	}
	.pgNationWArea .backWrap{
		width:90px;
		left:0;
		top:0;
		font-size:0.71em;
		position: absolute;
	}
	.pgNationWArea .nextWrap{
		width:90px;
		right:0;
		top:0;
		font-size:0.71em;
		text-align: right;
		position: absolute;
	}
	.pgNationWArea .numWrap{
		display:block;
		margin-left:95px;
		margin-right:95px;
		text-align: center;
	}
	.pgNationWArea .numWrap .num{
		margin-top:3px;
		margin-bottom:3px;
	}
	.pgNationWArea .nextWrap .firstLink{
		position: absolute;
		left:0;
		top:0;
	}
	.pgNationWArea .nextWrap .backLink{
		position: absolute;
		left:0;
		top:0;
	}
	
	
}

/*
 ■■ 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;
}
.lineType03 {
  border-style: none;
  border-bottom: 1px solid #dedede;
  margin: 20px 0;
}
/* 
 ■■■ 02-190-02 区切り線
--------------------------------------------------------- */
.lineVerticalType02 {
  border-right: 1px dotted #739f90;
}
@media screen and (max-width: 480px) {
  .lineVerticalType02 {
    border-bottom: 1px dotted #739F90;
    border-right: none;
  }
}
/*
 ■■ 02-200 ステップ
========================================================= */
/* 
 ■■■ 02-200-01 ステップ（縦型）
 ※Type01は使用していない
--------------------------------------------------------- */
dl.verticalStep {
  display: table;
  width: 100%;
}

.verticalStep > dt {
  display: table-cell;
  width: 94px;
  background-color: #E1ECC5;
  position: relative;
  border-bottom: #E1ECC5 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: #E1ECC5 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: #E1ECC5 solid 1px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.verticalStep > dd:after {
  display: block;
  content: "";
  border-bottom: #E1ECC5 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:1.14em;
}

.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 .boxRight {
  width: 30%;
}

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

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

/*
 ■■ 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/images/icon_arrow_010.png) 50% no-repeat #65ae07;
}

.scrollWrapArea .jspVerticalBar .jspArrowDown {
  background: url(/common/responsive/images/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;
}
@media screen and (max-width: 480px) {
  .kiyakuCheckWrap .kiyakuCheck_checkBoxWrap label{
    width:92%;
  }
  .kiyakuCheckWrap .kiyakuCheck_checkBoxWrap　input {
    float:right;
  }
}
/*
 ■■ 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(/images/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: 1em !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(/images/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(/images/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-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] {
  box-sizing: border-box;
  background-color: #F8F8F8;
  border: 1px solid #C6C6C6;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 25px;
  padding-right: 25px;
  font-size:1.28em;
  line-height: 1.2em;
}
input[type=text].noBorder,
input[type=password].noBorder,
input[type=search].noBorder,
input[type=tel].noBorder,
input[type=url].noBorder,
input[type=email].noBorder,
input[type=datetime].noBorder,
input[type=date].noBorder,
input[type=month].noBorder,
input[type=week].noBorder,
input[type=time].noBorder,
input[type=datetime-local].noBorder {
  border: 1px solid #ffffff;
}

textarea{
    background-color: #F8F8F8;
    border: 1px solid #C6C6C6;
    font-size: 1.28em;
    resize: none;
}

/* IE10以上/「×」,「目のマーク」非表示 */
input::-ms-clear,
input::-ms-reveal {
    visibility:hidden;
    display:none;
}

@media screen and (max-width: 480px) {
	textarea{
		box-sizing: border-box;
		max-width: 100%;
        font-size: inherit;
	}
	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] {
	font-size: inherit;
	}
}
/* ----- セレクトボックス ----- */
select{
  position: relative;
}
select:before{
  content:'';
  top: 50%;
  right: 13px;
  width: 0;
  height: 0;
  margin-top: -3px;
  border: solid transparent;
  border-top-color: #1c73b6;
  border-width: 10px 8px 0 8px;
  position: absolute;
  z-index:100;
}

.custom-form-select {
  box-sizing: border-box;
  background-color: #F8F8F8;
  border: 1px solid #C6C6C6;
  padding-left: 15px;
  margin-right:10px;
  font-size:1.28em;
  height:50px;
  line-height: 50px;
  overflow: hidden
}

/* ----- ラジオボタン ----- */
.custom-form-radio {
  float: left;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  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("/cms/dcplan/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-checkbox {
  float: left;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  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("/cms/dcplan/static/responsive/css/PIE.htc");
  position: relative;
}

label {
	margin-right:10px;
}
label.labelFloatNone{
	float:none;
	margin-left:5px;
}

/* fix select height bug on webkit browsers for Mac OS */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select {
    -webkit-appearance: menulist-button;
  }
}



/*　フォーム入力時のエラー*/
.section .formTextErrors{
  width:964px;
  margin:0 auto;
  text-align:center;
  padding:0 0;
  border-radius: 5px;
  border:1px solid #da0000;
  font-size:1.28em;
}
.section .formTextErrorsWrapper>.ttl {
  text-align: center;
  background-image: url(/images/icon_caution_02.png);
  background-repeat:no-repeat;
  margin: 0 auto;
  padding: 0 25px 10px;
  background-position: 325px 0;
  font-size:1.05em;
  line-height: 24px;
}

.section .formTextErrors li.ttl {
  background-image: url(/images/icon_caution_02.png);
  background-repeat:no-repeat;
  margin: 0 auto;
  padding: 0 31px 10px;
  background-position: 0 0;
  line-height: 28px;
}

.section .formTextErrors li{
  background-image: url(/images/li_error_01.png);
  background-repeat:no-repeat;
  background-position: 13px center;
  text-align:left;
  color:#b20000;
  font-size:0.88em;
  line-height: 30px;
  padding:0px 20px 0px 32px;
  list-style-position: inside;
}
.section .formTextErrorsWrapper>.ttl,
.section .formTextErrors li,
.section .formTextErrors {
  display: none;
}
.section .formTextErrorsWrapper.on,
.section .formTextErrorsWrapper .on{
  display:block;
}/*classにonを付けるとエラーを表示します。*/


.section .formElemError{
  text-align: left;
  background: url(/images/icon_caution_03.png) no-repeat;
  background-position: 0 top;
  margin: 10px auto 0;
  padding: 0px 0px 0 35px;
  font-size:1.07em;
  line-height: 30px;
  display: none;
  color:#da0000;
}
.section .formElemError.on{
	display:block;
}
.hasError{
  border:1px solid #da4909;
}/*classにhas-errorを付けるとエラーを表示します。*/




.section .labelMust {
  background-color:#ffffff;
  border:2px solid #c54309;
  padding:0px 12px;
  font-size:1.14em;
  line-height: 26px;
  display: inline-block;
  text-align: center;
}/*必須ラベル*/
.section .labelVoluntary{
  background-color:#ffffff;
  border: 2px solid #32733c;
  color: #32733c;
  padding:0px 12px;
  font-size:1.14em;
  line-height: 26px;
}/*任意ラベル*/

@media screen and (max-width: 480px) {
  .section .labelMust,
  .section .labelVoluntary{
    font-size:0.94em;
	line-height:1.5;
	text-align:center;
	padding:0;
  }

  .section .formTextErrors,
  .section .formTextError>ul {
    width:100%!important;
  }
  .section .formTextError>p {
    background-position: 5px 0;
    text-align: left;
    padding: 0 0px 10px 35px;
  }
  .section .formTextErrorsWrapper>.ttl {
    padding: 0 0 10px 25px;
    background-position: 0px 0;
  }
  .section .formTextErrors{
	  font-size:1.05em;
}
	.section .formTextErrors li{
	  font-size:0.88em;
	}
}

/* 
 ■■■ ヘッダー内使用テキストリンク
--------------------------------------------------------- */
.cssIconLink li {
  padding: 0 0 5px 25px;
  position: relative;
  z-index: 0;
}

.cssIconLink li:before {
  font-size:1.64em;
  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(/images/icon_arrow_02_right.png);
  z-index: 10000;
  float: left;
}

/* 
 ■■■ アイコン
--------------------------------------------------------- */

/* ----- 通常閉じるボタン ----- */
.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, .infoBtnClose {
  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 #fafafa;
  background: #145282;
  box-sizing: border-box;
  box-shadow: 0px 3px 3px #bfbfbf;
  -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;
}

/* IE10対応 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.btnClose, .infoBtnClose {
	  height: 37px;
	}
}

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

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

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

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

/* ----- 矢印アイコン ----- */
.addNextArrow {
  position: relative;
}
@media screen and (max-width: 480px) {
  .addNextArrow {
    width: 95%;
}
}
.nextArrow {
  display: block;
  position: absolute;
  top: 50%;
  right: -21px;
  width: 0;
  height: 0;
  margin-top: -8px;
  border: 8px solid transparent;
  border-left-color: #0D70B7;
  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: #0D70B7;
  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: #0D70B7;
  border-right: none;
}

.singleArrow:before {
  content: "";
  position: absolute;
  top: -8px;
  left: -16px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-right-color: #0D70B7;
  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: #0D70B7;
  border-right: none;
}

.singleArrowDown:before {
  content: "";
  position: absolute;
  top: -8px;
  left: -16px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-right-color: #0D70B7;
  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: #0D70B7;
  border-right: none;
}

.singleArrowLeft:before {
  content: "";
  position: absolute;
  top: -8px;
  left: -16px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-right-color: #0D70B7;
  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;
  position:relative;
  min-height:17px;
}

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

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

.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: absolute;
  left: 50%;
  margin-left: -3.5px;
}

/* 
 ■■■ 枠線
--------------------------------------------------------- */
.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;
}
.bordWDecoRed {
  border: 1px solid #d40c0c;
}


/* ----- ボックスシャドウ ----- */
.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;
}

.bgColrBlue {
  background-color: #16468D !important;
  color: #ffffff !important;
  padding: 18px 0 15px;
}

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

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

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

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

/* 
 ■■■ テキストボックス（PDFリンク/枠線クラスと併用で使用可）
--------------------------------------------------------- */
div.pdfLinkbox{
  padding:20px;
}
div.pdfLinkbox .defList02 dt{
  font-weight:normal;
  position: relative;
  background: transparent no-repeat scroll 0px 2px;
  line-height: 1.5em;
  width:auto;
}
div.pdfLinkbox .defList02 dt a{
  margin-left: 25px;
}
div.pdfLinkbox .defList02 dd{
  margin-left:150px;
}
@media screen and (max-width: 480px) {
	div.pdfLinkbox .defList02 dt,
	div.pdfLinkbox .defList02 dd{
        display:inline;
        padding-bottom:5px;
	}
	div.pdfLinkbox .defList02 dt{
        float:none;
    }
	div.pdfLinkbox .defList02 dd{
        margin-left: 10px;
    }
}
/* 
 ■■■ テキストボックス（ダウンロード催促用）
--------------------------------------------------------- */
div.dlReminderbox{
  border: 1px solid #d9d9d9;
  background: #ffffff;
  padding: 20px;
  display:block;
  overflow: hidden;
  vertical-align: middle;
  line-height: 1.5;
  clear: both;
}
div.dlReminderbox .text {
	float:left;
	display:inline;
	width:80%;
	margin:0;
}
div.dlReminderbox .image {
  width: 20%;
  float: left;
  text-align: center;
  margin: 0;
}
@media screen and (max-width: 480px) {
	div.dlReminderbox .text {
		width:100%;
	}
	div.dlReminderbox .image {
	  width: 100%;
    margin: 20px 0px 0px;
	}
}

/* 
 ■■■ 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;
}


/* 
 ■■■ アコーディオン
--------------------------------------------------------- */

.h2_accordion{
	background-color: #0f334e;
	box-shadow: 1px 2px 0px 0px #0a2235;
	border: 1px solid #ffffff;
	width: 35px;
	height: 35px;
	line-height:35px;
	display: inline-block;
	margin:0;
	margin-left:20px;
	padding:0;
	color: #ffffff;
	position:relative;
	overflow:hidden;
}
.h2_accordion span{
	color:#0f334e;
}
/*Firefoxだけに適用*/
@-moz-document url-prefix() {
	.h2_accordion span {
		display: inline-block;
		line-height: 0.1;
	}
}
.h2_accordion:before{
	text-align:center;
	content:"-";
	position: absolute;
	margin:0;
	padding:0;
	top: 0px;
	left: -1px;
	width: 35px;
	height: 35px;
	line-height:35px;
	text-indent: inherit;
}
.h2_accordion.active{
	background-color: #0f334e;
}
.h2_accordion.active:before{
	content:"+";
}
.dispNone{
	display:none;
}
@media screen and (max-width: 480px) {
.h2_accordion:before{
	top: -3px;
	left: -1px;
}
}



/* 
 ■■■ Q&Aアコーディオン
--------------------------------------------------------- */
.accordionTable tr:nth-child(1){
    cursor:pointer;
}
.accordionTable td span.tdText{
	display:block;
	position: relative;
	padding-right: 80px;
}
.accordionTable td span .accordionBtn{
	color: #145282!important;
    background: -webkit-linear-gradient(90deg, #ececec 0%, #ffffff 100%);
    background: -webkit-linear-gradient(90deg, #ececec 0%, #ffffff 100%);
    background: -moz-linear-gradient(90deg, #ececec 0%, #ffffff 100%);
    background: -o-linear-gradient(90deg, #ececec 0%, #ffffff 100%);
    background: -ms-linear-gradient(90deg, #ececec 0%, #ffffff 100%);
    background: linear-gradient(0deg, #ececec 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
    border-radius: 5px;
    border-top: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-bottom: 3px solid #bfbfbf;
	width: 35px;
	height: 35px;
	line-height:35px;
	display: block;
	margin:0;
	padding:0;
	color: #ffffff;
	position: absolute;
	top:50%;
    right: 20px;
    margin-top: -18px;
	overflow:hidden;
}
.accordionTable td span .accordionBtn:before{
	text-align:center;
	content:"+";
	position: absolute;
	margin:0;
	padding:0;
	top: -2px;
    left: 0px;
	width: 35px;
	height: 35px;
	line-height:35px;
	text-indent: inherit;
	font-weight: bold;
}
.accordionTable td span .accordionBtn.active:before{
	content:"-";
}
.accordionTable td span .accordionBtn span{
	color: #eeeeee;
}
/* Firefox用ハック（アコーディオン開閉時に右側のボーダーが消えるため） */
@-moz-document url-prefix() {
	table.accordionTable {
		border-collapse: separate !important;
	}
	table.accordionTable th {
		border-right:none !important;
	}
	.accordionTable tr:nth-child(2) td,
	.accordionTable tr:nth-child(2) th{
		border-top: 0 !important;
	}
}

@media screen and (max-width: 480px) {
	.accordionTable tr:nth-child(1) td{
		padding-right: 0 !important;
		border-collapse: separate !important;
	}
	.accordionTable td span.tdText{
		padding-right: 60px;
	}
	.accordionTable td span .accordionBtn{
		right: 14px;
	}
	.accordionTable td span .accordionBtn:before{
		top: -1px;
		left: -1px;
	}
}

/*
 ■■ 共通
========================================================= */
.liqW.infoBoxList {
	padding-top:13px;
}
.infoBox {
	margin:0 auto;
	box-sizing:border-box;
	border:1px solid #140d7b;
	width:290px;
	min-height:160px;
	height:auto;
	border-radius:5px;
	box-shadow:0px 2px 0px #bfbfbf;
	display:block;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ececec 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ececec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
	text-decoration:none;
  position: relative;
}

.infoBox a {
  width: 100%;
  height: 100%;  
  position: absolute;
  color: #000000;
}

.infoBox a:link {
  color: #000000;
  text-decoration: none;
}


.infoBox .infoHeader {
	text-align:center;
	line-height:1em;
	margin-top:15px;
	margin-bottom:10px;
}
.infoBox .infoHeader span {
	font-size:0.75em;
	padding-bottom:5px;
	text-align:center;
	display:inline-block;
	border-bottom:1px solid #688ead;
	color:#145282;
	font-weight:bold;
	line-height:1.2em;
}
.infoBox .infoBoxContent {
	margin:0 15px;
}
.section .riskTryMessage {
	background:#ffffff;
	padding-top:19px;
	padding-bottom:17px;
}
.section .riskTryMessage .riskTryMessageText {
	width:964px;
	margin:0 auto;
	text-align:center;
	padding:40px 0;
	border-radius: 5px;
	border:1px solid #da4909;
	font-size:1.28em;
	font-weight: 900;
}
.section .riskTryMessage>img {
	display:block;
	margin:0 auto;
	margin-top:10px;
}

@media screen and (max-width: 480px) {
	.infoBox .infoHeader span,
	.section .riskTryMessage .riskTryMessageText {
		font-size:1.05em;
	}
}

/*
 ■■ はじめての方エリア
========================================================= */
.biginnerSection {
	background:#f7f4d8;
}
.biginnerMsgWrapper {
	margin-bottom:30px;
}
.biginnerMsgWrapper .biginenrMark {
	float: left;
	margin-right:12px;
}
.biginnerMsgWrapper .biginenrMark {
	float: left;
	margin-right:12px;
	width:auto;
}
.biginnerMsgWrapper .biginnerMsg {
	overflow: hidden;
}
.biginnerMsgWrapper:after {
	clear:both;
	content:"";
}
.simFlow {
	clear:both;
} 
.simFlow .simFlowChild {
	float: left;
	width: 290px;
	height: 240px;
	position:relative;
	box-sizing:border-box;
	background:#ffffff;
} 
.simFlow .simFlowChild .simFlowChildContent {
	height:180px;
	padding:0 17px;
	border:1px solid #eeeeee;
	border-top:none;
}
.simFlow .simFlowChild .simFlowChildContent p {
	font-size:1.07em;
}
.simFlow .simFlowChild .simFlowChildLabel {
	width: 290px;
	height: 60px;
	text-align: center;
	font-size:1.42em;
	background: #145282;
	color:#ffffff;
	display:block;
	box-sizing: border-box;
	padding-top: 5px;
}
.simFlow .simFlowChild .simFlowChildLabel span {
	font-size:0.7em;
}
.simFlow .simFlowChild h2 {
	color: #000000;
	font-size:1.28em;
	padding:1em 0;
	background-color: #ffffff;
	text-align:center;
}
.simFlow .simFlowChild .simFlowChildSim {
	border: 1px solid #eeeeee;
	text-align: center;
	position:absolute;
	left:0px;
	width: 100%;
	height: 44px;
	line-height: 44px;
	bottom: 0px;
	box-sizing: border-box;
}
.simFlow .simFlowChild.arrow {
	height: 240px;
	width: 47px;
	text-align: center;
	padding-top:120px;
	background:#f7f4d8;
}
.simFlow .simFlowChild.arrow img {
	width:auto;
}

@media screen and (max-width: 480px) {
	.simFlow .simFlowChild h2{
		font-size:1.05em;
	}
	.simFlow .simFlowChild .simFlowChildContent p {
		font-size:0.88em;
	}
}

/*
 ■■ ライフプランシミュレーションエリア
========================================================= */
.infoBox.attachLabel {
	box-sizing:border-box;
	border:1px solid #140d7b;
	border-radius:5px;
	box-shadow:0px 2px 0px #bfbfbf;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ececec 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ececec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
}
.infoBox.attachLabel .labelBelt {
	margin-top:11px;
	font-size:1em;
	text-align:center;
	padding: 6px 0;
	background:#145282;
	color:#ffffff;
	display:block;
}
.infoBox.attachLabel h3 {
	text-align:center;
	margin-top:10px;
	margin-bottom:5px;
}
.infoBox.attachLabel h3 span {
	font-size:0.75em;
	padding-bottom:0px;
	text-align:center;
	display:inline-block;
	border-bottom:1px solid #688ead;
	color:#145282;
	font-weight:bold;
}
.infoBox.attachLabel .infoBoxContent {
	margin:0 15px;
}
/* table.lifePlanSim ------------------*/
.formElemWrapper{
  display:inline-block;
}
.formElemWrapperMulti>*{
	margin-top:10px;
}
.formElemWrapperMulti>*:first-child{
	margin-top:0px;
}
.section .formElemWrapper>input {
  box-shadow: inset 2px 2px 8px -3px rgba(0, 0, 0, 0.3);
  padding:14px 10px;
  font-size:1.07em;
  line-height: 16px;
}
.section .formElemWrapper>input.num {
  width:130px;
  text-align: right;
  font-size:1.71em;
  padding: 3px 10px;

}
.formElemWrapper .bonus,
.formElemWrapper .yen {
  font-size:1em;
  line-height: 36px;
  display:inline-block;
}
.formElemWrapper .bonus {
  margin:0 0 0 55px;
}
table.lifePlanSim th {
  padding:15px;
  font-size:1.07em;
  font-weight: normal;
}
table.lifePlanSim td {
  padding:10px 20px;
}
table.lifePlanSim div {
  vertical-align: middle;
}
table.lifePlanSim label{
	float:none;
	margin-left:5px;
	font-size:1.07em;
}

@media screen and (max-width: 480px) {
  .rwdW27p {
    width: 27% !important;
  }
  table.lifePlanSim td {
    padding: 10px 10px;
  }
  .section .formElemWrapper>input.txt {
    width:100%!important;
  }
  .formElemWrapper .bonus {
  margin:0 0 0 0px;
  }
}
/*
■■ ライフプランシュミレーション(簡易)エリア
========================================================= */
divdiv.section div.cont_inner div.simDescription {
	color:#000000;
	font-size:1em;
	font-weight:400;
	line-height:22px;
	text-align:left;
}
divdiv.section div.cont_inner div.simH2Title {
	margin-top:58px;
	margin-bottom:57px;
}
divdiv.section div.cont_inner div.simH2Title h2 {
	margin:0;
	color:#000000;
	font-size:2.14em;
	font-weight:bold;
	line-height:24px;
	text-align:center;
	background:transparent;
}
divdiv.section div.cont_inner div.simSection ol li {
	margin-top:48px;
}
divdiv.section div.cont_inner div.simSection ol li.simFirstQuestion {
	margin-top:0;
}
divdiv.section div.cont_inner div.simSection ol li p.simListDescription {
	margin-left:57px;
	padding-bottom:4px;
	line-height:1.6;
}
divdiv.section div.cont_inner div.simSection ol li p.simListLabel{
	border-bottom:1px dotted #040000;
	padding-bottom:10px;
}
divdiv.section div.cont_inner div.simSection ol li p.simListLabel span {
	display:inline-block;
	vertical-align:top;
	font-size:1.71em;
	font-weight:bold;
	line-height:40px;
}
divdiv.section div.cont_inner div.simSection ol li p.simListLabel span.simListDecimal {
	width:40px;
	height:40px;
	margin-right:16px;
	color:#ffffff;
	text-align:center;
	background:#0d71b8;
	box-sizing:border-box;
	border-radius:50%;
}
divdiv.section div.cont_inner div.simSection ol li p.simListLabel span.simListTitle {
	width:auto;
	color:#000000;
	font-size:1.71em;
	text-align:left;
}
divdiv.section div.cont_inner div.simSection ol li div.simListForm {
	margin-top:12px;
	margin-left:57px;
}
divdiv.section div.cont_inner div.simSection ol li div.simListForm input {
	width:90px;
	height:45px;
	margin-right:15px;
	padding-right:20px;
	color:#000000;
	line-height:36px;
	text-align:right;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, divdiv.section div.cont_inner div.simSection ol li div.simListForm input {
      height:2.8em;
      line-height:2 !important;
  } /* IE11 */
}
divdiv.section div.cont_inner div.simSection ol li div.simListForm label input,
divdiv.section div.cont_inner div.simSection ol li div.simListForm label span {
	width:auto;
	height:auto;
	margin-right:5px;
	padding-right:10px;
	vertical-align:middle;
}

.resultFlow {
	display:table;
}
.resultFlowChild {
	display:table-cell;
	width:300px;
	height:80px;
	box-sizing:border-box;
	vertical-align:middle;
	text-align:center;
	background-color: #1d75ba;
}
.resultFlowChild.current {
	border:5px solid #f39720;
}
.resultFlowChild.arrow {
	display:table-cell;
	width:32px;
	height:80px;
	box-sizing:border-box;
	border:none;
	background:none;
}
.resultFlowChildText {
	font-size:1.07em;
	color:#ffffff;
	margin-top:7px;
	margin-bottom:0px;
}
.resultRibbonMsg {
	margin-top:28px;
	height:83px;
	background:url("/cms/dcplan/images/GWEB5020113_ribbon.png");
	background-position:center top;
	background-repeat:no-repeat;
	padding-top:20px;
	box-sizing:border-box;
}



@media screen and (max-width: 480px) {
	.resultFlow {
		display:block;
	}
	.resultFlowChild {
		display:block;
		width:100%;
		height:auto;
		box-sizing:border-box;
		text-align:center;
		background-color: #1d75ba;
		padding:15px 0;
	}
	.resultFlow .resultFlowChild.arrow {
		display:block;
		padding: 10px 0;
		height:auto;
		text-align:center;
		width:100%;
	}
	.resultFlow .resultFlowChild.arrow img {
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	divdiv.section div.cont_inner div.simH2Title {
		margin-top:0;
		margin-bottom:30px;
	}
	divdiv.section div.cont_inner div.simH2Title h2 {
		margin-top:20px;
		margin-bottom:30px;
		font-size:1.05em;
		line-height:1.2;
		border-bottom:none;
	}
	divdiv.section div.cont_inner div.simSection ol li p.simListLabel {
		margin-bottom:5px;
	}
	divdiv.section div.cont_inner div.simSection ol li p.simListLabel span.simListTitle {
		width:78%;
		font-size:1.17em;
		font-weight:normal;
		line-height:1.2;
	}
	divdiv.section div.cont_inner div.simSection ol li div.simListForm {
		margin-top:0;
	}
}


/*
 ■■ よくある質問エリア
========================================================= */

/*　よくある質問　検索*/
table.tableFaq td{
	vertical-align: middle;
}
table.tableFaq td .formElemWrapper{
	vertical-align: middle;
}
table.tableFaq th label{
  font-size:1.07em;
}
table.tableFaq button.btnType03Medium {
  width:130px;
  float: right;
  margin-right: 10px;
}
table.tableFaq.tableFaqType03 button.btnType03Medium{
	float:none;
	vertical-align: middle;
	margin-right:0;
	margin-left:35px;
}
.section .formElemWrapper>input.txtQa {
  box-shadow: inset 2px 2px 8px -3px rgba(0, 0, 0, 0.3);
  font-size:1.28em;
  height:40px;
  line-height: 40px;
  padding: 0 15px;
  width:330px;
}
table.tableFaq label.labelFloatNone {
  margin:0 15px 0 30px;
}
.boxAreaSearch .liqW .colCL4TypeSearch01,
.boxAreaSearch .liqW .colCL4TypeSearch02,
.boxAreaSearch .liqW .colCL4TypeSearch03,
.boxAreaSearch .liqW .colCL4TypeSearch04{
	display: table-cell;
	vertical-align:middle;
}
.boxAreaSearch .liqW .colCL4TypeSearch01 p,
.boxAreaSearch .liqW .colCL4TypeSearch02 p,
.boxAreaSearch .liqW .colCL4TypeSearch03 p{
	margin-bottom:8px;
}
.boxAreaSearch{
	border: 1px solid #d9d9d9;
    background: #ffffff;
    padding: 12px;
    vertical-align: middle;
    line-height: 1.5;
}
.boxAreaSearch .liqW{
	margin:0;
}
.boxAreaSearch .liqW .colCL4TypeSearch01{
	width:320px;
}
.boxAreaSearch .liqW .colCL4TypeSearch01 select{
	width:280px;
}
.boxAreaSearch .liqW .colCL4TypeSearch01 button{
	width:300px;
}
.boxAreaSearch .liqW .colCL4TypeSearch02{
	width:340px;
}
.boxAreaSearch .liqW .colCL4TypeSearch02>input.txtQa {
	box-shadow: inset 2px 2px 8px -3px rgba(0, 0, 0, 0.3);
    font-size:1.07em;
    line-height: 1.5;
    padding: 9px 0 8px 15px;
    width: 300px;
}
.boxAreaSearch .liqW .colCL4TypeSearch03{
	width:130px;
}
.boxAreaSearch .colCL4TypeSearch04 .btnType03Medium{
	width:130px;
	margin:30px 0px 0px 0px;
	float:none;
}

@media screen and (max-width: 480px) {
	table.tableFaq,
	table.tableFaq > tbody,
	table.tableFaq > tbody > tr,
	table.tableFaq > tbody > tr > td,
	table.tableFaq > tbody > tr > th,
	table.formSetTable,
	table.formSetTable caption,
	table.formSetTable > thead,
	table.formSetTable > thead > tr,
	table.formSetTable > thead > tr > th,
	table.formSetTable > tbody,
	table.formSetTable > tbody > tr,
	table.formSetTable > tbody > tr > td,
	table.formSetTable > tbody > tr > th{
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}
	table.formSetTable > thead{
		display: none;
	}
	table.formSetTable caption{
		border-right:1px solid #c8c8c8;
		text-align: center;
	}
	table.formSetTable > tbody > tr > td:after,
	table.formSetTable > tbody > tr > th:after{
		content:" ";
		display:block;
		visibility:hidden;
		height:0px;
		clear: both;
	}
	table.formSetTable > tbody > tr > th > label,
	table.tableFaq > tbody > tr > th > label{
		float: none;
	}
	table.formSetTable label{
		display: block;
		float: none;
	}
	table.tableFaq .formOrigSelect.formOrigSelectSize04 button{
		width:100%;
	}
  .section table.tableFaq .formElemWrapper>input.txtQa {
    width: 100%;
    margin:0;
    box-sizing: border-box;
	display: block;
  }
  .section .formElemWrapper{
	  display: block;
	  margin: 0 0 10px ;
  }
   .section .formOrigSelect{
	   display: block;
   }
  table.tableFaq button.btnType03Medium {
    float:none;
  }
  table.tableFaq .tableFaqLayoutSet01 label{
	  margin-left:0;
  }
  table.tableFaq button.btnType03Medium{
	  display: block;
	  width:100%;
  }
	table.tableFaq.tableFaqType03 button.btnType03Medium{
		float:none;
		vertical-align: middle;
		margin-right:0;
		margin-left:0;
	}
	table.tableFaq.tableFaqType03 .formElemWrapperMulti br{
		display: none;
	}
	.boxAreaSearch .liqW .colCL4TypeSearch01,
	.boxAreaSearch .liqW .colCL4TypeSearch02,
	.boxAreaSearch .liqW .colCL4TypeSearch03,
	.boxAreaSearch .liqW .colCL4TypeSearch04{
		display: block;
		width:100%;
	}
	.boxAreaSearch .liqW .colCL4TypeSearch02 p,
	.boxAreaSearch .liqW .colCL4TypeSearch03 p{
		margin:8px 0;
	}
	.boxAreaSearch .liqW .colCL4TypeSearch01 button,
	.boxAreaSearch .liqW .colCL4TypeSearch02>input.txtQa,
	.boxAreaSearch .liqW .colCL4TypeSearch03 button,
	.boxAreaSearch .colCL4TypeSearch04 .btnType03Medium {
		width:100%;
	}
	.boxAreaSearch .colCL4TypeSearch04 .btnType03Medium{
		margin-top:20px;
	}
}
@media screen and (max-width: 480px) {
/*
 ■■ 共通
========================================================= */
.infoBox.attachLabel,
.infoBox {
	height:auto;
	width:100%;
	min-height:0px;
}
.infoBox.attachLabel h3,
.infoBox h3 {
	text-align:center;
	line-height:1em;
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
	border:none;
}
.infoBox.attachLabel h3 span,
.infoBox h3 span {
	padding:0;
	font-size:1.05em;
}
.infoBox.attachLabel  .infoBoxContent,
.infoBox .infoBoxContent {
	margin:0 15px;
	padding-bottom:10px;
	font-size:0.88em;
}
.section .ristContOutline {
	padding:20px 20px;
	margin:0;
}
.section .ristContOutline>p {
	margin:0 auto;
	width:100%;
}
.section .riskTryMessage {
	padding:0 20px;
	padding-top:19px;
	padding-bottom:17px;
}
.section .riskTryMessage>p {
	width:100%!important;
}


/*
 ■■ はじめての方エリア
========================================================= */
.simFlow .simFlowChild {
	width:100%;
	float:none;
	height: auto;
	padding-bottom: 44px;
} 
.simFlow .simFlowChild .simFlowChildLabel {
	width:100%;
	font-size:1.17em;
}
.simFlow .simFlowChild .simFlowChildLabel span {
	font-size:0.7em;
}
.simFlow .simFlowChild .simFlowChildContent {
	height:auto;
	padding-bottom:10px;
}
.simFlow .simFlowChild h2 {
	border:none;
}
.simFlow .simFlowChild.arrow {
	padding: 10px 0;
	height:auto;
	width:100%;
}
.simFlow .simFlowChild.arrow img {
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}


}

/*
 ■■ ステップリンク
========================================================= */
.stepLink .item.active>a.inner {
  border:5px solid #f39720;
  /*active時にボーダー表示*/
}
.stepLink>ul>li.item{
  box-sizing: border-box;
  float: left;
}	
.stepLink>ul>li.item>a.inner{
  height: 80px;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  background-color: #1d75ba;
  background-repeat: no-repeat;
  border:5px solid #1d75ba;
  text-decoration: none;
}
.stepLink2>ul>li.item>a.inner {
  width:465px;
}
.stepLink3>ul>li.item>a.inner {
  width:300px;
}
.stepLink4>ul>li.item>a.inner {
  width:217px;
}
.stepLink5>ul>li.item>a.inner {
  width:168px;
}
.stepLink6>ul>li.item>a.inner {
  width:135px;
}
.stepLink7>ul>li.item>a.inner {
  width:111.42px;
}
.stepLink8>ul>li.item>a.inner {
  width:93.75px;
}
.stepLink9>ul>li.item>a.inner {
  width:80px;
  height:90px;
}
.stepLink.stepLinkWithIcon .item>a.inner {
  padding:8px 0;
  text-align: center;
}
.stepLink li:before{
  background-image: url(/images/steplink_arrow_1.png);
  background-repeat: no-repeat;
  background-position: center center;
  width:30px;
  height:80px;
  content: "";
  display: inline-block;
  vertical-align: top;
}
.stepLink .item:first-child:before {
  background-image: none;
  display:none;
}
.stepLink>ul>li.item:first-child{
  margin-left: 0px;
}
.stepLink span.label {
  text-align: center;
  display: block;
  padding: 27.5px 0;
  font-size:1.07em;
  color: #fff;
  line-height: 15px;
}
.stepLink.stepLinkWithIcon span.label {
  padding:5px 0;
}
.stepLink9 span.label {
  font-size:0.92em;
}
@media screen and (max-width: 480px) {
  .stepLink>ul{
    margin:0 auto;
  }
  .stepLinkWithIcon>ul>li.item>a.inner>img {
    display:none;
  }
  .stepLink>ul>li.item{
	  position: relative;
	  box-sizing: border-box;
	  overflow: hidden;
  }
  .stepLink>ul>li.item>a.inner{
	box-sizing: border-box;
    height: 95px;
    margin-left:0;
    line-height: 85px;
    width:100%;
    text-align: center;
  }
  .stepLink9>ul>li.item>a.inner{
    height: 140px;
	line-height: 132px;
  }
  .stepLink li:before{
    background-image: url(/images/sp/steplink_01.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 8px 9px;
    width:20%;
    height:95px;
    content: "";
    display: inline-block;
  }
  .stepLink9 li:before{
    background-size: 8px 9px;
    width:20%;
    height:140px
  }
  .stepLink>ul>li.item:first-child>a.inner{
	  width:100%;
  }
  
  .stepLink2>ul>li.item:first-child{
    width:48%;
  }
  .stepLink2>ul>li.item{
    width:52%;
  }
  .stepLink2>ul>li.item:before{
    width:7.5%;
  }
  .stepLink2>ul>li.item>a.inner{
    width:92.5%;
  }
  
  .stepLink3>ul>li.item:first-child{
    width:30%;
  }
  .stepLink3>ul>li.item{
    width:35%;
  }
  .stepLink3>ul>li.item:before{
    width:14.2%;
  }
  .stepLink3>ul>li.item>a.inner{
    width:85.7%;
  }
  
  .stepLink4>ul>li.item:first-child{
    width:22%;
  }
  .stepLink4>ul>li.item{
    width:26%;
  }
  .stepLink4>ul>li.item:before{
    width:15.4%;
  }
  .stepLink4>ul>li.item>a.inner{
    width:84.6%;
  }
  
  .stepLink5>ul>li.item:first-child{
    width:16%;
  }
  .stepLink5>ul>li.item{
    width:21%;
  }
  .stepLink5>ul>li.item:before{
    width:24%;
  }
  .stepLink5>ul>li.item>a.inner{
    width:76%;
  }
  
  
  .stepLink6>ul>li.item:first-child{
    width:12.5%;
  }
  .stepLink6>ul>li.item{
    width:17.5%;
  }
  .stepLink6>ul>li.item:before{
    width:29%;
  }
  .stepLink6>ul>li.item>a.inner{
    width:71%;
  }
  
  .stepLink7>ul>li.item:first-child{
    width:10%;
  }
  .stepLink7>ul>li.item{
    width:15%;
  }
  .stepLink7>ul>li.item:before{
    width:33.3%;
  }
  .stepLink7>ul>li.item>a.inner{
    width:66.6%;
  }
  
  .stepLink8>ul>li.item:first-child{
    width:9%;
  }
  .stepLink8>ul>li.item{
    width:13%;
  }
  .stepLink8>ul>li.item:before{
    width:30%;
  }
  .stepLink8>ul>li.item>a.inner{
    width:70%;
  }

  .stepLink9>ul>li.item:first-child{
    width:10%;
  }
  .stepLink9>ul>li.item{
    width:11%;
  }
  .stepLink9>ul>li.item>a.inner{
    width:80%;
  }

  .stepLink2>ul>li.item:before {
  }
  .stepLink3>ul>li.item:before {
  }
  .stepLink4>ul>li.item:before {
  }
  .stepLink5>ul>li.item:before {
  }
  .stepLink6>ul>li.item:before {
  }
  .stepLink7>ul>li.item:before {
  }
  .stepLink.stepLinkWithIcon>ul>li.item>span.inner{
	  padding:0 0;
  }
  .stepLink>ul>li.item span.label,
  .stepLink9>ul>li.item span.label {
    font-size:0.82em;
    display:inline-block;
    line-height: 1.2;
    vertical-align: middle;
	padding:0 0;
    text-align: center;
  }
  
  .stepLink.stepLink5>ul>li.item span.label,
  .stepLink.stepLink6>ul>li.item span.label,
  .stepLink.stepLink7>ul>li.item span.label,
  .stepLink.stepLink8>ul>li.item span.label,
  .stepLink.stepLink9>ul>li.item span.label {
    width:14px;
    line-height: 1;
   }
   .stepLink.stepLinkWithIcon .item>a.inner {
    padding:0 0;
   }
}

/*
 ■■ 入力内容確認テーブル
========================================================= */
/* 入力内容確認テーブル */
.defTable02.formConfirm .tdTxt{
  font-size:1.07em;
  padding:20px;
}
.defTable02.formConfirm th{
  padding: 20px 15px;
  width: 330px;
  line-height: 24px;
}

@media screen and (max-width: 480px) {
	.defTable02.formConfirm .tdTxt{
	  font-size:0.88em;
	}
}

/*
 ■■ ご注意
========================================================= */
.cautionBorderArea {
	text-align:center;
	background:#ffef66;
	box-sizing:border-box;
	padding:30px;
	border-radius:5px;
	border:2px solid #ccc052;
}
.cautionBorderArea .cautionBorderAreaTitle {
	width:100%;
	display:inline;
	text-align:center;
	background:url("/cms/dcplan/images/icon_caution_01.png");
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:30px;
	margin-bottom:26px;
	font-size:1.28em;
	font-weight: 900;
	line-height: 21px;
	vertical-align:middle;
}
.cautionBorderArea .cautionBorderAreaContent {
	background:#ffffff;
	border-radius:5px;
	box-sizing:border-box;
	padding:30px;
	text-align:left;
	font-size:1.14em;
	font-weight: 700;
	margin-top:26px;
}
@media screen and (max-width: 480px) {
	
	.cautionBorderArea,
	.cautionBorderArea .cautionBorderAreaContent {
		padding:15px;
		font-size:0.94em;
	}
	.cautionBorderArea .cautionBorderAreaContent {
		margin-top:13px;
	}
}

/*
 ■■ お問い合わせ
========================================================= */
@media screen and (max-width: 480px) {
	.inquiry_title{
		margin-bottom:20px;
	}
	.inquiry_wrap .liqW{
		text-align: center;
	}
	.inquery_end .fLeft{
		float:none !important;	
	}
}

/*
 ■■ 開閉式
========================================================= */
a.btnOpenClose,
button.btnOpenClose,
input.btnOpenClose,
.btnOpenClose{
	color: #FFF ;
    background: #1c73b6;
    border: none;
    border-bottom: 3px solid #104269;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    border-collapse: separate;
    vertical-align: middle;
    box-sizing: border-box;
    transition: opacity 0.3s ease-out 0.1s;
    width: 100%;
    min-height: 60px;
    padding: 18px 2% 13px;
    margin: 0px auto;
    font-size:1.14em;
    line-height: 1em;
    vertical-align: middle;
    line-height: 32px;
}
.btnOpenClose>span{
    vertical-align: middle;
	display: inline-block;
	position: relative;
	padding-left:48px;
	height: 32px;
}
.btnOpenClose>span:before{
	display: block;
	position: absolute;
	left:0;
	top:0;
	content: " ";
	width:32px;
	height:32px;
	margin-right: 16px;
	background-image:url(/cms/dcplan/images/icon_closet_open.png);
	background-repeat: no-repeat;
}
.btnOpenClose.on>span:before{
	background-image:url(/cms/dcplan/images/icon_closet_close.png);
}
@media screen and (max-width: 480px) {
	a.btnOpenClose,
	button.btnOpenClose,
	input.btnOpenClose,
	.btnOpenClose{
		position:relative;
		font-size:0.94em;
	}
	.btnOpenClose>span{
		line-height:1.2;
		position: static;
		height:auto;
	}
	.btnOpenClose>span:before{
		left:10px;
		top:27%;
	}
}


/*
 ■■ レポートアイコン
========================================================= */

.iconRepo {
  display: inline-block;
  position: relative;
  width:48px;
  height: 48px;
  background-position: center center;
  background-size: 48px 48px;
}
.iconRepoWrapper{
	display: inline-block;
	position: relative;
	text-align: center;
	padding:0px 10px;
}
.iconRepoWrapper .icon{
	display:block;
	margin:0px auto;
	width:auto;
}
.iconRepoWrapper .iconRepoLabel{
	display:block;
	width:auto;
	text-align:center;
	margin:0px auto;
	white-space: nowrap;
}
.iconRepo.iconRepoMini{
  width:24px;
  height: 24px;
  background-size: 24px 24px;
}
.iconRepo.iconRepoPdf{
	background-image:url(/cms/dcplan/images/icon_pdf_01.png);
    width:26px;
    height:29px;
  	background-size: 26px 29px;
}
.iconRepo.iconRepoBrochure{
	background-image:url(/cms/dcplan/images/icon_brochure.png);
}
.iconRepo.iconRepoAchievement{
	background-image:url(/cms/dcplan/images/icon_achievement.png);
}
.iconRepo.iconRepoChart{
	background-image:url(/cms/dcplan/images/icon_chart.png);
}
.iconRepo.iconRepoResult{
	background-image:url(/cms/dcplan/images/icon_result.png);
}
.iconRepo.iconRepoOther{
	background-image:url(/cms/dcplan/images/icon_other.png);
}

a.btnType01Xlarge img {
  left: 0;
  margin-top: -4px;
  padding-right: 9px;
  top: 50%;
}
a.btnType01Xlarge img[src="/cms/dcplan/images/btnlink-2.png"]{
  padding-right: 15px;
}
a.btnType01Xlarge img[src="/cms/dcplan/images/btnlink-3.png"]{
  padding-right: 10px;
}
a.btnType01Xlarge img[src="/cms/dcplan/images/btnlink-4.png"],
a.btnType01Xlarge img[src="/cms/dcplan/images/btnlink-5.png"]{
  padding-right: 8px;
}

/*
■■ 加入効果シミュレーション 診断結果エリア
========================================================= */
.cost-sum{
	margin: 0;
	background:url(/images/cost_sum_bg.png) center center;
	/*background-image: -webkit-linear-gradient(-45deg, #f1ef60 80%, transparent 0%);
	background-image: linear-gradient(-45deg, #f1ef60 80%, transparent 0%);*/
	border: 2px solid #dbd23c;
	border-radius: 5px;
	font-size:1.14em;
	overflow: hidden;
	padding: 20px 100px;
	position: relative;
}
.cost-sum p{
	text-align: left;
	border-bottom:1px dotted #817e37;
	padding-bottom:10px;
}
.cost-sum p:nth-child(even),
.cost-sum p:nth-child(even){
	padding-top:10px;
	padding-bottom:0;
	margin-top:2px;
	border-top:1px dotted #817e37;
	border-bottom:none;
}
.cost-sum .sumTitle,
.cost-sum .sumMoney{
	display:inline-block;
}
.cost-sum .sumTitle{
	margin-left:83px;
	font-weight:bold;
	width:300px;
}
.cost-sum .sumMoney{
	float:right;
	line-height: 1.2;
}
.cost-sum .sumMoney strong{
	font-size:2.14em;
}

@media screen and (max-width: 480px) {
	.cost-sum{
		padding: 20px;
		font-size:0.94em;
	}
	.cost-sum p{
		text-align:center;
		display: block;
		width: auto;
        padding-right:0;
	}
	.cost-sum .sumTitle,
	.cost-sum .sumMoney{
		margin-left:0;
		width:100%;
	}
	.cost-sum .sumMoney strong{
		font-size:1.87em;
	}
}


/*
■■ 積立シミュレーション 診断結果エリア
========================================================= */
divdiv.section div.cont_inner div.simSteps {
	margin-bottom:30px;
}
divdiv.section div.cont_inner div.simResultCL3{
	border:5px solid #d9d9d9;
	padding:22px 15px;
	background:url(/images/sim_bg.png) repeat;
}
divdiv.section div.cont_inner div.simResultCL3 div.simResultCL {
	display:inline-block;
	vertical-align:top;
	width:300px;
	margin-right:10px;
	padding-top:18px;
	padding-right:0;
	padding-bottom:14px;
	box-sizing:border-box;
	font-size:1.21em;
	line-height: 1;
	text-align: center;
	border:5px solid #0e73bc;
	background-color:#ffffff;
}
divdiv.section div.cont_inner div.simResultCL3 div.simResultCLLast {
	margin-right:0;
}
divdiv.section div.cont_inner div.simResultCL3 div.simResultCL p.simValueUnit {
	margin-top:13px;
}
divdiv.section div.cont_inner div.simResultCL3 div.simResultCL p.simValueUnit span.simValue {
	font-size:2em;
	font-weight:bold;
}
divdiv.section div.cont_inner div.simSection.simDescription {
	color:#000000;
	font-size:1em;
	font-weight:400;
	line-height:22px;
	text-align:left;
}
divdiv.section div.cont_inner div.simSection.simGraphImage {
	margin-top:50px;
	text-align:center;
}
divdiv.section div.cont_inner div.simSection.simGraphImage img {
	width:100%;
}
divdiv.section div.cont_inner div.simSection.simH2Title {
	margin:38px 0px;
}
divdiv.section div.cont_inner div.simSection.simH2Title h2 {
	margin:0;
	color:#000000;
	font-size:2.14em;
	font-weight:bold;
	line-height:24px;
	text-align:center;
	background:transparent;
}
divdiv.section div.cont_inner div.simSection.simResultTable {
	margin:50px 0;
}

@media screen and (max-width: 480px) {
/*
■■ 積立シミュレーション 診断結果エリア
========================================================= */
divdiv.section div.cont_inner div.simSection.simH2Title {
	margin-top:0;
	margin-bottom:30px;
}
divdiv.section div.cont_inner div.simSection.simH2Title h2 {
	margin-top:20px;
	margin-bottom:30px;
	font-size:1.41em;
	line-height:1.2;
	border-bottom:none;
}
divdiv.section div.cont_inner div.simResultCL3 div.simResultCL {
	display:block;
	width:100%;
	margin-right:0px;
	margin-bottom:10px;
}
divdiv.section div.cont_inner div.simResultCL3 div.simResultCL p.simValueUnit span.simValue {
	font-size:1.35em;
}
divdiv.section div.cont_inner div.simSection.simDescription {
	font-size:0.82em;
}
}

/*
 ■■ モーダルウィンドウ
========================================================= */
@media screen and (max-width: 480px) {
	div.fancybox-wrap #contWrap{
	min-width: 0;
	}
}



div.panelC {
  height:360px;
  padding:15px;
}
.liqC a {
  text-decoration:none;
}
.liqC a:hover {
  opacity: 0.8;
  /*     -ms-filter: "alpha(opacity=80)"; */
}

.liqC .smallArrowLink a {
  text-decoration:underline;
}
div.panelC p img{
  width:100%;
  height:auto;
}
div.panelC p.panelTit{
  padding:25px 0 25px 0;
  font-size:1.4em;
  font-weight:bold;
  padding-left: 25px;
    background: rgba(0, 0, 0, 0) no-repeat scroll 0px 29px;
}
div.panelC {
  box-shadow:0 3px 0 0 #b3b3b3;
  -moz-box-shadow:0 3px 0 0 #b3b3b3;
  -webkit-box-shadow:0 3px 0 0 #b3b3b3;
  -o-box-shadow:0 3px 0 0 #b3b3b3;
  -ms-box-shadow:0 3px 0 0 #b3b3b3;
}
div.panelC#operationRisk {
  background-color:#bccfe7;
}
div.panelC#operationRisk:hover {
  opacity: 0.8;
  /*     -ms-filter: "alpha(opacity=80)"; */
}
div.panelC#operationSim {
  background-color:#c3d8d8;
}
div.panelC#operationSim:hover {
  opacity: 0.8;
  /*     -ms-filter: "alpha(opacity=80)"; */
}

div.panelC#operationSim02 {
  background-color:#ecb092;
}
div.panelC#operationSim2:hover {
  opacity: 0.8;
  /*     -ms-filter: "alpha(opacity=80)"; */
}

div.panelC#lifeplanSimple {
  background-color:#e1dae9;
}
div.panelC#lifeplanSimple:hover {
  opacity: 0.8;
  /*     -ms-filter: "alpha(opacity=80)"; */
}
div.panelC#lifeplanDetail {
  background-color:#ebddaf;
}
div.panelC#lifeplanDetail:hover {
  opacity: 0.8;
  /*     -ms-filter: "alpha(opacity=80)"; */
}
div.panelC#otherMatch {
  background-color:#e3dbc5;
}
div.panelC#otherMatch:hover {
  opacity: 0.8;
  /*     -ms-filter: "alpha(opacity=80)"; */
}
div.panelC#otherPension {
  background-color:#bfd2a8;
}
div.panelC#otherPension:hover {
  opacity: 0.8;
  /*     -ms-filter: "alpha(opacity=80)"; */
}
div.panelC#otherReserve {
  background-color:#e6d1c4;
}
div.panelC#otherReserve:hover {
  opacity: 0.8;
  /*     -ms-filter: "alpha(opacity=80)"; */
}

div.panelC#otherCompany {
  background-color:#a59aca;
}
div.panelC#otherCompany:hover {
  opacity: 0.8;
  /*     -ms-filter: "alpha(opacity=80)"; */
}

div.panelC#otherIndividual {
  background-color:#68be83;
}
div.panelC#otherIndividual:hover {
  opacity: 0.8;
  /*     -ms-filter: "alpha(opacity=80)"; */
}

div.panelC#otherCommodity {
  background-color:#b3b5da;
}
div.panelC#otherCommodity :hover {
  opacity: 0.8;
  /*     -ms-filter: "alpha(opacity=80)"; */
}

/*
 ■■ はじめての方エリア
========================================================= */
.biginnerSection {
  background:#f7f4d8;
}
.biginnerMsgWrapper {
  margin-bottom:30px;
}
.biginnerMsgWrapper .biginenrMark {
  float: left;
  margin-right:12px;
}
.biginnerMsgWrapper .biginenrMark {
  float: left;
  margin-right:12px;
  width:auto;
}
.biginnerMsgWrapper .biginnerMsg {
  overflow: hidden;
}
.biginnerMsgWrapper:after {
  clear:both;
  content:"";
}
.simFlow {
  clear:both;
} 
.simFlow .simFlowChild {
  float: left;
  width: 290px;
  height: 240px;
  position:relative;
  box-sizing:border-box;
  background:#ffffff;
} 
.simFlow .simFlowChild .simFlowChildContent {
  height:180px;
  padding:0 17px;
  border:1px solid #eeeeee;
  border-top:none;
}
.simFlow .simFlowChild .simFlowChildContent p {
  font-size:1.07em;
}
.simFlow .simFlowChild .simFlowChildLabel {
  width: 290px;
  height: 60px;
  text-align: center;
  font-size:1.42em;
  background: #145282;
  color:#ffffff;
  display:block;
  box-sizing: border-box;
  padding-top: 5px;
}
.simFlow .simFlowChild .simFlowChildLabel span {
  font-size:0.7em;
}
.simFlow .simFlowChild h2 {
  color: #000000;
  font-size:1.28em;
  padding:1em 0;
  background-color: #ffffff;
  text-align:center;
}
.simFlow .simFlowChild .simFlowChildSim {
  border: 1px solid #eeeeee;
  text-align: center;
  position:absolute;
  left:0px;
  width: 100%;
  height: 44px;
  line-height: 44px;
  bottom: 0px;
  box-sizing: border-box;
}
.simFlow .simFlowChild.arrow {
  height: 240px;
  width: 47px;
  text-align: center;
  padding-top:120px;
  background:#f7f4d8;
}
.simFlow .simFlowChild.arrow img {
  width:auto;
}


/*
 ■■ ライフプランシミュレーションエリア
========================================================= */
.infoBox.attachLabel {
  box-sizing:border-box;
  border:1px solid #140d7b;
  border-radius:5px;
  box-shadow:0px 2px 0px #bfbfbf;
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#ececec 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#ececec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
}
.infoBox.attachLabel .labelBelt {
  margin-top:11px;
  font-size:1em;
  text-align:center;
  padding: 6px 0;
  background:#145282;
  color:#ffffff;
  display:block;
}
.infoBox.attachLabel h3 {
  text-align:center;
  margin-top:10px;
  margin-bottom:5px;
}
.infoBox.attachLabel h3 span {
  font-size:0.75em;
  padding-bottom:0px;
  text-align:center;
  display:inline-block;
  border-bottom:1px solid #688ead;
  color:#145282;
  font-weight:bold;
}
.infoBox.attachLabel .infoBoxContent {
  margin:0 15px;
}

@media screen and (max-width: 480px) {
  
div.panelC {
  height:auto;
}
div.panelC p img{
  width:100%;
  height:auto;
}
div.panelC p.panelTit{
  padding:10px 5px 5px 25px;
  font-size:1em;
  font-weight:bold;
    background: rgba(0, 0, 0, 0) no-repeat scroll 0px 12px;
}
div.panelC p.panelTxt{
  padding:0 10px 10px 10px;
  font-size:0.88em
}

/*
 ■■ はじめての方エリア
========================================================= */
.simFlow .simFlowChild {
  width:100%;
  float:none;
  height: auto;
  padding-bottom: 44px;
} 
.simFlow .simFlowChild .simFlowChildLabel {
  width:100%;
  font-size:1.17em;
}
.simFlow .simFlowChild .simFlowChildContent {
  height:auto;
  padding-bottom:10px;
}
.simFlow .simFlowChild .simFlowChildContent p {
  font-size:0.88em;
}
.simFlow .simFlowChild h2 {
  border:none;
  font-size:1.05em;
}
.simFlow .simFlowChild.arrow {
  padding: 10px 0;
  height:auto;
  width:100%;
}
.simFlow .simFlowChild.arrow img {
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

}

/*
 ■■ パネルボタンエリア（2カラム用）
========================================================= */
.section.recalcSection .riskTryMessage .riskTryMessageText {
	box-sizing:border-box;
	width:100%;
}
.section.recalcSection .riskTryMessage {
	padding-bottom:11px;
}
.section.recalcSection .attentionArea.attentionOutlineArea {
	background:none;
}
.section.recalcSection .attentionArea.attentionOutlineArea .attentionArea_inner {
	padding-top:0;
	padding-bottom:0;
}
.section.recalcSection .recalcSp2Column {
	display:inline;
}

@media screen and (max-width: 480px) {
/*
 ■■ パネルボタンエリア（2カラム用）
========================================================= */
.section.recalcSection .attentionArea.attentionOutlineArea .riskTryMessage {
	padding:0;
}
.section.recalcSection .attentionArea.attentionSimBtnsArea {
	background:none;
}
.section.recalcSection .attentionArea.attentionSimBtnsArea .attentionArea_inner {
	padding:0;
}
.section.recalcSection .attentionArea.attentionSimBtnsArea .recalcSp2Column {
	padding:30px 10px;
	background:#e3f3ff;
}
.section.recalcSection .attentionArea.attentionSimBtnsArea .recalcReturnBtn {
	width:100%;
	padding:0 30px;
	padding-bottom:30px;
	display:block;
}
.table-wrap {
	padding-top:0;
}
}

/*
 ■■ フォーム「必須」読み上げ対応
========================================================= */
.requiredText{
    position: absolute;
    left: -9999em;
}

/*
 ■■ パスワード入力欄 フォントサイズ調整
========================================================= */
@-moz-document url-prefix() {
  input[type="password"]{
      font-family: Verdana, sans-serif;
      font-size:1.1em;
      height:3.1em;
  }
}
/* firefox */

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, input[type="password"]{
      font-family: Verdana, sans-serif;
      font-size:1.1em;
      height:3.3em;
  } 
}
/* IE11 */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
input[type="password"]{
      font-family: Verdana, sans-serif;
      font-size:1.1em;
  	  padding-top:15px;
   	  padding-bottom:15px;
  }
}
/* IE10 */

.ie9 input[type="password"]{
      font-family: Verdana, sans-serif;
      font-size:1.1em;
  	  padding-top:15px;
   	  padding-bottom:15px;
}
/* IE9 */

/*
 ■■ チェックボックスアコーディオン インデント調整用
========================================================= */
.openCheckHead{
    margin-left:1.59em;
}


/*
 ■■ フォームのサブミットボタン グレーボタン
========================================================= */
.btnType03Xlarge[disable]{
	color: #333333 !important;
	background: #aaaaaa;
	border:none;
	border-bottom:3px solid #888888;
	cursor:default;
}
.btnType03Xlarge[disable]:hover{
    opacity:1;
}




/*
 ■■ 自作追加CSS（トップ：ログインボタン）■■
========================================================= */

.button01{
  display: inline-block;
  vertical-align: bottom;
background-color:#ffffff;
border-radius: 10px;
padding: 5px 0;
margin-top: 10px;
width: 169px;
height: 35px;
text-align: center;
line-height: 1.3;
border:solid 3px #ff0048;
}
.button01:hover{
  opacity: 0.6;
  text-decoration:none;
}
.button01 a{
display:block;
color:#ff0048;
font-weight:bold;
font-size:15px;
text-decoration:none;
}
.button01 a{
color:#ff0048;
outline: none;
}
.button01 a img{
float: left;
padding-top:5px;
}

.button02{
  display: inline-block;
  vertical-align: bottom;
  background-color:#ffffff;
  border-radius: 10px;
  padding: 5px 0;
  margin-top: 10px;
  margin-left: 10px;
  width: 169px;
  height: 35px;
  text-align: center;
  line-height: 1.8;
  border:solid 3px #3e62c0;
  }
  .button02 a{
  display:block;
  color:#3e62c0;
  font-weight:bold;
  font-size:15px;
  text-decoration:none;
  padding-top:5px;
  }
  .button02 a{
  color:#3e62c0;
  outline: none;
  }
  .button02:hover{
      opacity: 0.6;
    text-decoration:none;
  }
  .button02 a img{
  float: left;
  }


/*
 ■■ 自作追加CSS（トップ：メインイメージ調整）
========================================================= */

.keyvisual{
height: 300px;
}
h3.tit-news{
margin-bottom: 20px;
}



/*
 ■■ 自作追加CSS（イデコページ：btnNormal01XLarge, btnWeak02XLargeアレンジ）■■
========================================================= */

.rinkbtn01 .btnNormal01XLarge{
width: 410px;
display:table;
margin: 10px auto 30px;
position: relative;
    padding-bottom: 70px;
}

.rinkbtn01 .btnNormal01XLarge a{
display: block;
position: absolute;
top: 0;
left: 0;
height:100%;
width: 100%;
}

.rinkbtn01 .colimg{
width: 120px;
display: table-cell;
vertical-align:middle;
padding-top:20px;
}
.rinkbtn01 .coltext{
width:260px;
display: table-cell;
vertical-align:middle;
    padding-top: 30px;
}
.rinkbtn01 .txtnormal{
font-weight:normal;
text-align:center;
font-size: 80%;
}


.rinkbtn01 .btnNormal01XLarge a{
color:#ffffff;
display: block;
text-decoration:none;
    -webkit-backface-visibility: hidden; /* 追加 */
    backface-visibility: hidden; /* 追加 */
}
.rinkbtn01 .btnNormal01XLarge a:hover .coltext{
text-decoration:underline;
}
.rinkbtn01 .btnNormal01XLarge a:hover .txtnormal{
text-decoration:none;
}
.rinkbtn01 .btnNormal01XLarge a:hover span{
text-decoration:none;
display: inline-block;
}
.rinkbtn01 .btnNormal01XLarge span{
font-size: 80%;
display: inline-block;
}



.rinkbtn01 .btnWeak02XLarge{
width: 400px;
padding: 0px;
margin: 10px auto 30px;
}


/*
 ■■ 自作追加CSS（確定拠出年金とは：table内の画像サイズ調整）■■
========================================================= */

.imgwith{
	width: 100%;
}


/*
 ■■ 自作追加CSS（table内の調整）■■
========================================================= */
.tbresponsive .tb_width01{
	width: 25%;	
}

.tbresponsive .tb_portal{
table-layout:auto;
text-align:center;
}
.tbresponsive .tb_portal td{
width: 23%;
}
/*
.tbresponsive th.tb_width02{
	width: 50px;
}*/
.tbresponsive  .tex_deco{
font-weight: bold;
}
.tbresponsive  .cel_deco01{
background-color: #FFC;
}
.tbresponsive  .cel_deco02{
background-color: #FCC;
}




@media screen and (max-width: 480px) {

/*
 ■■ 自作追加CSS（イデコページ：btnNormal01XLarge, btnWeak02XLargeアレンジ）■■
========================================================= */
.rinkbtn01 .btnNormal01XLarge{
width: 300px;
display:table;
margin: 20px;
position: relative;
    padding-bottom: 70px;
}

.rinkbtn01 .btnNormal01XLarge a{
display: block;
position: absolute;
top: 0;
left: 0;
height:100%;
width: 100%;
}

.rinkbtn01 .colimg{
width: auto;
display: block;
vertical-align:middle;
padding-top:10px;
}


.rinkbtn01 .coltext{
width:250px;
display: block;
vertical-align:middle;
font-size: 80%;
margin: 0px auto;
padding-top:0px;
}
.rinkbtn01 .txtnormal{
font-size: 60%;
}
.rinkbtn01 .btnWeak02XLarge{
width: 90%;
padding: 0px;
margin: 10px auto 30px;
}
.rinkbtn01 .btnWeak02XLarge img{
width: 80%;
}


/*



 ■■ 自作追加CSS（各ページ：テーブルレスポンシブアレンジ）■■
========================================================= */

.tbresponsive .table-wrap-box{
width: 100%;
}
.tbresponsive .table-wrap:before{
display: none;
}
.tbresponsive .table-wrap{
overflow: auto;
}
.tbresponsive table.table-wrap-box{
font-size: 0.7rem;/*85%*/
}
.tbresponsive .defTable02 th, .defTable02 td{
padding: 10px 5px;
}
.tbresponsive .defTable02 th{
font-size: inherit;
}
.tbresponsive table.table-wrap-box #th1{
width: 6em;
}
.tbresponsive table.table-wrap-box ul.list li.free{
padding: 0 0 0 1.2em;
text-indent:-0.5em;
}


.tbresponsive table.table-wrap-box ul.note.fsNormal li.numNote {
    text-indent: -1em;
	padding: 0px;
}
	
}

.infoLink {
  cursor:pointer;
  text-decoration:underline !important;
}
.infoLink:hover {
  cursor:pointer;
  text-decoration:underline !important;
}
.infoList {
  display:none;
}

#faqButton {
  margin: 0px -52px;
  padding: 0px;
  position: fixed;
  right: 1%;
  bottom: 0px;
  z-index: 11110;
  border: 0px solid #ff0000;
}
.faqImg {
  margin: 0px;
  padding: 0px;
  width: 50%;
}