@charset "Shift_JIS";

/* ----------------------------------------------------------------

  03. Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  headings
----------------------------------------------------------------- */
/* .hdg-frame
----------------------------------------------- */
.hdg-frame {
  border-bottom: 1px solid #f2f2f2;
}
.hdg-frame .hdg-inner {
  border-bottom: 1px solid #d9d9d9;
  background: #fff;
  background: linear-gradient(to bottom, white 0, #f6f6f6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
  /* IE6-9 */
  padding: 20px 0 19px;
}
.hdg-frame .hdg,
.hdg-frame .hdg-sub {
  font-size: 214.28571%;
  line-height: 1.4;
  color: #b28e09;
  font-family: \30D2\30E9\30AE\30CE\89D2\30B4\20 Std W3, "Hiragino Kaku Gothic ProN", \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, sans-serif;
  font-weight: bold;
}
.hdg-frame .hdg-sub {
  font-size: 86%;
  font-weight: normal;
}
.credit .hdg-frame .hdg,
.credit .hdg-frame .hdg-sub {
  color: #fa4b62;
}
.point .hdg-frame .hdg,
.point .hdg-frame .hdg-sub {
  color: #ff8121;
}
.bank .hdg-frame .hdg,
.bank .hdg-frame .hdg-sub {
  color: #42bde3;
}
.campaign .hdg-frame .hdg,
.campaign .hdg-frame .hdg-sub {
  color: #78b82a;
}
.life .hdg-frame .hdg,
.life .hdg-frame .hdg-sub {
  color: #10b589;
}
.hdg-frame .topic-path {
  font-size: 85.71429%;
  color: #666666;
}
.hdg-frame .topic-path em {
  font-weight: bold;
  font-style: normal;
}
.hdg-frame .topic-path a {
  color: #666666;
  text-decoration: none;
}
.hdg-frame .topic-path a:hover,
.hdg-frame .topic-path a:focus,
.hdg-frame .topic-path a:active {
  text-decoration: underline;
  color: #666666;
}
.hdg-frame .topic-path + .hdg {
  margin-top: 11px;
}
.hdg-frame > .frame > .topic-path {
  padding: 9px 0;
}

/* .hdg-lv2
----------------------------------------------- */
.hdg-lv2 {
  font-size: 185.71429%;
  color: #b28e09;
  position: relative;
  padding-left: 18px;
  font-weight: normal;
  margin-bottom: 24px;
  line-height: 1.4;
}
.credit .hdg-lv2 {
  color: #fa4b62;
}
.point .hdg-lv2 {
  color: #ff8121;
}
.bank .hdg-lv2 {
  color: #42bde3;
}
.campaign .hdg-lv2 {
  color: #78b82a;
}
.life .hdg-lv2 {
  color: #10b589;
}
.hdg-lv2.str-01 {
  color: #444444;
  font-size: 128.57143%;
}
.hdg-lv2:before {
  content: "";
  height: 84%;
  width: 4px;
  border-radius: 2px;
  display: block;
  position: absolute;
  left: 0;
  top: 8%;
  background-color: #bc940a;
}
.credit .hdg-lv2:before {
  background-color: #fa4b62;
}
.point .hdg-lv2:before {
  background-color: #ff8121;
}
.bank .hdg-lv2:before {
  background-color: #42bde3;
}
.campaign .hdg-lv2:before {
  background-color: #78b82a;
}
.life .hdg-lv2:before {
  background-color: #10b589;
}
.hdg-lv2 .sub {
  color: #fff;
  font-size: 46.15385%;
  font-weight: bold;
  background-color: #bc940a;
  border-radius: 3px;
  display: inline-block;
  vertical-align: top;
  padding: 4px 12px 3px;
  margin-top: .6em;
  margin-left: .6em;
}
.credit .hdg-lv2 .sub {
  background-color: #fa4b62;
}
.point .hdg-lv2 .sub {
  background-color: #ff8121;
}
.bank .hdg-lv2 .sub {
  background-color: #42bde3;
}
.campaign .hdg-lv2 .sub {
  background-color: #78b82a;
}
.life .hdg-lv2 .sub {
  background-color: #10b589;
}

.mt-lv2 {
  margin-top: 48px !important;
}

/* .hdg-lv3
----------------------------------------------- */
.hdg-lv3 {
  border-bottom: 2px solid #d9d9d9;
  color: #444444;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 24px;
  padding-bottom: 8px;
  position: relative;
  font-size: 142.85714%;
}
.hdg-lv3:before {
  content: "";
  height: 2px;
  width: 184px;
  display: block;
  background-color: #bc940a;
  position: absolute;
  bottom: -2px;
}
.credit .hdg-lv3:before {
  background-color: #fa4b62;
}
.point .hdg-lv3:before {
  background-color: #ff8121;
}
.bank .hdg-lv3:before {
  background-color: #42bde3;
}
.campaign .hdg-lv3:before {
  background-color: #78b82a;
}
.life .hdg-lv3:before {
  background-color: #10b589;
}
.lyt-column4 .hdg-lv3:before {
  width: 24.86486%;
}
.lyt-column4 .col.credit .hdg-lv3:before {
  background-color: #fa4b62;
}
.lyt-column4 .col.point .hdg-lv3:before {
  background-color: #ff8121;
}
.lyt-column4 .col.bank .hdg-lv3:before {
  background-color: #42bde3;
}
.lyt-column4 .col.campaign .hdg-lv3:before {
  background-color: #78b82a;
}
.lyt-column4 .col.life .hdg-lv3:before {
  background-color: #10b589;
}
.lyt-column4 .col.base .hdg-lv3:before {
  background-color: #bc940a;
}
.hdg-lv3.num .mark {
  font-family: "Helvetica", "Arial", sans-serif;
  border: 2px solid #dadada;
  font-size: 80%;
  min-width: 1.3em;
  padding: 0 .1em;
  text-align: center;
  display: table;
  float: left;
  border-radius: 2px;
  margin-right: 8px;
}
.hdg-lv3.num .txt {
  overflow: hidden;
  display: block;
}
.hdg-lv3.str-01{
  border-bottom: 0 none;
  color: #444444;
  margin-bottom: 0;
  padding-bottom: 0;
}
.hdg-lv3.str-01:before{
  content: none;
}
.hdg-lv3.str-01 .sub {
  color: #b28e09;
  font-weight: normal;
  font-size: 70%;
  display: block;
}
.credit .hdg-lv3.str-01 .sub {
  color: #fa4b62;
}
.point .hdg-lv3.str-01 .sub {
  color: #ff8121;
}
.bank .hdg-lv3.str-01 .sub {
  color: #42bde3;
}
.campaign .hdg-lv3.str-01 .sub {
  color: #78b82a;
}
.life .hdg-lv3.str-01 .sub {
  color: #10b589;
}

/* .hdg-lv4
----------------------------------------------- */
.hdg-lv4 {
  border-radius: 4px;
  background: #ebebeb;
  line-height: 1.5;
  position: relative;
  font-weight: bold;
  padding: 6px 24px;
  font-size: 128.57143%;
  color: #444444;
  margin-bottom: 20px;
}
.hdg-lv4:before {
  content: "";
  width: 16px;
  height: 8px;
  border-radius: 0 4px 4px 0;
  display: block;
  background-color: #bc940a;
  position: absolute;
  top: .85em;
  left: 0;
}
.credit .hdg-lv4:before {
  background-color: #fa4b62;
}
.point .hdg-lv4:before {
  background-color: #ff8121;
}
.bank .hdg-lv4:before {
  background-color: #42bde3;
}
.campaign .hdg-lv4:before {
  background-color: #78b82a;
}
.life .hdg-lv4:before {
  background-color: #10b589;
}

/* .hdg-lv5
----------------------------------------------- */
.hdg-lv5 {
  line-height: 1.6;
  color: #444444;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 7px;
  margin-bottom: 20px;
  font-size: 114.28571%;
}

/* .hdg-qa
----------------------------------------------- */
.hdg-qa {
  padding-left: 50px;
  font-size: 185.71429%;
  color: #444444;
  font-weight: normal;
  background: url(/common/css/images/ico-qa_02.gif) no-repeat 0 0;
  position: relative;
}
.hdg-qa .icon {
  position: absolute;
  top: 0;
  left: 0;
}

/* ----------------------------------------------------------------
  paragraph
----------------------------------------------------------------- */
/* .lead
----------------------------------------------- */
.lead-01 {
  font-size: 142.85714%;
  line-height: 1.5;
  color: #444444;
  font-weight: bold;
}
#contents ul[class] + .lead-01,
#contents table[class] + .lead-01,
#contents dl[class] + .lead-01,
#contents div[class] + .lead-01 {
  margin-top: 32px;
}

p.arrow-01 {
  padding-top: 22px;
  text-align: center;
  font-weight: bold;
  margin-top: 16px !important;
  background: url(/common/css/images/ico-base_05.png) no-repeat center top;
  color: #b28e09;
}
.credit p.arrow-01 {
  color: #fa4b62;
}
.point p.arrow-01 {
  color: #ff8121;
}
.bank p.arrow-01 {
  color: #42bde3;
}
.campaign p.arrow-01 {
  color: #78b82a;
}
.life p.arrow-01 {
  color: #10b589;
}
.credit p.arrow-01 {
  background-image: url(/common/css/images/ico-credit_05.png);
}
p.arrow-01 + * {
  margin-top: 12px !important;
}

/* .em
----------------------------------------------- */
.em-01 {
  font-weight: bold;
}

/* .strong
----------------------------------------------- */
.strong-01 {
  color: #ca018f;
  font-weight: bold;
}

#contents .strong-02 {
  line-height: 1;
}
#contents .strong-02 > strong {
  color: #ca018f;
  font-weight: bold;
  font-size: 371.42857%;
}
#contents .strong-02 .num {
  font-family: "Helvetica", "Arial", sans-serif;
}

#contents * + .strong-02 {
  line-height: 1;
  margin-top: 8px;
}

img.mark-01 {
  vertical-align: middle;
  margin: 0 .5em;
}

/* b
----------------------------------------------- */
b {
  font-weight: bold;
  color: #5d5d5d;
}

/* .txt-tel
----------------------------------------------- */
#contents .txt-tel-01 + *,
#contents .txt-tel-01 + * + .note-01 {
  margin-top: 6px;
}

.txt-tel-02 {
  font-weight: bold;
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 171.42857%;
}
#contents * + .txt-tel-02 {
  margin-top: 8px;
  line-height: 1;
}

/* font-size
----------------------------------------------- */
.large {
  font-size: 114.28571%;
}

.large-02 {
  font-size: 128.57143%;
}

.normal {
  font-size: 100%;
}

.small {
  font-size: 85.71429%;
}

/* ----------------------------------------------------------------
  list
----------------------------------------------------------------- */
/* .bullet
----------------------------------------------- */
.bullet-01 > li {
  margin-top: 10px;
  padding-left: 16px;
  position: relative;
}
.bullet-01 > li:before {
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  background: url(/common/css/images/ico-blt_01.png) no-repeat;
  top: .5em;
  left: 4px;
}
.bullet-01 > li:first-child {
  margin-top: 0;
}
.bullet-01 > li ul,
.bullet-01 > li ol {
  margin: 6px 0;
}
.bullet-01 > li ul li,
.bullet-01 > li ol li {
  margin-top: 5px;
}
.bullet-01 > li ul li:first-child,
.bullet-01 > li ol li:first-child {
  margin-top: 0;
}
.bullet-01 > li ul li:before,
.bullet-01 > li ol li:before {
  width: 4px;
  height: 4px;
  background: #8f8f8f;
  border-radius: 2px;
}
.bullet-01 > li .number-01 > li:before {
  content: none;
}
.bullet-01 > li:last-child ul {
  margin-bottom: 0;
}

/* .number
----------------------------------------------- */
ul.number-01 > li,
ul.number-02 > li {
  padding-left: 2em;
  position: relative;
  margin-top: 10px;
}
ul.number-01 > li:first-child,
ul.number-02 > li:first-child {
  margin-top: 0;
}
#contents ul.number-01 > li ol,
#contents ul.number-01 > li ul,
#contents ul.number-02 > li ol,
#contents ul.number-02 > li ul {
  margin: 6px 0;
}
#contents ul.number-01 > li ol li,
#contents ul.number-01 > li ul li,
#contents ul.number-02 > li ol li,
#contents ul.number-02 > li ul li {
  margin-top: 5px;
}
#contents ul.number-01 > li ol li:first-child,
#contents ul.number-01 > li ul li:first-child,
#contents ul.number-02 > li ol li:first-child,
#contents ul.number-02 > li ul li:first-child {
  margin-top: 0;
}
ul.number-01 .num,
ul.number-02 .num {
  position: absolute;
  left: 0;
  display: block;
  width: 1.5em;
  text-align: right;
}

ol.number-01,
ol.number-02 {
  margin-left: 2em;
}
ol.number-01 > li,
ol.number-02 > li {
  margin-top: 10px;
}
ol.number-01 > li:first-child,
ol.number-02 > li:first-child {
  margin-top: 0;
}
ol.number-01 > li ol.number-01,
ol.number-02 > li ol.number-01 {
  margin-left: 2em;
}
ol.number-01 > li ol,
ol.number-01 > li ul,
ol.number-02 > li ol,
ol.number-02 > li ul {
  margin-top: 6px;
}
ol.number-01 > li ol li,
ol.number-01 > li ul li,
ol.number-02 > li ol li,
ol.number-02 > li ul li {
  margin-top: 5px;
}
ol.number-01 > li ol li:first-child,
ol.number-01 > li ul li:first-child,
ol.number-02 > li ol li:first-child,
ol.number-02 > li ul li:first-child {
  margin-top: 0;
}

ul.number-02 > li {
  padding-left: 3em;
}
ul.number-02 > li > .num {
  width: 2.5em;
}

ol.number-02 {
  margin-left: 3em;
}
ol.number-02 > li > .num {
  width: 2.5em;
}

/* .float
----------------------------------------------- */
.float-01 {
  margin-top: -10px !important;
}
.float-01 + .float-01 {
  margin-top: 0;
}
.float-01 li {
  float: left;
  margin: 10px 15px 0 0 !important;
}

/* .sort
----------------------------------------------- */
.sort-01 {
  margin-bottom: 0;
}
.sort-01.center {
  display: table;
  margin: 0 auto;
}
.sort-01 li {
  float: left;
  margin-left: 8px;
}
.sort-01 li > span,
.sort-01 li a {
  background: #fff;
  padding: 4px 8px;
}
.sort-01 li em {
  font-weight: normal;
}
.sort-01 li:first-child {
  margin-left: 0;
}
.sort-01 li.current > span,
.sort-01 li.current a {
  background-color: #bc940a;
  color: #fff;
}
.credit .sort-01 li.current > span,
.credit .sort-01 li.current a {
  background-color: #fa4b62;
}
.point .sort-01 li.current > span,
.point .sort-01 li.current a {
  background-color: #ff8121;
}
.bank .sort-01 li.current > span,
.bank .sort-01 li.current a {
  background-color: #42bde3;
}
.campaign .sort-01 li.current > span,
.campaign .sort-01 li.current a {
  background-color: #78b82a;
}
.life .sort-01 li.current > span,
.life .sort-01 li.current a {
  background-color: #10b589;
}
.sort-01 li.current > span:hover,
.sort-01 li.current > span:focus,
.sort-01 li.current > span:active,
.sort-01 li.current a:hover,
.sort-01 li.current a:focus,
.sort-01 li.current a:active {
  text-decoration: none !important;
}

#contents .sort-01 em {
  font-weight: normal;
}

/* .step
----------------------------------------------- */
#contents .step-01,
#contents-modal .step-01 {
  margin-left: 0;
}
#contents .step-01 > li,
#contents-modal .step-01 > li {
  list-style: none;
}
#contents .step-01 > li:first-child,
#contents-modal .step-01 > li:first-child {
  margin-top: 0;
}
#contents .step-01 > li:first-child > dl > dd,
#contents-modal .step-01 > li:first-child > dl > dd {
  border-top: 1px dotted #dadada;
}
#contents .step-01 > li:first-child > dl > dt:before,
#contents-modal .step-01 > li:first-child > dl > dt:before {
  background: #fff;
  height: 5px;
  top: -5px;
}
#contents .step-01 > li.str-01 > dl > dt,
#contents-modal .step-01 > li.str-01 > dl > dt {
  background: #e4d49d;
}
#contents .step-01 > li.str-02 > dl > dt,
#contents-modal .step-01 > li.str-02 > dl > dt {
  background: #bc940a;
  color: #fff;
}
#contents .step-01 > li > dl,
#contents-modal .step-01 > li > dl {
  display: table;
  width: 100%;
}
#contents .step-01 > li > dl > dt,
#contents .step-01 > li > dl > dd,
#contents-modal .step-01 > li > dl > dt,
#contents-modal .step-01 > li > dl > dd {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
#contents .step-01 > li > dl > dt,
#contents-modal .step-01 > li > dl > dt {
  width: 100px;
  font-family: "Helvetica", "Arial", sans-serif;
  border-right: 20px solid #fff;
  border-top: 12px solid #fff;
  border-bottom: 13px solid #fff;
}
#contents .step-01 > li > dl > dd,
#contents-modal .step-01 > li > dl > dd {
  border-bottom: 1px dotted #dadada;
  padding: 19px 0 20px;
}
#contents .step-01 > li > dl > dd .category > span,
#contents-modal .step-01 > li > dl > dd .category > span {
  border-radius: 4px;
  border: 1px solid;
  width: 5em;
  text-align: center;
  float: left;
  margin-right: 16px;
  padding: 2px;
  font-size: 85.71429%;
}
#contents .step-01 > li > dl > dd .category.str-01 > span,
#contents-modal .step-01 > li > dl > dd .category.str-01 > span {
  color: #42bde3;
  border-color: #42bde3;
}
#contents .step-01 > li > dl > dd .category.str-02 > span,
#contents-modal .step-01 > li > dl > dd .category.str-02 > span {
  color: #bc940a;
  border-color: #bc940a;
}
#contents .step-01 > li > dl > dd .txt,
#contents .step-01 > li > dl > dd .category,
#contents-modal .step-01 > li > dl > dd .txt,
#contents-modal .step-01 > li > dl > dd .category {
  display: table-cell;
  vertical-align: middle;
}
#contents .step-01 > li > dl > dd .hdg-icon,
#contents-modal .step-01 > li > dl > dd .hdg-icon {
  display: table;
  width: 100%;
}
#contents .step-01 > li > dl > dd .hdg-icon + *,
#contents-modal .step-01 > li > dl > dd .hdg-icon + * {
  margin-top: 12px !important;
}
#contents .step-01 > li > dl > dd .hdg-icon .hdg-step,
#contents-modal .step-01 > li > dl > dd .hdg-icon .hdg-step {
  display: table-cell;
}
#contents .step-01 > li > dl > dd .hdg-icon .icon-02,
#contents-modal .step-01 > li > dl > dd .hdg-icon .icon-02 {
  display: table-cell;
  width: 144px;
  text-align: right;
}
#contents .step-01 > li > dl > dd .hdg-step,
#contents-modal .step-01 > li > dl > dd .hdg-step {
  font-weight: bold;
  font-size: 114.28571%;
  color: #b28e09;
}
.credit #contents .step-01 > li > dl > dd .hdg-step,
.credit #contents-modal .step-01 > li > dl > dd .hdg-step {
  color: #fa4b62;
}
.point #contents .step-01 > li > dl > dd .hdg-step,
.point #contents-modal .step-01 > li > dl > dd .hdg-step {
  color: #ff8121;
}
.bank #contents .step-01 > li > dl > dd .hdg-step,
.bank #contents-modal .step-01 > li > dl > dd .hdg-step {
  color: #42bde3;
}
.campaign #contents .step-01 > li > dl > dd .hdg-step,
.campaign #contents-modal .step-01 > li > dl > dd .hdg-step {
  color: #78b82a;
}
.life #contents .step-01 > li > dl > dd .hdg-step,
.life #contents-modal .step-01 > li > dl > dd .hdg-step {
  color: #10b589;
}
#contents .step-01 > li > dl > dt:before,
#contents-modal .step-01 > li > dl > dt:before {
  content: "";
  width: 4px;
  height: 21px;
  background: #dadada;
  display: block;
  position: absolute;
  left: 48px;
  top: -23px;
  z-index: 1;
}
#contents .step-01 > li.last,
#contents-modal .step-01 > li.last {
  text-align: center;
  font-weight: bold;
  color: #444444;
  background: #ffe0e4;
  margin-top: 12px;
  font-size: 142.85714%;
  padding: 16px;
  position: relative;
}
#contents .step-01 > li.last:before,
#contents-modal .step-01 > li.last:before {
  content: "";
  width: 4px;
  height: 21px;
  background: #dadada;
  display: block;
  position: absolute;
  left: 48px;
  top: -23px;
  z-index: 1;
}

/* .special
----------------------------------------------- */
.special-01 {
  border-top: 1px solid #dadada;
  position: relative;
}
.special-01:before {
  content: "";
  background: #dadada;
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-top: -2px;
}
.special-01.lyt-column2 {
  margin-right: 0;
}
.special-01 > li {
  border-bottom: 1px solid #dadada;
  padding: 32px 0;
}
.special-01 > li .hdg-special {
  display: table;
  width: 100%;
  font-weight: bold;
}
.special-01 > li .hdg-special + * {
  margin-top: 26px;
}
.special-01 > li .hdg-special .col {
  display: table-cell;
  vertical-align: middle;
  width: 63px;
  float: none;
  margin-left: 0;
  font-weight: bold;
}
.special-01 > li .hdg-special .col + .col {
  width: auto;
}
.special-01 > li .hdg-special .mark {
  margin-right: 12px;
}
.special-01 > li .hdg-special .txt {
  display: inline-block;
}
.special-01 > li .hdg-special .txt > .note-01 {
  margin-top: 12px;
}
.special-01 > li .hdg-special .txt > p {
  margin-top: 16px;
}
.special-01 > li .hdg-special .txt .sub {
  display: inline-block;
  vertical-align: bottom;
  font-size: 142.85714%;
}
.special-01 > li .hdg-special .txt .sub sup {
  font-size: 50%;
  vertical-align: top;
  position: relative;
  top: 6px;
}
.special-01 > li .hdg-special .txt .strong {
  display: inline-block;
  vertical-align: bottom;
  font-size: 285.71429%;
  line-height: 1.2;
  color: #ca018f;
}
.special-01 > li .hdg-special .txt .strong sup {
  font-size: 25%;
  vertical-align: top;
  position: relative;
  top: 6px;
}
.special-01 > li.col1 {
  float: left;
  width: 355px;
  border-right: 1px solid #dadada;
  padding-right: 24px;
}
.special-01 > li.col2 {
  float: left;
  width: 355px;
  padding-left: 24px;
}
.frame > .special-01 .col1,
.frame > .special-01 .col2 {
  width: 475px;
}

/* .result
----------------------------------------------- */
.result-01 {
  border-top: 1px solid #dadada;
}
.result-01 > li {
  border-bottom: 1px solid #dadada;
}
.result-01 > li a:hover,
.result-01 > li a:focus,
.result-01 > li a:active {
  background: #f2f2f2;
}
.result-01 > li a:hover dt,
.result-01 > li a:focus dt,
.result-01 > li a:active dt {
  text-decoration: underline;
}
.result-01 > li a {
  padding: 24px 8px;
  display: block;
}
.result-01 > li a dt {
  font-size: 114.28571%;
  font-weight: bold;
}
.result-01 > li a dd {
  margin: 0;
  color: #444444;
}
.result-01 > li a:hover img,
.result-01 > li a:focus img,
.result-01 > li a:active img {
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.result-01 > li a .word {
  background: #ffe37f;
  font-weight: bold;
}
.result-01 > li a .lyt-image .txt {
  width: 600px;
  float: right;
}
.result-01 > li a .lyt-image .img {
  width: 120px;
  float: left;
  margin-right: 24px;
}

/* .addition
----------------------------------------------- */
.addition-01 .total1,
.addition-01 .total2 {
  text-align: center;
  font-weight: bold;
}
.addition-01 .total1 {
  color: #8f8f8f;
  padding: 1px 0 14px;
}
.addition-01 .total2 {
  background: #ffe0e4;
  padding: 12px 0 5px;
}
.addition-01 .total2 .num {
  font-size: 185.71429%;
  font-family: "Helvetica", "Arial", sans-serif;
}

.addition-02 {
  display: table;
  table-layout: fixed;
}
.addition-02 > li {
  display: table-cell;
  background: #f2f2f2;
  width: 142px;
  text-align: center;
  vertical-align: middle;
  padding: 22px 0 8px;
}
.addition-02 > li.mark {
  width: 30px;
  text-align: center;
  font-weight: bold;
  background: #fff;
  padding: 0 0 8px;
  color: #8f8f8f;
  font-size: 114.28571%;
}
.addition-02 > li.mark2 {
  width: auto;
  background: #fff;
  padding: 8px 0 0 12px;
}
.addition-02 > li.mark2 .num {
  font-size: 185.71429%;
  margin: 0 3px;
  font-weight: bold;
  font-family: "Helvetica", "Arial", sans-serif;
}
.addition-02 > li.mark2 .fig {
  font-weight: bold;
  color: #8f8f8f;
  display: inline-block;
  vertical-align: middle;
  font-size: 114.28571%;
  padding-bottom: 20px;
  margin-right: 8px;
}
.addition-02 > li dt {
  text-align: center;
}
.addition-02 > li dt .hdg {
  display: block;
  margin-top: 7px;
  font-size: 114.28571%;
  font-weight: bold;
  color: #b28e09;
}
.credit .addition-02 > li dt .hdg {
  color: #fa4b62;
}
.point .addition-02 > li dt .hdg {
  color: #ff8121;
}
.bank .addition-02 > li dt .hdg {
  color: #42bde3;
}
.campaign .addition-02 > li dt .hdg {
  color: #78b82a;
}
.life .addition-02 > li dt .hdg {
  color: #10b589;
}
.addition-02 > li dd {
  margin-left: 0;
  margin-top: 2px;
}
.addition-02 > li dd + dd {
  padding-top: 11px;
  background: url(/common/css/images/bg-arrow_04.gif) no-repeat center 6px;
}
.addition-02 > li dd .num {
  font-weight: bold;
  font-size: 185.71429%;
  font-family: "Helvetica", "Arial", sans-serif;
}

/* .def
----------------------------------------------- */
.def-01 dt {
  font-weight: bold;
}
.def-01 dd {
  margin-left: 0;
}
.def-01 dd .number-01,
.def-01 dd .bullet-01,
.def-01 dd .note-01,
.def-01 dd .link-01 {
  margin-top: 6px;
}
.def-01 * + dt {
  margin-top: 24px;
}
.def-01 * + dd {
  margin-top: 8px;
}

.def-02 > dt {
  font-weight: bold;
  float: left;
}
.def-02 > dd {
  margin-left: 18px;
  overflow: hidden;
}
.def-02.float dd {
  float: left;
}
.def-02 > dd + dt {
  margin-left: 20px;
}
.def-02 .word-2 {
  width: 2em;
}
.def-02 .word-3 {
  width: 3em;
}
.def-02 .word-4 {
  width: 4em;
}
.def-02 .word-5 {
  width: 5em;
}
.def-02 .word-6 {
  width: 6em;
}
.def-02 .word-7 {
  width: 7em;
}
.def-02 .word-8 {
  width: 8em;
}
.def-02 .word-9 {
  width: 9em;
}
.def-02 .word-10 {
  width: 10em;
}
.def-02 .word-11 {
  width: 11em;
}
.def-02 .word-12 {
  width: 12em;
}
.def-02 .word-13 {
  width: 13em;
}
.def-02 .word-14 {
  width: 14em;
}
.def-02 .word-15 {
  width: 15em;
}
.def-02 .word-16 {
  width: 16em;
}

.def-03 > dt {
  font-weight: normal;
}
.def-03 > dd {
  margin-left: 0;
  margin-top: 0 !important;
  overflow: hidden;
}

.box-01 .def-category {
  margin-top: 3px;
  margin-bottom: 3px;
}
.def-category > dt,
.def-category > dd {
  float: left;
}
.def-category > dt {
  margin-right: 16px;
  font-weight: bold;
  color: #b28e09;
}
.credit .def-category > dt {
  color: #fa4b62;
}
.point .def-category > dt {
  color: #ff8121;
}
.bank .def-category > dt {
  color: #42bde3;
}
.campaign .def-category > dt {
  color: #78b82a;
}
.life .def-category > dt {
  color: #10b589;
}
.def-category > dt > .icon {
  margin-right: 8px;
}
.def-category > dd {
  margin-left: 0;
}

.def-finance {
  line-height: 1.4;
}
#contents .def-finance {
  margin-top: 4px;
}
.def-finance.mt0 > dd {
  position: relative;
  top: 4px;
}
.def-finance > dt {
  display: inline-block;
  background: #fae59b;
  margin-right: 2px;
  padding: 3px 8px 1px;
}
.def-finance > dt.str-01 {
  font-weight: bold;
  background: none;
  font-size: 114.28571%;
  margin-top: 10px;
}
.def-finance > dt.str-01 .mark {
  background: #fae59b;
  margin-right: 2px;
  padding: 3px 8px 1px;
  font-size: 87.5%;
  font-weight: normal;
}
.def-finance > dt.str-01 + dd {
  margin-top: 5px;
}
.def-finance > dd {
  display: inline-block;
  margin-left: 0;
  padding-top: 2px;
}
.def-finance > dd sup,
.def-finance > dd sub {
  font-weight: normal;
}
#contents .def-finance > dd + dt {
  margin-top: 20px;
}
.def-finance > dd.large {
  font-size: 128.57143%;
  font-weight: bold;
}
.def-finance > dd.large .num {
  font-size: 288.88889%;
}
.def-finance > dd.large .num-02 {
  font-size: 200%;
}
.def-finance > dd .num {
  font-size: 5200%;
  font-family: "Helvetica", "Arial", sans-serif;
  color: #ca018f;
  line-height: 1;
}
.def-finance > dd .num-02 {
  font-size: 3600%;
  font-family: "Helvetica", "Arial", sans-serif;
  color: #ca018f;
  line-height: 1;
}
.def-finance > dd + dt {
  margin-top: 12px;
}

#contents * + .def-campaign {
  margin-top: 30px;
}
.def-campaign > dt {
  font-weight: bold;
  text-align: center;
  color: #78b82a;
  position: relative;
  display: table;
  padding: 0 20px;
  margin: 0 auto;
}
.def-campaign > dt:before {
  content: "";
  width: 18px;
  height: 20px;
  display: inline-block;
  vertical-align: baseline;
  background: url(/common/css/images/hdg-campaign_01.gif) no-repeat 0 0;
  position: absolute;
  top: 0;
  left: -6px;
}
.def-campaign > dd {
  margin-left: 0;
  margin-top: 8px;
}

.def-btn > dt {
  font-weight: normal;
}
.def-btn > dt b {
  color: #444444;
}
.def-btn > dd {
  margin: 0;
  padding-bottom: 1px;
}
.def-btn dt + dd {
  margin-top: 10px;
}
.def-btn dd + dt {
  margin-top: 20px;
}
.def-btn dd + dd {
  margin-top: 12px;
}

.def-flow {
  position: relative;
  position: relative;
}
.def-flow > dt,
.def-flow > .contents {
  background: #f2f2f2;
  text-align: center;
  width: 328px;
  padding: 18px 20px 0;
  margin-left: 196px;
  position: relative;
}
.def-flow > dt .caption,
.def-flow > .contents .caption {
  font-size: 100%;
  display: block;
  margin-top: 8px;
  text-align: left;
}
.def-flow > .contents {
  padding-bottom: 16px;
  padding-top: 12px;
}
.def-flow > .contents:before {
  content: "";
  width: 760px;
  height: 196px;
  display: block;
  position: absolute;
  bottom: -16px;
  z-index: -1;
  left: -196px;
  background: url(/common/css/images/bg-arrow_03.gif) no-repeat center 0;
}
.def-flow dd {
  margin-left: 0;
}
.def-flow > dt {
  font-weight: bold;
}
.def-flow .flow {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-top: 20px;
}
.def-flow .flow .caption {
  font-size: 100%;
  display: block;
  margin-top: 8px;
}
.def-flow .flow .col1 {
  width: 503px;
  display: table-cell;
  background: #f2f2f2;
}
.def-flow .flow .col2 {
  display: table-cell;
  background: #f2f2f2;
  border-left: 8px solid #fff;
}
.def-flow .flow .flow {
  list-style: none;
  width: 479px;
  margin-left: 20px;
  margin-top: 0;
}
.def-flow .flow .flow > li {
  width: 210px;
  float: left;
}
.def-flow .flow .flow > li + li {
  padding-left: 43px;
  background: url(/common/css/images/ico-credit_07.png) no-repeat 12px 95px;
}
.def-flow .col1 .def-flow-02 > dt,
.def-flow .col1 .def-flow-02 > .contents {
  width: 523px;
}
.def-flow .col2 .def-flow-02 > dt,
.def-flow .col2 .def-flow-02 > .contents {
  width: 250px;
}
.def-flow .col2 .def-flow-02 > dt {
  text-align: center;
}
.def-flow .col2 .def-flow-02 > .contents {
  width: 210px;
  padding-left: 20px;
}
.def-flow .def-flow-02 > dt,
.def-flow .def-flow-02 > .contents {
  padding: 15px 0 0;
  background: #f2f2f2;
}
.def-flow .def-flow-02 > dt {
  text-align: center;
  font-weight: bold;
}
.def-flow .def-flow-02 > .contents {
  padding-bottom: 20px;
  padding-top: 12px;
}

.def-icon {
  display: table;
  width: 100%;
}
* + .def-icon {
  margin-top: 24px;
}
.def-icon > dd,
.def-icon > dt {
  display: table-cell;
  vertical-align: top;
}
.def-icon > dt {
  width: 40px;
  padding-right: 20px;
}
.def-icon .price-total {
  display: table;
  font-weight: bold;
  padding-top: 8px;
}
.def-icon .price-total > .price,
.def-icon .price-total > .symbol,
.def-icon .price-total > .point {
  display: table-cell;
  vertical-align: middle;
  font-size: 171.42857%;
  line-height: 1.2;
}
.def-icon .price-total small {
  font-size: 58.33333%;
  color: #5d5d5d;
  display: block;
}
.def-icon .price-total small .condition {
  display: inline-block;
  margin:8px 0 4px;
  font-size:75%;
}
.def-icon .price-total .num {
  font-size: 175%;
  font-family: "Helvetica", "Arial", sans-serif;
}
.def-icon .price-total .price {
  color: #444444;
}
.def-icon .price-total .price > .sub {
  font-size: 75%;
}
.def-icon .price-total .symbol {
  padding: 12px;
  color: #8f8f8f;
}
.def-icon .price-total .symbol.plus {
  padding: 24px 12px 0 0;
  font-size:300%;
}
.def-icon .price-total .point {
  color: #fa4b62;
}
.def-icon .price-total .point.plus {
  padding-top:24px;
}
.def-icon .price-total > .price em.em-01,
.def-icon .price-total > .point em.em-01 {
  font-size: 100%;
  color: #444444;
}
.def-icon .price-total > .price sub,
.def-icon .price-total > .point sub {
  font-weight: normal;
}

.icon-03 > li {
  display: table;
  width: 100%;
}
.icon-03 > li + li {
  margin-top: 12px;
}
.icon-03 > li .mark,
.icon-03 > li .txt {
  display: table-cell;
  vertical-align: middle;
}
.icon-03 > li .mark {
  width: 60px;
  padding-right: 12px;
}

.icon-04 {
  letter-spacing: -1em;
}
.icon-04 > li {
  letter-spacing: 0;
  display: inline-block;
}
.icon-04 > li + li {
  margin-left: 12px;
}
.icon-04 > li .mark {
  font-size: 92.85714%;
  min-width: 168px;
  padding: 5px 6px;
  display: inline-block;
  border: 1px solid;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  color: #b28e09;
  border-color: #bc940a;
}
.credit .icon-04 > li .mark {
  color: #fa4b62;
}
.point .icon-04 > li .mark {
  color: #ff8121;
}
.bank .icon-04 > li .mark {
  color: #42bde3;
}
.campaign .icon-04 > li .mark {
  color: #78b82a;
}
.life .icon-04 > li .mark {
  color: #10b589;
}
.credit .icon-04 > li .mark {
  border-color: #fa4b62;
}
.point .icon-04 > li .mark {
  border-color: #ff8121;
}
.bank .icon-04 > li .mark {
  border-color: #42bde3;
}
.campaign .icon-04 > li .mark {
  border-color: #78b82a;
}
.life .icon-04 > li .mark {
  border-color: #10b589;
}
.icon-04 > li .mark.long {
  min-width: 202px;
}

/* .merit
----------------------------------------------- */
.topics-01 {
  border-bottom: 1px solid #dadada;
}
.topics-01 li {
  border-top: 1px solid #dadada;
}
.topics-01 li > a {
  display: table;
  width: 100%;
  transition: background-color .3s;
  padding: 12px 0 13px;
  table-layout: fixed;
}
.topics-01 li > a > * {
  display: table-cell;
  vertical-align: top;
}
.topics-01 li > a .mark {
  border: 1px solid;
  display: block;
  text-align: center;
  border-radius: 2px;
  padding: 2px 2px 0;
  margin-right: 16px;
  margin-left: 8px;
  font-weight: bold;
  font-size: 85.71429%;
  border-color: #bc940a;
  color: #b28e09;
}
.credit .topics-01 li > a .mark {
  border-color: #fa4b62;
}
.point .topics-01 li > a .mark {
  border-color: #ff8121;
}
.bank .topics-01 li > a .mark {
  border-color: #42bde3;
}
.campaign .topics-01 li > a .mark {
  border-color: #78b82a;
}
.life .topics-01 li > a .mark {
  border-color: #10b589;
}
.credit .topics-01 li > a .mark {
  color: #fa4b62;
}
.point .topics-01 li > a .mark {
  color: #ff8121;
}
.bank .topics-01 li > a .mark {
  color: #42bde3;
}
.campaign .topics-01 li > a .mark {
  color: #78b82a;
}
.life .topics-01 li > a .mark {
  color: #10b589;
}
.topics-01 li > a .txt {
  padding-right: .6em;
}
.topics-01 li > a:hover,
.topics-01 li > a:focus,
.topics-01 li > a:active {
  background-color: #f2f2f2;
}
#contents .topics-01 li > a:hover,
#contents .topics-01 li > a:focus,
#contents .topics-01 li > a:active {
  text-decoration: none;
}
.topics-01 li > a:hover .txt,
.topics-01 li > a:focus .txt,
.topics-01 li > a:active .txt {
  text-decoration: underline;
}
.topics-01 li .data {
  width: 12em;
  color: #444444;
  padding: 0 1.4em 0 .6em;
}
.topics-01 li .data-long {
  width: 16em;
  color: #444444;
  padding: 0 1.7em 0 .6em;
}
.topics-01 li .data-icon {
  width: 8.5em;
}

/* .merit
----------------------------------------------- */
.merit-01,
.merit-02 {
  background: url(/common/css/images/bg_02.gif);
  border-radius: 4px;
  padding: 12px 0 12px 12px;
}
.merit-01.col3 li,
.merit-02.col3 li {
  width: 320px;
}
.merit-01.col2 li,
.merit-02.col2 li {
  width: 484px;
}
.main .merit-01.col3 li,
.main .merit-02.col3 li {
  width: 240px;
}
.main .merit-01.col2 li,
.main .merit-02.col2 li {
  width: 364px;
}
.merit-01 > li,
.merit-02 > li {
  float: left;
  margin-right: 8px;
}
.merit-01 > li > a,
.merit-02 > li > a {
  display: block;
  height: 100%;
  background: #fff;
  transition: background .3s;
}
.merit-01 > li > a:hover,
.merit-01 > li > a:focus,
.merit-01 > li > a:active,
.merit-02 > li > a:hover,
.merit-02 > li > a:focus,
.merit-02 > li > a:active {
  text-decoration: none !important;
  background-color: #fcf6de;
}
.merit-01 > li a.contents,
.merit-02 > li a.contents {
  display: block;
  position: relative;
  color: #444444;
}
.merit-01 > li a.contents .txt,
.merit-02 > li a.contents .txt {
  padding-bottom: 10px;
}
.merit-01 > li a.contents:after,
.merit-02 > li a.contents:after {
  content: "";
  background: url(/common/css/images/ico-base_03.png) no-repeat center top;
  height: 18px;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 10px;
  left: 0;
}
.credit .merit-01 > li a.contents:after,
.credit .merit-02 > li a.contents:after {
  background-image: url(/common/css/images/ico-credit_03.png);
}
.point .merit-01 > li a.contents:after,
.point .merit-02 > li a.contents:after {
  background-image: url(/common/css/images/ico-point_03.png);
}
.bank .merit-01 > li a.contents:after,
.bank .merit-02 > li a.contents:after {
  background-image: url(/common/css/images/ico-bank_03.png);
}
.campaign .merit-01 > li a.contents:after,
.campaign .merit-02 > li a.contents:after {
  background-image: url(/common/css/images/ico-campaign_03.png);
}
.life .merit-01 > li a.contents:after,
.life .merit-02 > li a.contents:after {
  background-image: url(/common/css/images/ico-life_03.png);
}
.merit-01 > li .hdg,
.merit-02 > li .hdg {
  color: #b28e09;
  font-size: 107.14286%;
  text-align: center;
}
.credit .merit-01 > li .hdg,
.credit .merit-02 > li .hdg {
  color: #fa4b62;
}
.point .merit-01 > li .hdg,
.point .merit-02 > li .hdg {
  color: #ff8121;
}
.bank .merit-01 > li .hdg,
.bank .merit-02 > li .hdg {
  color: #42bde3;
}
.campaign .merit-01 > li .hdg,
.campaign .merit-02 > li .hdg {
  color: #78b82a;
}
.life .merit-01 > li .hdg,
.life .merit-02 > li .hdg {
  color: #10b589;
}
.merit-01 > li .hdg > img,
.merit-02 > li .hdg > img {
  padding: 2px 0 7px;
}
.merit-01 > li .hdg .num,
.merit-02 > li .hdg .num {
  font-size: 140%;
  font-family: "Helvetica", "Arial", sans-serif;
}
.merit-01 > li .hdg + *,
.merit-02 > li .hdg + * {
  margin-top: 5px !important;
}
.merit-01 > li .contents,
.merit-02 > li .contents {
  box-shadow: 0 0 1px rgba(0, 0, 0, .3);
  background: #fff;
  border-radius: 2px;
  border-top: 8px solid;
  border-color: #bc940a;
  padding: 14px 24px 20px;
  height: 100%;
  font-weight: bold;
}
.credit .merit-01 > li .contents,
.credit .merit-02 > li .contents {
  border-color: #fa4b62;
}
.point .merit-01 > li .contents,
.point .merit-02 > li .contents {
  border-color: #ff8121;
}
.bank .merit-01 > li .contents,
.bank .merit-02 > li .contents {
  border-color: #42bde3;
}
.campaign .merit-01 > li .contents,
.campaign .merit-02 > li .contents {
  border-color: #78b82a;
}
.life .merit-01 > li .contents,
.life .merit-02 > li .contents {
  border-color: #10b589;
}
.merit-01 > li .contents .txt,
.merit-02 > li .contents .txt {
  font-size: 114.28571%;
}

#contents .merit-02 {
  margin-top: 0;
}

.merit-02 {
  background: none;
  margin-left: -32px;
  padding: 0;
}
.merit-02.col3 > li {
  width: 312px;
  margin-left: 32px;
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
  margin-top: 20px;
}
.merit-02.col3 > li .contents {
  border-color: #bc940a;
  text-align: center;
  padding-bottom: 28px;
}
.merit-02.col3 > li.credit .contents {
  border-color: #fa4b62;
}
.merit-02.col3 > li.point .contents {
  border-color: #ff8121;
}
.merit-02.col3 > li.bank .contents {
  border-color: #42bde3;
}
.merit-02.col3 > li.campaign .contents {
  border-color: #78b82a;
}
.merit-02.col3 > li.life .contents {
  border-color: #10b589;
}
.merit-02.col3 > li a.contents:after {
  background-image: url(/common/css/images/ico-base_03.png);
}
.merit-02.col3 > li.credit a.contents:after {
  background-image: url(/common/css/images/ico-credit_03.png);
}
.merit-02.col3 > li.point a.contents:after {
  background-image: url(/common/css/images/ico-point_03.png);
}
.merit-02.col3 > li.bank a.contents:after {
  background-image: url(/common/css/images/ico-bank_03.png);
}
.merit-02.col3 > li.campaign a.contents:after {
  background-image: url(/common/css/images/ico-campaign_03.png);
}
.merit-02.col3 > li.life a.contents:after {
  background-image: url(/common/css/images/ico-life_03.png);
}

/* .icon-01
----------------------------------------------- */
.icon-01 > li + li {
  margin-top: 4px;
}
.icon-01 .mark {
  width: 6em;
  text-align: center;
  border-radius: 3px;
  border: 1px solid;
  border-color: #bc940a;
  color: #b28e09;
  text-align: center;
  float: left;
  padding: 0 6px;
  margin-right: 16px;
  font-size: 85.71429%;
}
.credit .icon-01 .mark {
  border-color: #fa4b62;
}
.point .icon-01 .mark {
  border-color: #ff8121;
}
.bank .icon-01 .mark {
  border-color: #42bde3;
}
.campaign .icon-01 .mark {
  border-color: #78b82a;
}
.life .icon-01 .mark {
  border-color: #10b589;
}
.credit .icon-01 .mark {
  color: #fa4b62;
}
.point .icon-01 .mark {
  color: #ff8121;
}
.bank .icon-01 .mark {
  color: #42bde3;
}
.campaign .icon-01 .mark {
  color: #78b82a;
}
.life .icon-01 .mark {
  color: #10b589;
}
.icon-01 .txt {
  overflow: hidden;
  font-weight: bold;
  display: block;
  color: #444444;
}

.icon-02 {
  margin-right: -8px;
  letter-spacing: -.4em;
  margin-bottom: 0;
}
.icon-02 > li {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
  letter-spacing: 0;
}
.icon-02 > li img {
  vertical-align: middle;
}
.icon-02.brand {
  margin-top: 3px;
  margin-bottom: 3px;
}
.icon-02.brand > li {
  margin-right: 12px;
}

/* ----------------------------------------------------------------
  link
----------------------------------------------------------------- */
/* .link
----------------------------------------------- */
#contents,
#contents-modal {
  /* .bigginer
  ----------------------------------------------- */
  /* sitemap
  ----------------------------------------------- */
  /* .qa
  ----------------------------------------------- */
  /* .related
  ----------------------------------------------- */
}
#contents .link-01 li,
#contents .link-03 li,
#contents-modal .link-01 li,
#contents-modal .link-03 li {
  margin-top: 5px;
}
#contents .link-01 li:first-child,
#contents .link-03 li:first-child,
#contents-modal .link-01 li:first-child,
#contents-modal .link-03 li:first-child {
  margin-top: 0;
}
#contents .link-01 a,
#contents .link-03 a,
#contents-modal .link-01 a,
#contents-modal .link-03 a {
  text-decoration: none;
  padding-left: 18px;
  background: url(/common/css/images/ico-arrow_01.png) no-repeat 5px .43em;
  display: inline-block;
}
#contents .link-01 a:hover,
#contents .link-01 a:focus,
#contents .link-01 a:active,
#contents .link-03 a:hover,
#contents .link-03 a:focus,
#contents .link-03 a:active,
#contents-modal .link-01 a:hover,
#contents-modal .link-01 a:focus,
#contents-modal .link-01 a:active,
#contents-modal .link-03 a:hover,
#contents-modal .link-03 a:focus,
#contents-modal .link-03 a:active {
  text-decoration: underline;
}
#contents .link-01 ul,
#contents .link-03 ul,
#contents-modal .link-01 ul,
#contents-modal .link-03 ul {
  margin: 5px 0 5px 16px;
}
#contents .link-01 ul a,
#contents .link-03 ul a,
#contents-modal .link-01 ul a,
#contents-modal .link-03 ul a {
  background: url(/common/css/images/ico-arrow_06.png) no-repeat 5px .5em;
}
#contents .link-01.border,
#contents .link-03.border,
#contents-modal .link-01.border,
#contents-modal .link-03.border {
  border: 1px solid #dadada;
  border-radius: 4px;
}
#contents .link-01.border > ul,
#contents .link-03.border > ul,
#contents-modal .link-01.border > ul,
#contents-modal .link-03.border > ul {
  margin-top: -1px;
}
#contents .link-01.border > li,
#contents .link-03.border > li,
#contents-modal .link-01.border > li,
#contents-modal .link-03.border > li {
  border-top: 1px solid #dadada;
  margin-top: 0 !important;
}
#contents .link-01.border > li a,
#contents .link-03.border > li a,
#contents-modal .link-01.border > li a,
#contents-modal .link-03.border > li a {
  padding: 13px 14px 13px 32px;
  background: url(/common/css/images/ico-arrow_01.png) no-repeat 14px 1.4em;
  display: block;
  transition: background-color .3s;
}
#contents .link-01.border > li:last-child a,
#contents .link-03.border > li:last-child a,
#contents-modal .link-01.border > li:last-child a,
#contents-modal .link-03.border > li:last-child a {
  border-radius: 0 0 6px 6px;
}
#contents .link-01.border > li:first-child,
#contents .link-03.border > li:first-child,
#contents-modal .link-01.border > li:first-child,
#contents-modal .link-03.border > li:first-child {
  border-top: 0 none;
}
#contents .link-01.border > li a:hover,
#contents .link-01.border > li a:focus,
#contents .link-01.border > li a:active,
#contents .link-03.border > li a:hover,
#contents .link-03.border > li a:focus,
#contents .link-03.border > li a:active,
#contents-modal .link-01.border > li a:hover,
#contents-modal .link-01.border > li a:focus,
#contents-modal .link-01.border > li a:active,
#contents-modal .link-03.border > li a:hover,
#contents-modal .link-03.border > li a:focus,
#contents-modal .link-03.border > li a:active {
  background-color: #f2f2f2;
}
#contents .link-02 > *,
#contents-modal .link-02 > * {
  border-right: 1px solid #dadada;
  padding: 0 15px;
  float: left;
  margin-top: 0;
}
#contents .link-02 > *:first-child,
#contents-modal .link-02 > *:first-child {
  border-left: 1px solid #dadada;
}
#contents .link-03,
#contents-modal .link-03 {
  border: 1px solid #dadada;
  border-radius: 4px;
}
#contents .link-03 > ul,
#contents-modal .link-03 > ul {
  margin: 0;
}
#contents .link-03 > ul > li,
#contents-modal .link-03 > ul > li {
  border-top: 1px solid #dadada;
  border-right: 1px solid #dadada;
  margin-top: 0 !important;
  float: left;
  width: 50%;
  box-sizing: border-box;
}
#contents .link-03 > ul > li a,
#contents-modal .link-03 > ul > li a {
  padding: 13px 14px;
  display: block;
  background: none;
  transition: background-color .3s;
}
#contents .link-03 > ul > li a > span,
#contents-modal .link-03 > ul > li a > span {
  background: url(/common/css/images/ico-arrow_01.png) no-repeat right center;
  display: block;
  padding-right: 15px;
}
#contents .link-03 > ul > li:nth-child(1),
#contents .link-03 > ul > li:nth-child(2),
#contents-modal .link-03 > ul > li:nth-child(1),
#contents-modal .link-03 > ul > li:nth-child(2) {
  border-top: 0 none;
}
#contents .link-03 > ul > li:nth-child(even),
#contents-modal .link-03 > ul > li:nth-child(even) {
  border-right: 0 none;
  border-bottom: 1px solid #dadada;
  margin-bottom: -1px;
}
#contents .link-03 > ul > li a:hover,
#contents .link-03 > ul > li a:focus,
#contents .link-03 > ul > li a:active,
#contents-modal .link-03 > ul > li a:hover,
#contents-modal .link-03 > ul > li a:focus,
#contents-modal .link-03 > ul > li a:active {
  background-color: #f2f2f2;
}
#contents .link-03 .sub,
#contents-modal .link-03 .sub {
  color: #444444;
  display: inline;
}
#contents .link-03 a:hover,
#contents .link-03 a:focus,
#contents .link-03 a:active,
#contents-modal .link-03 a:hover,
#contents-modal .link-03 a:focus,
#contents-modal .link-03 a:active {
  text-decoration: none;
}
#contents .link-03 a:hover .txt,
#contents .link-03 a:focus .txt,
#contents .link-03 a:active .txt,
#contents-modal .link-03 a:hover .txt,
#contents-modal .link-03 a:focus .txt,
#contents-modal .link-03 a:active .txt {
  text-decoration: underline;
}
#contents * + .link-03,
#contents-modal * + .link-03 {
  margin-top: 24px;
}
#contents .btn-02 + .link-04,
#contents-modal .btn-02 + .link-04 {
  margin-top: 24px;
}
#contents .link-04,
#contents-modal .link-04 {
  border-top: 1px solid #dadada;
}
#contents .link-04 > li,
#contents-modal .link-04 > li {
  border-bottom: 1px solid #dadada;
}
#contents .link-04 > li a,
#contents-modal .link-04 > li a {
  display: block;
  padding: 24px 8px;
  transition: background .3s;
}
#contents .link-04 > li a.no-border:hover,
#contents .link-04 > li a.no-border:focus,
#contents .link-04 > li a.no-border:active,
#contents-modal .link-04 > li a.no-border:hover,
#contents-modal .link-04 > li a.no-border:focus,
#contents-modal .link-04 > li a.no-border:active {
  text-decoration: none;
}
#contents .link-04 > li a.no-border:hover .img img,
#contents .link-04 > li a.no-border:focus .img img,
#contents .link-04 > li a.no-border:active .img img,
#contents-modal .link-04 > li a.no-border:hover .img img,
#contents-modal .link-04 > li a.no-border:focus .img img,
#contents-modal .link-04 > li a.no-border:active .img img {
  background: #fff;
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
#contents .link-04 > li a .hdg-link-01,
#contents-modal .link-04 > li a .hdg-link-01 {
  color: #0066cc;
}
#contents .link-04 > li a:visited .link-txt,
#contents .link-04 > li a:visited .hdg-icon .link,
#contents .link-04 > li a:visited .hdg-link-01,
#contents-modal .link-04 > li a:visited .link-txt,
#contents-modal .link-04 > li a:visited .hdg-icon .link,
#contents-modal .link-04 > li a:visited .hdg-link-01 {
  color: #6600cc;
}
#contents .link-04 > li a:hover,
#contents .link-04 > li a:focus,
#contents .link-04 > li a:active,
#contents-modal .link-04 > li a:hover,
#contents-modal .link-04 > li a:focus,
#contents-modal .link-04 > li a:active {
  background: #f2f2f2;
}
#contents .link-04 > li a:hover .link-txt,
#contents .link-04 > li a:hover .hdg-link-01,
#contents .link-04 > li a:hover .hdg-icon .link,
#contents .link-04 > li a:focus .link-txt,
#contents .link-04 > li a:focus .hdg-link-01,
#contents .link-04 > li a:focus .hdg-icon .link,
#contents .link-04 > li a:active .link-txt,
#contents .link-04 > li a:active .hdg-link-01,
#contents .link-04 > li a:active .hdg-icon .link,
#contents-modal .link-04 > li a:hover .link-txt,
#contents-modal .link-04 > li a:hover .hdg-link-01,
#contents-modal .link-04 > li a:hover .hdg-icon .link,
#contents-modal .link-04 > li a:focus .link-txt,
#contents-modal .link-04 > li a:focus .hdg-link-01,
#contents-modal .link-04 > li a:focus .hdg-icon .link,
#contents-modal .link-04 > li a:active .link-txt,
#contents-modal .link-04 > li a:active .hdg-link-01,
#contents-modal .link-04 > li a:active .hdg-icon .link {
  text-decoration: underline !important;
}
#contents .link-04 > li .parallel .txt,
#contents-modal .link-04 > li .parallel .txt {
  color: #444444;
}
#contents .link-04 > li .parallel .txt > * + *,
#contents-modal .link-04 > li .parallel .txt > * + * {
  margin-top: 8px;
}
#contents .link-04 .parallel .img,
#contents-modal .link-04 .parallel .img {
  padding-bottom: 0;
}
#contents .link-04 .link-txt,
#contents-modal .link-04 .link-txt {
  color: #06c;
}
#contents .link-04 .hdg-icon,
#contents-modal .link-04 .hdg-icon {
  margin-bottom: 12px;
  position: relative;
  padding-left: 6.15em;
}
#contents .link-04 .hdg-icon + *,
#contents-modal .link-04 .hdg-icon + * {
  margin-top: 12px;
}
#contents .link-04 .hdg-icon .ico-01,
#contents .link-04 .hdg-icon .ico-02,
#contents .link-04 .hdg-icon .ico-03,
#contents-modal .link-04 .hdg-icon .ico-01,
#contents-modal .link-04 .hdg-icon .ico-02,
#contents-modal .link-04 .hdg-icon .ico-03,
#contents .camp_no_area .hdg-icon .ico-03 {
  border: 1px solid;
  border-radius: 2px;
  padding: 2px;
  text-align: center;
  width: 5.6em;
  font-weight: bold;
  font-size: 85.71429%;
  display: inline-block;
  margin-right: 8px;
  position: absolute;
  top: 0;
  left: 0;
}
#contents .link-04 .hdg-icon .ico-01,
#contents-modal .link-04 .hdg-icon .ico-01 {
  color: #ff8121;
  border-color: #ff8121;
}
#contents .link-04 .hdg-icon .ico-02,
#contents-modal .link-04 .hdg-icon .ico-02 {
  color: #78b82a;
  border-color: #78b82a;
}

#contents .link-04 .hdg-icon .ico-03,
#contents-modal .link-04 .hdg-icon .ico-03,
#contents .camp_no_area .hdg-icon .ico-03 {
  color: #fa4b62;
  border-color: #fa4b62;
}

#contents .hdg-icon .link,
#contents-modal .hdg-icon .link {
  font-weight: bold;
  display: inline-block;
  color: #06c;
}
#contents .dep,
#contents-modal .dep {
  padding: 8px 14px;
  background: #fcf6de;
  letter-spacing: -1em;
  margin-top: 14px !important;
}
#contents .dep dt,
#contents-modal .dep dt {
  font-weight: bold;
  display: inline-block;
  margin-right: 18px;
  letter-spacing: 0;
}
#contents .dep dd,
#contents-modal .dep dd {
  margin-left: 0;
  padding: 1px 8px 2px;
  color: #fff;
  display: inline-block;
  background: #bc940a;
  margin-right: 8px;
  letter-spacing: 0;
}
#contents .hdg-link-01,
#contents-modal .hdg-link-01 {
  padding: 2px 0 2px 24px;
  background: url(/common/css/images/ico-arrow_03.png) no-repeat 0 .2em;
  font-weight: bold;
  display: inline-block;
}
#contents .biginner-01 a,
#contents-modal .biginner-01 a {
  background: url(/common/css/images/ico-biginner_01.png) no-repeat 0 0;
  padding-left: 20px;
}
#contents .link-map > li .def > dd,
#contents-modal .link-map > li .def > dd {
  margin: 16px 0 0;
}
#contents .link-map > li .def > dd .col3,
#contents-modal .link-map > li .def > dd .col3 {
  letter-spacing: -1em;
}
#contents .link-map > li .def > dd .col3 > li,
#contents-modal .link-map > li .def > dd .col3 > li {
  letter-spacing: 0;
  width: 301px;
  display: inline-block;
  clear: none !important;
  float: none;
  vertical-align: top;
}
#contents .link-map > li + li,
#contents-modal .link-map > li + li {
  margin-top: 28px;
}
#contents .link-map > li .def > dt,
#contents .link-map > li > div,
#contents-modal .link-map > li .def > dt,
#contents-modal .link-map > li > div {
  background: #ebebeb;
  font-size: 114.28571%;
  font-weight: bold;
  padding: 4px 8px;
}
#contents .link-map > li > div,
#contents-modal .link-map > li > div {
  margin-bottom: 32px;
}
#contents .qa-01,
#contents-modal .qa-01 {
  border-bottom: 1px solid #dadada;
}
#contents .qa-01 > li,
#contents-modal .qa-01 > li {
  margin-top: 0;
  border-top: 1px solid #dadada;
  position: relative;
}
#contents .qa-01 li > a,
#contents .qa-01 > a,
#contents-modal .qa-01 li > a,
#contents-modal .qa-01 > a {
  display: block;
  position: relative;
  padding: 12px 15px 12px 35px;
  transition: background-color .3s;
}
#contents .qa-01 li > a .icon,
#contents .qa-01 > a .icon,
#contents-modal .qa-01 li > a .icon,
#contents-modal .qa-01 > a .icon {
  position: absolute;
  left: 10px;
  top: 12px;
  width: 20px;
  height: 20px;
  display: block;
  margin-left: 0;
}
#contents .qa-01 li > a .icon + *,
#contents .qa-01 > a .icon + *,
#contents-modal .qa-01 li > a .icon + *,
#contents-modal .qa-01 > a .icon + * {
  margin-top: 0;
}
#contents .qa-01 li > a:hover,
#contents .qa-01 li > a:focus,
#contents .qa-01 li > a:active,
#contents .qa-01 > a:hover,
#contents .qa-01 > a:focus,
#contents .qa-01 > a:active,
#contents-modal .qa-01 li > a:hover,
#contents-modal .qa-01 li > a:focus,
#contents-modal .qa-01 li > a:active,
#contents-modal .qa-01 > a:hover,
#contents-modal .qa-01 > a:focus,
#contents-modal .qa-01 > a:active {
  background-color: #f2f2f2;
}
#contents .sub .qa-01 li > a,
#contents .sub .qa-01 > a,
#contents-modal .sub .qa-01 li > a,
#contents-modal .sub .qa-01 > a {
  padding: 12px 15px 12px 41px;
}
#contents .sub .qa-01 li > a .icon,
#contents .sub .qa-01 > a .icon,
#contents-modal .sub .qa-01 li > a .icon,
#contents-modal .sub .qa-01 > a .icon {
  left: 16px;
  margin-left: 0;
}
#contents .sub .qa-01 li > a .icon + *,
#contents .sub .qa-01 > a .icon + *,
#contents-modal .sub .qa-01 li > a .icon + *,
#contents-modal .sub .qa-01 > a .icon + * {
  margin-top: 0;
}
#contents .qa-02,
#contents-modal .qa-02 {
  border-bottom: 1px solid #dadada;
}
#contents .qa-02 dt,
#contents-modal .qa-02 dt {
  border-top: 1px solid #dadada;
  padding: 24px 8px 17px 36px;
  position: relative;
  font-size: 114.28571%;
  font-weight: bold;
}
#contents .qa-02 dt .icon,
#contents-modal .qa-02 dt .icon {
  position: absolute;
  top: 24px;
  left: 8px;
  margin-left: 0;
}
#contents .qa-02 dd,
#contents-modal .qa-02 dd {
  margin: 0;
  padding: 0 8px 16px;
  color: #444444;
}
#contents .qa-02 dd .answer,
#contents-modal .qa-02 dd .answer {
  position: relative;
  padding-left: 28px;
}
#contents .qa-02 dd .answer .icon,
#contents-modal .qa-02 dd .answer .icon {
  position: absolute;
  top: 0;
  left: 0;
}
#contents .qa-02 dd .answer .icon + *,
#contents-modal .qa-02 dd .answer .icon + * {
  margin-top: 0;
}
#contents .qa-02 dd .topic-path-02,
#contents-modal .qa-02 dd .topic-path-02 {
  margin-top: 20px;
}
#contents .qa-03.col2,
#contents-modal .qa-03.col2 {
  margin-right: -24px;
}
#contents .qa-03.col2 > li,
#contents-modal .qa-03.col2 > li {
  width: 47.65625%;
  float: left;
  margin-right: 24px;
}
#contents .qa-03 > li,
#contents-modal .qa-03 > li {
  margin-top: 0;
  position: relative;
}
#contents .qa-03 li > a,
#contents .qa-03 > a,
#contents-modal .qa-03 li > a,
#contents-modal .qa-03 > a {
  display: block;
  position: relative;
  padding: 5px 15px 4px 25px;
}
#contents .qa-03 li > a .icon,
#contents .qa-03 > a .icon,
#contents-modal .qa-03 li > a .icon,
#contents-modal .qa-03 > a .icon {
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  display: block;
  margin-left: 0;
}
#contents .qa-03 li > a .icon + *,
#contents .qa-03 > a .icon + *,
#contents-modal .qa-03 li > a .icon + *,
#contents-modal .qa-03 > a .icon + * {
  margin-top: 0;
}
#contents .link-note,
#contents-modal .link-note {
  margin: 27px 0 28px;
}
#contents .link-note > li + li,
#contents-modal .link-note > li + li {
  margin-top: 11px;
}
#contents .link-note a,
#contents-modal .link-note a {
  color: #c00;
  padding-left: 40px;
  display: inline-block;
  background: url(/common/css/images/ico-note_02.png) no-repeat 0 0;
}
#contents .related-01 .qa-01,
#contents-modal .related-01 .qa-01 {
  border-bottom: 0 none;
}
#contents .related-01 .qa-01 > li:first-child,
#contents-modal .related-01 .qa-01 > li:first-child {
  border-top: 0 none;
}

/* .link-bnr
----------------------------------------------- */
.sub .link-bnr {
  border: 1px solid #dadada;
  border-radius: 4px;
  overflow: hidden;
}
#contents .sub .link-bnr {
  margin-top: 24px;
}
.sub .link-bnr > li + li {
  border-top: 1px solid #dadada;
}
.sub .link-bnr > li a {
  padding: 20px 0;
  display: table;
  width: 100%;
  transition: background .3s;
  direction: rtl;
  table-layout: fixed;
}
.sub .link-bnr > li a:hover,
.sub .link-bnr > li a:focus,
.sub .link-bnr > li a:active {
  background-color: #f2f2f2;
}
.sub .link-bnr > li a > .txt,
.sub .link-bnr > li a > .img {
  vertical-align: middle;
  display: table-cell;
}
.sub .link-bnr > li a > .img {
  text-align: center;
}
.sub .link-bnr > li a > .txt {
  width: 128px;
  direction: ltr;
  padding-right: 6px;
}
.sub .link-bnr.card > li a > .txt {
  width: 121px;
}
.sub .link-bnr.card > li a > .img {
  padding-left: 5px;
}

/* .carousel-frame
----------------------------------------------- */
.carousel-frame {
  width: 100%;
  overflow: hidden;
}
.carousel-frame .carousel-content > ul {
  position: relative;
  display: inline-block;
}
.carousel-frame .carousel-content > ul > li {
  float: left;
}
.carousel-frame .carousel-ui > ul {
  display: table;
  margin: 0 auto;
}
.carousel-frame .carousel-ui > ul > li {
  float: left;
  margin-left: 20px;
}
.carousel-frame .carousel-ui > ul > li:first-child {
  margin-left: 0;
}
.carousel-frame .carousel-ui > ul > li a {
  display: block;
  width: 14px;
  height: 14px;
  position: relative;
  z-index: 1;
  border-radius: 50%;
  background: #f4f4f4;
  box-shadow: 2px 2px 2px #a6a6a6 inset;
  transition: background-color .3s;
}
.carousel-frame .carousel-ui > ul > li a:hover,
.carousel-frame .carousel-ui > ul > li a:focus,
.carousel-frame .carousel-ui > ul > li a:active {
  background-color: #fcf6de;
}
body.credit .carousel-frame .carousel-ui > ul > li a:hover,
body.credit .carousel-frame .carousel-ui > ul > li a:focus,
body.credit .carousel-frame .carousel-ui > ul > li a:active {
  background-color: #ffe0e4;
}
body.point .carousel-frame .carousel-ui > ul > li a:hover,
body.point .carousel-frame .carousel-ui > ul > li a:focus,
body.point .carousel-frame .carousel-ui > ul > li a:active {
  background-color: #ffede0;
}
body.bank .carousel-frame .carousel-ui > ul > li a:hover,
body.bank .carousel-frame .carousel-ui > ul > li a:focus,
body.bank .carousel-frame .carousel-ui > ul > li a:active {
  background-color: #def5fc;
}
body.campaign .carousel-frame .carousel-ui > ul > li a:hover,
body.campaign .carousel-frame .carousel-ui > ul > li a:focus,
body.campaign .carousel-frame .carousel-ui > ul > li a:active {
  background-color: #eaf7da;
}
body.life .carousel-frame .carousel-ui > ul > li a:hover,
body.life .carousel-frame .carousel-ui > ul > li a:focus,
body.life .carousel-frame .carousel-ui > ul > li a:active {
  background-color: #dcfaf2;
}
.carousel-frame .carousel-ui > ul > li a.current {
  width: 9px;
  height: 9px;
  border: 3px solid;
  box-shadow: none;
  border-color: #bc940a;
  background: none;
}
.credit .carousel-frame .carousel-ui > ul > li a.current {
  border-color: #fa4b62;
}
.point .carousel-frame .carousel-ui > ul > li a.current {
  border-color: #ff8121;
}
.bank .carousel-frame .carousel-ui > ul > li a.current {
  border-color: #42bde3;
}
.campaign .carousel-frame .carousel-ui > ul > li a.current {
  border-color: #78b82a;
}
.life .carousel-frame .carousel-ui > ul > li a.current {
  border-color: #10b589;
}
.carousel-frame .carousel-ui > ul > li a span {
  position: absolute;
  z-index: -1;
  top: -999em;
  left: -999em;
}
.carousel-frame .carousel-ui {
  display: table;
  margin: 0 auto;
  padding: 0 68px 0 32px;
  position: relative;
}
.carousel-frame.manual .carousel-ui {
  padding-right: 32px;
}
.carousel-frame .carousel-ui > ul {
  margin-top: 16px !important;
}
.carousel-frame .carousel-ui .next,
.carousel-frame .carousel-ui .prev,
.carousel-frame .carousel-ui .status {
  text-decoration: none;
  border: 0;
  padding: 0;
  background: none;
  position: absolute;
  display: block;
}
.carousel-frame .carousel-ui .next:before,
.carousel-frame .carousel-ui .prev:before,
.carousel-frame .carousel-ui .status:before {
  transition: opacity .3s;
}
.carousel-frame .carousel-ui .next span,
.carousel-frame .carousel-ui .prev span,
.carousel-frame .carousel-ui .status span {
  position: absolute;
  z-index: -1;
}
.carousel-frame .carousel-ui .next:hover,
.carousel-frame .carousel-ui .next:focus,
.carousel-frame .carousel-ui .next:active,
.carousel-frame .carousel-ui .prev:hover,
.carousel-frame .carousel-ui .prev:focus,
.carousel-frame .carousel-ui .prev:active,
.carousel-frame .carousel-ui .status:hover,
.carousel-frame .carousel-ui .status:focus,
.carousel-frame .carousel-ui .status:active {
  text-decoration: none;
}
.carousel-frame .carousel-ui .next:hover:before,
.carousel-frame .carousel-ui .next:focus:before,
.carousel-frame .carousel-ui .next:active:before,
.carousel-frame .carousel-ui .prev:hover:before,
.carousel-frame .carousel-ui .prev:focus:before,
.carousel-frame .carousel-ui .prev:active:before,
.carousel-frame .carousel-ui .status:hover:before,
.carousel-frame .carousel-ui .status:focus:before,
.carousel-frame .carousel-ui .status:active:before {
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.carousel-frame .carousel-ui .next:hover span,
.carousel-frame .carousel-ui .next:focus span,
.carousel-frame .carousel-ui .next:active span,
.carousel-frame .carousel-ui .prev:hover span,
.carousel-frame .carousel-ui .prev:focus span,
.carousel-frame .carousel-ui .prev:active span,
.carousel-frame .carousel-ui .status:hover span,
.carousel-frame .carousel-ui .status:focus span,
.carousel-frame .carousel-ui .status:active span {
  text-decoration: none;
}
.carousel-frame .carousel-ui .status {
  width: 16px;
  height: 16px;
  right: 32px;
  top: -5px;
}
.carousel-frame .carousel-ui .status:before {
  content: "";
  display: block;
  background: url(/common/css/images/ico-stop_01.png) no-repeat white;
  width: 16px;
  height: 16px;
}
.carousel-frame .carousel-ui .status.pause:before {
  background-image: url(/common/css/images/ico-start_01.png);
}
.carousel-frame .carousel-ui .next,
.carousel-frame .carousel-ui .prev {
  width: 8px;
  height: 14px;
}
.carousel-frame .carousel-ui .next:before,
.carousel-frame .carousel-ui .prev:before {
  content: "";
  display: block;
  background: url(/common/css/images/ico-prev_01.png) no-repeat;
  width: 8px;
  height: 14px;
}
.carousel-frame .carousel-ui .next {
  right: 0;
  top: 16px;
}
.carousel-frame .carousel-ui .next:before {
  background: url(/common/css/images/ico-next_01.png) no-repeat;
}
.carousel-frame .carousel-ui .prev {
  left: 0;
  top: 16px;
}

.key-visual-01 {
  background: url(/common/css/images/bg_01.gif);
  box-shadow: 0 5px 3px rgba(50, 50, 50, .1);
  margin-bottom: 10px;
  padding: 9px 0 16px;
  position: relative;
}
.key-visual-01 .btn {
  position: absolute;
  bottom: 12px;
  width: 100%;
}
.key-visual-01 .btn > * {
  width: 1000px;
  margin: 0 auto;
}
.key-visual-01 .carousel-content {
  position: relative;
  width: 686px;
  margin: 0 auto;
  overflow: visible !important;
}
.key-visual-01 .carousel-content > ul + ul {
  margin-top: 0 !important;
}
.key-visual-01 .carousel-content > ul > li {
  position: relative;
}
.key-visual-01 .carousel-content > ul > li img {
  width: 666px;
}
.key-visual-01 .carousel-content > ul > li > * {
  display: block;
  margin-left: 10px;
  margin-right: 10px;
}
.key-visual-01 .carousel-content > ul > li + li {
  margin-top: 0 !important;
}
.key-visual-01 .carousel-content a {
  transition: opacity .3s;
}
.key-visual-01 .carousel-content a:hover,
.key-visual-01 .carousel-content a:focus,
.key-visual-01 .carousel-content a:active {
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.key-visual-01 + * {
  margin-top: 30px;
}
.lv2 .key-visual-01 {
  padding-top: 20px;
}
.lv2 .key-visual-01 .carousel-frame .carousel-ui {
  margin-top: -4px;
}

.key-visual-02 {
  border: 1px solid #dadada;
  padding: 9px 9px 16px;
  width: 690px;
  background: url(/common/css/images/bg_01.gif);
}
.key-visual-02 .carousel-content a {
  transition: opacity .3s;
}
.key-visual-02 .carousel-content a:hover,
.key-visual-02 .carousel-content a:focus,
.key-visual-02 .carousel-content a:active {
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.key-visual-02 + * {
  margin-top: 30px;
}
.frame > .key-visual-02 {
  width: 980px;
}
.frame > .key-visual-02 .carousel-content li img {
  width: 100%;
}

.key-visual-03 {
  padding-bottom: 5px;
  margin-top: 22px;
  position: relative;
}
.key-visual-03:before {
  content: "";
  display: block;
  position: absolute;
  width: 76px;
  height: 23px;
  background: url(/common/css/images/bg-arrow_05.png) no-repeat;
  top: 0;
  left: 50%;
  margin-left: -38px;
  z-index: 1;
}
.key-visual-03 .carousel-content .carousel-frame .carousel-ui {
  margin-top: -7px;
}
.key-visual-03 .carousel-content > ul > li {
  width: 720px;
  min-height: 360px;
  background: #ffffff;
  border-radius: 4px;
  overflow: hidden;
}
  /*”wŒi‚ª‚ ‚éê‡‚ÍƒRƒƒ“ƒgƒAƒEƒgŽæ‚é*/
/*.key-visual-03 .carousel-content > ul > li#cassette2 {
  background-image: url(/common/css/images/bg-credit_05.jpg);
}
.key-visual-03 .carousel-content > ul > li#cassette3 {
  background-image: url(/common/css/images/bg-credit_11.jpg);
}
.key-visual-03 .carousel-content > ul > li#cassette4 {
  background-image: url(/common/css/images/bg-credit_12.jpg);
}
.key-visual-03 .carousel-content > ul > li#cassette5 {
  background-image: url(/common/css/images/bg-credit_13.jpg);
}*/
.key-visual-03 .carousel-content > ul > li > div {
  margin: 70px 0 0;
  width: 720px;
}
.key-visual-03 .carousel-content > ul > li > div .btn-category {
  margin-top: 23px !important;
}
.key-visual-03 .carousel-content > ul > li > div.img-left .txt {
  padding-right: 24px;
}
.key-visual-03 .carousel-content > ul > li > div.img-left .img {
  padding: 5px 24px 20px;
  background: url(/common/css/images/bg-shadow_03.png) no-repeat 19px 0;
}

.key-visual-03 .carousel-content > ul > li > div.img-left .img .disney {
	display: block;
	font-size: 71.4286%;
	font-weight: normal;
	text-align: right;
}
.key-visual-03 .carousel-content > ul > li > div.img-left .img .disney .mark {
	font-size: 150%;
	line-height: 1;
	position: relative;
	top: 2px;
}
.key-visual-03 .carousel-content > ul > li > div .hdg {
  font-size: 214.28571%;
}

.key-visual-03 .carousel-content > ul > li > div .hdg span.sub {
  font-size: 93%;
}

.key-visual-03 .carousel-content > ul > li > div .hdg img.icon {
  vertical-align: middle;
  margin: 0 8px 0 0;
}
.key-visual-03 .carousel-content > ul > li > div .lead {
  text-align: center;
  font-size: 150%;
  margin-top: 28px;
  font-weight: normal;
}
.key-visual-03 .carousel-content > ul > li > div .lead-02 {
  text-align: center;
  font-size: 128.57143%;
  margin-top: 28px;
  font-weight: normal;
}

/* ----------------------------------------------------------------
  nav
----------------------------------------------------------------- */
/* .nav-frame
----------------------------------------------- */
#contents .nav-frame {
  background-color: #bc940a;
  color: #fff;
  padding-bottom: 8px;
}
.credit #contents .nav-frame {
  background-color: #fa4b62;
}
.point #contents .nav-frame {
  background-color: #ff8121;
}
.bank #contents .nav-frame {
  background-color: #42bde3;
}
.campaign #contents .nav-frame {
  background-color: #78b82a;
}
.life #contents .nav-frame {
  background-color: #10b589;
}
#contents .nav-frame a {
  text-decoration: none;
  color: #444444;
}
#contents .nav-frame a:visited {
  color: #444444;
}
#contents .nav-frame .hdg {
  font-size: 214.28571%;
  line-height: 1.4;
  padding-top: 16px;
  font-family: \30D2\30E9\30AE\30CE\89D2\30B4\20 Std W3, "Hiragino Kaku Gothic ProN", \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, sans-serif;
  font-weight: bold;
}
#contents .nav-frame .hdg + .local {
  margin-top: 16px;
}
#contents .nav-frame .local {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 4px rgba(0, 0, 0, .25);
  padding: 5px 0;
}
#contents .nav-frame .local em {
  font-style: normal;
}
#contents .nav-frame .local.col6 li {
  width: 158px;
}
#contents .nav-frame .local.col5 li {
  width: 191px;
}
#contents .nav-frame .local.col5 li:first-child {
  margin-left: 1px;
  width: 192px;
}
#contents .nav-frame .local.col4 li {
  width: 241px;
}
#contents .nav-frame .local.col4 li:first-child {
  margin-left: 1px;
  width: 242px;
}
#contents .nav-frame .local.col3 li {
  width: 324px;
}
#contents .nav-frame .local.col3 li:first-child {
  margin-left: 1px;
  width: 325px;
}
#contents .nav-frame .local li {
  float: left;
  border-left: 1px solid #d9d9d9;
  padding: 0 4px;
  margin-top: 0 !important;
}
#contents .nav-frame .local li:first-child {
  border-left: 0 none;
  padding-left: 3px;
}
#contents .nav-frame .local li a {
  padding: 12px 0 10px;
  text-align: center;
  width: 100%;
  display: block;
  border-radius: 3px;
  transition: background .3s;
}
#contents .nav-frame .local li a:hover,
#contents .nav-frame .local li a:focus,
#contents .nav-frame .local li a:active {
  color: #bc940a;
  background: #ebebeb;
  text-decoration: none;
}
body.credit #contents .nav-frame .local li a:hover,
body.credit #contents .nav-frame .local li a:focus,
body.credit #contents .nav-frame .local li a:active {
  color: #fa4b62;
}
body.point #contents .nav-frame .local li a:hover,
body.point #contents .nav-frame .local li a:focus,
body.point #contents .nav-frame .local li a:active {
  color: #ff8121;
}
body.bank #contents .nav-frame .local li a:hover,
body.bank #contents .nav-frame .local li a:focus,
body.bank #contents .nav-frame .local li a:active {
  color: #42bde3;
}
body.campaign #contents .nav-frame .local li a:hover,
body.campaign #contents .nav-frame .local li a:focus,
body.campaign #contents .nav-frame .local li a:active {
  color: #78b82a;
}
body.life #contents .nav-frame .local li a:hover,
body.life #contents .nav-frame .local li a:focus,
body.life #contents .nav-frame .local li a:active {
  color: #10b589;
}
#contents .nav-frame .local li a.current {
  color: #bc940a;
  background-color: #fcf6de;
}
body.credit #contents .nav-frame .local li a.current {
  color: #fa4b62;
}
body.point #contents .nav-frame .local li a.current {
  color: #ff8121;
}
body.bank #contents .nav-frame .local li a.current {
  color: #42bde3;
}
body.campaign #contents .nav-frame .local li a.current {
  color: #78b82a;
}
body.life #contents .nav-frame .local li a.current {
  color: #10b589;
}
body.credit #contents .nav-frame .local li a.current {
  background-color: #ffe0e4;
}
body.point #contents .nav-frame .local li a.current {
  background-color: #ffede0;
}
body.bank #contents .nav-frame .local li a.current {
  background-color: #def5fc;
}
body.campaign #contents .nav-frame .local li a.current {
  background-color: #eaf7da;
}
body.life #contents .nav-frame .local li a.current {
  background-color: #dcfaf2;
}
#contents .nav-frame .local li.current a {
  color: #bc940a;
  background-color: #fcf6de;
}
body.credit #contents .nav-frame .local li.current a {
  color: #fa4b62;
}
body.point #contents .nav-frame .local li.current a {
  color: #ff8121;
}
body.bank #contents .nav-frame .local li.current a {
  color: #42bde3;
}
body.campaign #contents .nav-frame .local li.current a {
  color: #78b82a;
}
body.life #contents .nav-frame .local li.current a {
  color: #10b589;
}
body.credit #contents .nav-frame .local li.current a {
  background-color: #ffe0e4;
}
body.point #contents .nav-frame .local li.current a {
  background-color: #ffede0;
}
body.bank #contents .nav-frame .local li.current a {
  background-color: #def5fc;
}
body.campaign #contents .nav-frame .local li.current a {
  background-color: #eaf7da;
}
body.life #contents .nav-frame .local li.current a {
  background-color: #dcfaf2;
}

#contents .sub .local {
  overflow: hidden;
  padding-bottom: 35px;
}
#contents .sub .local a {
  text-decoration: none;
  transition: background .3s;
}
#contents .sub .local a:visited {
  color: #444444;
}
.lv4 #contents .sub .local dd > ul > li.current > a,
.lv4 #contents .sub .local dd > ul > li.current > div > a {
  color: #b28e09;
}
.credit.lv4 #contents .sub .local dd > ul > li.current > a,
.credit.lv4 #contents .sub .local dd > ul > li.current > div > a {
  color: #fa4b62;
}
.point.lv4 #contents .sub .local dd > ul > li.current > a,
.point.lv4 #contents .sub .local dd > ul > li.current > div > a {
  color: #ff8121;
}
.bank.lv4 #contents .sub .local dd > ul > li.current > a,
.bank.lv4 #contents .sub .local dd > ul > li.current > div > a {
  color: #42bde3;
}
.campaign.lv4 #contents .sub .local dd > ul > li.current > a,
.campaign.lv4 #contents .sub .local dd > ul > li.current > div > a {
  color: #78b82a;
}
.life.lv4 #contents .sub .local dd > ul > li.current > a,
.life.lv4 #contents .sub .local dd > ul > li.current > div > a {
  color: #10b589;
}
.lv5 #contents .sub .local dd > ul > li.current > div > ul > li.current > a {
  color: #b28e09;
}
.credit.lv5 #contents .sub .local dd > ul > li.current > div > ul > li.current > a {
  color: #fa4b62;
}
.point.lv5 #contents .sub .local dd > ul > li.current > div > ul > li.current > a {
  color: #ff8121;
}
.bank.lv5 #contents .sub .local dd > ul > li.current > div > ul > li.current > a {
  color: #42bde3;
}
.campaign.lv5 #contents .sub .local dd > ul > li.current > div > ul > li.current > a {
  color: #78b82a;
}
.life.lv5 #contents .sub .local dd > ul > li.current > div > ul > li.current > a {
  color: #10b589;
}
.lv6 #contents .sub .local dd > ul > li.current > a,
.lv6 #contents .sub .local dd > ul > li.current > div > ul > li.current > a {
  color: #444444;
}
.lv6 #contents .sub .local dd > ul > li.current > div > ul > li.current > ul li.current a {
  color: #b28e09;
}
.credit.lv6 #contents .sub .local dd > ul > li.current > div > ul > li.current > ul li.current a {
  color: #fa4b62;
}
.point.lv6 #contents .sub .local dd > ul > li.current > div > ul > li.current > ul li.current a {
  color: #ff8121;
}
.bank.lv6 #contents .sub .local dd > ul > li.current > div > ul > li.current > ul li.current a {
  color: #42bde3;
}
.campaign.lv6 #contents .sub .local dd > ul > li.current > div > ul > li.current > ul li.current a {
  color: #78b82a;
}
.life.lv6 #contents .sub .local dd > ul > li.current > div > ul > li.current > ul li.current a {
  color: #10b589;
}
#contents .sub .local dt > a {
  border-radius: 4px 4px 0 0;
  color: #fff;
  padding: 20px 0;
  text-align: center;
  background-color: #bc940a;
  display: block;
  font-weight: bold;
}
.credit #contents .sub .local dt > a {
  background-color: #fa4b62;
}
.point #contents .sub .local dt > a {
  background-color: #ff8121;
}
.bank #contents .sub .local dt > a {
  background-color: #42bde3;
}
.campaign #contents .sub .local dt > a {
  background-color: #78b82a;
}
.life #contents .sub .local dt > a {
  background-color: #10b589;
}
#contents .sub .local dt > a:visited {
  color: #fff;
}
#contents .sub .local dt > a:hover,
#contents .sub .local dt > a:focus,
#contents .sub .local dt > a:active {
  color: #fff;
  background-color: #a98509;
}
.credit #contents .sub .local dt > a:hover,
.credit #contents .sub .local dt > a:focus,
.credit #contents .sub .local dt > a:active {
  background-color: #eb344c;
}
.point #contents .sub .local dt > a:hover,
.point #contents .sub .local dt > a:focus,
.point #contents .sub .local dt > a:active {
  background-color: #f06f0c;
}
.bank #contents .sub .local dt > a:hover,
.bank #contents .sub .local dt > a:focus,
.bank #contents .sub .local dt > a:active {
  background-color: #2cadd4;
}
.campaign #contents .sub .local dt > a:hover,
.campaign #contents .sub .local dt > a:focus,
.campaign #contents .sub .local dt > a:active {
  background-color: #68a819;
}
.life #contents .sub .local dt > a:hover,
.life #contents .sub .local dt > a:focus,
.life #contents .sub .local dt > a:active {
  background-color: #02a67a;
}
#contents .sub .local dd {
  padding: 0;
  margin: 0;
  position: relative;
  background: #fff;
}
#contents .sub .local dd:before,
#contents .sub .local dd:after {
  content: "";
  position: absolute;
  z-index: -1;
  box-shadow: 0 0 35px rgba(0, 0, 0, .4);
  top: 50%;
  bottom: 0;
  left: 20px;
  right: 20px;
  border-radius: 180px / 10px;
}
#contents .sub .local dd:after {
  right: 20px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg);
}
#contents .sub .local dd li {
  margin-top: 0;
}
#contents .sub .local dd .current:last-child > a {
  color: #bc940a;
}
body.credit #contents .sub .local dd .current:last-child > a {
  color: #fa4b62;
}
body.point #contents .sub .local dd .current:last-child > a {
  color: #ff8121;
}
body.bank #contents .sub .local dd .current:last-child > a {
  color: #42bde3;
}
body.campaign #contents .sub .local dd .current:last-child > a {
  color: #78b82a;
}
body.life #contents .sub .local dd .current:last-child > a {
  color: #10b589;
}
#contents .sub .local dd ul > li {
  border-bottom: 1px solid #dadada;
  padding: 3px 0;
}
#contents .sub .local dd ul > li ul {
  display: none;
}
#contents .sub .local dd ul > li ul ul {
  background-color: #fff;
}
#contents .sub .local dd ul > li div a {
  border-radius: 4px;
  padding: 12px;
}
#contents .sub .local dd ul > li div ul {
  background: #fff;
  border-top: 1px dotted #dadada;
  margin: 0 0 0 12px;
}
#contents .sub .local dd ul > li div ul li {
  border-bottom: 1px dotted #dadada;
  border-radius: 0;
  padding: 0;
}
#contents .sub .local dd ul > li div ul li a {
  padding: 5px 5px 5px 7px;
  border-radius: 0;
}
#contents .sub .local dd ul > li div ul li a > span {
  padding-left: 10px;
  background-image: url(images/ico-base_02.png);
  display: block;
}
body.credit #contents .sub .local dd ul > li div ul li a > span {
  background-image: url(images/ico-credit_02.png);
}
body.point #contents .sub .local dd ul > li div ul li a > span {
  background-image: url(images/ico-point_02.png);
}
body.bank #contents .sub .local dd ul > li div ul li a > span {
  background-image: url(images/ico-bank_02.png);
}
body.campaign #contents .sub .local dd ul > li div ul li a > span {
  background-image: url(images/ico-campaign_02.png);
}
body.life #contents .sub .local dd ul > li div ul li a > span {
  background-image: url(images/ico-life_02.png);
}
#contents .sub .local dd ul > li div ul .current > a {
  padding: 5px 5px 5px 7px;
  background-color: #fcf6de;
}
body.credit #contents .sub .local dd ul > li div ul .current > a {
  background-color: #fff0f2;
}
body.point #contents .sub .local dd ul > li div ul .current > a {
  background-color: #fff6f0;
}
body.bank #contents .sub .local dd ul > li div ul .current > a {
  background-color: #edf9fc;
}
body.campaign #contents .sub .local dd ul > li div ul .current > a {
  background-color: #f1f7e9;
}
body.life #contents .sub .local dd ul > li div ul .current > a {
  background-color: #ebfaf6;
}
#contents .sub .local dd ul > li a > span {
  padding-left: 10px;
  background: url(images/ico-base_01.png) no-repeat 0 .5em;
  display: block;
}
body.credit #contents .sub .local dd ul > li a > span {
  background-image: url(images/ico-credit_01.png);
}
body.point #contents .sub .local dd ul > li a > span {
  background-image: url(images/ico-point_01.png);
}
body.bank #contents .sub .local dd ul > li a > span {
  background-image: url(images/ico-bank_01.png);
}
body.campaign #contents .sub .local dd ul > li a > span {
  background-image: url(images/ico-campaign_01.png);
}
body.life #contents .sub .local dd ul > li a > span {
  background-image: url(images/ico-life_01.png);
}
#contents .sub .local dd ul > li > a {
  padding: 12px;
  border-radius: 4px;
}
#contents .sub .local dd ul > li.current > ul {
  display: block;
}
#contents .sub .local dd ul > li.current > div > ul {
  display: block;
}
#contents .sub .local dd ul > li.current > div > ul > li.current {
  background-color: #fcf6de;
}
body.credit #contents .sub .local dd ul > li.current > div > ul > li.current {
  background-color: #fff0f2;
}
body.point #contents .sub .local dd ul > li.current > div > ul > li.current {
  background-color: #fff6f0;
}
body.bank #contents .sub .local dd ul > li.current > div > ul > li.current {
  background-color: #edf9fc;
}
body.campaign #contents .sub .local dd ul > li.current > div > ul > li.current {
  background-color: #f1f7e9;
}
body.life #contents .sub .local dd ul > li.current > div > ul > li.current {
  background-color: #ebfaf6;
}
#contents .sub .local dd ul > li.current > div > ul > li.current ul {
  margin-left: 12px;
  font-size: 85.71429%;
  border-top: 0 none;
}
#contents .sub .local dd ul > li.current > div > ul > li.current ul span {
  background: none;
  padding-left: 4px;
}
#contents .sub .local dd ul > li.current > div > ul > li.current ul li {
  border-bottom: 0 none;
}
#contents .sub .local dd ul > li.current > div > ul > li.current ul li a:hover,
#contents .sub .local dd ul > li.current > div > ul > li.current ul li a:focus,
#contents .sub .local dd ul > li.current > div > ul > li.current ul li a:active {
  background: none;
}
#contents .sub .local dd ul > li.current > a {
  background-color: #fcf6de;
}
body.credit #contents .sub .local dd ul > li.current > a {
  background-color: #ffe0e4;
}
body.point #contents .sub .local dd ul > li.current > a {
  background-color: #ffede0;
}
body.bank #contents .sub .local dd ul > li.current > a {
  background-color: #def5fc;
}
body.campaign #contents .sub .local dd ul > li.current > a {
  background-color: #eaf7da;
}
body.life #contents .sub .local dd ul > li.current > a {
  background-color: #dcfaf2;
}
#contents .sub .local dd ul > li.current div {
  border-radius: 4px;
  background-color: #fcf6de;
  display: block;
  padding-bottom: 12px;
}
body.credit #contents .sub .local dd ul > li.current div {
  background-color: #ffe0e4;
}
body.point #contents .sub .local dd ul > li.current div {
  background-color: #ffede0;
}
body.bank #contents .sub .local dd ul > li.current div {
  background-color: #def5fc;
}
body.campaign #contents .sub .local dd ul > li.current div {
  background-color: #eaf7da;
}
body.life #contents .sub .local dd ul > li.current div {
  background-color: #dcfaf2;
}
#contents .sub .local dd ul > li.current div > a {
  background-color: #fcf6de;
}
body.credit #contents .sub .local dd ul > li.current div > a {
  background-color: #ffe0e4;
}
body.point #contents .sub .local dd ul > li.current div > a {
  background-color: #ffede0;
}
body.bank #contents .sub .local dd ul > li.current div > a {
  background-color: #def5fc;
}
body.campaign #contents .sub .local dd ul > li.current div > a {
  background-color: #eaf7da;
}
body.life #contents .sub .local dd ul > li.current div > a {
  background-color: #dcfaf2;
}
#contents .sub .local dd ul a {
  color: #444444;
  display: block;
}
#contents .sub .local dd ul a:hover,
#contents .sub .local dd ul a:focus,
#contents .sub .local dd ul a:active {
  color: #bc940a;
  background: #ebebeb;
}
body.credit #contents .sub .local dd ul a:hover,
body.credit #contents .sub .local dd ul a:focus,
body.credit #contents .sub .local dd ul a:active {
  color: #fa4b62;
}
body.point #contents .sub .local dd ul a:hover,
body.point #contents .sub .local dd ul a:focus,
body.point #contents .sub .local dd ul a:active {
  color: #ff8121;
}
body.bank #contents .sub .local dd ul a:hover,
body.bank #contents .sub .local dd ul a:focus,
body.bank #contents .sub .local dd ul a:active {
  color: #42bde3;
}
body.campaign #contents .sub .local dd ul a:hover,
body.campaign #contents .sub .local dd ul a:focus,
body.campaign #contents .sub .local dd ul a:active {
  color: #78b82a;
}
body.life #contents .sub .local dd ul a:hover,
body.life #contents .sub .local dd ul a:focus,
body.life #contents .sub .local dd ul a:active {
  color: #10b589;
}

/* .local’Ç‹L
----------------------------------------------- */
#contents .sub .local dt > span {
  border-radius: 4px 4px 0 0;
  color: #fff;
  padding: 20px 0;
  text-align: center;
  background-color: #bc940a;
  display: block;
  font-weight: bold;
}
.credit #contents .sub .local dt > span {
  background-color: #fa4b62;
}
.point #contents .sub .local dt > span {
  background-color: #ff8121;
}
.bank #contents .sub .local dt > span {
  background-color: #42bde3;
}
.campaign #contents .sub .local dt > span {
  background-color: #78b82a;
}
.life #contents .sub .local dt > span {
  background-color: #10b589;
}
#contents .sub .local li.brand a {
	padding:5px;
	text-align:center;
}
#contents .sub .local li.brand img {
	width:160px;
	vertical-align:middle;
	text-align:center;
}
#contents .sub .local li.brand img.icon {
	width:11px;
}

/* .link-brand
----------------------------------------------- */
.sub .link-brand {
  border: 1px solid #dadada;
  border-radius: 4px;
  overflow: hidden;
}
#contents .sub .link-brand {
  margin-top: 24px;
}
.sub .link-brand > li + li {
  border-top: 1px solid #dadada;
}
.sub .link-brand > li .brandTop {
  text-align: center;
  padding: 20px 0;
  display: table;
  width: 100%;
  font-weight: bold;
}
.sub .link-brand > li a {
  padding: 10px 0;
  display: table;
  width: 100%;
  text-align: center;
}
.sub .link-brand > li a:hover,
.sub .link-brand > li a:focus,
.sub .link-brand > li a:active {
  background-color: #f2f2f2;
}
.sub .link-brand > li a > .brand img{
  width:160px;
  vertical-align: middle;
}
.sub .link-brand > li a > .brand img.icon{
  width:11px;
}

#contents .pager {
  margin: 36px 0;
}
#contents .pager ul {
  display: table;
  margin: 0 auto;
}
#contents .pager ul > li {
  float: left;
  margin-left: 7px;
}
#contents .pager ul > li:first-child {
  margin-left: 0;
}
#contents .pager ul > li em {
  font-weight: normal;
}
#contents .pager ul > li a {
  background: #ebebeb;
  padding: 8px 9px;
  color: #444444;
  transition: background .4s;
}
#contents .pager ul > li a:visited {
  color: #444444;
}
#contents .pager ul > li a:hover,
#contents .pager ul > li a:focus,
#contents .pager ul > li a:active {
  background-color: #fae59b;
  text-decoration: none;
}
#contents .pager ul > li a span {
  background: no-repeat 0 center;
}
#contents .pager ul > li.current a {
  color: #fff;
  background: #bc940a;
}
#contents .pager ul > li.prev a span {
  padding-left: 16px;
  background-image: url(images/ico-arrow_04.png);
}
#contents .pager ul > li.next a span {
  padding-right: 16px;
  background-image: url(images/ico-arrow_01.png);
  background-position: right center;
}

/* .tab-01
----------------------------------------------- */
* + .tab-frame {
  margin-top: 24px;
}

.tab-panel {
  display: none;
}
.tab-panel .page-anc-01 {
  padding: 0 20px 16px;
  border-bottom: 1px solid #dadada;
}
.static .tab-panel,
.tab-panel.current {
  display: block;
}

.tab-01 {
  position: relative;
  margin-bottom: 26px;
}
* + .tab-01 {
  margin-top: 28px;
}
.tab-01:after {
  content: "";
  height: 1px;
  background: #dadada;
  width: 100%;
  display: block;
  position: absolute;
  z-index: -1;
  bottom: 0;
}
.tab-01.tab-list {
  margin-bottom: 16px;
}
.main .tab-frame .tab-01.col2 li {
  width: 358px;
}
.main .tab-frame .tab-01.col2 li:first-child {
  width: 359px;
}
.main .tab-frame .tab-01.col3 li {
  width: 239px;
}
.main .tab-frame .tab-01.col3 li:first-child {
  width: 238px;
}
.main .tab-frame .tab-01.col4 li {
  width: 179px;
}
.main .tab-frame .tab-01.col4 li:first-child {
  width: 178px;
}
.tab-01.col3 li {
  width: 222px;
}
.frame > .tab-frame .tab-01.col4 li {
  width: 239px;
}
.frame > .tab-frame .tab-01.col4 li:first-child {
  width: 238px;
}
.tab-01 > ul {
  margin: 0 20px;
  border: 1px solid #dadada;
  border-bottom: 0 none;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}
.tab-01 > ul li {
  float: left;
  border-left: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  font-weight: bold;
}
.tab-01 > ul li:first-child {
  border-left: 0 none;
}
#contents .tab-01 > ul li.current {
  border-bottom: 1px solid #fff;
}
#contents .tab-01 > ul li.current a {
  background: url(/common/css/images/ico-base_04.png) white no-repeat center bottom;
  color: #bc940a;
}
body.credit #contents .tab-01 > ul li.current a {
  color: #fa4b62;
}
body.point #contents .tab-01 > ul li.current a {
  color: #ff8121;
}
body.bank #contents .tab-01 > ul li.current a {
  color: #42bde3;
}
body.campaign #contents .tab-01 > ul li.current a {
  color: #78b82a;
}
body.life #contents .tab-01 > ul li.current a {
  color: #10b589;
}
.credit #contents .tab-01 > ul li.current a {
  background-image: url(/common/css/images/ico-credit_04.png);
}
.bank #contents .tab-01 > ul li.current a {
  background-image: url(/common/css/images/ico-bank_04.png);
}
.campaign #contents .tab-01 > ul li.current a {
  background-image: url(/common/css/images/ico-campaign_04.png);
}
.point #contents .tab-01 > ul li.current a {
  background-image: url(/common/css/images/ico-point_04.png);
}
.life #contents .tab-01 > ul li.current a {
  background-image: url(/common/css/images/ico-life_04.png);
}
#contents .tab-01 > ul li a {
  display: block;
  text-align: center;
  padding: 12px 0 14px;
  font-weight: bold;
  color: #444444;
  background: #f2f2f2;
  transition: background-color .3s;
}
#contents .tab-01 > ul li a:hover,
#contents .tab-01 > ul li a:focus,
#contents .tab-01 > ul li a:active {
  text-decoration: none;
  background-color: #fff;
}

/* .page-anc
----------------------------------------------- */
.page-anc-01 {
  letter-spacing: -0.5em;
  margin-top: -12px;
}
* + .page-anc-01 {
  margin-top: 12px;
}
.page-anc-01 > li {
  display: inline-block;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  margin-right: -1px;
  padding: 0 16px;
  letter-spacing: 0;
  margin-top: 12px;
}
.page-anc-01 > li:first-child {
  margin-top: 12px;
}
.page-anc-01 > li a {
  padding-left: 12px;
  background: url(/common/css/images/ico-arrow_10.png) no-repeat 0 .5em;
}
.page-anc-01.col1 > li {
  border-left: 0 none;
  border-right: 0 none;
  padding-left: 0;
}
.page-anc-01.col1 > li a {
  padding-left: 18px;
  background-position: 4px .5em;
}

#contents * + .page-anc-02 {
  margin-top: 20px;
}

.page-anc-02 > li + li {
  margin-top: 5px;
}
.page-anc-02 a {
  padding-left: 18px;
  background: url(/common/css/images/ico-arrow_10.png) no-repeat 0 .5em;
  display: inline-block;
}

/* ----------------------------------------------------------------
  button
----------------------------------------------------------------- */
/* .btn
----------------------------------------------- */
.btn-01 {
  background: none;
  max-width: 368px;
  width: 100%;
  cursor: pointer;
  border: 0 none;
  padding: 0;
  overflow: auto;
  padding-bottom: 2px;
  text-decoration: none;
  text-align: center;
  color: #444444;
  font-weight: bold;
  display: block;
  font-size: 114.28571%;
}
.btn-01 > span {
  background-color: #fff;
  border: 2px solid #ccc;
  box-shadow: 0 2px 0 #ccc;
  border-radius: 6px;
  padding: 10px 8px;
  display: block;
}
.btn-01 > span > span {
  background: url(/common/css/images/ico-arrow_03.png) no-repeat right center;
  padding: 0 26px 0 14px;
  display: block;
}
.btn-01:visited {
  color: #444444;
}
.btn-01:hover,
.btn-01:focus,
.btn-01:active {
  color: #444444;
  text-decoration: none !important;
  position: relative;
  top: 2px;
}
.btn-01:hover > span,
.btn-01:focus > span,
.btn-01:active > span {
  background: #f2f2f2;
  box-shadow: none;
}
.btn-01.center {
  margin-left: auto;
  margin-right: auto;
}
.btn-01.right {
  margin-left: auto;
  margin-right: 0;
  text-align: center !important;
}
.btn-01.str-01 {
  max-width: 238px;
  width: 100%;
}
.btn-01.str-anc > span > span {
  background-image: url(/common/css/images/ico-arrow_11.png);
}
.btn-01.str-close > span > span {
  background-image: url(/common/css/images/ico-close_01.png);
}
.btn-01.category > span {
  box-shadow: 0 2px 0 #bc940a;
  border-color: #bc940a;
  color: #b28e09;
}
.credit .btn-01.category > span {
  border-color: #fa4b62;
}
.point .btn-01.category > span {
  border-color: #ff8121;
}
.bank .btn-01.category > span {
  border-color: #42bde3;
}
.campaign .btn-01.category > span {
  border-color: #78b82a;
}
.life .btn-01.category > span {
  border-color: #10b589;
}
.credit .btn-01.category > span {
  color: #fa4b62;
}
.point .btn-01.category > span {
  color: #ff8121;
}
.bank .btn-01.category > span {
  color: #42bde3;
}
.campaign .btn-01.category > span {
  color: #78b82a;
}
.life .btn-01.category > span {
  color: #10b589;
}
.credit .btn-01.category > span {
  box-shadow: 0 2px 0 #fa4b62;
}
.point .btn-01.category > span {
  box-shadow: 0 2px 0 #ff8121;
}
.bank .btn-01.category > span {
  box-shadow: 0 2px 0 #42bde3;
}
.campaign .btn-01.category > span {
  box-shadow: 0 2px 0 #78b82a;
}
.life .btn-01.category > span {
  box-shadow: 0 2px 0 #10b589;
}
.btn-01.category > span > span {
  background-image: url(/common/css/images/ico-base_06.png);
}
.credit .btn-01.category > span > span {
  background-image: url(/common/css/images/ico-credit_06.png);
}
.point .btn-01.category > span > span {
  background-image: url(/common/css/images/ico-point_06.png);
}
.bank .btn-01.category > span > span {
  background-image: url(/common/css/images/ico-bank_06.png);
}
.campaign .btn-01.category > span > span {
  background-image: url(/common/css/images/ico-campaign_06.png);
}
.life .btn-01.category > span > span {
  background-image: url(/common/css/images/ico-life_06.png);
}
.credit .btn-01.category.str-anc > span > span {
  background-image: url(/common/css/images/ico-credit_03.png);
}
.btn-01.category:hover > span,
.btn-01.category:focus > span,
.btn-01.category:active > span {
  background-color: #fcf6de;
  box-shadow: none;
}
body.credit .btn-01.category:hover > span,
body.credit .btn-01.category:focus > span,
body.credit .btn-01.category:active > span {
  background-color: #fff0f2;
}
body.point .btn-01.category:hover > span,
body.point .btn-01.category:focus > span,
body.point .btn-01.category:active > span {
  background-color: #fff6f0;
}
body.bank .btn-01.category:hover > span,
body.bank .btn-01.category:focus > span,
body.bank .btn-01.category:active > span {
  background-color: #edf9fc;
}
body.campaign .btn-01.category:hover > span,
body.campaign .btn-01.category:focus > span,
body.campaign .btn-01.category:active > span {
  background-color: #f1f7e9;
}
body.life .btn-01.category:hover > span,
body.life .btn-01.category:focus > span,
body.life .btn-01.category:active > span {
  background-color: #ebfaf6;
}

* + .btn-01,
* + .btn-02,
* + .btn-03,
* + .btn-category {
  margin-top: 16px !important;
}

p + .btn-01,
p + .btn-02,
p + .btn-03,
p + .btn-category {
  margin-top: 12px !important;
}

.btn-02,
.btn-reset {
  padding: 0;
  margin: 0;
  border: 0 none;
  background: none;
  box-shadow: none;
  display: table;
}
.btn-02 > span,
.btn-reset > span {
  border-radius: 4px;
  border: 0 none;
  display: table;
  position: relative;
  margin-bottom: 2px;
  top: 0;
  background: #e0e0e0;
  font-size: 100%;
  font-weight: normal;
  box-shadow: 0 2px 0 #b3b3b3;
  text-align: center;
  color: #444444;
  padding: 0;
}
.btn-02:hover,
.btn-02:focus,
.btn-02:active,
.btn-reset:hover,
.btn-reset:focus,
.btn-reset:active {
  text-decoration: none !important;
}
.btn-02:hover > span,
.btn-02:focus > span,
.btn-02:active > span,
.btn-reset:hover > span,
.btn-reset:focus > span,
.btn-reset:active > span {
  box-shadow: 0 1px 0 #b3b3b3;
  top: 1px;
  color: #444444;
  background: #ccc;
}
.btn-02 > span,
.btn-reset > span {
  display: block;
  padding: 4px 10px;
}
.btn-02 > span > span,
.btn-reset > span > span {
  background: url(/common/css/images/ico-arrow_01.png) no-repeat right center;
  padding: 0 13px 0 4px;
  display: block;
}
.sub .btn-02,
.sub .btn-reset {
  margin: 0 auto;
}
.btn-02.center,
.btn-reset.center {
  margin-left: auto;
  margin-right: auto;
}
.btn-02.right,
.btn-reset.right {
  margin-left: auto;
  margin-right: 0;
  text-align: center !important;
}

.btn-category,
.btn-03 {
  text-decoration: none;
  width: 100%;
  padding: 0;
  max-width: 368px;
  font-size: 114.28571%;
  display: block;
  border: none;
  color: #fff;
  font-weight: bold;
  margin-bottom: 4px;
  border-radius: 6px;
  text-align: center;
}
.btn-category > span,
.btn-03 > span {
  display: block;
  padding: 11px 10px;
}
.btn-category.app,
.btn-03.app {
  font-size: 185.71429%;
  position: relative;
}
.btn-category > span > span,
.btn-03 > span > span {
  background: url(/common/css/images/ico-arrow_05.png) no-repeat right center;
  padding: 0 26px 0 14px;
  display: block;
}
.btn-category > span > span .icon-app,
.btn-03 > span > span .icon-app {
  vertical-align: middle;
  margin-right: 12px;
  margin-left: -8px;
  padding-bottom: 4px;
}
.btn-category:visited,
.btn-03:visited {
  color: #fff;
}
.btn-category:hover,
.btn-category:focus,
.btn-category:active,
.btn-03:hover,
.btn-03:focus,
.btn-03:active {
  color: #fff;
  text-decoration: none !important;
  position: relative;
  top: 2px;
}
.btn-category.center,
.btn-03.center {
  margin-left: auto;
  margin-right: auto;
}
.btn-category.right,
.btn-03.right {
  margin-left: auto;
  margin-right: 0;
  text-align: center !important;
}

.btn-category {
  background-color: #bc940a;
  text-align: center;
  box-shadow: 0 4px 0 #967608;
}
.credit .btn-category {
  background-color: #fa4b62;
}
.point .btn-category {
  background-color: #ff8121;
}
.bank .btn-category {
  background-color: #42bde3;
}
.campaign .btn-category {
  background-color: #78b82a;
}
.life .btn-category {
  background-color: #10b589;
}
.credit .btn-category {
  box-shadow: 0 4px 0 #c83c4e;
}
.point .btn-category {
  box-shadow: 0 4px 0 #cc671a;
}
.bank .btn-category {
  box-shadow: 0 4px 0 #3597b6;
}
.campaign .btn-category {
  box-shadow: 0 4px 0 #609322;
}
.life .btn-category {
  box-shadow: 0 4px 0 #0d916e;
}
.btn-category:hover,
.btn-category:focus,
.btn-category:active {
  background-color: #a98509;
  box-shadow: 0 2px 0 #876a07;
}
.credit .btn-category:hover,
.credit .btn-category:focus,
.credit .btn-category:active {
  background-color: #eb344c;
}
.point .btn-category:hover,
.point .btn-category:focus,
.point .btn-category:active {
  background-color: #f06f0c;
}
.bank .btn-category:hover,
.bank .btn-category:focus,
.bank .btn-category:active {
  background-color: #2cadd4;
}
.campaign .btn-category:hover,
.campaign .btn-category:focus,
.campaign .btn-category:active {
  background-color: #68a819;
}
.life .btn-category:hover,
.life .btn-category:focus,
.life .btn-category:active {
  background-color: #02a67a;
}
.credit .btn-category:hover,
.credit .btn-category:focus,
.credit .btn-category:active {
  box-shadow: 0 2px 0 #bc2a3d;
}
.point .btn-category:hover,
.point .btn-category:focus,
.point .btn-category:active {
  box-shadow: 0 2px 0 #c0590a;
}
.bank .btn-category:hover,
.bank .btn-category:focus,
.bank .btn-category:active {
  box-shadow: 0 2px 0 #238aaa;
}
.campaign .btn-category:hover,
.campaign .btn-category:focus,
.campaign .btn-category:active {
  box-shadow: 0 2px 0 #609322;
}
.life .btn-category:hover,
.life .btn-category:focus,
.life .btn-category:active {
  box-shadow: 0 2px 0 #028562;
}

.btn-category.str-01 {
  width: 100%;
  max-width: 238px;
}
.btn-category.str-anc > span > span {
  background-image: url(/common/css/images/ico-arrow_09.png);
}

a .search,
button .search {
  background: url(/common/css/images/ico-search_02.png) no-repeat 0 center;
  padding-left: 24px;
}

.btn-03 {
  font-size: 128.57143%;
}
.btn-03 .sub {
  font-size: 77.77778%;
  font-weight: normal;
}

.btn-03.str-01 {
  background: #ca018f;
  box-shadow: 0 4px 0 #a20172;
}
.btn-03.str-01:hover,
.btn-03.str-01:focus,
.btn-03.str-01:active {
  background: #ba0184;
  box-shadow: 0 2px 0 #a20172;
}

.btn-03.str-02 {
  background: #fff;
  border: 2px solid #ca018f;
  box-shadow: 0 2px 0 #ca018f;
  color: #444444;
}
.btn-03.str-02 > span > span {
  background-image: url(/common/css/images/ico-arrow_07.png);
}
.btn-03.str-02:hover,
.btn-03.str-02:focus,
.btn-03.str-02:active {
  box-shadow: none;
  background: #fff0fa;
}

.btn-03.str-03 {
  background: #585858;
  box-shadow: 0 4px 0 #464646;
}

.btn-03.str-05 {
  background: #53b235;
  box-shadow: 0 4px 0 #468A03;
}

.btn-03.str-03:hover,
.btn-03.str-03:focus,
.btn-03.str-03:active {
  background-color: #4d4d4d;
  box-shadow: 0 2px 0 #464646;
}

.btn-03.str-05:hover,
.btn-03.str-05:focus,
.btn-03.str-05:active {
  background-color: #53b235;
  box-shadow: 0 2px 0 #468A03;
}

.btn-reset > span > span {
  background: url(/common/css/images/ico-reset_01.gif) 0 center no-repeat;
  padding: 0 4px 0 18px;
}

.btn-icon {
  margin-right: -12px;
}
#contents .btn-icon {
  margin-top: -16px;
}
#contents .btn-icon.col5 {
  margin-top: 20px;
}
.btn-icon.col5 > li {
  width: 192px;
  margin-right: 10px;
}
.btn-icon.col5 > li a > span {
  width: 172px;
}
.btn-icon + .hdg-lv3 {
  margin-top: 26px;
}
.lyt-column4 .btn-icon > li {
  width: 100%;
}
.lyt-column4 .btn-icon > li .btn-01 {
  width: 226px;
}
.lyt-column4 .btn-icon > li .btn-01 > span {
  width: 206px;
}
.lyt-column4 .btn-icon > li .btn-01 > span small.mark {
  color: #fff;
  margin-left: 2px;
  padding: 1px 4px 0;
  border-radius: 2px;
  background-color: #ca018f;
  display: inline-block;
}
.lyt-column4 .btn-icon > li .btn-01 > span small.strong-01 {
  font-weight: bold;
  font-size: 85.71429%;
}
.btn-icon > li {
  float: left;
  width: 181px;
  margin-right: 12px;
  margin-top: 12px;
}
.btn-icon > li:first-child {
  margin-top: 12px;
}
.btn-icon > li .btn-01 > span {
  display: table;
  height: 46px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 161px;
  text-align: left;
}
.btn-icon > li span > span {
  position: relative;
  padding-left: 40px;
  display: table-cell;
  font-size: 87.5%;
  vertical-align: middle;
}
.btn-icon > li .icon {
  position: absolute;
  left: -3px;
  top: 7px;
}
.btn-icon > li .icon.window {
  position: static;
}

.btn-campaign {
  width: 312px;
}
.btn-campaign > span > span {
  display: block;
  padding-left: 36px;
  position: relative;
}
.btn-campaign > span > span:before {
  content: "";
  display: block;
  width: 20px;
  height: 21px;
  position: absolute;
  left: 10px;
  background: url(/common/css/images/btn-campaign_02.png) no-repeat 0 center;
}
.btn-campaign.center {
  margin-left: auto;
  margin-right: auto;
}
.btn-campaign.right {
  margin-left: auto;
  margin-right: 0;
  text-align: center !important;
}

#contents .btn-01,
#contents .btn-02,
#contents .btn-03,
#contents .btn-category,
#contents .btn-campaign {
  line-height: 1.4;
  box-sizing: content-box;
}

.btn-01.str-cv > span,
.btn-02.str-cv > span,
.btn-category.str-cv > span {
  padding-top: 18px;
  padding-bottom: 18px;
}

.lyt-movie-btn {
  width: 440px;
  text-align: center;
  letter-spacing: -1em;
  margin: 0 auto;
}
.lyt-movie-btn > li {
  display: inline-block;
  width: 208px;
  letter-spacing: 0;
}
.lyt-movie-btn > li + li {
  margin-left: 24px;
}

.btn-03.str-01.str-cv > span,
.btn-03.str-03.str-cv > span,
.btn-03.str-05.str-cv > span {
  padding-top: 16px;
  padding-bottom: 17px;
}

.btn-03.str-02.str-cv > span {
  padding-top: 15px;
  padding-bottom: 16px;
}

/* ----------------------------------------------------------------
  banner
----------------------------------------------------------------- */
/* .bnr-01
----------------------------------------------- */
.bnr-01 > dt {
  font-weight: bold;
}
.bnr-01 dd {
  background: #f2f2f2;
  margin: 12px 0 0 0;
  padding: 10px;
}
.bnr-01 dd li + li {
  margin-top: 10px;
}
.bnr-01 dd img {
  background: #fff;
  transition: opacity .3s;
}
.bnr-01 dd a:hover img,
.bnr-01 dd a:focus img,
.bnr-01 dd a:active img {
  opacity: .7;
}

a.bnr-01 img {
  transition: opacity .4s;
}
a.bnr-01:hover img,
a.bnr-01:focus img,
a.bnr-01:active img {
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
a.bnr-01.border {
  border: 1px solid #dadada;
  display: block;
}

.bnr-02 {
  margin-right: -23px;
  margin-top: -18px;
}
.bnr-02 li {
  width: 238px;
  float: left;
  margin-right: 23px;
  margin-top: 18px;
  text-align: center;
}
.bnr-02 li:first-child {
  margin-top: 18px;
}
.bnr-02 li .bnr {
  border: 1px solid #dadada;
  border-radius: 4px;
  width: 236px;
  height: 88px;
  display: block;
  overflow: hidden;
  transition: opacity .3s;
}
.bnr-02 li .caption {
  font-size: 100%;
  padding-top: 8px;
  display: inline-block;
}
.bnr-02 li a:hover .bnr,
.bnr-02 li a:focus .bnr,
.bnr-02 li a:active .bnr {
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.bnr-02 li a:hover .caption,
.bnr-02 li a:focus .caption,
.bnr-02 li a:active .caption {
  text-decoration: underline;
}

/* ----------------------------------------------------------------
  table
----------------------------------------------------------------- */
/* .tbl
----------------------------------------------- */
.tbl-01 {
  border-bottom: 1px solid #dadada;
  border-right: 1px solid #dadada;
}
.tbl-01 th {
  font-weight: bold;
}
.tbl-01 th a {
  font-weight: normal;
}
.tbl-01 th,
.tbl-01 td {
  text-align: left;
  border-top: 1px solid #dadada;
  border-left: 1px solid #dadada;
  padding: 8px 12px;
}
.tbl-01 th.strong-01,
.tbl-01 td.strong-01 {
  background: #fff0f2;
}
.tbl-01 th .caption,
.tbl-01 td .caption {
  margin-top: 4px;
  display: inline-block;
}
.tbl-01 thead th,
.tbl-01 thead td {
  background: #f5f3eb;
  text-align: center;
}
.tbl-01 tbody th,
.tbl-01 tbody td {
  vertical-align: top;
}
.tbl-01 tbody th {
  background: #f5f3eb;
}
.tbl-01 thead + tbody th {
  background: url(/common/css/images/bg_01.gif) white;
}
.tbl-01 caption {
  text-align: right;
  caption-side: bottom;
  padding-top: 8px;
}
.tbl-01 .str-01 {
  background: #f5f3eb;
  font-weight: bold;
}
.tbl-01 .str-02 {
  background: url(/common/css/images/bg_01.gif);
  font-weight: bold;
}
.tbl-01 .str-03 {
  background: #fff;
  font-weight: normal;
}
.tbl-01 .parallel {
  font-weight: normal;
}
.tbl-01 .parallel .hdg {
  font-weight: bold;
}
.tbl-01 .parallel.img-left > .img {
  padding: 0 12px 0 0;
}
.tbl-01 .icon-function {
  margin-top: -8px;
  margin-right: -8px;
  width: 136px;
  display: table;
}
.tbl-01 .icon-function li {
  float: left;
  margin-right: 8px;
  margin-top: 8px;
}
.tbl-01 .icon-brand {
  margin-top: -8px;
}
.tbl-01 .icon-brand li {
  margin-top: 8px;
}
.tbl-01 .btn {
  margin-top: -12px;
}
.tbl-01 .btn li {
  margin-top: 12px;
}
.tbl-01.tbl-sort {
  table-layout: fixed;
}
.tbl-01.tbl-sort td,
.tbl-01.tbl-sort th {
  padding: 16px 12px;
}
#contents .tbl-01.tbl-sort .note-01 {
  margin-top: 10px;
}
.tbl-01.tbl-sort .btn {
  margin: 0 0 6px;
}
.tbl-01.tbl-sort .btn li {
  margin-top: 0;
}
.tbl-01.tbl-sort .btn li .btn-01 {
  font-size: 100%;
}
.tbl-01.tbl-sort .btn li .btn-01 > span > span {
  padding-left: 0;
}
.tbl-01.tbl-sort .btn li .btn-category {
  font-size: 100%;
}
.tbl-01.tbl-sort .btn li .btn-category > span {
  font-size: 100%;
}
.tbl-01.tbl-sort .btn li .btn-category > span > span {
  padding-left: 0;
  padding-right: 16px;
}
.tbl-01.tbl-sort .btn li + li {
  margin-top: 8px;
}
.tbl-01.tbl-sort .icon-brand > li + li {
  margin-top: 16px;
}
.tbl-01 .w-sort1 {
  width: 451px;
}
.tbl-01 .w-sort2 {
  width: 161px;
}
.tbl-01 .w-sort3 {
  width: 81px;
}
.tbl-01 .w-sort4 {
  width: 153px;
}

.tbl-02 {
  background: #ffe0e4;
  padding: 4px;
  border-radius: 4px;
}
.tbl-02 > table {
  border: 1px solid #f2d5d8;
  border-radius: 2px;
}
.tbl-02 td,
.tbl-02 th {
  padding: 8px 12px;
  background: #fff;
}
.tbl-02 th {
  background-color: #bc940a;
  border-top: 1px solid #fff;
  color: #fff;
  font-weight: normal;
  text-align: left;
}
.credit .tbl-02 th {
  background-color: #fa4b62;
}
.point .tbl-02 th {
  background-color: #ff8121;
}
.bank .tbl-02 th {
  background-color: #42bde3;
}
.campaign .tbl-02 th {
  background-color: #78b82a;
}
.life .tbl-02 th {
  background-color: #10b589;
}
.tbl-02 td {
  border-top: 1px solid #dadada;
}
.tbl-02 tr:first-child th,
.tbl-02 tr:first-child td {
  border-top: 0 none;
}

/* ----------------------------------------------------------------
  image
----------------------------------------------------------------- */
/* .image
----------------------------------------------- */
.lyt-image .caption,
.list-btn .caption {
  font-size: 100%;
  color: #666666;
  margin-top: 6px;
  display: inline-block;
}
.lyt-image .caption.str-01,
.list-btn .caption.str-01 {
  text-align: right;
  font-size: 71.42857%;
  margin-top: 4px;
  vertical-align: middle;
}
.lyt-image .caption.str-01 > span,
.list-btn .caption.str-01 > span {
  font-size: 150%;
  line-height: 1;
  position: relative;
  top: 2px;
}
.lyt-image.col1,
.list-btn.col1 {
  display: table;
  width: 10px;
  margin: 0 auto;
  text-align: center;
}
.lyt-image.col1 img,
.list-btn.col1 img {
  display: block;
  width: auto;
}
.lyt-image.col1 .caption,
.list-btn.col1 .caption {
  display: block;
}
.lyt-image.col2,
.lyt-image.col3,
.lyt-image.col4,
.list-btn.col2,
.list-btn.col3,
.list-btn.col4 {
  display: block;
}
.lyt-image.col2 > li,
.lyt-image.col3 > li,
.lyt-image.col4 > li,
.list-btn.col2 > li,
.list-btn.col3 > li,
.list-btn.col4 > li {
  float: left;
}
.lyt-image.col2 a .caption,
.lyt-image.col3 a .caption,
.lyt-image.col4 a .caption,
.list-btn.col2 a .caption,
.list-btn.col3 a .caption,
.list-btn.col4 a .caption {
  color: #06c;
}
.lyt-image.col2 a:hover .caption,
.lyt-image.col3 a:hover .caption,
.lyt-image.col4 a:hover .caption,
.list-btn.col2 a:hover .caption,
.list-btn.col3 a:hover .caption,
.list-btn.col4 a:hover .caption {
  text-decoration: underline;
}
.lyt-image.col2,
.list-btn.col2 {
  margin-right: -24px;
}
.lyt-image.col2 > li,
.list-btn.col2 > li {
  width: 46.93878%;
  margin-right: 3.06122%;
}
.lyt-image.col3,
.list-btn.col3 {
  margin-right: -23px;
}
.lyt-image.col3 > li,
.list-btn.col3 > li {
  width: 30.39591%;
  margin-right: 2.93742%;
}
.lyt-image.col4,
.list-btn.col4 {
  margin-right: -24px;
}
.main .lyt-image.col4 > li,
.main
.list-btn.col4 > li {
  width: 21.93878%;
  margin-right: 3.06122%;
}
.lyt-image.col4 > li,
.list-btn.col4 > li {
  width: 22.65625%;
  margin-right: 2.34375%;
}

.lyt-image {
  margin-top: -12px;
}
.lyt-image > li {
  margin-top: 12px;
}
.lyt-image > li:first-child {
  margin-top: 12px;
}
.lyt-image.index > li {
  background: #fff;
  margin-top: 24px;
}
.lyt-image.index > li:first-child {
  margin-top: 24px;
}
.lyt-image.index > li.large img {
  position: relative;
  left: -13px;
}

#contents * + .lyt-image {
  margin-top: 12px;
}
#contents * + .lyt-image.col2,
#contents * + .lyt-image.col3,
#contents * + .lyt-image.col4 {
  margin-top: 12px;
}
#contents * + .lyt-image.col1 {
  margin-top: 20px;
}

.list-btn {
  margin-top: -16px;
}
.list-btn > li {
  margin-top: 16px;
}
.list-btn > li:first-child {
  margin-top: 16px;
}
#contents * + .list-btn {
  margin-top: 0;
}
#contents .hdg-lv2 + .list-btn,
#contents .hdg-lv3 + .list-btn,
#contents .hdg-lv4 + .list-btn,
#contents .hdg-lv5 + .list-btn {
  margin-top: -16px;
}

.img-left .img {
  float: left;
  margin: 0 24px 24px 0;
  display: table;
  width: 10px;
}
.img-left .caption {
  display: block;
  font-size: 100%;
  text-align: center;
  margin-top: 4px;
  color: #666666;
}

.img-right .img {
  float: right;
  margin: 0 0 24px 24px;
}
.img-right .caption {
  display: block;
  font-size: 100%;
  text-align: center;
  margin-top: 4px;
  color: #666666;
}

.parallel {
  display: table;
  width: 100%;
}
.parallel.middle {
  height: 100%;
}
.parallel.middle > .txt,
.parallel.middle > .img {
  vertical-align: middle;
}
.parallel > .txt,
.parallel > .img {
  display: table-cell;
  vertical-align: top;
  direction: ltr;
  float: none;
}
.parallel > .img {
  text-align: left;
  direction: ltr;
  padding: 0 0 0 24px;
}
.parallel.min.img-left > .img {
  padding-right: 15px;
  padding-top: 5px;
}
.parallel.min.img-left .def-01 dd {
  margin-top: 8px;
}
.parallel > .img img {
  max-width: 1000px;
}
.parallel.img-left {
  direction: rtl;
}
.parallel.img-left > .img {
  text-align: left;
  padding: 0 24px 0 0;
  width: 10px;
}
.parallel.img-right > .img {
  text-align: right;
  width: 10px;
}

* + .img-left,
* + .img-right {
  margin-top: 24px;
}

/* .lyt-card
----------------------------------------------- */
.lyt-card,
.lyt-card-03 {
  display: table;
  margin: 0 auto;
  direction: rtl;
}
.lyt-card > .txt,
.lyt-card > .img,
.lyt-card-03 > .txt,
.lyt-card-03 > .img {
  display: table-cell;
  vertical-align: top;
  direction: ltr;
}
.lyt-card > .img,
.lyt-card-03 > .img {
  padding-right: 24px;
  width: 100px;
}
.box-apply-02 .lyt-card > .img,
.box-apply-02 .lyt-card-03 > .img {
  width: 412px;
}
.lyt-card > .img .logo,
.lyt-card-03 > .img .logo {
  display: table;
  margin: 8px auto 0 !important;
  border-spacing: 4px;
}
.lyt-card > .img .logo > li,
.lyt-card-03 > .img .logo > li {
  display: table-cell;
  vertical-align: middle;
  padding: 0 6px;
}
.lyt-card > .img .logo > li img,
.lyt-card-03 > .img .logo > li img {
  vertical-align: middle;
}
.lyt-card > .img .card,
.lyt-card-03 > .img .card {
  display: table;
}
.box-apply-02 .lyt-card > .img .card,
.box-apply-02 .lyt-card-03 > .img .card {
  margin: 0 0 0 auto;
}
.lyt-card > .img .card > li,
.lyt-card-03 > .img .card > li {
  width: 200px;
  display: table-cell;
  text-align: center;
}
.lyt-card > .img .card > li + li,
.lyt-card-03 > .img .card > li + li {
  padding-left: 12px;
}
.lyt-card > .img .card > li .caption,
.lyt-card-03 > .img .card > li .caption {
  font-size: 100%;
  padding-top: 4px;
  display: block;
}
#contents .lyt-card * + .note-01,
#contents .lyt-card-03 * + .note-01 {
  margin-top: 8px;
}
.lyt-card .disney,
.lyt-card-03 .disney {
  text-align: right;
  display: block;
/* ¥¥¥ACS‘¤ ì‹Æ */
  font-size: 100%;
/* £££ACS‘¤ ì‹Æ */
}
.lyt-card .disney > span,
.lyt-card-03 .disney > span {
  font-size: 150%;
  position: relative;
  top: 2px;
  line-height: 1;
}

.lyt-card-02 {
  display: table;
  direction: rtl;
}
.lyt-card-02 > .img,
.lyt-card-02 > .txt {
  display: table-cell;
  direction: ltr;
  vertical-align: top;
}
.lyt-card-02 > img {
  width: 60px;
  padding-right: 8px;
}
.lyt-card-02 .disney {
  text-align: right;
  display: block;
  font-size: 71.42857%;
}
.lyt-card-02 .disney > span {
  font-size: 150%;
  position: relative;
  top: 2px;
  line-height: 1;
}

.lyt-card-04 {
  margin: -24px -24px -18px;
}
.lyt-card-04 .col {
  float: left;
  width: 427px;
  border-left: 1px solid #dadada;
  margin-left: -1px;
  padding: 24px;
}
.lyt-card-04 .col:first-child {
  border-left: 0 none;
  border-right: 1px solid #dadada;
  margin-left: 0;
}
.main .lyt-card-04 .col {
  width: 307px;
}
.main .lyt-card-04 .col .hdg {
  margin: -20px -20px 0;
  background: #f2f2f2;
  text-align: center;
  padding: 8px 0;
}
.main .lyt-card-04 .col .def-card > dt {
  font-weight: bold;
  min-height: 3.2em;
  text-align: center;
}
.main .lyt-card-04 .col .def-card > dd {
  margin-left: 0;
}
.main .lyt-card-04 .col .def-card > dt + dd {
  margin-top: 14px;
}
#contents .main .lyt-card-04 .col .def-card .def-btn {
  margin-top: 8px;
}
.main .lyt-card-04 .col .card-fig {
  display: table;
}
.main .lyt-card-04 .col .card-fig > li {
  display: table-cell;
  vertical-align: middle;
}
.main .lyt-card-04 .col .card-fig > li.mark {
  font-weight: bold;
  color: #8f8f8f;
  font-size: 142.85714%;
  padding: 0 8px;
}
.lyt-card-04 .col .logo {
  display: table;
  margin: 8px auto 0 !important;
  border-spacing: 4px;
}
.lyt-card-04 .col .logo > li {
  display: table-cell;
  vertical-align: middle;
  padding: 0 6px;
}
.lyt-card-04 .col .logo > li img {
  vertical-align: middle;
}
.lyt-card-04 .col .disney {
  text-align: right;
  display: block;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
/* ¥¥¥ACS‘¤ ì‹Æ */
  font-size: 85%;
/* £££ACS‘¤ ì‹Æ */
}
.lyt-card-04 .col .disney > span {
  font-size: 150%;
  position: relative;
  top: 2px;
  line-height: 1;
}

* + .lyt-card,
* + .lyt-card-02,
* + .lyt-card-03,
* + .lyt-card-04 {
  margin-top: 20px;
}

.main-visual,
.main-visual-02,
.main-visual-03,
.main-visual-04 {
  margin-top: -1px;
  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, .1) inset;
  background: url(/common/css/images/bg-select_01.jpg) no-repeat center top;
  padding-bottom: 24px;
  min-height: 410px;
}
.main-visual .disney,
.main-visual-02 .disney,
.main-visual-03 .disney,
.main-visual-04 .disney {
  text-align: right;
  display: block;
/* ¥¥¥ACS‘¤ ì‹Æ */
  font-size: 85%;
/* £££ACS‘¤ ì‹Æ */
}
.main-visual .disney > span,
.main-visual-02 .disney > span,
.main-visual-03 .disney > span,
.main-visual-04 .disney > span {
  font-size: 150%;
  position: relative;
  top: 2px;
  line-height: 1;
}
.main-visual .frame > .hdg,
.main-visual-02 .frame > .hdg,
.main-visual-03 .frame > .hdg,
.main-visual-04 .frame > .hdg {
  text-align: center;
  padding: 46px 0 21px;
  font-size: 257.14286%;
  line-height: 1.4;
  color: #444444;
  font-weight: normal;
}
.main-visual .frame > .hdg .sub,
.main-visual-02 .frame > .hdg .sub,
.main-visual-03 .frame > .hdg .sub,
.main-visual-04 .frame > .hdg .sub {
  text-align: center;
  display: block;
  font-size: 38.88889%;
  margin-top: 4px;
  margin-bottom: 8px;
}
.main-visual .frame > .hdg.small,
.main-visual-02 .frame > .hdg.small,
.main-visual-03 .frame > .hdg.small,
.main-visual-04 .frame > .hdg.small {
  font-size: 171.42857%;
  min-height: 0;
  padding-bottom: 36px;
}
.main-visual .frame > .hdg ul.special,
.main-visual-02 .frame > .hdg ul.special,
.main-visual-03 .frame > .hdg ul.special,
.main-visual-04 .frame > .hdg ul.special {
  margin-top: 5px;
}
#contents .main-visual a:hover,
#contents .main-visual a:focus,
#contents .main-visual a:active,
#contents .main-visual-02 a:hover,
#contents .main-visual-02 a:focus,
#contents .main-visual-02 a:active,
#contents .main-visual-03 a:hover,
#contents .main-visual-03 a:focus,
#contents .main-visual-03 a:active,
#contents .main-visual-04 a:hover,
#contents .main-visual-04 a:focus,
#contents .main-visual-04 a:active {
  text-decoration: none;
}
#contents .main-visual a:hover .def-icon,
#contents .main-visual a:focus .def-icon,
#contents .main-visual a:active .def-icon,
#contents .main-visual-02 a:hover .def-icon,
#contents .main-visual-02 a:focus .def-icon,
#contents .main-visual-02 a:active .def-icon,
#contents .main-visual-03 a:hover .def-icon,
#contents .main-visual-03 a:focus .def-icon,
#contents .main-visual-03 a:active .def-icon,
#contents .main-visual-04 a:hover .def-icon,
#contents .main-visual-04 a:focus .def-icon,
#contents .main-visual-04 a:active .def-icon {
  color: #666666;
}
.main-visual .img-left,
.main-visual-02 .img-left,
.main-visual-03 .img-left,
.main-visual-04 .img-left {
  margin-top: 0 !important;
}
.main-visual .def-icon,
.main-visual-02 .def-icon,
.main-visual-03 .def-icon,
.main-visual-04 .def-icon {
  font-size: 128.57143%;
  color: #444444;
  font-weight: bold;
  line-height: 1.4;
}
.main-visual .def-icon > dt,
.main-visual-02 .def-icon > dt,
.main-visual-03 .def-icon > dt,
.main-visual-04 .def-icon > dt {
  width: 62px;
  padding-right: 12px;
}
.main-visual .def-icon > dt,
.main-visual .def-icon > dd,
.main-visual-02 .def-icon > dt,
.main-visual-02 .def-icon > dd,
.main-visual-03 .def-icon > dt,
.main-visual-03 .def-icon > dd,
.main-visual-04 .def-icon > dt,
.main-visual-04 .def-icon > dd {
  vertical-align: top;
}
.main-visual .def-icon > dd,
.main-visual-02 .def-icon > dd,
.main-visual-03 .def-icon > dd,
.main-visual-04 .def-icon > dd {
  padding-top: 1em;
}
.main-visual .card,
.main-visual-02 .card,
.main-visual-03 .card,
.main-visual-04 .card {
  background: url(/common/css/images/bg-shadow_01.png) no-repeat 0 0;
  padding: 6px 18px 0 5px;
  margin-left: -5px;
  min-height: 220px;
}
.main-visual .card2,
.main-visual-02 .card2,
.main-visual-03 .card2,
.main-visual-04 .card2 {
  width: 470px;
}
.main-visual .card2 > li,
.main-visual-02 .card2 > li,
.main-visual-03 .card2 > li,
.main-visual-04 .card2 > li {
  background: url(/common/css/images/bg-shadow_02.png) no-repeat 0 0;
  padding: 5px 18px 18px 5px;
  float: left;
  width: 216px;
  margin-left: -5px;
}
.main-visual .special > li + li,
.main-visual-02 .special > li + li,
.main-visual-03 .special > li + li,
.main-visual-04 .special > li + li {
  margin-top: 12px;
}

.campaign-frame {
  background: url(/common/css/images/bg_06.gif) #78b82a;
  color: #fff;
  margin-top: -1px;
  padding: 7px 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, .3) inset;
}
.campaign-frame a {
  color: #fff;
}
.campaign-frame a:visited,
.campaign-frame a:hover,
.campaign-frame a:focus,
.campaign-frame a:active {
  color: #fff;
}
.campaign-frame .page-anc-02 a {
  background-image: url(/common/css/images/ico-arrow_12.png);
}
.campaign-frame .def-card-campaign {
  width: 1000px;
  display: table;
  margin: 0 auto;
}
.campaign-frame .def-card-campaign > dt,
.campaign-frame .def-card-campaign > dd {
  display: table-cell;
}
.campaign-frame .def-card-campaign > dt {
  font-weight: bold;
  padding: 0 15px 0 26px;
  width: 10em;
  background: url(/common/css/images/btn-campaign_02.png) no-repeat 0 0;
}
.campaign-frame .def-card-campaign > * + dd {
  border-left: 1px solid #fff;
  padding-left: 15px;
}

.main-visual.str-01 {
  background-image: url(/common/css/images/bg-select_05.jpg);
}
.main-visual.str-02 {
  background-image: url(/common/css/images/bg-select_06.jpg);
}
.main-visual.str-03 {
  background-image: url(/common/css/images/bg-select_07.jpg);
}
.main-visual.str-04 {
  background-image: url(/common/css/images/bg-select_08.jpg);
}

.main-visual-02 {
  background: url(/common/css/images/bg-select_02.gif);
  min-height: 0;
}
.main-visual-02 + * {
  margin-top: 32px;
}

.main-visual-03 {
  background: url(/common/css/images/bg-select_03.gif);
  min-height: 0;
}

.main-visual-04 {
  background-image: url(/common/css/images/bg-merit_01.jpg);
  min-height: 474px;
}
.main-visual-04 .frame > .hdg {
  padding-bottom: 4px;
}

.main-visual-top {
  background: url(/common/css/images/bg-index_01.jpg) #fdfbf4 no-repeat center top;
  min-height: 448px;
  padding-top: 52px;
}

.main-visual-top > .lead {
  text-align: center;
  margin-top: 81px;
}
#contents .main-visual-top > .txt {
  text-align: center;
  margin: 75px auto 0 10px;
}
#contents .main-visual-top > .txt + * {
  margin-top: 33px;
}
.main-visual-top .cv {
  margin: 0 70px 0 auto;
  width: 390px;
  background: url(/common/css/images/bg_05.png);
  box-shadow: 0 0 5px rgba(0, 0, 0, .3);
  padding: 15px 0 20px;
  text-align: center;
}
.main-visual-top .cv .hdg {
  color: #ca018f;
  font-weight: bold;
  font-size: 114.28571%;
}
.main-visual-top .cv .contents {
  padding: 0 24px;
}
.main-visual-top .cv .contents p {
  margin-top: 6px;
}
.main-visual-top .cv .contents + .contents {
  border-top: 1px solid #dadada;
  margin-top: 6px;
  padding-top: 10px;
}
.main-visual-top .cv .contents .def-btn dt + dd {
  margin-top: 6px;
}
.main-visual-top .cv .contents .btn-03 {
  width: 288px;
  margin: 0 auto;
}
.main-visual-top .cv .contents .btn-03.str-01 {
  margin-top: 10px !important;
}
.main-visual-top .cv .contents .btn-03.str-02 {
  width: 284px;
}
#contents .main-visual-top .cv .contents .btn-03.str-02 {
  margin-top: 10px !important;
}
.main-visual-top .cv .contents .btn-03.str-02 > span {
  padding-top: 7px;
  padding-bottom: 6px;
}
.main-visual-top .frame + .frame {
  margin-top: 36px;
}

/* ----------------------------------------------------------------
  cardlist cplink
----------------------------------------------------------------- */
/* .cplink
----------------------------------------------- */
.parallel .cplink {
	text-align:center;
	font-weight:bold;
	background:#fff;
	border-radius:3px;
}
#contents .parallel .cplink:hover {
	background:#f2f2f2;
}
#contents .parallel .cplink a:hover,#contents .parallel .cplink a:active, {
	text-decoration:none;
}
.parallel .cplink dl dt {
	color:#fff;
	text-decoration:none;
	border-radius:3px 3px 0 0;
	background:#78b82a;
	margin-top:10px;
}
.parallel div.cplink dl dd {
	margin-left:0;
}

/* ----------------------------------------------------------------
  box
----------------------------------------------------------------- */
/* .box
----------------------------------------------- */
#contents .box-01,
.box-campaign {
  border: 1px solid #dadada;
  border-radius: 4px;
  background-color: #fff;
}
#contents .box-01 > .hdg + *,
#contents .box-01 .contents,
#contents .box-01 .contents-02,
.box-campaign > .hdg + *,
.box-campaign .contents,
.box-campaign .contents-02 {
  padding: 20px 24px;
}
#contents .box-01 > .hdg,
.box-campaign > .hdg {
  background: #fcf6de;
  color: #444444;
  line-height: 1.6;
  font-size: 114.28571%;
  font-weight: bold;
  padding: 10px 24px;
  border-radius: 4px 4px 0 0;
}
#contents .box-01 > .hdg .sub + .sub,
.box-campaign > .hdg .sub + .sub {
  margin-left: 1em;
}
#contents .box-01 .lead-01 + p,
.box-campaign .lead-01 + p {
  margin-top: 8px;
}
#contents .box-01 .border,
.box-campaign .border {
  border-top: 1px solid #dadada;
  padding-top: 16px;
  margin-top: 12px;
}
#contents .box-01 * + .lyt-column2,
.box-campaign * + .lyt-column2 {
  margin-top: 8px;
}
#contents .box-01 .def-01 * + dd,
.box-campaign .def-01 * + dd {
  margin-top: 4px;
}
#contents .box-01 .lyt-image.col3 > li,
.box-campaign .lyt-image.col3 > li {
  margin-right: 24px;
  width: 300px;
}
#contents .box-01 .txt-tel,
.box-campaign .txt-tel {
  position: relative;
  display: block;
}
#contents .box-01 .txt-tel .icon,
.box-campaign .txt-tel .icon {
  position: absolute;
  left: 0;
  top: 10px;
}
#contents .box-01 .txt-tel .number,
.box-campaign .txt-tel .number {
  font-weight: bold;
  display: block;
}
#contents .box-01 .txt-tel .number .num,
.box-campaign .txt-tel .number .num {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 257.14286%;
  color: #ca018f;
  line-height: 1.2;
}
#contents .box-01 .txt-tel .number .sub,
.box-campaign .txt-tel .number .sub {
  color: #444444;
  font-weight: normal;
  margin-top: 6px;
}
#contents .box-01 .txt-tel .icon + .number,
.box-campaign .txt-tel .icon + .number {
  padding-left: 48px;
}
#contents .box-01 .qa-01,
.box-campaign .qa-01 {
  border: 0 none !important;
  margin-top: 0 !important;
}
#contents .box-01 .qa-01 li,
.box-campaign .qa-01 li {
  border-top: 0 none !important;
  margin-top: 10px;
}
#contents .box-01 .qa-01 li:first-child,
.box-campaign .qa-01 li:first-child {
  margin-top: 0;
}
#contents .box-01 .qa-01 li a,
.box-campaign .qa-01 li a {
  display: inline-block;
  padding: 0 0 2px 28px;
}
#contents .box-01 .qa-01 li a .icon,
.box-campaign .qa-01 li a .icon {
  left: 0;
  top: 0;
}
#contents .box-01 .qa-01 li a:hover,
#contents .box-01 .qa-01 li a:focus,
#contents .box-01 .qa-01 li a:active,
.box-campaign .qa-01 li a:hover,
.box-campaign .qa-01 li a:focus,
.box-campaign .qa-01 li a:active {
  background: none;
}

.box-notfound {
  margin-top: 72px;
  text-align: center;
}
.box-notfound .lead {
  color: #ccc;
  font-size: 514.28571%;
  font-family: "Helvetica", "Arial", sans-serif;
  line-height: 1;
  font-weight: normal;
}
.box-notfound .hdg {
  color: #bc940a;
  font-size: 142.85714%;
  margin-top: 12px;
}
.box-notfound .hdg + * {
  margin-top: 0px !important;
}
.box-notfound .lyt-btn {
  margin-top: 52px !important;
  margin-bottom: 39px;
  width: 760px;
}
.box-notfound .lyt-btn li {
  width: 368px;
}

.box-site-search {
  background: #fcf6de;
  padding: 25px 0 30px;
}
.box-site-search .lead-01 {
  margin-bottom: 17px;
}
.box-site-search input[type="text"] {
  width: 668px;
  border: 1px solid #dadada;
  padding: 12px 0;
  float: left;
}
.box-site-search button {
  float: right;
  width: 318px;
  margin-top: 0 !important;
}

.box-02,
.box-03,
.box-note-01 {
  background: #fcf6de;
  border-radius: 4px;
}
.box-02 .hdg,
.box-03 .hdg,
.box-note-01 .hdg {
  color: #fff;
  background: #bc940a;
  border-radius: 4px 4px 0 0;
  padding: 10px 24px;
  font-weight: bold;
  font-size: 114.28571%;
}
.box-02 .hdg.simulation,
.box-03 .hdg.simulation,
.box-note-01 .hdg.simulation {
  background: url(/common/css/images/ico-simulation_01.png) no-repeat 24px center #bc940a;
  padding-left: 60px;
}
.box-02 .contents,
.box-03 .contents,
.box-note-01 .contents {
  padding: 24px 25px;
}
.box-02 .contents.simulation,
.box-03 .contents.simulation,
.box-note-01 .contents.simulation {
  padding: 19px 21px;
}
.box-02 .contents.simulation > ul,
.box-03 .contents.simulation > ul,
.box-note-01 .contents.simulation > ul {
  display: table;
  width: 100%;
}
.box-02 .contents.simulation > ul li,
.box-03 .contents.simulation > ul li,
.box-note-01 .contents.simulation > ul li {
  display: table-cell;
  vertical-align: middle;
}
.box-02 .contents.simulation > ul li .select,
.box-03 .contents.simulation > ul li .select,
.box-note-01 .contents.simulation > ul li .select {
  display: table;
}
.box-02 .contents.simulation > ul li .select > dt,
.box-02 .contents.simulation > ul li .select > dd,
.box-03 .contents.simulation > ul li .select > dt,
.box-03 .contents.simulation > ul li .select > dd,
.box-note-01 .contents.simulation > ul li .select > dt,
.box-note-01 .contents.simulation > ul li .select > dd {
  display: table-cell;
  vertical-align: middle;
}
.box-02 .contents.simulation > ul li .select > dt,
.box-03 .contents.simulation > ul li .select > dt,
.box-note-01 .contents.simulation > ul li .select > dt {
  font-weight: bold;
  width: 7em;
}
#contents .box-02 .contents.simulation > ul li .select + .link-01,
#contents .box-03 .contents.simulation > ul li .select + .link-01
#contents .box-note-01 .contents.simulation > ul li .select + .link-01 {
  margin-left: 7em;
  margin-top: 8px !important;
}
#contents .box-02 .contents.simulation > ul li.input,
#contents .box-03 .contents.simulation > ul li.input,
#contents .box-note-01 .contents.simulation > ul li.input {
  width: 270px;
}
#contents .box-02 .contents.simulation > ul li.input .select-01,
#contents .box-02 .contents.simulation > ul li.input .text-01,
#contents .box-03 .contents.simulation > ul li.input .select-01,
#contents .box-03 .contents.simulation > ul li.input .text-01,
#contents .box-note-01 .contents.simulation > ul li.input .select-01,
#contents .box-note-01 .contents.simulation > ul li.input .text-01 {
  width: 130px;
  padding: 10px 5px 10px;
  box-sizing: content-box;
  border: 1px solid #dadada;
}
.box-02 .contents.simulation > ul li.btn,
.box-03 .contents.simulation > ul li.btn,
.box-note-01 .contents.simulation > ul li.btn {
  width: 136px;
  padding: 0px 20px 30px 10px;
}
.box-02 .contents.simulation > ul li.btn span > span,
.box-03 .contents.simulation > ul li.btn span > span,
.box-note-01 .contents.simulation > ul li.btn span > span {
  text-align: left;
}
.box-02 .contents.simulation > ul li .total,
.box-03 .contents.simulation > ul li .total,
.box-note-01 .contents.simulation > ul li .total {
  display: table;
  background: #ffe0e4;
  border: 2px solid #fff;
  width: 252px;
  padding: 0 12px;
  margin-bottom: 26px;
}
#contents .box-02 .contents.simulation > ul li .total + *,
#contents .box-03 .contents.simulation > ul li .total + *,
#contents .box-note-01 .contents.simulation > ul li .total + * {
  margin-top: 8px !important;
}
.box-02 .contents.simulation > ul li .total dt,
.box-02 .contents.simulation > ul li .total dd,
.box-03 .contents.simulation > ul li .total dt,
.box-03 .contents.simulation > ul li .total dd,
.box-note-01 .contents.simulation > ul li .total dt,
.box-note-01 .contents.simulation > ul li .total dd {
  display: table-cell;
  vertical-align: bottom;
}
.box-02 .contents.simulation > ul li .total dt,
.box-03 .contents.simulation > ul li .total dt,
.box-note-01 .contents.simulation > ul li .total dt {
  padding: 34px 0 38px;
  font-weight: bold;
}
.box-02 .contents.simulation > ul li .total dd,
.box-03 .contents.simulation > ul li .total dd,
.box-note-01 .contents.simulation > ul li .total dd {
  text-align: right;
  padding: 20px 0 38px;
}
.box-02 .contents.simulation > ul li .total .num,
.box-03 .contents.simulation > ul li .total .num,
.box-note-01 .contents.simulation > ul li .total .num {
  font-weight: bold;
  color: #ca018f;
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 185.71429%;
  line-height: 1;
}
.box-02 .contents input[type="text"],
.box-03 .contents input[type="text"],
.box-note-01 .contents input[type="text"] {
  width: 64.21053%;
  border: 1px solid #dadada;
  padding: 14px 5px 15px;
}
.box-02 .contents .def-02 dt,
.box-03 .contents .def-02 dt,
.box-note-01 .contents .def-02 dt {
  color: #444444;
}
.box-02 .contents .float-01 + .def-02,
.box-03 .contents .float-01 + .def-02,
.box-note-01 .contents .float-01 + .def-02 {
  border-top: 1px solid #d9d9d9;
  padding-top: 19px;
}
.box-02 .contents input + button,
.box-02 .contents input + a,
.box-03 .contents input + button,
.box-03 .contents input + a,
.box-note-01 .contents input + button,
.box-note-01 .contents input + a {
  width: 312px;
  margin-top: 1px !important;
  box-sizing: content-box;
  top: -1px;
  float: right;
  position: relative;
}
.box-02 .contents input + button:hover,
.box-02 .contents input + button:focus,
.box-02 .contents input + button:active,
.box-02 .contents input + a:hover,
.box-02 .contents input + a:focus,
.box-02 .contents input + a:active,
.box-03 .contents input + button:hover,
.box-03 .contents input + button:focus,
.box-03 .contents input + button:active,
.box-03 .contents input + a:hover,
.box-03 .contents input + a:focus,
.box-03 .contents input + a:active,
.box-note-01 .contents input + button:hover,
.box-note-01 .contents input + button:focus,
.box-note-01 .contents input + button:active,
.box-note-01 .contents input + a:hover,
.box-note-01 .contents input + a:focus,
.box-note-01 .contents input + a:active {
  top: 1px;
}

.box-03 {
  background: #f2f2f2;
}
.box-03 .hdg {
  background: #e0e0e0;
  color: #444444;
}
.box-03 .border {
  margin-right: 0;
  display: table;
}
.box-03 .border + .border {
  border-top: 1px solid #dadada;
  margin-top: 0;
}
.box-03 .border .col {
  margin-right: 0;
  width: 225px;
  float: none;
  display: table-cell;
  padding: 18px 12px 20px;
}
.box-03 .border .col .hdg-sub {
  font-weight: bold;
  margin-bottom: 20px;
}
#contents .box-03 .border .col .btn-icon {
  margin-top: -12px;
}
.box-03 .border .col .btn-icon > li {
  margin-top: 8px;
}
.box-03 .border .col + .col {
  border-left: 1px solid #dadada;
}

.box-note-01 {
  background: #fff;
  border: 1px solid #f7c6cc;
}
.box-note-01 .hdg {
  color: #ca018f;
  background: url(/common/css/images/ico-note_01.png) #fff0f2 no-repeat 24px center;
  border-bottom: 1px solid #f7c6cc;
  padding-left: 52px;
}
.box-note-01 .hdg.str-01 {
  border-bottom: 0 none;
  font-weight: normal;
  color: #a20172;
  font-size: 100%;
}
.box-note-01 .hdg.str-01 a {
  color: #a20172;
}
.box-note-01.no-hdg {
  background: #fff0f2;
}

.box-01 .hdg .sub,
.box-02 .hdg .sub,
.box-03 .hdg .sub,
.box-note-01 .hdg .sub {
  font-weight: normal;
  font-size: 87.5%;
}
.box-01 .num,
.box-02 .num,
.box-03 .num,
.box-note-01 .num {
  font-family: "Helvetica", "Arial", sans-serif;
}

.box-04 {
  border: 2px solid #dadada;
  border-radius: 4px;
  padding: 15px 20px 20px;
}
* + .box-04 {
  margin-top: 24px;
}
.box-04.str-01 {
  padding-bottom: 10px;
}
.box-04 .hdg {
  font-weight: bold;
  font-size: 142.85714%;
  border-bottom: 1px solid;
  border-color: #bc940a;
  padding: 0 4px 6px;
}
.credit .box-04 .hdg {
  border-color: #fa4b62;
}
.point .box-04 .hdg {
  border-color: #ff8121;
}
.bank .box-04 .hdg {
  border-color: #42bde3;
}
.campaign .box-04 .hdg {
  border-color: #78b82a;
}
.life .box-04 .hdg {
  border-color: #10b589;
}
.box-04 .hdg.str-01 {
  padding-left: 0;
  padding-right: 0;
}
.box-04 .hdg.str-01 .sub {
  color: #b28e09;
  font-weight: normal;
  font-size: 70%;
  display: block;
}
.credit .box-04 .hdg.str-01 .sub {
  color: #fa4b62;
}
.point .box-04 .hdg.str-01 .sub {
  color: #ff8121;
}
.bank .box-04 .hdg.str-01 .sub {
  color: #42bde3;
}
.campaign .box-04 .hdg.str-01 .sub {
  color: #78b82a;
}
.life .box-04 .hdg.str-01 .sub {
  color: #10b589;
}
.box-04 .hdg.str-02 {
  padding-left: 0;
  padding-right: 0;
  font-size: 185.71429%;
}
.box-04 .hdg.str-02 .sub {
  color: #b28e09;
  font-weight: normal;
  font-size: 53.84615%;
  display: block;
}
.credit .box-04 .hdg.str-02 .sub {
  color: #fa4b62;
}
.point .box-04 .hdg.str-02 .sub {
  color: #ff8121;
}
.bank .box-04 .hdg.str-02 .sub {
  color: #42bde3;
}
.campaign .box-04 .hdg.str-02 .sub {
  color: #78b82a;
}
.life .box-04 .hdg.str-02 .sub {
  color: #10b589;
}
.box-04 .hdg.str-02 + .contents .btn-category,
.box-04 .hdg.str-02 + .contents .btn-01 {
  width: 100%;
  max-width: 100%;
}
.box-04 .hdg .sub {
  font-size: 70%;
  display: inline-block;
}
.box-04 .hdg.link a {
  padding-left: 30px;
  background: url(/common/css/images/ico-arrow_03.png) no-repeat 0 .33em;
  display: block;
}
.box-04 .hdg.link a {
  text-decoration: none;
}
.box-04 .hdg.link a:hover,
.box-04 .hdg.link a:focus,
.box-04 .hdg.link a:active {
  text-decoration: underline;
}
.box-04 .hdg-sub {
  color: #b28e09;
  font-weight: bold;
}
.credit .box-04 .hdg-sub {
  color: #fa4b62;
}
.point .box-04 .hdg-sub {
  color: #ff8121;
}
.bank .box-04 .hdg-sub {
  color: #42bde3;
}
.campaign .box-04 .hdg-sub {
  color: #78b82a;
}
.life .box-04 .hdg-sub {
  color: #10b589;
}
.box-04 * + .hdg-sub {
  margin-top: 16px;
}
.box-04 .contents {
  padding: 0 3px;
  margin-top: 20px;
}
.box-04 .contents .border {
  border-top: 1px dotted #dadada;
  padding-top: 20px;
  margin-top: 16px;
}
.box-04 .contents .border-02 {
  display: table;
}
.box-04 .contents .border-02 .col {
  width: 201px;
  padding: 0 10px;
  display: table-cell;
  float: none;
  vertical-align: top;
}
.box-04 .contents .border-02 .col + .col {
  border-left: 1px dotted #dadada;
  margin-left: 0;
}
.box-04 .btn-frame {
  padding: 0 3px;
  margin-top: 16px;
}
.box-04 .btn-01 {
  margin-left: auto;
  margin-right: auto;
}

.box-05 {
  background: #f2f2f2;
  padding: 12px 20px;
}

.box-campaign {
  border-color: #78b82a;
}
.box-campaign .hdg {
  background-color: #f1f7e9;
  color: #68a819;
}
.box-campaign .hdg .icon {
  vertical-align: text-top;
  margin-right: 8px;
}

.box-index {
  background: url(/common/css/images/bg-index_02.gif) repeat-x left bottom #f7f8f2;
}
.box-index .frame > .hdg {
  font-size: 185.71429%;
  font-weight: normal;
  text-align: center;
  padding-bottom: 23px;
}
.box-index .frame {
  position: relative;
  padding: 28px 0;
}
.box-index .contents-01 {
  width: 312px;
  text-align: center;
  float: left;
  margin-left: 7px;
}
.box-index .contents-01 .btn-category {
  width: 238px;
  margin-top: 41px !important;
  position: relative;
  left: -2px;
}
.box-index .contents-02 {
  background: url(/common/css/images/bg_05.png);
  width: 280px;
  text-align: center;
  float: right;
  padding: 14px 10px 17px;
  border-radius: 4px;
  position: relative;
  margin-top: 4px;
}
.box-index .contents-02 .hdg {
  font-size: 128.57143%;
}
#contents .box-index .contents-02 .hdg + * {
  margin-top: 8px;
}
#contents .box-index .contents-02 .btn-02 {
  margin-top: 10px !important;
  min-width: 128px;
}
.box-index .contents-02 .bnr-01 {
  display: inline-block;
}
.box-index .contents-02 .caption {
  font-size: 100%;
  display: block;
  text-align: center;
  margin-top: 8px;
}
.box-index img.img {
  position: absolute;
  bottom: 0;
  left: 307px;
}

.box-index-02 {
  background: #fdfbf4;
  padding: 15px 0 20px;
}

.box-index-02 .hdg-link {
  position: relative;
  padding: 0 200px;
}
.box-index-02 .hdg-link .btn-02 {
  position: absolute;
  right: 0;
  top: -3px;
  max-width: 200px;
}
.box-index-02 .hdg {
  text-align: center;
  font-weight: normal;
  font-size: 257.14286%;
  position: relative;
  display: table;
  margin: 0 auto;
}
.box-index-02 .hdg:before,
.box-index-02 .hdg:after {
  content: "";
  background: url(/common/css/images/hdg-campaign_03.png);
  width: 29px;
  height: 31px;
  position: absolute;
  top: .3em;
  left: -45px;
}
.box-index-02 .hdg:after {
  right: -50px;
  left: auto;
}
#contents .box-index-02 .lyt-image.col3 {
  margin-top: -1px;
}
.box-index-02 .lyt-image.col3 > li {
  margin-top: 21px;
}

.box-index-03 {
  padding: 31px 0 10px;
}
.box-index-03 .hdg-link {
  position: relative;
  padding-right: 100px;
}
.box-index-03 .hdg-link .btn-02 {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100px;
}
#contents .box-index-03 .hdg-link > * + * {
  margin-top: 0 !important;
}
.box-index-03 .topics-01 {
  border: none;
}
.box-index-03 .topics-01 > li {
  border: none;
}
.box-index-03 .topics-01 > li a {
  padding: 4px 0;
}
.box-index-03 .topics-01 .data {
  width: 10em;
  font-size: 85.71429%;
}

.box-index-04 {
  background: #fdfbf4;
  padding: 25px 0 25px;
}


/* .box-apply
----------------------------------------------- */
.box-apply {
  background: #fae59b;
  padding: 10px;
}
.box-apply > .hdg {
  text-align: center;
  color: #444444;
  font-size: 142.85714%;
}
.box-apply > .hdg h1,
.box-apply > .hdg h2,
.box-apply > .hdg h3,
.box-apply > .hdg h4,
.box-apply > .hdg h5,
.box-apply > .hdg h6 {
  font-size: 100%;
}
.box-apply > .hdg .sub {
  font-size: 70%;
  color: #444444;
}
.box-apply > .hdg .sub + .sub {
  margin-left: 1em;
}
.box-apply > .hdg + * {
  margin-top: 16px;
}
.main * + .box-apply {
  margin-top: 40px;
}
.box-apply > .btn-category,
.box-apply > .btn-01,
.box-apply > .btn-02,
.box-apply > .btn-03 {
  margin-top: 6px;
  margin-bottom: 8px;
}
.box-apply .txt-tel {
  margin-top: 0;
  position: relative;
  display: block;
}
.box-apply .txt-tel .icon {
  position: absolute;
  left: 0;
  top: 8px;
}
.box-apply .txt-tel .number {
  font-weight: bold;
  display: block;
}
.box-apply .txt-tel .number .num {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 257.14286%;
  color: #ca018f;
  line-height: 1.2;
}
.box-apply .txt-tel .number .sub {
  color: #444444;
  font-weight: normal;
  margin-top: 4px;
}
.box-apply .txt-tel .icon + .number {
  padding-left: 48px;
}
.box-apply .frame-02 {
  width: 1000px;
  margin: 6px auto;
}
.frame .box-apply {
  padding: 19px 24px 24px;
}
.frame .box-apply .lyt-card .img {
  padding-left: 12px;
}
.box-apply > .frame {
  padding: 20px 0 26px;
}
.box-apply > .frame .lyt-card .img {
  padding-left: 12px;
}
.box-apply > .frame .def-btn dt + dd {
  margin-top: 8px;
}
.box-apply > .frame > .hdg {
  font-size: 257.14286%;
  font-weight: normal;
  color: #b28e09;
  text-align: center;
  line-height: 1;
}
.credit .box-apply > .frame > .hdg {
  color: #fa4b62;
}
.point .box-apply > .frame > .hdg {
  color: #ff8121;
}
.bank .box-apply > .frame > .hdg {
  color: #42bde3;
}
.campaign .box-apply > .frame > .hdg {
  color: #78b82a;
}
.life .box-apply > .frame > .hdg {
  color: #10b589;
}
.box-apply > .frame > .hdg h1,
.box-apply > .frame > .hdg h2,
.box-apply > .frame > .hdg h3,
.box-apply > .frame > .hdg h4,
.box-apply > .frame > .hdg h5,
.box-apply > .frame > .hdg h6 {
  font-size: 100%;
  font-weight: normal;
}
.box-apply > .frame > .hdg .sub {
  font-size: 38.88889%;
  color: #444444;
}
.box-apply > .frame > .hdg .sub + .sub {
  margin-left: 1em;
}
.box-apply > .frame > .hdg + * {
  margin-top: 26px;
}
.box-apply > .def-btn {
  padding-bottom: 8px;
}
.box-apply > .def-btn .lyt-btn {
  width: 760px;
  margin: 0 auto 4px;
}
.box-apply > .def-btn .lyt-btn > li {
  width: 368px;
}
.box-apply > .def-btn .lyt-btn > li > a {
  display: table;
}
.box-apply > .def-btn .lyt-btn > li > a > span {
  display: table-cell;
  vertical-align: middle;
}
.box-apply > .def-btn .lyt-btn > li .btn-01 {
  font-size: 185.71429%;
}
.box-apply > .def-btn .lyt-btn .hdg {
  display: block;
  text-align: center;
}
#contents .box-apply > .def-btn .lyt-btn .hdg + a,
#contents .box-apply > .def-btn .lyt-btn .hdg + a {
  margin-top: 4px !important;
}
.box-apply .inner {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .3);
  padding: 24px 24px 18px;
}
.box-apply .inner + .inner {
  margin-top: 20px;
}
.box-apply .txt .lyt-column2 {
  margin-top: 12px;
}
.box-apply .txt .lyt-column2 > .col {
  width: 280px;
}
.box-apply .lyt-card {
  width: 604px;
}
.box-apply .lyt-card-03 {
  width: 808px;
}
.frame + .box-apply,
.lyt-column + .box-apply {
  margin-top: 48px;
}
.box-apply + * {
  margin-top: 32px;
}

.box-apply-02 {
  background: #fcf6de;
  padding: 32px 0 40px;
  border-top: 1px solid #dadada;
}
.box-apply-02 > .frame > .hdg {
  font-size: 185.71429%;
  font-weight: normal;
  color: #b28e09;
  text-align: center;
}
.credit .box-apply-02 > .frame > .hdg {
  color: #fa4b62;
}
.point .box-apply-02 > .frame > .hdg {
  color: #ff8121;
}
.bank .box-apply-02 > .frame > .hdg {
  color: #42bde3;
}
.campaign .box-apply-02 > .frame > .hdg {
  color: #78b82a;
}
.life .box-apply-02 > .frame > .hdg {
  color: #10b589;
}
.box-apply-02 > .frame > .hdg + * {
  margin-top: 24px;
}
* + .box-apply-02 {
  margin-top: 32px;
}
.box-apply-02 .inner {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .3);
  padding: 24px;
}
.frame + .box-apply-02 {
  margin-top: 48px;
}
.box-apply-02 .lyt-card {
  width: 100%;
}

/* .box-point
----------------------------------------------- */
.hdg-point {
  display: table;
  direction: rtl;
}
.hdg-point > .icon,
.hdg-point > .txt {
  display: table-cell;
  direction: ltr;
  vertical-align: middle;
}
.hdg-point > .icon {
  width: 10px;
  padding-right: 12px;
}
.hdg-point > .txt {
  font-size: 142.85714%;
  font-weight: bold;
}
.hdg-point + * {
  margin-top: 18px;
}

.box-point {
  border: 5px solid #d9d9d9;
  border-radius: 6px;
  box-shadow: 0 0 1px rgba(0, 0, 0, .8) inset;
  padding: 20px 34px;
  background: url(/common/css/images/bg-box-point_01.gif) 7px 7px;
}
.box-point > .hdg {
  background: #bc940a;
  border-left: 6px solid #a07e09;
  color: #fff;
  display: table;
  font-weight: normal;
  position: relative;
  left: -39px;
  top: -6px;
  padding: 6px 17px 6px 13px;
}
.box-point .check {
  font-weight: bold;
  margin-right: -32px;
  margin-top: 0 !important;
  font-size: 114.28571%;
}
.box-point .check > li {
  float: left;
  margin-right: 32px;
  width: 418px;
  padding-left: 26px;
  background: url(/common/css/images/ico-check_01.png) no-repeat 0 .2em;
  margin-top: 8px;
}
.main .box-point .check > li {
  width: 299px;
}

/* .box-category
----------------------------------------------- */
#contents .box-category .contents {
  border: 1px solid #dadada;
  border-top: 0 none;
  border-radius: 0 0 4px 4px;
}
#contents .box-category .contents dt,
#contents .box-category .contents dd {
  padding: 0 16px;
}
#contents .box-category .contents dd + dt {
  border-top: 1px solid #dadada;
  margin-top: 16px;
}
#contents .box-category .contents dt {
  padding-top: 12px;
}
#contents .box-category .contents dd li {
  margin-top: 5px;
}
#contents .box-category .contents dd input[type="text"] {
  width: 110px;
  padding: 10px 5px;
  margin-right: 10px;
  position: relative;
}
#contents .box-category .contents dd input[type="text"].full {
  width: 210px;
}
#contents .box-category .contents dd input[name="key"] {
  background: url(/common/css/images/ico-search_01.gif) no-repeat 195px center white;
  border: 1px solid #dadada;
}
#contents .box-category .contents dl + * {
  border-top: 1px solid #dadada;
}
#contents .box-category .contents .frame-search {
  padding: 0 10px 10px;
  margin-top: 16px;
}
#contents .box-category .form + * {
  margin-top: 8px;
}
#contents .box-category .hdg {
  color: #fff;
  background-color: #bc940a;
  border-radius: 4px 4px 0 0;
  padding: 10px 16px;
}
.credit #contents .box-category .hdg {
  background-color: #fa4b62;
}
.point #contents .box-category .hdg {
  background-color: #ff8121;
}
.bank #contents .box-category .hdg {
  background-color: #42bde3;
}
.campaign #contents .box-category .hdg {
  background-color: #78b82a;
}
.life #contents .box-category .hdg {
  background-color: #10b589;
}
#contents .box-category .hdg .search {
  padding-left: 24px;
  background: url(/common/css/images/ico-search_02.png) no-repeat 0 center;
}
#contents .box-category .hdg-sub {
  font-weight: bold;
  margin: 20px 0 8px;
}
#contents .box-category button,
#contents .box-category .btn {
  width: 228px;
  margin: 12px auto 8px;
}
#contents .box-category .contents .menu dt {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #ffe0e4;
  font-weight: bold;
}
#contents .box-category .contents .menu dd {
  margin-left: 0;
  padding: 0;
}
#contents .box-category .contents .menu dd + dt {
  margin-top: 0;
}
#contents .box-category .contents .menu dd li {
  margin-top: 0;
  border-top: 1px solid #dadada;
  padding: 3px;
}
#contents .box-category .contents .menu dd li a {
  display: block;
  border-radius: 4px;
  padding: 10px 9px;
  color: #444444;
  text-decoration: none;
  transition: .3s;
}
#contents .box-category .contents .menu dd li.current a,
#contents .box-category .contents .menu dd li a:hover,
#contents .box-category .contents .menu dd li a:active,
#contents .box-category .contents .menu dd li a:focus {
  background: #ebebeb;
  color: #bc940a;
}
body.credit #contents .box-category .contents .menu dd li.current a,
body.credit #contents .box-category .contents .menu dd li a:hover,
body.credit #contents .box-category .contents .menu dd li a:active,
body.credit #contents .box-category .contents .menu dd li a:focus {
  background-color: #ffe0e4;
  color: #fa4b62;
}
#contents .box-category .contents .menu dd li a span {
  display: block;
  padding-left: 10px;
  background: url(images/ico-base_01.png) no-repeat 0 .5em;
}
body.credit #contents .box-category .contents .menu dd li a span {
  background-image: url(images/ico-credit_01.png);
}

/* .box-answer
----------------------------------------------- */
.box-answer {
  padding: 12px 0 0 56px;
  background: url(/common/css/images/ico-answer_02.gif) no-repeat 0 0;
  color: #444444;
  position: relative;
}
.box-answer > * + * {
  margin-top: 16px !important;
}
.box-answer > .answer + * {
  margin-top: 0 !important;
}
.box-answer .answer {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  display: block;
}

/* .box-sort
----------------------------------------------- */
.box-sort {
  background: #ebebeb;
  padding: 10px 24px;
}
.box-sort > * {
  float: right;
}
* + .box-sort {
  margin-top: 20px;
}
.box-sort .def-02 > dd {
  margin-left: 15px;
}

/* .box-point-01
----------------------------------------------- */
.def-news {
  display: table;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  top: 2px;
}
.def-news > dt,
.def-news > dd {
  display: table-cell;
  vertical-align: middle;
}
.def-news > dt {
  background: #ca018f;
  color: #fff;
  width: 105px;
  text-align: center;
}
.def-news > dd {
  background: #ebebeb;
  padding: 9px 22px 8px;
}
.def-news + * {
  margin-top: 33px;
}

.box-point-01 {
  border-radius: 4px;
  border-top: 1px solid #dadada;
  border-left: 1px solid #dadada;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  background: url(/common/css/images/bg-point_01.jpg) no-repeat 0 0 #f5f3dc;
  padding: 40px 40px 40px 42px;
  margin-left: -1px;
}
.box-point-01 .lyt-point > .contents {
  width: 640px;
  float: left;
}
.box-point-01 .lyt-point > .contents > .hdg {
  font-weight: normal;
  color: #ff8121;
  font-size: 228.57143%;
}
.box-point-01 .lyt-point > .contents .point {
  margin-top: 28px !important;
  margin-left: -2px;
  font-size: 114.28571%;
}
.box-point-01 .lyt-point > .contents .point + * {
  margin-top: 24px !important;
  margin-left: -2px;
}
.box-point-01 .lyt-point > .contents .point li {
  font-weight: bold;
}
.box-point-01 .lyt-point > .contents .point li + li {
  margin-top: 12px;
}
.box-point-01 .lyt-point > .contents .point li .mark {
  width: 62px;
  margin-right: 10px;
  float: left;
}
.box-point-01 .lyt-point > .contents .point li .txt {
  display: block;
  width: 510px;
  float: left;
  padding: 6px 0 0 3px;
}
.box-point-01 .lyt-point > .cv {
  background: url(/common/css/images/bg_05.png);
  width: 238px;
  padding: 20px 20px 24px;
  text-align: center;
  float: right;
  box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
.box-point-01 .lyt-point > .cv > .hdg {
  font-weight: bold;
  color: #ca018f;
  font-size: 128.57143%;
}
#contents .box-point-01 .lyt-point > .cv > .hdg + * {
  margin-top: 8px;
}
.box-point-01 > .contents-01 {
  border-radius: 4px;
  text-align: center;
  padding: 35px 0 17px;
  margin-top: 40px;
  margin-left: -2px;
  background: url(/common/css/images/bg_04.gif) repeat-x 0 0 white;
}
#contents .box-point-01 > .contents-01 .logo {
  margin-top: 5px;
}
#contents .box-point-01 > .contents-01 .logo + * {
  margin-top: 17px;
}
#contents .box-point-01 > .contents-01 .bnr {
  letter-spacing: -1em;
  margin-top: 15px;
}
#contents .box-point-01 > .contents-01 .bnr > li {
  display: inline-block;
  letter-spacing: 0;
}
#contents .box-point-01 > .contents-01 .bnr > li a {
  display: block;
  border-radius: 4px;
  border: 1px solid #dadada;
  overflow: hidden;
  width: 130px;
}
#contents .box-point-01 > .contents-01 .bnr > li a img {
  transition: opacity .3s;
}
#contents .box-point-01 > .contents-01 .bnr > li a:hover img,
#contents .box-point-01 > .contents-01 .bnr > li a:focus img,
#contents .box-point-01 > .contents-01 .bnr > li a:active img {
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
#contents .box-point-01 > .contents-01 .bnr > li + li {
  margin-left: 16px;
}

/*tpt7th*/
.box-point-01 > .contents-01.tpt7th {
  background: url(/common/css/images/bg_04_tpt7th.gif) repeat-x 0 0 #9657A4;
}
#contents .box-point-01 > .contents-01.tpt7th .logo + * {
  color: #FFF;
}
#contents .box-point-01 > .contents-01.tpt7th .bnr > li a {
  display: block;
  border-radius: 4px;
  background-color: #FFF;
  border: 1px solid #dadada;
  overflow: hidden;
  width: 130px;
}

.box-point-01 > .contents-02 {
  margin-left: -2px;
}
.box-point-01 > .contents-02 > .col {
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  width: 448px;
}
.box-point-01 > .contents-02 > .col > a {
  background: #ff8121 repeat-x;
  display: block;
  color: #fff;
  text-align: center;
  transition: background .3s;
}
.box-point-01 > .contents-02 > .col > a:hover,
.box-point-01 > .contents-02 > .col > a:focus,
.box-point-01 > .contents-02 > .col > a:active {
  background-color: #f06f0c;
}
#contents .box-point-01 > .contents-02 > .col > a .hdg-link-01 {
  text-align: center;
  background-image: none;
  position: relative;
  padding-top: 0;
  padding-left: 30px;
  background-image: url(/common/css/images/ico-arrow_05.png);
}
.box-point-01 > .contents-02 > .col > a.link {
  padding: 18px 0 16px;
  line-height: 1.4;
  font-size: 128.57143%;
}
#contents .box-point-01 > .contents-02 > .col > a.link .hdg-link-01 {
  background-position: 0 .15em;
  padding-bottom: 0;
  line-height: 24px;
}
.box-point-01 > .contents-02 > .col > a.hdg {
  padding: 20px 20px 19px;
  background-image: url(/common/css/images/bg-point_02.png);
  background-position: 0 0;
}
#contents .box-point-01 > .contents-02 > .col > a.hdg:hover,
#contents .box-point-01 > .contents-02 > .col > a.hdg:focus,
#contents .box-point-01 > .contents-02 > .col > a.hdg:active {
  text-decoration: none;
}
#contents .box-point-01 > .contents-02 > .col > a.hdg .hdg-link-01 {
  font-size: 200%;
  font-weight: normal;
  background-position: 0 1em;
}
#contents .box-point-01 > .contents-02 > .col > a.hdg .hdg-link-01 .strong {
  font-size: 150%;
}
.box-point-01 > .contents-02 > .col > a.hdg .txt {
  text-align: left;
  margin-top: 4px !important;
}
.box-point-01 > .contents-02 > .col .point-frame {
  border-left: 2px solid #ff8121;
  border-right: 2px solid #ff8121;
}
.box-point-01 > .contents-02 > .col .point-frame > .link {
  padding-top: 9px;
  padding-bottom: 7px;
  border-top: 0 none;
}
.box-point-01 > .contents-02 > .col .point-frame > div {
  border-top: 1px solid #dadada;
  padding: 20px 24px 23px;
}
.box-point-01 > .contents-02 > .col .point-frame > div .hdg-01 {
  font-size: 142.85714%;
}
.box-point-01 > .contents-02 > .col .point-frame > div .inner-01,
.box-point-01 > .contents-02 > .col .point-frame > div .inner-02,
.box-point-01 > .contents-02 > .col .point-frame > div .inner-03 {
  width: 255px;
}
#contents .box-point-01 > .contents-02 > .col .point-frame > div .inner-01 .note-01,
#contents .box-point-01 > .contents-02 > .col .point-frame > div .inner-02 .note-01,
#contents .box-point-01 > .contents-02 > .col .point-frame > div .inner-03 .note-01 {
  margin-top: 3px;
}
#contents .box-point-01 > .contents-02 > .col .point-frame > div .inner-01 p,
#contents .box-point-01 > .contents-02 > .col .point-frame > div .inner-02 p,
#contents .box-point-01 > .contents-02 > .col .point-frame > div .inner-03 p {
  margin-top: 8px;
}
.box-point-01 > .contents-02 > .col .point-frame > div .btn-01 {
  min-width: 100%;
}
.box-point-01 > .contents-02 > .col.col-l .contents-01 {
  background: url(/common/css/images/bg-point_02.jpg) no-repeat right top;
}
.box-point-01 > .contents-02 > .col.col-l .contents-02 {
  background: url(/common/css/images/bg-point_03.jpg) no-repeat right top;
}
.box-point-01 > .contents-02 > .col.col-l .contents-03 {
  background: url(/common/css/images/bg-point_04.jpg) no-repeat right top;
}
.box-point-01 > .contents-02 > .col.col-r .contents-01 {
  background: url(/common/css/images/bg-point_05.jpg) no-repeat right top;
}
.box-point-01 > .contents-02 > .col.col-r .contents-02 {
  background: url(/common/css/images/bg-point_06.jpg) no-repeat right top;
}
.box-point-01 > .contents-02 > .col.col-r .contents-03 .inner-03 {
  width: 100%;
}

.point.lv2 .lyt-column3 {
  margin-top: 32px;
}
.point.lv2 .lyt-column3 .box-04 {
  padding-bottom: 30px;
}
.point.lv2 .lyt-column3 .contents {
  margin-top: 16px;
}
.point.lv2 .lyt-column3 .contents * + p {
  margin-top: 8px !important;
}
.point.lv2 .lyt-column3 .contents * + .note-01 {
  margin-top: 14px !important;
}
.point.lv2 .lyt-column3 .col2 {
  width: 614px;
  margin-right: 0;
}
.point.lv2 .lyt-column3 .col {
  margin-left: 24px;
  margin-right: 0;
  width: 274px;
}

/* .box-finance-01
----------------------------------------------- */
.box-finance-01 {
  border-left: 1px solid #dadada;
  border-top: 1px solid #dadada;
  border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  margin-left: -1px;
}
.box-finance-01 .contents-01,
.box-finance-01 .contents-02,
.box-finance-01 .contents-03,
.box-finance-01 .contents-04 {
  padding-bottom: 40px;
}
.box-finance-01 .contents-01 > .hdg,
.box-finance-01 .contents-02 > .hdg,
.box-finance-01 .contents-03 > .hdg,
.box-finance-01 .contents-04 > .hdg {
  float: left;
}
.box-finance-01 .contents-01 > .inner,
.box-finance-01 .contents-02 > .inner,
.box-finance-01 .contents-03 > .inner,
.box-finance-01 .contents-04 > .inner {
  float: right;
  width: 730px;
  margin-top: 35px;
}
.box-finance-01 .contents-01 > .hdg,
.box-finance-01 .contents-02 > .hdg,
.box-finance-01 .contents-03 > .hdg,
.box-finance-01 .contents-04 > .hdg {
  display: table;
  background: #42bde3;
  color: #fff;
  font-size: 128.57143%;
  position: relative;
  padding: 14px 56px 10px 16px;
  left: -8px;
  font-weight: bold;
  margin-top: 10px;
}
.box-finance-01 .contents-01 > .hdg:before,
.box-finance-01 .contents-02 > .hdg:before,
.box-finance-01 .contents-03 > .hdg:before,
.box-finance-01 .contents-04 > .hdg:before {
  content: "";
  display: block;
  width: 8px;
  height: 6px;
  background: url(/common/css/images/bg-hdg_02.gif);
  position: absolute;
  left: 0;
  bottom: -6px;
}
.box-finance-01 .contents-01 .lead-01,
.box-finance-01 .contents-02 .lead-01,
.box-finance-01 .contents-03 .lead-01,
.box-finance-01 .contents-04 .lead-01 {
  padding-right: 24px;
}
.box-finance-01 .contents-01 .btn,
.box-finance-01 .contents-02 .btn,
.box-finance-01 .contents-03 .btn,
.box-finance-01 .contents-04 .btn {
  padding-right: 48px;
  margin-top: 24px;
}
.box-finance-01 .contents-01 .lyt-column2,
.box-finance-01 .contents-02 .lyt-column2,
.box-finance-01 .contents-03 .lyt-column2,
.box-finance-01 .contents-04 .lyt-column2 {
  margin-top: 25px !important;
}
.box-finance-01 .contents-01 .lyt-column2 .col,
.box-finance-01 .contents-02 .lyt-column2 .col,
.box-finance-01 .contents-03 .lyt-column2 .col,
.box-finance-01 .contents-04 .lyt-column2 .col {
  width: 298px;
  background: #fff;
  border-radius: 4px;
  border-top: 8px solid #42bde3;
  box-shadow: 0 0 1px rgba(0, 0, 0, .3);
  padding: 20px 25px 22px;
  transition: background .3s;
}
#contents .box-finance-01 .contents-01 .lyt-column2 .col:hover,
#contents .box-finance-01 .contents-01 .lyt-column2 .col:focus,
#contents .box-finance-01 .contents-01 .lyt-column2 .col:active,
#contents .box-finance-01 .contents-02 .lyt-column2 .col:hover,
#contents .box-finance-01 .contents-02 .lyt-column2 .col:focus,
#contents .box-finance-01 .contents-02 .lyt-column2 .col:active,
#contents .box-finance-01 .contents-03 .lyt-column2 .col:hover,
#contents .box-finance-01 .contents-03 .lyt-column2 .col:focus,
#contents .box-finance-01 .contents-03 .lyt-column2 .col:active,
#contents .box-finance-01 .contents-04 .lyt-column2 .col:hover,
#contents .box-finance-01 .contents-04 .lyt-column2 .col:focus,
#contents .box-finance-01 .contents-04 .lyt-column2 .col:active {
  text-decoration: none;
  background: #fcf6de;
}
.box-finance-01 .contents-01 .lyt-column2 .col + .col,
.box-finance-01 .contents-02 .lyt-column2 .col + .col,
.box-finance-01 .contents-03 .lyt-column2 .col + .col,
.box-finance-01 .contents-04 .lyt-column2 .col + .col {
  margin-left: 12px;
}
#contents .box-finance-01 .contents-01 .lyt-column2 .col .hdg-link-01,
#contents .box-finance-01 .contents-02 .lyt-column2 .col .hdg-link-01,
#contents .box-finance-01 .contents-03 .lyt-column2 .col .hdg-link-01,
#contents .box-finance-01 .contents-04 .lyt-column2 .col .hdg-link-01 {
  font-size: 214.28571%;
  color: #42bde3;
  background: url(/common/css/images/ico-bank_06.png) no-repeat 0 .3em;
  font-weight: normal;
  padding-left: 30px;
  line-height: 1.2;
}
#contents .box-finance-01 .contents-01 .lyt-column2 .col .hdg-link-01 img,
#contents .box-finance-01 .contents-02 .lyt-column2 .col .hdg-link-01 img,
#contents .box-finance-01 .contents-03 .lyt-column2 .col .hdg-link-01 img,
#contents .box-finance-01 .contents-04 .lyt-column2 .col .hdg-link-01 img {
  vertical-align: top;
  padding-top: 3px;
}
#contents .box-finance-01 .contents-01 .lyt-column2 .col .hdg-link-01 .sub,
#contents .box-finance-01 .contents-02 .lyt-column2 .col .hdg-link-01 .sub,
#contents .box-finance-01 .contents-03 .lyt-column2 .col .hdg-link-01 .sub,
#contents .box-finance-01 .contents-04 .lyt-column2 .col .hdg-link-01 .sub {
  font-size: 46.66667%;
  display: block;
}
#contents .box-finance-01 .contents-01 .lyt-column2 .col .hdg-link-01 .num,
#contents .box-finance-01 .contents-02 .lyt-column2 .col .hdg-link-01 .num,
#contents .box-finance-01 .contents-03 .lyt-column2 .col .hdg-link-01 .num,
#contents .box-finance-01 .contents-04 .lyt-column2 .col .hdg-link-01 .num {
  font-family: "Helvetica", "Arial", sans-serif;
}
.box-finance-01 .contents-01 .lyt-column2 .col .contents,
.box-finance-01 .contents-02 .lyt-column2 .col .contents,
.box-finance-01 .contents-03 .lyt-column2 .col .contents,
.box-finance-01 .contents-04 .lyt-column2 .col .contents {
  color: #444444;
  margin-top: 11px;
}
.box-finance-01 .contents-01 {
  border-radius: 4px 4px 0 0;
  background: url(/common/css/images/bg-finance_01.jpg) no-repeat 0 bottom;
}
.box-finance-01 .contents-02 {
  background: url(/common/css/images/bg-finance_02.jpg) no-repeat 0 bottom;
}
.box-finance-01 .contents-03 {
  background: url(/common/css/images/bg-finance_03.jpg) no-repeat 0 bottom;
}
.box-finance-01 .contents-04 {
  border-radius: 0 0 4px 4px;
  background: url(/common/css/images/bg-finance_04.jpg) no-repeat 0 bottom;
}

.btn-finance {
  margin: 24px 0 0 auto;
  display: table;
}
.btn-finance > a {
  max-width: 100%;
  width: 100%;
}

/* .box-credit-01
----------------------------------------------- */
.box-credit-01 {
  background: #fff0f2;
  border-radius: 4px;
  padding: 17px 20px 19px;
  font-weight: bold;
  text-align: center;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
}
.box-credit-01 > .hdg {
  text-align: center;
  font-weight: normal;
  padding-bottom: 12px;
  font-size: 185.71429%;
  color: #b28e09;
  box-shadow: 0px 4px 4px -4px rgba(0, 0, 0, .3);
}
.credit .box-credit-01 > .hdg {
  color: #fa4b62;
}
.point .box-credit-01 > .hdg {
  color: #ff8121;
}
.bank .box-credit-01 > .hdg {
  color: #42bde3;
}
.campaign .box-credit-01 > .hdg {
  color: #78b82a;
}
.life .box-credit-01 > .hdg {
  color: #10b589;
}
.box-credit-01 dl {
  width: 100%;
  min-height: 58px;
}
.box-credit-01 dl > dt,
.box-credit-01 dl > dd {
  float: left;
}
.box-credit-01 dd {
  margin-left: 0;
  width: 158px;
  padding-top: 4px;
  font-size: 114.28571%;
}
.box-credit-01 dd strong {
  font-size: 125%;
  line-height: 1;
}
.box-credit-01 dt {
  background: #fa4b62;
  color: #fff;
  font-weight: bold;
  width: 36px;
  padding: 10px 7px 7px;
  border-radius: 4px;
  line-height: 1.25;
}
.box-credit-01 .list {
  display: table;
  width: 100%;
  margin-top: 8px !important;
}
.box-credit-01 .list > li {
  border-radius: 4px;
  width: 208px;
  display: table-cell;
  padding: 10px 11px 6px;
  border-left: 15px solid #fff0f2;
}
.box-credit-01 .list > li:first-child {
  border-left: 0 none;
}
.box-credit-01 .list > li .img {
  margin: 15px 0 0 4px;
}
.box-credit-01 .list + * {
  margin-top: 15px !important;
}
.box-credit-01 + * {
  margin-top: 30px;
}
.box-credit-01 .btn-01 {
  margin-top: 40px !important;
}

.box-credit-02 {
  border-radius: 4px;
  border-left: 1px solid #f2f2f2;
  border-top: 1px solid #f2f2f2;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  margin-left: -1px;
}
.box-credit-02 .contents-01,
.box-credit-02 .contents-02,
.box-credit-02 .contents-03,
.box-credit-02 .contents-04 {
  padding: 14px 20px;
}
.box-credit-02 .contents-01 > .hdg,
.box-credit-02 .contents-02 > .hdg,
.box-credit-02 .contents-03 > .hdg,
.box-credit-02 .contents-04 > .hdg {
  background: #fa4b62;
  font-weight: bold;
  color: #fff;
  display: table;
  position: relative;
  left: -28px;
  padding: 12px 52px 12px 16px;
  font-size: 128.57143%;
  position: relative;
}
.box-credit-02 .contents-01 > .hdg:before,
.box-credit-02 .contents-02 > .hdg:before,
.box-credit-02 .contents-03 > .hdg:before,
.box-credit-02 .contents-04 > .hdg:before {
  content: "";
  width: 8px;
  height: 6px;
  background: url(/common/css/images/bg-hdg_01.gif) no-repeat 0 0;
  position: absolute;
  left: 0;
  bottom: -6px;
}
.box-credit-02 .contents-01 {
  background: #fcf6de;
  padding: 10px 20px 20px;
}
.box-credit-02 .contents-01 .key-visual-03 {
  margin-top: 20px;
  padding-bottom: 0;
}
.box-credit-02 .contents-02 {
  background: url(/common/css/images/bg_03.gif);
}
.box-credit-02 .contents-02 .bnr {
  margin-top: 16px !important;
  letter-spacing: -1em;
}
.box-credit-02 .contents-02 .bnr > li {
  letter-spacing: 0;
  display: inline-block;
}
.box-credit-02 .contents-02 .bnr > li + li {
  margin-left: 6px;
}
.box-credit-02 .contents-02 .bnr > li a {
  border: 1px solid #dadada;
  border-radius: 4px;
  display: block;
  overflow: hidden;
}
.box-credit-02 .contents-02 .bnr > li a img {
  transition: opacity .3s;
}
.box-credit-02 .contents-02 .bnr > li a:hover img,
.box-credit-02 .contents-02 .bnr > li a:focus img,
.box-credit-02 .contents-02 .bnr > li a:active img {
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.main .box-credit-02 .contents-02 .lyt-column2 {
  margin-top: 20px;
}
.main .box-credit-02 .contents-02 .lyt-column2 > .col {
  width: 350px;
  padding: 0;
  border: 0 none;
}
.main .box-credit-02 .contents-02 .lyt-column2 > .col + .col {
  margin-left: 19px;
}
.main .box-credit-02 .contents-02 .lyt-column2 > .col.col-l .contents {
  background: url(/common/css/images/bg-credit_01.jpg) no-repeat right top #fff;
}
.main .box-credit-02 .contents-02 .lyt-column2 > .col.col-r .contents {
  background: url(/common/css/images/bg-credit_02.jpg) no-repeat right top #fff;
}
.main .box-credit-02 .contents-02 .lyt-column2 > .col .contents {
  border-radius: 0 0 4px 4px;
  margin-top: 0 !important;
  padding: 15px 17px;
  line-height: 1.63;
}
.main .box-credit-02 .contents-02 .lyt-column2 > .col .contents .txt {
  width: 190px;
  font-weight: bold;
}
.main .box-credit-02 .contents-02 .lyt-column2 .hdg {
  padding: 0;
  border-bottom: 0 none;
}
#contents .main .box-credit-02 .contents-02 .lyt-column2 .hdg a {
  background: #ff8121;
  color: #fff;
  border-radius: 4px 4px 0 0;
  text-align: center;
  color: #fff;
  position: relative;
  display: block;
  font-weight: normal;
  padding: 17px 0 11px;
  transition: background .3s;
  font-size: 90%;
}
#contents .main .box-credit-02 .contents-02 .lyt-column2 .hdg a span {
  background: url(/common/css/images/ico-arrow_05.png) no-repeat 0 0;
  padding: 0 8px 0 28px;
}
#contents .main .box-credit-02 .contents-02 .lyt-column2 .hdg a strong {
  color: #fff;
  font-size: 155.55556%;
  font-weight: normal;
}
#contents .main .box-credit-02 .contents-02 .lyt-column2 .hdg a:hover,
#contents .main .box-credit-02 .contents-02 .lyt-column2 .hdg a:focus,
#contents .main .box-credit-02 .contents-02 .lyt-column2 .hdg a:active {
  background: #f06f0c;
  text-decoration: none;
}
.box-credit-02 .contents-02 .box {
  background: url(/common/css/images/bg_04.gif) repeat-x white 0 0;
  border-radius: 4px;
  padding: 23px 17px 13px;
  margin-top: 20px;
  text-align: center;
}
#contents .box-credit-02 .contents-02 .box .logo {
  margin-top: 5px;
}
#contents .box-credit-02 .contents-02 .box .logo + * {
  margin-top: 16px !important;
}

/*tpt7th*/
.box-credit-02 .contents-02 .box.tpt7th {
  background: url(/common/css/images/bg_04_tpt7th.gif) repeat-x #9657A4 0 0;
}
#contents .box-credit-02 .contents-02 .box.tpt7th .logo + * {
  color:#FFF;
}

.box-credit-02 .contents-03 {
  background: url(/common/css/images/bg-credit_03.jpg) no-repeat #ebfaf6 right bottom;
  min-height: 307px;
}
.box-credit-02 .contents-03 .lyt-column2 {
  margin-top: 4px !important;
}
.box-credit-02 .contents-03 .lyt-column2 .col {
  width: 280px;
  margin: 10px 10px 0 0;
}
#contents .box-credit-02 .contents-03 .lyt-column2 .col a {
  display: block;
  background: #fff;
  border-radius: 4px;
  padding: 16px;
  transition: background .3s;
}
#contents .box-credit-02 .contents-03 .lyt-column2 .col a .lead {
  color: #333;
  margin-top: 0 !important;
}
#contents .box-credit-02 .contents-03 .lyt-column2 .col a .img {
  padding-top: 4px;
  padding-right: 20px;
}
#contents .box-credit-02 .contents-03 .lyt-column2 .col a .hdg-link-01 {
  background: url(/common/css/images/ico-life_06.png) no-repeat 0 .35em;
}
#contents .box-credit-02 .contents-03 .lyt-column2 .col a:hover,
#contents .box-credit-02 .contents-03 .lyt-column2 .col a:focus,
#contents .box-credit-02 .contents-03 .lyt-column2 .col a:active {
  text-decoration: none;
  background: #fcf6de;
}
#contents .box-credit-02 .contents-03 .lyt-column2 .col a:hover .hdg-link-01,
#contents .box-credit-02 .contents-03 .lyt-column2 .col a:focus .hdg-link-01,
#contents .box-credit-02 .contents-03 .lyt-column2 .col a:active .hdg-link-01 {
  text-decoration: underline;
}
.box-credit-02 .contents-04 {
  background: #fefefe url(/common/css/images/bg-credit_04.jpg) no-repeat right bottom;
  min-height: 472px;
}
.box-credit-02 .contents-04 .hdg-lv2 {
  font-size: 128.57143%;
  margin-bottom: 0;
  padding-left: 13px;
}
.box-credit-02 .contents-04 * + .hdg-lv2 {
  margin-top: 20px;
}
.main .box-credit-02 .contents-04 .lyt-column2 .col {
  width: 346px;
}
.box-credit-02 .contents-04 .inner {
  margin: 13px 0 0 9px;
}
.box-credit-02 .contents-04 .inner .qa-03 > li {
  margin-top: 3px;
}
.box-credit-02 .contents-04 .inner .qa-03 > li a {
  padding-left: 30px;
}
.box-credit-02 .contents-04 .inner .qa-03 > li:first-child {
  margin-top: 0;
}
.box-credit-02 .contents-04 .inner-btn {
  margin: 15px 0 0 28px;
}
.box-credit-02 .contents-04 .inner-tel {
  margin: 5px 0 0 17px;
}
.box-credit-02 .contents-04 .inner-tel * + p {
  margin-top: 12px !important;
}
.box-credit-02 .contents-04 .hdg-link > * {
  display: inline-block;
  vertical-align: top;
}
.box-credit-02 .contents-04 .hdg-link > * + * {
  margin: -1px 0 0 11px !important;
}
.box-credit-02 .contents-04 .txt-tel .num {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 257.14286%;
  color: #ca018f;
  font-weight: bold;
  line-height: 1;
}
.box-credit-02 .contents-04 .txt-tel .icon img {
  padding-bottom: 6px;
}
.box-credit-02 .contents-04 .txt-tel .txt {
  padding-left: 42px;
}

.sub .bnr-area {
  margin-top: 24px;
}

.sub .cv-01 {
  background: #fae59b;
  border-radius: 4px;
}
.sub .cv-01 dt {
  font-weight: bold;
  text-align: center;
  padding: 14px 10px 0;
  color: #444444;
}
.sub .cv-01 dd {
  margin-left: 0;
  padding: 12px 14px 14px;
}
.sub .cv-01 dd + dt {
  border-top: 1px solid #dadada;
}
.sub .cv-01 + * {
  margin-top: 10px;
}
.sub .cv-01 .btn-category {
  font-size: 128.57143%;
}
.sub .cv-01 .btn-category > span {
  padding-top: 24px;
}

.sub-cv {
  background: #797979;
  padding: 3px;
  border-radius: 4px;
}
.sub-cv .cv-01,
.sub-cv .cv-02 {
  border-radius: 4px;
}
.sub-cv .cv-01 dt,
.sub-cv .cv-02 dt {
  font-weight: bold;
  text-align: center;
  padding: 12px 10px 0;
  color: #444444;
}
.sub-cv .cv-01 dd,
.sub-cv .cv-02 dd {
  margin-left: 0;
  padding: 10px 10px 16px;
}
.sub-cv .cv-01 dd + dt,
.sub-cv .cv-02 dd + dt {
  border-top: 1px solid #dadada;
}
.sub-cv .cv-01 dd + dt + dd,
.sub-cv .cv-02 dd + dt + dd {
  padding-bottom: 6px;
}
.sub-cv .cv-02 {
  background: #fff;
}
.sub-cv .cv-02 .link-01 {
  margin-top: 8px !important;
}
.sub-cv .cv-02 .btn-03.str-02 {
  width: 185px;
}
.sub-cv .cv-02 .btn-03.str-02 > span {
  padding-top: 5px;
  padding-bottom: 5px;
}
.sub-cv .cv-02 .btn-03 > span {
  padding-top: 18px;
  padding-bottom: 13px;
}
.sub-cv .cv-02 .btn-03 > span > span {
  padding-left: 0;
  padding-right: 20px;
  font-size: 88.88889%;
}

/* .box-cashing-01
----------------------------------------------- */
#contents .box-cashing-01 .col {
  float: left;
  width: 42.96875%;
}
#contents .box-cashing-01 .inner {
  background: #fcf6de;
  border-radius: 6px;
  position: relative;
  padding: 20px 24px;
  margin-top: 13px;
}
#contents .box-cashing-01 .inner .txt {
  position: relative;
  z-index: 1;
  padding-right: 125px;
}
#contents .box-cashing-01 .inner .img {
  position: absolute;
  z-index: 0;
  right: 0;
  top: -13px;
  margin-top: 0;
}
#contents .box-cashing-01 .inner .arrow {
  padding-top: 24px;
  text-align: center;
  font-weight: bold;
  margin-top: 13px;
  background: url(/common/css/images/ico-base_05.png) no-repeat center top;
  color: #b28e09;
}
.credit #contents .box-cashing-01 .inner .arrow {
  color: #fa4b62;
}
.point #contents .box-cashing-01 .inner .arrow {
  color: #ff8121;
}
.bank #contents .box-cashing-01 .inner .arrow {
  color: #42bde3;
}
.campaign #contents .box-cashing-01 .inner .arrow {
  color: #78b82a;
}
.life #contents .box-cashing-01 .inner .arrow {
  color: #10b589;
}
.credit #contents .box-cashing-01 .inner .arrow {
  background-image: url(/common/css/images/ico-credit_05.png);
}
#contents .box-cashing-01 .inner .hdg-icon-01 {
  font-size: 128.57143%;
  font-weight: bold;
  display: table;
  width: 100%;
}
#contents .box-cashing-01 .inner .hdg-icon-01 .lead {
  display: table-cell;
  vertical-align: middle;
  color: #ca018f;
  padding-right: 16px;
}
#contents .box-cashing-01 .inner .hdg-icon-01 .icon {
  display: table-cell;
  vertical-align: middle;
  width: 80px;
  text-align: right;
}
#contents .box-cashing-01 .inner .contents {
  background: #fff;
  background: rgba(255, 255, 255, .9);
  z-index: 1;
  position: relative;
  padding: 16px 24px;
}
#contents .box-cashing-01 .inner * + .contents {
  margin-top: 10px;
}

/* .related
----------------------------------------------- */
.sub .related-01 {
  border-radius: 4px;
  border: 1px solid #dadada;
}
.sub .related-01 dt,
.sub .related-01 dd {
  padding: 0;
  margin: 0;
}
.sub .related-01 dt {
  background: #f2f2f2;
  border-bottom: 1px solid #fff;
  padding: 9px 16px;
  font-weight: bold;
  font-size: 114.28571%;
}
.sub .related-01 dd .btn-02 {
  width: 183px;
  margin: 8px auto 12px;
}
.sub .related-01 dd > a {
  display: block;
}
.sub .related-01 dd > a:hover,
.sub .related-01 dd > a:focus,
.sub .related-01 dd > a:active {
  background: #f2f2f2;
}
.sub .related-01 dd > a:hover img,
.sub .related-01 dd > a:focus img,
.sub .related-01 dd > a:active img {
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.sub .related-01 dd .contents {
  padding: 10px;
}
.sub .related-01 dd .contents > * + * {
  margin-top: 5px !important;
}
#contents .sub .related-01 dd.img-link > a {
  padding: 16px 12px 12px;
  text-align: center;
  transition: background .3s,opacity .3s;
}
#contents .sub .related-01 dd.img-link > a img {
  background: #fff;
}
#contents .sub .related-01 dd.img-link > a .txt {
  text-align: left;
  margin-top: 4px !important;
  color: #444444;
}
#contents .sub .related-01 dd.img-link > a:hover,
#contents .sub .related-01 dd.img-link > a:focus,
#contents .sub .related-01 dd.img-link > a:active {
  text-decoration: none;
}
#contents .sub .related-01 dd.img-link > a:hover .caption,
#contents .sub .related-01 dd.img-link > a:focus .caption,
#contents .sub .related-01 dd.img-link > a:active .caption {
  text-decoration: underline;
}
#contents .sub .related-01 dd.img-link .caption {
  font-size: 100%;
  display: block;
  font-weight: bold;
  padding-top: 8px;
  text-align: left;
}
.sub .related-01 dd.img-link-02 a {
  padding: 16px 0;
  display: table;
  width: 100%;
  transition: background .3s,opacity .3s;
}
.sub .related-01 dd.img-link-02 a > .img {
  padding-left: 14px;
  width: 60px;
}
.sub .related-01 dd.img-link-02 a .caption {
  padding-right: 14px;
  width: 117px;
}
.sub .related-01 dd.img-link-02 > .img,
.sub .related-01 dd.img-link-02 .caption {
  display: table-cell;
  vertical-align: top;
  position: relative;
}
.sub .related-01 dd.img-link-02 .disney {
  display: block;
  text-align: right;
}
.sub .related-01 dd.img-link-02 .caption {
  font-size: 100%;
  padding-left: 8px;
}
.sub .related-01 dd + dd {
  border-top: 1px solid #dadada;
}

/* .topic-path
----------------------------------------------- */
* + .topic-path-02 {
  margin-top: 52px;
}
.topic-path-02 + * {
  margin-top: 32px;
}
.topic-path-02 p > span,
.topic-path-02 p > a {
  line-height: 2.25;
  background: #ebebeb;
  padding: 4px 5px;
  color: #444444;
}
.topic-path-02 p > a {
  transition: background .3s;
}
.topic-path-02 p > a:hover,
.topic-path-02 p > a:focus,
.topic-path-02 p > a:active {
  background-color: #fae59b;
  text-decoration: none !important;
}

/* .box-cv
----------------------------------------------- */
.box-cv {
  border-radius: 4px;
  background: #fcf6de;
  padding: 24px;
}
.box-cv .inner {
  background: #fefdf8;
  box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
.box-cv .inner .hdg {
  font-size: 114.28571%;
  font-weight: bold;
  text-align: center;
  padding-top: 21px;
}
.box-cv .lyt-btn {
  width: auto;
  display: table;
  margin: 15px auto !important;
}
.main .box-cv .lyt-btn li {
  width: 320px;
}
.box-cv .lyt-btn li {
  width: 368px;
}
.box-cv .lyt-btn li,
.box-cv .lyt-btn-02 li {
  padding-bottom: 20px;
}
.box-cv .lyt-btn-02 > li.col1 {
  width: 324px;
}
.box-cv .lyt-btn-02 > li.col2 {
  width: 627px;
  padding-bottom: 0;
}
.box-cv .lyt-btn-02 > li.col2 li {
  border: none;
  padding-bottom: 0;
}
.box-cv .lyt-btn-02 > li.col2 .lyt-btn {
  margin-top: 12px !important;
}
.box-cv .lyt-btn-02 > li.col2 .lyt-btn > li {
  width: 277px;
  padding-bottom: 0;
  border: 0 none;
}
.box-cv .lyt-btn-02 > li.col2 .lyt-btn > li + li {
  margin-left: 24px;
}
.box-cv .lyt-btn-02 > li.col2 .btn-03 {
  width: 277px;
}
.box-cv .lyt-btn-02 > li.col2 .btn-03.str-02 {
  width: 273px;
}
.box-cv .inner > .contents {
  padding: 21px 25px 25px;
  border-top: 1px solid #dadada;
}
#contents .box-cv .inner > .contents .btn-icon {
  margin-top: 4px;
}
#contents .box-cv .inner > .contents .btn-icon > li {
  margin-top: 12px;
  width: 292px;
  margin-right: 12px;
}
#contents .box-cv .inner > .contents .btn-icon > li > a > span {
  width: 272px;
}
#contents .box-cv .inner > .contents .btn-icon > li:first-child {
  margin-top: 12px;
}

.box-cv-02 {
  background: url(/common/css/images/bg-box-cv_01.jpg) #fcf6de no-repeat 0 0;
  border-radius: 6px;
  padding: 24px 24px 24px 172px;
}
.main .box-cv-02 .inner {
  padding-top: 20px;
  padding-bottom: 15px;
}
.main .box-cv-02 .lead {
  font-size: 114.28571%;
}
.box-cv-02 .inner {
  background: #fff;
  background: rgba(255, 255, 255, .8);
  box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
.box-cv-02 .inner .col-01 {
  width: 555px;
  float: left;
  border-right: 1px solid #d9d9d9;
  padding: 20px 0;
}
.box-cv-02 .inner .col-02 {
  float: left;
  margin: 0 -1px;
  width: 200px;
  border-left: 1px solid #d9d9d9;
  padding: 20px;
}
.box-cv-02 .lead {
  font-weight: bold;
  font-size: 128.57143%;
  text-align: center;
}
.box-cv-02 .list-icon {
  display: table;
  margin: 0 auto;
}
#contents .box-cv-02 .list-icon + * {
  margin-top: 16px;
}
.box-cv-02 .list-icon li {
  margin-left: 30px;
  float: left;
  font-weight: bold;
  width: 104px;
  text-align: center;
}
.box-cv-02 .list-icon li:first-child {
  margin-left: 0;
}
.box-cv-02 .list-icon li .icon {
  display: block;
  margin-bottom: 4px;
}

/* ----------------------------------------------------------------
  notice
----------------------------------------------------------------- */
/* .note
----------------------------------------------- */
.note-01,
.note-02 {
  font-size: 85.71429%;
  color: #666666;
}
.note-01 > li,
.note-02 > li {
  position: relative;
  padding-left: 1.5em;
  display: block;
}
.note-01 > li + li,
.note-02 > li + li {
  margin-top: 5px;
}
#contents .note-01 > li .bullet-01,
#contents .note-02 > li .bullet-01 {
  margin-top: 5px;
}
.note-01 .mark,
.note-02 .mark {
  position: absolute;
  top: 0;
  left: 0;
}
td > .note-01,
th > .note-01,
td > .note-02,
th > .note-02 {
  margin-top: 10px !important;
}

p.note-01 {
  position: relative;
  padding-left: 1.5em;
}

.note-02 > li {
  padding-left: 2em;
  display: block;
}
.note-02 > li .mark {
  position: absolute;
  top: 0;
  left: 0;
}

/* ----------------------------------------------------------------
  layout
----------------------------------------------------------------- */
/* .lyt-column
----------------------------------------------- */
.lyt-column2 .col,
.lyt-column3 .col,
.lyt-column4 .col {
  float: left;
  margin-top: 0;
}
.lyt-column2 .col:first-child,
.lyt-column3 .col:first-child,
.lyt-column4 .col:first-child {
  margin-left: 0;
}

.lyt-column2 {
  margin-right: -24px;
}
* + .lyt-column2 {
  margin-top: 24px;
}
.lyt-column2 .col {
  margin-left: 24px;
  width: 47.65625%;
}
.main .lyt-column2 .col {
  width: 46.93878%;
}
.lyt-column2 .col.box-04 {
  width: 444px;
}
.main .lyt-column2 .col.box-04 {
  width: 324px;
}
.lyt-column2 .col .box-01 .lyt-image.col2 > li {
  width: 210px;
}
.lyt-column2 .col .box-01 .lyt-image.col2 .btn-01 {
  width: 210px;
}
.lyt-column2 .col .box-03 .lyt-image.col2 {
  margin-right: -26px;
}
.lyt-column2 .col .box-03 .lyt-image.col2 > li {
  width: 208px;
  margin-right: 24px;
}

ol.lyt-column2,
ol.lyt-column3,
ol.lyt-column4 {
  margin-left: 0;
  list-style: none;
  margin-top: -24px;
}
#contents * + ol.lyt-column2,
#contents * + ol.lyt-column3,
#contents * + ol.lyt-column4 {
  margin-top: 0;
}
ol.lyt-column2 .col,
ol.lyt-column3 .col,
ol.lyt-column4 .col {
  margin-top: 24px;
}
body.point ol.lyt-column2.lyt-arrow > li > div,
body.point ol.lyt-column3.lyt-arrow > li > div,
body.point ol.lyt-column4.lyt-arrow > li > div {
  position: relative;
}
body.point ol.lyt-column2.lyt-arrow > li > div:before,
body.point ol.lyt-column3.lyt-arrow > li > div:before,
body.point ol.lyt-column4.lyt-arrow > li > div:before {
  content: "";
  display: block;
  width: 22px;
  height: 20px;
  background: url(/common/css/images/ico-point_07.png) no-repeat;
  position: absolute;
  left: -20px;
  top: 50%;
  margin-top: -10px;
}
body.point ol.lyt-column2.lyt-arrow > li:first-child > div:before,
body.point ol.lyt-column3.lyt-arrow > li:first-child > div:before,
body.point ol.lyt-column4.lyt-arrow > li:first-child > div:before {
  content: none;
}

.lyt-column3 {
  margin-right: -23px;
}
* + .lyt-column3 {
  margin-top: 24px;
}
.lyt-column3.w-75 {
  width: 76.5% !important;
}
.lyt-column3.sitemap {
  margin-top: 0px !important;
}
.lyt-column3.sitemap .col {
  margin-top: 24px;
}
.lyt-column3 .col {
  width: 31.08504%;
  margin-right: 2.24829%;
}
.main .lyt-column3 .col {
  margin-right: 2.93742%;
  width: 30.39591%;
}
.lyt-column3 .col.box-04 {
  width: 274px;
}
.lyt-column3.str-01 .col2 {
  width: 614px;
  margin-right: 0;
}
.lyt-column3.str-01 .col {
  margin-right: 0;
  margin-left: 24px;
}
.lyt-column3 .col2 {
  float: left;
  width: 680px;
  margin-right: -23px;
}
.lyt-column3 .col2 .col {
  margin-right: 0;
  width: 275px;
}
.lyt-column3 .col2 .col + .col {
  margin-left: 23px;
}

.lyt-column4 {
  margin-right: -24px;
}
* + .lyt-column4 {
  margin-top: 24px;
}
.lyt-column4 .col {
  width: 21.93878%;
  margin-right: 3.06122%;
}
.lyt-column4 .col.box-04 {
  width: 188px;
  margin-right: 24px;
}

/* .lyt-btn
----------------------------------------------- */
.lyt-btn {
  width: 500px;
  margin: 0 auto 4px;
}
* + .lyt-btn {
  margin-top: 20px;
}
.lyt-btn > li {
  float: left;
  width: 238px;
}
.lyt-btn > li + li {
  margin-left: 24px;
}

.lyt-btn-02 li {
  float: left;
  width: 49.85955%;
  border-right: 1px solid #dadada;
}
.lyt-btn-02 li + li {
  border-left: 1px solid #dadada;
  border-right: 0 none;
  margin-left: -1px;
}
.lyt-btn-02 li .btn-01,
.lyt-btn-02 li .btn-02,
.lyt-btn-02 li .btn-03,
.lyt-btn-02 li .btn-category {
  width: 86.76056%;
  margin: 0 auto;
}

#contents .lyt-btn li * + p,
#contents .lyt-btn-02 li * + p {
  margin-top: 12px;
}

/* .column
----------------------------------------------- */
#contents .link-01.col2 li,
#contents .link-01.col3 li,
#contents .link-01.col4 li,
#contents .link-01.float li,
#contents .bullet-01.col2 li,
#contents .bullet-01.col3 li,
#contents .bullet-01.col4 li,
#contents .bullet-01.float li {
  float: left;
  margin-top: 10px;
}
#contents .link-01.col2 li:first-child,
#contents .link-01.col3 li:first-child,
#contents .link-01.col4 li:first-child,
#contents .link-01.float li:first-child,
#contents .bullet-01.col2 li:first-child,
#contents .bullet-01.col3 li:first-child,
#contents .bullet-01.col4 li:first-child,
#contents .bullet-01.float li:first-child {
  margin-top: 10px;
}
#contents .link-01.col2,
#contents .bullet-01.col2 {
  margin: -10px -24px 0 0;
}
#contents .link-01.col2 li,
#contents .bullet-01.col2 li {
  width: 352px;
  margin-right: 24px;
}
#contents .link-01.col2 li:nth-child(2n+1),
#contents .bullet-01.col2 li:nth-child(2n+1) {
  clear: left;
}
#contents .link-01.col3,
#contents .bullet-01.col3 {
  margin: -10px -23px 0 0;
}
#contents .link-01.col3 li,
#contents .bullet-01.col3 li {
  width: 222px;
  margin-right: 23px;
}
#contents .link-01.col3 li:nth-child(3n+1),
#contents .bullet-01.col3 li:nth-child(3n+1) {
  clear: left;
}
#contents .link-01.col4,
#contents .bullet-01.col4 {
  margin: -10px -24px 0 0;
}
#contents .link-01.col4 li,
#contents .bullet-01.col4 li {
  width: 156px;
  margin-right: 24px;
}
#contents .link-01.col4 li:nth-child(4n+1),
#contents .bullet-01.col4 li:nth-child(4n+1) {
  clear: left;
}
#contents .link-01.float,
#contents .bullet-01.float {
  margin-top: -10px;
  margin-right: -24px;
}
#contents .link-01.float li,
#contents .bullet-01.float li {
  float: none;
  display: inline-block;
  margin-right: 24px;
}

#contents * + .link-01.col4,
#contents * + .link-01.col3,
#contents * + .link-01.col2 {
  margin-top: 14px;
}

#contents .link-01.col2 li {
  width: 488px;
}
#contents .link-01.col3 li {
  width: 318px;
}
#contents .link-01.col4 li {
  width: 21.9388%;
}

#contents .main .link-01.col2 li {
  width: 368px;
}
#contents .main .link-01.col3 li {
  width: 238px;
}
#contents .main .link-01.col4 li {
  width: 172px;
}

.lyt-border > .hdg,
.lyt-border-02 > .hdg,
.lyt-border-03 > .hdg {
  font-size: 142.85714%;
  font-weight: bold;
}
.lyt-border > .hdg + ul,
.lyt-border > .hdg + div,
.lyt-border-02 > .hdg + ul,
.lyt-border-02 > .hdg + div,
.lyt-border-03 > .hdg + ul,
.lyt-border-03 > .hdg + div {
  margin-top: 20px;
}
.lyt-border#history > ul,
.lyt-border-02#history > ul,
.lyt-border-03#history > ul {
  width: auto;
}
.lyt-border > ul,
.lyt-border > div,
.lyt-border-02 > ul,
.lyt-border-02 > div,
.lyt-border-03 > ul,
.lyt-border-03 > div {
  display: table;
  width: 100%;
  border-right: 1px solid #dadada;
  table-layout: fixed;
}
.lyt-border > ul .caption,
.lyt-border > div .caption,
.lyt-border-02 > ul .caption,
.lyt-border-02 > div .caption,
.lyt-border-03 > ul .caption,
.lyt-border-03 > div .caption {
  display: block;
  font-size: 100%;
  padding-top: 4px;
}
.lyt-border > ul > li,
.lyt-border > div > div,
.lyt-border-02 > ul > li,
.lyt-border-02 > div > div,
.lyt-border-03 > ul > li,
.lyt-border-03 > div > div {
  border-left: 1px solid #dadada;
  display: table-cell;
  text-align: center;
  padding: 16px;
  vertical-align: top;
}
.lyt-border > ul > li .txt,
.lyt-border > div > div .txt,
.lyt-border-02 > ul > li .txt,
.lyt-border-02 > div > div .txt,
.lyt-border-03 > ul > li .txt,
.lyt-border-03 > div > div .txt {
  font-size: 114.28571%;
  font-weight: bold;
  text-align: center;
  margin-top: 12px !important;
}
.lyt-border > ul > li .hdg,
.lyt-border > div > div .hdg,
.lyt-border-02 > ul > li .hdg,
.lyt-border-02 > div > div .hdg,
.lyt-border-03 > ul > li .hdg,
.lyt-border-03 > div > div .hdg {
  color: #b28e09;
  font-size: 142.85714%;
  font-weight: bold;
  text-align: center;
}
.credit .lyt-border > ul > li .hdg,
.credit .lyt-border > div > div .hdg,
.credit .lyt-border-02 > ul > li .hdg,
.credit .lyt-border-02 > div > div .hdg,
.credit .lyt-border-03 > ul > li .hdg,
.credit .lyt-border-03 > div > div .hdg {
  color: #fa4b62;
}
.point .lyt-border > ul > li .hdg,
.point .lyt-border > div > div .hdg,
.point .lyt-border-02 > ul > li .hdg,
.point .lyt-border-02 > div > div .hdg,
.point .lyt-border-03 > ul > li .hdg,
.point .lyt-border-03 > div > div .hdg {
  color: #ff8121;
}
.bank .lyt-border > ul > li .hdg,
.bank .lyt-border > div > div .hdg,
.bank .lyt-border-02 > ul > li .hdg,
.bank .lyt-border-02 > div > div .hdg,
.bank .lyt-border-03 > ul > li .hdg,
.bank .lyt-border-03 > div > div .hdg {
  color: #42bde3;
}
.campaign .lyt-border > ul > li .hdg,
.campaign .lyt-border > div > div .hdg,
.campaign .lyt-border-02 > ul > li .hdg,
.campaign .lyt-border-02 > div > div .hdg,
.campaign .lyt-border-03 > ul > li .hdg,
.campaign .lyt-border-03 > div > div .hdg {
  color: #78b82a;
}
.life .lyt-border > ul > li .hdg,
.life .lyt-border > div > div .hdg,
.life .lyt-border-02 > ul > li .hdg,
.life .lyt-border-02 > div > div .hdg,
.life .lyt-border-03 > ul > li .hdg,
.life .lyt-border-03 > div > div .hdg {
  color: #10b589;
}
.lyt-border > ul > li .hdg small.caption,
.lyt-border > div > div .hdg small.caption,
.lyt-border-02 > ul > li .hdg small.caption,
.lyt-border-02 > div > div .hdg small.caption,
.lyt-border-03 > ul > li .hdg small.caption,
.lyt-border-03 > div > div .hdg small.caption {
  font-size: 100%;
  display: block;
  margin-top: 12px;
}
#contents .lyt-border > ul > li .hdg + *,
#contents .lyt-border > div > div .hdg + *,
#contents .lyt-border-02 > ul > li .hdg + *,
#contents .lyt-border-02 > div > div .hdg + *,
#contents .lyt-border-03 > ul > li .hdg + *,
#contents .lyt-border-03 > div > div .hdg + * {
  margin-top: 12px;
  text-align: center;
  padding-right: 40px;
}
#contents .lyt-border > ul > li .hdg + dd,
#contents .lyt-border > div > div .hdg + dd,
#contents .lyt-border-02 > ul > li .hdg + dd,
#contents .lyt-border-02 > div > div .hdg + dd,
#contents .lyt-border-03 > ul > li .hdg + dd,
#contents .lyt-border-03 > div > div .hdg + dd {
  padding-right: 0;
  margin-top: 8px;
}
.lyt-border > ul > li dd,
.lyt-border > div > div dd,
.lyt-border-02 > ul > li dd,
.lyt-border-02 > div > div dd,
.lyt-border-03 > ul > li dd,
.lyt-border-03 > div > div dd {
  margin-left: 0;
}
.lyt-border > ul > li .disney,
.lyt-border > div > div .disney,
.lyt-border-02 > ul > li .disney,
.lyt-border-02 > div > div .disney,
.lyt-border-03 > ul > li .disney,
.lyt-border-03 > div > div .disney {
  display: block;
  text-align: right;
}
.lyt-border.col5 > ul > li,
.lyt-border-02.col5 > ul > li,
.lyt-border-03.col5 > ul > li {
  width: 20%;
}
.lyt-border.col4 > ul > li,
.lyt-border-02.col4 > ul > li,
.lyt-border-03.col4 > ul > li {
  width: 25%;
}
.lyt-border.col4#history > ul > li,
.lyt-border-02.col4#history > ul > li,
.lyt-border-03.col4#history > ul > li {
  width: 217px;
}
.main .lyt-border.col4 > ul > li,
.main .lyt-border-02.col4 > ul > li,
.main .lyt-border-03.col4 > ul > li {
  padding-left: 24px;
  padding-right: 24px;
}
.lyt-border.col3 > ul > li,
.lyt-border-02.col3 > ul > li,
.lyt-border-03.col3 > ul > li {
  width: 33%;
}
.lyt-border.col2 > ul > li,
.lyt-border-02.col2 > ul > li,
.lyt-border-03.col2 > ul > li {
  width: 50%;
}
* + .lyt-border,
* + .lyt-border-02,
* + .lyt-border-03 {
  margin-top: 32px;
}

.lyt-border-02 > ul > li,
.lyt-border-02 > div > div,
.lyt-border-03 > ul > li,
.lyt-border-03 > div > div {
  padding: 12px 24px;
}

.lyt-border-03 {
  text-align: center;
}
.lyt-border-03 > ul > li .hdg,
.lyt-border-03 > div > div .hdg {
  color: #444444 !important;
  text-align: center;
  vertical-align: middle;
}

.lyt-border.col4#history > ul > li .disney {
  margin-right: 36px;
}

/* .lyt-revo
----------------------------------------------- */
.lyt-revo .col {
  background: #fa4b62;
  color: #fff;
  width: 318px;
}
#contents .lyt-revo .def {
  margin-top: 6px;
}
.lyt-revo .btn-frame {
  padding: 0 20px 20px;
}
.lyt-revo .def {
  padding: 0 20px 16px;
}
.lyt-revo .def > dt {
  font-weight: bold;
  font-size: 114.28571%;
}
.lyt-revo .def > dd {
  margin-left: 0;
  margin-top: 2px;
}

/* .lyt-revo
----------------------------------------------- */
.lyt-merit {
  list-style: none;
  margin: 0;
}
#contents .lyt-merit {
  margin-top: 32px;
}
.lyt-merit > li {
  text-align: center;
}
.lyt-merit > li .hdg-merit .icon {
  display: block;
  padding-left: 6px;
  background: url(/common/css/images/bg-merit_01.gif) no-repeat 0 center;
}
.lyt-merit > li .hdg-merit .txt {
  display: block;
  margin-top: 40px;
}
.lyt-merit .box {
  margin-top: -5px !important;
}
.lyt-merit .box dt {
  font-weight: bold;
  font-size: 171.42857%;
  font-weight: normal;
  display: inline-block;
  background: #fff;
  position: relative;
  top: .5em;
  padding: 0 18px;
}
.lyt-merit .box dd {
  border: 6px solid #d9d9d9;
  padding: 28px 35px 33px;
  margin-left: 0;
  margin-top: -0.5em;
}
.lyt-merit .check {
  text-align: left;
}
.lyt-merit .check > li {
  padding-left: 30px;
  background: url(/common/css/images/ico-check_02.png) no-repeat 0 .3em;
  margin-top: 15px;
}
.lyt-merit .check > li:first-child {
  margin-top: 0;
}
.lyt-merit .check > li strong {
  display: block;
  margin-bottom: 7px;
  font-size: 114.28571%;
}
.lyt-merit .def {
  margin-top: 10px !important;
}
.lyt-merit .def dt {
  font-size: 171.42857%;
  font-weight: normal;
}
.lyt-merit .def dd {
  margin-left: 0;
  margin-top: 12px;
}
.lyt-merit .merit1 {
  min-height: 608px;
  padding-bottom: 36px;
  background: url(/common/css/images/bg-merit_02.jpg) no-repeat bottom center;
}
.lyt-merit .merit1 .logo {
  margin-top: 26px;
  margin-bottom: 25px;
}
.lyt-merit .merit1 .btn {
  margin-top: 40px !important;
}
.lyt-merit .merit2 {
  margin-top: -36px;
  padding-bottom: 56px;
}
.lyt-merit .merit2 dt,
.lyt-merit .merit2 strong {
  color: #ff8121;
}
.lyt-merit .merit2 .lyt-column2 {
  margin-top: 38px !important;
  margin-right: 0;
}
.lyt-merit .merit2 .lyt-column2 .col {
  width: 484px;
}
.lyt-merit .merit2 .lyt-column2 .col + .col {
  margin-left: 32px;
}
.lyt-merit .merit3 {
  padding-bottom: 55px;
  background: url(/common/css/images/bg-merit_03.jpg) no-repeat center 40px;
}
.lyt-merit .merit3 dt,
.lyt-merit .merit3 strong {
  color: #42bde3;
}
.lyt-merit .merit3 .lyt-column3 {
  margin-right: 0;
  margin-top: 39px;
}
.lyt-merit .merit3 .lyt-column3 .col {
  width: 312px;
  margin-right: 0;
}
.lyt-merit .merit3 .lyt-column3 .col + .col {
  margin-left: 32px;
}
.lyt-merit .merit3 .btn {
  margin-top: 28px !important;
}
.lyt-merit .merit4 {
  padding-bottom: 55px;
}
.lyt-merit .merit4 dt,
.lyt-merit .merit4 strong {
  color: #78b82a;
}

/* ¥¥¥ACS‘¤ ì‹Æ */
.lyt-merit .merit3 .lyt-column2,
/* £££ACS‘¤ ì‹Æ */
.lyt-merit .merit4 .lyt-column2 {
  margin: 40px 0 0 85px;
}
/* ¥¥¥ACS‘¤ ì‹Æ */
.lyt-merit .merit3 .lyt-column2 .col,
/* £££ACS‘¤ ì‹Æ */
.lyt-merit .merit4 .lyt-column2 .col {
  width: 315px;
  margin-right: 0;
}

/* ¥¥¥ACS‘¤ ì‹Æ */
.lyt-merit .merit3 .lyt-column2 .col + .col,
/* £££ACS‘¤ ì‹Æ */
.lyt-merit .merit4 .lyt-column2 .col + .col {
  margin-left: 160px;
}
.lyt-merit .merit4 .btn {
  margin-top: 28px !important;
}
.lyt-merit .merit5 {
  background: url(/common/css/images/bg-merit_04.jpg) no-repeat center 40px;
  padding-bottom: 55px;
}
.lyt-merit .merit5 .logo {
  margin-top: 40px !important;
  margin-bottom: 26px;
}
.lyt-merit .merit5 .btn {
  margin-top: 28px !important;
}
.lyt-merit .merit6 .lyt-image {
  margin-top: 28px !important;
  margin-right: 0;
  margin-left: 220px;
}
.lyt-merit .merit6 .lyt-image > li {
  width: 260px;
  margin-right: 0;
  text-align: right;
}
.lyt-merit .merit6 .lyt-image > li + li {
  margin-left: 40px;
}
.lyt-merit .merit6 .btn {
  margin-top: 28px !important;
}

.mt-merit {
  margin-top: 46px;
}

.lyt-border.merit .hdg-merit {
  color: #fa4b62;
  text-align: center;
  font-weight: normal;
  margin-top: 9px;
  margin-bottom: 24px;
  font-size: 185.71429%;
}
.lyt-border.merit > ul {
  width: 920px;
  margin: 0 auto;
}
.lyt-border.merit > ul > li {
  padding: 10px 15px;
}
.lyt-border.merit > ul > li b {
  display: block;
  margin-bottom: 8px;
}
.lyt-border.merit > ul > li a img {
  transition: opacity .3s;
}
.lyt-border.merit > ul > li a:hover img,
.lyt-border.merit > ul > li a:focus img,
.lyt-border.merit > ul > li a:active img {
  background: #fff;
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.lyt-border.merit > ul .disney {
  margin-right: 10px;
}
.lyt-border.merit > ul .caption {
  margin-top: 20px;
}
.lyt-border.merit > ul .disney + .caption {
  margin-top: 2px;
}

/* .lyt-product
----------------------------------------------- */
#contents .lyt-products {
  margin: -5px -5px 0 0;
}
#contents .lyt-products .col {
  width: 138px;
  float: left;
  margin: 5px 5px 0 0;
}
#contents .lyt-products .col a {
  transition: background .4s;
}
#contents .lyt-products .col a > ul {
  margin-top: 0;
}
#contents .lyt-products .col a:hover,
#contents .lyt-products .col a:focus,
#contents .lyt-products .col a:active {
  text-decoration: none;
  background: #fae59b;
}
#contents .lyt-products .col a:hover .hdg,
#contents .lyt-products .col a:focus .hdg,
#contents .lyt-products .col a:active .hdg {
  text-decoration: underline;
}
#contents .lyt-products .img {
  width: 100px;
  margin: 0 auto 8px;
  display: block;
  background: #fff;
}
#contents .lyt-products .detail {
  margin-top: 8px;
}
#contents .lyt-products .point {
  color: #ca018f;
  font-weight: bold;
  text-align: center;
}
#contents .lyt-products .icon-recommend,
#contents .lyt-products .icon-new,
#contents .lyt-products .icon-limit {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  line-height: 1;
  padding: 3px 0 0;
  background: #42bde3;
  font-size: 92.30769%;
  width: 4.6em;
  text-align: center;
  height: 14px;
}
#contents .lyt-products .icon-recommend:after,
#contents .lyt-products .icon-new:after,
#contents .lyt-products .icon-limit:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  border-width: 9px 4px 8px;
  border-style: solid;
  border-color: #42bde3;
  border-right-color: transparent;
}
#contents .lyt-products .icon-limit {
  background-color: #78b82a;
}
#contents .lyt-products .icon-limit:after {
  border-color: #78b82a;
  border-right-color: transparent;
}
#contents .lyt-products .icon-new {
  background-color: #fa4b62;
}
#contents .lyt-products .icon-new:after {
  border-color: #fa4b62;
  border-right-color: transparent;
}
#contents .lyt-products .brand {
  color: #666666;
  font-size: 92.30769%;
}
#contents .lyt-products .number {
  color: #444444;
  text-align: center;
}
#contents .lyt-products .contents {
  background: #f3f3f3;
  display: block;
  padding: 20px 16px;
  position: relative;
  font-size: 92.85714%;
}

#contents * + .lyt-products {
  margin-top: 19px;
}
#contents .hdg-lv2 + .lyt-products {
  margin-top: -8px;
}

/* .lyt-balloon
----------------------------------------------- */
.lyt-balloon .col {
  border: 1px solid #dadada;
  background: #f2f2f2;
  width: 316px;
}
.lyt-balloon .col > dl {
  margin: 12px 23px 11px !important;
  text-align: center;
}
.lyt-balloon .col > dl > dt {
  font-weight: bold;
}
.lyt-balloon .col > dl > dd {
  margin-left: 0;
  margin-top: 2px;
}
#contents .lyt-balloon .col .bal {
  background: #fff;
  border-radius: 4px;
  width: 250px;
  padding: 9px 10px 12px;
  position: relative;
  font-weight: bold;
  margin-top: 12px;
  line-height: 1.22;
}
#contents .lyt-balloon .col .bal .num {
  font-family: "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  font-size: 142.85714%;
}
#contents .lyt-balloon .col .bal:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 7px 5px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  top: -7px;
}
#contents .lyt-balloon .col .bal .mark img {
  vertical-align: middle;
}
#contents .lyt-balloon .col .bal + * {
  margin-top: 12px;
}

/* .lyt-cardsort
----------------------------------------------- */
.lyt-cardsort {
  background: url(/common/css/images/bg-arrow_01.gif) no-repeat center bottom;
}
* + .lyt-cardsort {
  margin-top: 10px;
}
.lyt-cardsort + * {
  margin-top: 13px !important;
}
#contents .lyt-cardsort .def-02 + .def-02 {
  margin-top: 12px;
}
.lyt-cardsort .inner {
  padding-bottom: 6px;
}
.lyt-cardsort .inner .col-l {
  float: left;
  width: 550px;
}
.lyt-cardsort .inner .col-r {
  float: right;
  margin-top: 0;
}
.lyt-cardsort .inner .col-r > ul {
  margin-right: -12px;
  margin-top: -4px;
}
.lyt-cardsort .inner .col-r > ul > li {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.lyt-cardsort .inner .col-r > ul > li .btn-reset > span {
  padding: 4px 10px 4px 16px;
}
.lyt-cardsort .inner .col-r > ul > li .btn-reset > span > span {
  padding-left: 20px;
}
.lyt-cardsort .inner .col-r > ul > li.number {
  margin-right: 12px;
  width: 11em;
  text-align: right;
}
.lyt-cardsort .inner .col-r > ul > li .num {
  color: #ca018f;
  font-size: 200%;
  font-family: "Helvetica", "Arial", sans-serif;
}

/* ----------------------------------------------------------------
  ASP
----------------------------------------------------------------- */
/* .
----------------------------------------------- */
#contents .img-products {
  margin-bottom: 48px;
}
#contents .img-products .txt {
  padding-left: 16px;
  position: relative;
}
#contents .img-products .icon-recommend,
#contents .img-products .icon-new,
#contents .img-products .icon-limit {
  font-size: 85.71429%;
  color: #fff;
  background: #42bde3;
  position: relative;
  margin-right: 16px;
  padding: .3em 0 .15em .2em;
  height: 1.15em;
  display: inline-block;
  width: 4.5em;
  line-height: 1;
}
#contents .img-products .icon-recommend:before,
#contents .img-products .icon-recommend:after,
#contents .img-products .icon-new:before,
#contents .img-products .icon-new:after,
#contents .img-products .icon-limit:before,
#contents .img-products .icon-limit:after {
  content: "";
  position: absolute;
  top: 0;
  left: 4.4em;
  width: 0;
  height: 0;
  line-height: 1;
  border-width: .8em 4px 0;
  border-style: solid;
  border-color: #42bde3;
  border-right-color: transparent;
}
#contents .img-products .icon-recommend:before,
#contents .img-products .icon-new:before,
#contents .img-products .icon-limit:before {
  bottom: 0;
  top: auto;
  border-width: 0 4px .8em;
}
#contents .img-products .icon-limit {
  background-color: #78b82a;
}
#contents .img-products .icon-limit:before,
#contents .img-products .icon-limit:after {
  border-color: #78b82a;
  border-right-color: transparent;
}
#contents .img-products .icon-new {
  background-color: #fa4b62;
}
#contents .img-products .icon-new:before,
#contents .img-products .icon-new:after {
  border-color: #fa4b62;
  border-right-color: transparent;
}
#contents .img-products .utility {
  margin-top: -4px;
  position: absolute;
  top: 0;
}
#contents .img-products .number {
  font-size: 114.28571%;
  margin-right: 20px;
  position: relative;
  top: 1px;
}
#contents .img-products .brand {
  font-size: 85.71429%;
  vertical-align: baseline;
  color: #666666;
}
#contents .img-products .hdg {
  margin-top: 32px;
  font-weight: normal;
  font-size: 185.71429%;
  padding-top: .8em;
}
#contents .img-products dl dt {
  font-weight: bold;
  border-bottom: 1px solid #dadada;
  padding-bottom: 4px;
  margin-top: 28px;
  font-size: 114.28571%;
  color: #444444;
}
#contents .img-products dl dd {
  margin: 0;
}
#contents .img-products dl dt + dd {
  margin: 16px 0 0;
}
#contents .img-products .btn {
  margin-top: 28px;
}
#contents .img-products .btn .btn-03 {
  margin: 0 auto;
}
#contents .img-products .btn .btn-03 > span {
  padding-top: 15px;
  padding-bottom: 15px;
}
#contents .img-products .point {
  font-size: 114.28571%;
  margin-top: 0;
  line-height: 1.2;
}
#contents .img-products .point .num {
  font-size: 250%;
  color: #ca018f;
  font-weight: bold;
  font-family: "Helvetica", "Arial", sans-serif;
}

#detailcarouselArea .box {
  position: relative;
}
#detailcarouselArea .icon-recommend,
#detailcarouselArea .icon-new,
#detailcarouselArea .icon-limit {
  font-size: 85.71429%;
  line-height: 1.2;
  color: #fff;
  background: #42bde3;
  position: absolute;
  margin-right: 14px;
  padding: .18em 2px .2em 2px;
  top: 0;
  left: 0;
  width: 5.4em;
}
#detailcarouselArea .icon-recommend:before,
#detailcarouselArea .icon-recommend:after,
#detailcarouselArea .icon-new:before,
#detailcarouselArea .icon-new:after,
#detailcarouselArea .icon-limit:before,
#detailcarouselArea .icon-limit:after {
  content: "";
  position: absolute;
  top: 0;
  left: 5.4em;
  width: 0;
  height: 0;
  border-width: .8em 4px 0;
  border-style: solid;
  border-color: #42bde3;
  border-right-color: transparent;
}
#detailcarouselArea .icon-recommend:before,
#detailcarouselArea .icon-new:before,
#detailcarouselArea .icon-limit:before {
  border-width: 0 4px .8em;
  top: auto;
  bottom: 0;
}
#detailcarouselArea .icon-limit {
  background-color: #78b82a;
}
#detailcarouselArea .icon-limit:before,
#detailcarouselArea .icon-limit:after {
  border-color: #78b82a;
  border-right-color: transparent;
}
#detailcarouselArea .icon-new {
  background-color: #fa4b62;
}
#detailcarouselArea .icon-new:before,
#detailcarouselArea .icon-new:after {
  border-color: #fa4b62;
  border-right-color: transparent;
}

#detailThumbArea {
  margin-top: 24px;
}
#detailThumbArea #thumb li {
  margin-right: 8px;
  vertical-align: top;
}
#detailThumbArea #thumb li a {
  transition: opacity .3s;
}
#detailThumbArea #thumb li a:hover,
#detailThumbArea #thumb li a:focus,
#detailThumbArea #thumb li a:active {
  opacity: .7;
}
#detailThumbArea #thumb li a:hover img,
#detailThumbArea #thumb li a:focus img,
#detailThumbArea #thumb li a:active img {
  opacity: 1;
}
#detailThumbArea #thumb li a.ac {
  border: 2px solid;
  border-color: #bc940a;
  width: 90px;
  height: 90px;
  overflow: hidden;
}
.credit #detailThumbArea #thumb li a.ac {
  border-color: #fa4b62;
}
.point #detailThumbArea #thumb li a.ac {
  border-color: #ff8121;
}
.bank #detailThumbArea #thumb li a.ac {
  border-color: #42bde3;
}
.campaign #detailThumbArea #thumb li a.ac {
  border-color: #78b82a;
}
.life #detailThumbArea #thumb li a.ac {
  border-color: #10b589;
}
#detailThumbArea #thumb li a.ac img {
  width: 94px;
  height: 94px;
  margin-top: -2px;
  margin-left: -2px;
}
#detailThumbArea #thumb li a.ac span {
  background: none;
}

#detailcarouselArea {
  border: 1px solid #dadada;
  border-radius: 8px;
  overflow: auto;
  margin-top: 14px;
}
#detailcarouselArea .detailcarouselWrap {
  margin: 0 auto;
}
#detailcarouselArea .detailcarouselCont {
  background: #fff;
  margin: 0;
  padding: 0;
  width: 1000px;
  overflow: auto;
}
#detailcarouselArea .detailcarouselCont .detailcarouselList {
  margin: 0;
  height: 100%;
  position: relative;
}
#detailcarouselArea .detailcarouselCont li.box {
  width: 183px;
  height: 100%;
  text-align: center;
}
#detailcarouselArea .detailcarouselCont li.box a {
  border-right: 1px solid #dadada;
  display: block;
  height: 100%;
  width: 142px;
  padding: 20px;
  transition: background .3s;
}
#detailcarouselArea .detailcarouselCont li.box a img {
  background: #fff;
}
#detailcarouselArea .detailcarouselCont li.box a .img {
  background: #fff;
  width: 100px;
  margin: 0 auto;
}
#detailcarouselArea .detailcarouselCont li.box a:hover,
#detailcarouselArea .detailcarouselCont li.box a:focus,
#detailcarouselArea .detailcarouselCont li.box a:active {
  text-decoration: none;
  background: #fae59b;
}
#detailcarouselArea .detailcarouselCont li.box a:hover .hdg,
#detailcarouselArea .detailcarouselCont li.box a:focus .hdg,
#detailcarouselArea .detailcarouselCont li.box a:active .hdg {
  text-decoration: underline;
}
#detailcarouselArea .detailcarouselCont li.box .hdg {
  text-align: left;
}
#detailcarouselArea .detailcarouselCont li.box .point {
  color: #ca018f;
  font-weight: bold;
  margin-top: 10px;
  font-size: 92.85714%;
}
#detailcarouselArea .detailcarouselCont li.box .number {
  color: #444444;
  font-size: 92.85714%;
}
#detailcarouselArea .detailcarouselCont li.box .brand {
  font-size: 85.71429%;
  color: #666666;
  text-align: left;
}
#detailcarouselArea .detailcarouselCont .leftBtn,
#detailcarouselArea .detailcarouselCont .rightBtn {
  height: 100%;
  top: 0;
  left: 0;
  margin-top: 0;
}
#detailcarouselArea .detailcarouselCont .leftBtn a,
#detailcarouselArea .detailcarouselCont .rightBtn a {
  display: block;
  height: 100%;
  width: 39px;
  background: #f3f3f3;
  transition: background .3s;
}
#detailcarouselArea .detailcarouselCont .leftBtn a img,
#detailcarouselArea .detailcarouselCont .rightBtn a img {
  margin-top: -9px;
  position: absolute;
  top: 50%;
  left: 12px;
}
#detailcarouselArea .detailcarouselCont .leftBtn a:hover,
#detailcarouselArea .detailcarouselCont .leftBtn a:focus,
#detailcarouselArea .detailcarouselCont .leftBtn a:active,
#detailcarouselArea .detailcarouselCont .rightBtn a:hover,
#detailcarouselArea .detailcarouselCont .rightBtn a:focus,
#detailcarouselArea .detailcarouselCont .rightBtn a:active {
  background: #fff;
}
#detailcarouselArea .detailcarouselCont .leftBtn {
  border-right: 1px solid #dadada;
}
#detailcarouselArea .detailcarouselCont .rightBtn {
  border-left: 1px solid #dadada;
  left: auto;
  right: 0;
}

#detailSearch dl {
  float: left;
  margin-top: 1px;
}
#detailSearch dl dt,
#detailSearch dl dd {
  float: left;
  margin: 0;
}
#detailSearch dl dt {
  font-weight: bold;
  padding: .8em 11px 0 0;
}
#detailSearch dl dd {
  margin-right: 20px;
}
#detailSearch dl dd select {
  width: 178px;
  padding: 10px 5px;
}

.btn-category.w293 {
  width: 293px;
}

#rollover-map {
  margin: 20px 0 30px 0;
  border-radius: 4px;
  padding: 5px;
  background-color: #d9d9d9;
}
#rollover-map > .inner {
  position: relative;
  height: 638px;
  border: 1px solid #cecece;
  background: #fff url(/creditcard/merit/images/img-map_01.png) no-repeat scroll 30px 25px;
}
#rollover-map > .inner > img {
  position: absolute;
  top: 25px;
  left: 30px;
}
#rollover-map ul li {
  position: absolute;
  width: 150px;
}
#rollover-map ul li.hokkaido {
  top: 34px;
  left: 449px;
  width: 100px;
}
#rollover-map ul li.tohoku {
  top: 203px;
  left: 581px;
}
#rollover-map ul li.kanto {
  top: 345px;
  left: 581px;
}
#rollover-map ul li.toukai {
  top: 399px;
  left: 461px;
  width: 100px;
}
#rollover-map ul li.hokuriku {
  top: 134px;
  left: 359px;
  width: 100px;
}
#rollover-map ul li.kinki {
  top: 429px;
  left: 291px;
}
#rollover-map ul li.tyugoku {
  top: 174px;
  left: 190px;
}
#rollover-map ul li.shikoku {
  top: 469px;
  left: 171px;
  width: 100px;
}
#rollover-map ul li.kyusyu {
  top: 204px;
  left: 20px;
}
#rollover-map ul li a {
  display: block;
  line-height: 20px;
  border-radius: 6px;
  border: 2px solid #666;
  padding: 8px 28px 8px 10px;
  background: #fff url(/common/css/images/ico-arrow_03.png) no-repeat scroll 122px center;
  color: #444444;
  font-size: 16px;
  font-weight: bold;
  transition: all .2s;
}
#rollover-map ul li.hokkaido a,
#rollover-map ul li.toukai a,
#rollover-map ul li.hokuriku a,
#rollover-map ul li.shikoku a {
  background-position: 72px center;
}
#rollover-map ul li.hokkaido a {
  border-color: #7cc5d6;
  background-image: url(/common/css/images/ico-arrow_03-hokkaido.png);
  color: #3ca8c1;
}
#rollover-map ul li.tohoku a {
  border-color: #ffa05f;
  background-image: url(/common/css/images/ico-arrow_03-tohoku.png);
  color: #ff6e0a;
}
#rollover-map ul li.kanto a {
  border-color: #ffd561;
  background-image: url(/common/css/images/ico-arrow_03-kanto.png);
  color: #a98509;
}
#rollover-map ul li.toukai a {
  border-color: #90bc57;
  background-image: url(/common/css/images/ico-arrow_03-toukai.png);
  color: #648836;
}
#rollover-map ul li.hokuriku a {
  border-color: #b27dd1;
  background-image: url(/common/css/images/ico-arrow_03-hokuriku.png);
  color: #8c41b8;
}
#rollover-map ul li.kinki a {
  border-color: #5bc1b7;
  background-image: url(/common/css/images/ico-arrow_03-kinki.png);
  color: #379088;
}
#rollover-map ul li.tyugoku a {
  border-color: #e27dcd;
  background-image: url(/common/css/images/ico-arrow_03-tyugoku.png);
  color: #d338b2;
}
#rollover-map ul li.shikoku a {
  border-color: #7d93d3;
  background-image: url(/common/css/images/ico-arrow_03-shikoku.png);
  color: #3f5fbc;
}
#rollover-map ul li.kyusyu a {
  border-color: #f98598;
  background-image: url(/common/css/images/ico-arrow_03-kyusyu.png);
  color: #f53454;
}
#rollover-map ul li a:hover,
#rollover-map ul li a:active,
#rollover-map ul li a:focus {
  background-color: #eee;
  text-decoration: none;
}
#rollover-map ul li.hokkaido a:hover,
#rollover-map ul li.hokkaido a:active,
#rollover-map ul li.hokkaido a:focus {
  background-color: #e3f3f6;
}
#rollover-map ul li.tohoku a:hover,
#rollover-map ul li.tohoku a:active,
#rollover-map ul li.tohoku a:focus {
  background-color: #ffe7d6;
}
#rollover-map ul li.kanto a:hover,
#rollover-map ul li.kanto a:active,
#rollover-map ul li.kanto a:focus {
  background-color: #fff5d8;
}
#rollover-map ul li.toukai a:hover,
#rollover-map ul li.toukai a:active,
#rollover-map ul li.toukai a:focus {
  background-color: #e8f1dd;
}
#rollover-map ul li.hokuriku a:hover,
#rollover-map ul li.hokuriku a:active,
#rollover-map ul li.hokuriku a:focus {
  background-color: #ede1f5;
}
#rollover-map ul li.kinki a:hover,
#rollover-map ul li.kinki a:active,
#rollover-map ul li.kinki a:focus {
  background-color: #e3f4f3;
}
#rollover-map ul li.tyugoku a:hover,
#rollover-map ul li.tyugoku a:active,
#rollover-map ul li.tyugoku a:focus {
  background-color: #f8def2;
}
#rollover-map ul li.shikoku a:hover,
#rollover-map ul li.shikoku a:active,
#rollover-map ul li.shikoku a:focus {
  background-color: #e3e7f5;
}
#rollover-map ul li.kyusyu a:hover,
#rollover-map ul li.kyusyu a:active,
#rollover-map ul li.kyusyu a:focus {
  background-color: #fdd6dc;
}
#rollover-map ul li ul {
  margin-top: 5px;
  *zoom: 1;
}
#rollover-map ul li ul:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#rollover-map ul li ul li {
  position: static;
  float: left;
  width: 70px;
  margin: 5px 5px 0 0;
}
#rollover-map ul li ul li a {
  line-height: 16px;
  border-radius: 0;
  border: 0;
  padding: 2px 0 2px 10px;
  background: transparent url(/common/css/images/ico-arrow_01.png) no-repeat scroll 0 center;
  font-size: 14px;
}
#rollover-map ul li.hokkaido ul li a,
#rollover-map ul li.toukai ul li a,
#rollover-map ul li.hokuriku ul li a,
#rollover-map ul li.shikoku ul li a {
  background-position: 0 center;
}
#rollover-map ul li.hokkaido ul li a {
  background-image: url(/common/css/images/ico-arrow_01-hokkaido.png);
}
#rollover-map ul li.tohoku ul li a {
  background-image: url(/common/css/images/ico-arrow_01-tohoku.png);
}
#rollover-map ul li.kanto ul li a {
  background-image: url(/common/css/images/ico-arrow_01-kanto.png);
}
#rollover-map ul li.toukai ul li a {
  background-image: url(/common/css/images/ico-arrow_01-toukai.png);
}
#rollover-map ul li.hokuriku ul li a {
  background-image: url(/common/css/images/ico-arrow_01-hokuriku.png);
}
#rollover-map ul li.kinki ul li a {
  background-image: url(/common/css/images/ico-arrow_01-kinki.png);
}
#rollover-map ul li.tyugoku ul li a {
  background-image: url(/common/css/images/ico-arrow_01-tyugoku.png);
}
#rollover-map ul li.shikoku ul li a {
  background-image: url(/common/css/images/ico-arrow_01-shikoku.png);
}
#rollover-map ul li.kyusyu ul li a {
  background-image: url(/common/css/images/ico-arrow_01-kyusyu.png);
}
#rollover-map ul li ul li a:hover,
#rollover-map ul li ul li a:active,
#rollover-map ul li ul li a:focus {
  background-color: transparent;
  text-decoration: underline;
}
#rollover-map ul li.hokkaido ul li a:hover,
#rollover-map ul li.hokkaido ul li a:active,
#rollover-map ul li.hokkaido ul li a:focus {
  background-color: transparent;
  color: #444444;
}
#rollover-map ul li.tohoku ul li a:hover,
#rollover-map ul li.tohoku ul li a:active,
#rollover-map ul li.tohoku ul li a:focus {
  background-color: transparent;
  color: #ffa05f;
}
#rollover-map ul li.kanto ul li a:hover,
#rollover-map ul li.kanto ul li a:active,
#rollover-map ul li.kanto ul li a:focus {
  background-color: transparent;
  color: #f3c114;
}
#rollover-map ul li.toukai ul li a:hover,
#rollover-map ul li.toukai ul li a:active,
#rollover-map ul li.toukai ul li a:focus {
  background-color: transparent;
  color: #90bc57;
}
#rollover-map ul li.hokuriku ul li a:hover,
#rollover-map ul li.hokuriku ul li a:active,
#rollover-map ul li.hokuriku ul li a:focus {
  background-color: transparent;
  color: #b27dd1;
}
#rollover-map ul li.kinki ul li a:hover,
#rollover-map ul li.kinki ul li a:active,
#rollover-map ul li.kinki ul li a:focus {
  background-color: transparent;
  color: #5bc1b7;
}
#rollover-map ul li.tyugoku ul li a:hover,
#rollover-map ul li.tyugoku ul li a:active,
#rollover-map ul li.tyugoku ul li a:focus {
  background-color: transparent;
  color: #e27dcd;
}
#rollover-map ul li.shikoku ul li a:hover,
#rollover-map ul li.shikoku ul li a:active,
#rollover-map ul li.shikoku ul li a:focus {
  background-color: transparent;
  color: #7d93d3;
}
#rollover-map ul li.kyusyu ul li a:hover,
#rollover-map ul li.kyusyu ul li a:active,
#rollover-map ul li.kyusyu ul li a:focus {
  background-color: transparent;
  color: #f98598;
}

#areaSearch .menu {
  margin-right: -20px;
  *zoom: 1;
}
#areaSearch .menu:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#areaSearch .menu dt,
#areaSearch .menu dd {
  float: left;
  margin-left: 0;
  margin-right: 20px;
}
#areaSearch .menu dt {
  margin-right: 10px;
  padding: 9px 0;
  font-weight: bold;
}
#areaSearch .menu dt.category {
  clear: both;
}
#areaSearch .menu dd.category {
  float: none;
}
#areaSearch .menu dd #keyword {
  width: 384px;
  height: 18px;
  padding: 10px 5px;
}
#areaSearch .menu dd #pref {
  width: 144px;
  height: 40px;
  line-height:40px;
  padding:10px 0;
  border-radius: 0;
  border: 1px solid #d9d9d9;
  background-color: #fff;
}
#areaSearch .menu dd ul {
  *zoom: 1;
}
#areaSearch .menu dd.category ul {
	padding-left: 80px;
}
#areaSearch .menu dd ul:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#areaSearch .menu dd ul li {
  float: left;
  margin: 9px 18px 0 0;
}
#areaSearch .menu dd ul li input {
  margin-right: 5px;
}

#areaSearchArea {
  overflow: hidden;
  border-radius: 5px;
  background: #f2f2f2 url(/common/css/images/bg-lytcol-01.png) repeat-y scroll 49.99% 0;
}
#areaSearchArea .lyt-column {
  display: table;
  width: 100%;
  margin-top: 0;
  border-top: 1px solid #dadada;
}
#areaSearchArea .lyt-column:first-child {
  border-top: 0;
}
#areaSearchArea .lyt-column > .col {
  display: table-cell;
  max-width: 190px;
  width: 25%;
}
#areaSearchArea .lyt-column .hdg {
  margin: 16px 12px;
}
#areaSearchArea .btn-icon {
  margin: 0 12px 12px 12px;
}
#areaSearchArea .btn-icon > li {
  float: none;
  width: auto;
  margin: 8px 0 0 0;
}
#areaSearchArea .btn-icon > li:first-child {
  margin-top: 0;
}
#areaSearchArea .btn-icon > li .btn-01 > span {
  width: 145px;
}
#areaSearchArea .btn-icon > li .btn-01 > span > span {
  padding: 0 24px 0 36px;
}
#areaSearchArea .btn-icon > li .icon {
  left: -5px;
}

#areaSearchCategory {
  margin-top: 30px;
}
#areaSearchCategory .tab-frame {
  border-bottom: 1px solid #dadada;
}
#areaSearchCategory .tab-01 {
  position: relative;
  bottom: -1px;
  margin-bottom: 0;
}
#areaSearchCategory .tab-01:after {
  display: none;
}
#areaSearchCategory .tab-01 + .tab-01 {
  margin-top: 0;
}
#areaSearchCategory .tab-01 + .tab-01 > ul {
  border-radius: 0;
  border-top: 0;
}
#areaSearchCategory .pager ul > li a:hover,
#areaSearchCategory .pager ul > li a:focus,
#areaSearchCategory .pager ul > li a:active {
  background-color: #ffe0e4;
}
#areaSearchCategory .pager ul > li.current a {
  color: #fff;
  background: #fa4b62;
}

#areaSearchResult {
  border: 1px solid #dadada;
}
#areaSearchResult .lyt-column {
  display: table;
  margin: 0;
  border-collapse: collapse;
  border-bottom: 1px solid #dadada;
}
#areaSearchResult .lyt-column:last-child {
  border-bottom: 0;
}

#areaSearchResult .lyt-column > .col {
  display: table-cell;
  border-right: 1px solid #dadada;
}

#areaSearchResult .lyt-column > .col:nth-child(1),
#areaSearchResult .lyt-column > .col:nth-child(2) {
  border-top: 0;
}

#areaSearchResult .lyt-column > .col > a {
  position: relative;
  display: block;
  width: 199px;
  min-height:150px;
  height: inherit;
  overflow: hidden;
  padding: 16px 20px 4px 160px;
  background-color: #fff;
  transition: .3s;
}
#areaSearchResult .lyt-column > .col:first-child > a {
  width: 198px;
}
#areaSearchResult .lyt-column > .col > a:hover,
#areaSearchResult .lyt-column > .col > a:active,
#areaSearchResult .lyt-column > .col > a:focus {
  background-color: #f2f2f2;
  text-decoration: none;
}
#areaSearchResult .lyt-column > .col > a > span {
  display: block;
}
#areaSearchResult .lyt-column > .col > a > .title {
  margin-bottom: .25em;
  font-size: 16px;
  font-weight: bold;
}
#areaSearchResult .lyt-column > .col > a:hover > .title,
#areaSearchResult .lyt-column > .col > a:active > .title,
#areaSearchResult .lyt-column > .col > a:focus > .title {
  text-decoration: underline;
}
#areaSearchResult .lyt-column > .col > a > .address {
  color: #444444;
}
#areaSearchResult .lyt-column > .col > a > .img {
  position: absolute;
  top: 20px;
  left: 20px;
}
#areaSearchResult .word {
  background: #ffe37f;
  font-weight: bold;
}

#areaSearchDetail .img-01 {
  overflow: hidden;
}
#areaSearchDetail .img-01 > li {
  float: left;
  margin: 0 12px 12px 0;
  border: 1px solid #dadada;
  padding: 3px;
}
#areaSearchDetail .bonus {
  color: #ca018f;
  font-weight: bold;
}
#areaSearchDetail .bonus strong {
  color: #ca018f;
  font-size: 128.5714%;
}

/* adjuster
----------------------------------------------- */
#contents .sub * + .local {
  margin-top: 24px;
}

* + .hdg-lv2 {
  margin-top: 48px;
}

* + .hdg-lv3 {
  margin-top: 40px;
}

.hdg-lv2 + .hdg-lv3 {
  margin-top: 24px;
}

* + .hdg-lv4 {
  margin-top: 40px;
}

.hdg-lv3 + .hdg-lv4 {
  margin-top: 24px;
}

* + .hdg-lv5 {
  margin-top: 40px;
}

#contents .hdg-lv4 + .hdg-lv5 {
  margin-top: 24px;
}

#contents .step-01 li > dl > dd .hdg-step + * {
  margin-top: 12px;
}
#contents .step-01 li > dl > dd > * + ul,
#contents .step-01 li > dl > dd > * + p,
#contents .step-01 li > dl > dd > * + dl,
#contents .step-01 li > dl > dd > * + div {
  margin-top: 20px;
}

#contents .box-02 .contents * + dl,
#contents .box-02 .contents * + p,
#contents .box-02 .contents * + ul,
#contents .box-02 .contents * + ol
* + table,
#contents .box-03 .contents * + dl,
#contents .box-03 .contents * + p,
#contents .box-03 .contents * + ul,
#contents .box-03 .contents * + ol
* + table,
#contents .box-note-01 .contents * + dl,
#contents .box-note-01 .contents * + p,
#contents .box-note-01 .contents * + ul,
#contents .box-note-01 .contents * + ol
* + table {
  margin-top: 16px !important;
}
#contents .box-02 .contents ul.bullet-01 ul.bullet-01,
#contents .box-03 .contents ul.bullet-01 ul.bullet-01,
#contents .box-note-01 .contents ul.bullet-01 ul.bullet-01 {
  margin-top: 6px !important;
}
#contents .box-02 .contents * + .float-01,
#contents .box-03 .contents * + .float-01,
#contents .box-note-01 .contents * + .float-01 {
  margin-top: 6px !important;
}

* + .box-answer {
  margin-top: 24px;
}

#contents * + .box-01,
#contents * + .box-02,
#contents * + .box-03,
#contents * + .box-note-01,
#contents * + .box-cv,
#contents * + .box-cv-02 {
  margin-top: 32px;
}

#contents * + .box-05 {
  margin-top: 20px;
}

#contents * + .box-cashing-01 {
  margin-top: 30px;
}

#contents .hdg-lv5 + * {
  margin-top: 20px;
}

/* --------------------------------------------
/* ƒNƒŒƒWƒbƒgA‹âsE•ÛŒ¯Eƒ[ƒ“‚Ìh2ƒŠƒ“ƒN—p
----------------------------------------------- */
.box-credit-02 .contents-02 h2.hdg,
.box-credit-02 .contents-04 h2.hdg,
.box-finance-01 .contents-01 h2.hdg,
.box-finance-01 .contents-02 h2.hdg,
.box-finance-01 .contents-03 h2.hdg,
.box-finance-01 .contents-04 h2.hdg {
	padding:0px;
}

#contents .box-credit-02 .contents-02 h2.hdg a,
#contents .box-credit-02 .contents-04 h2.hdg a,
#contents .box-finance-01 .contents-01 h2.hdg a,
#contents .box-finance-01 .contents-02 h2.hdg a,
#contents .box-finance-01 .contents-03 h2.hdg a,
#contents .box-finance-01 .contents-04 h2.hdg a {
	display:block;
	color:#FFF;
	transition: background-color .3s;
}

#contents .box-credit-02 h2.hdg a:hover,
#contents .box-credit-02 h2.hdg a:focus,
#contents .box-credit-02 h2.hdg a:active {
	text-decoration:none;
	background-color:#EF3E53;
}

#contents .box-finance-01 h2.hdg a:hover,
#contents .box-finance-01 h2.hdg a:focus,
#contents .box-finance-01 h2.hdg a:active{
	text-decoration:none;
	background-color:#30A6D1;
}

#contents .box-credit-02 .contents-02 h2.hdg a,
#contents .box-credit-02 .contents-04 h2.hdg a{
	padding:12px 34px 12px 16px;
}

#contents .box-finance-01 .contents-01 h2.hdg a,
#contents .box-finance-01 .contents-02 h2.hdg a,
#contents .box-finance-01 .contents-03 h2.hdg a,
#contents .box-finance-01 .contents-04 h2.hdg a{
	padding:14px 38px 10px 16px;
}

#contents .box-credit-02 .contents-02 h2.hdg a img,
#contents .box-credit-02 .contents-04 h2.hdg a img,
#contents .box-finance-01 .contents-01 h2.hdg a img,
#contents .box-finance-01 .contents-02 h2.hdg a img,
#contents .box-finance-01 .contents-03 h2.hdg a img,
#contents .box-finance-01 .contents-04 h2.hdg a img {
	margin:0 0 5px 5px;
}

/* ----------------------------------------------------------------
  form
----------------------------------------------------------------- */
/* check-box
----------------------------------------------- */
#contents label {
  display: inline-block;
}
#contents label input[type="checkbox"],
#contents label input[type="radio"] {
  vertical-align: top;
  margin: .3em 8px 0 0;
}
#contents li label {
  margin-top: 0;
}
#contents input[type="checkbox"]:checked + span,
#contents input[type="checkbox"]:checked + label span {
  background: #fae59b;
}
#contents input[type="checkbox"] + label,
#contents input[type="radio"] + label {
  margin-left: 8px;
}
#contents .select-01 {
  width: 100%;
  padding: 10px 0;
}

/* ----------------------------------------------------------------
  common
----------------------------------------------------------------- */
/* margin padding
----------------------------------------------- */
.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.w-21 {
  width: 21% !important;
}

#contents .mt0 {
  margin-top: 0 !important;
}

/* Width
----------------------------------------------- */
.w-5 {
  width: 5% !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.w-50 {
  width: 50% !important;
}

.w-55 {
  width: 55% !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.w-70 {
  width: 70% !important;
}

.w-75 {
  width: 75% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.w-100 {
  width: 100% !important;
}

/* Display
----------------------------------------------- */
.block {
  display: block !important;
}

.inline-block {
  display: inline-block !important;
}

.inline {
  display: inline !important;
}

/* Align Control
----------------------------------------------- */
.left,
table.left th,
table.left td,
thead.left > tr > *,
tbody.left > tr > * {
  text-align: left !important;
}

.center,
table.center th,
table.center td,
thead.center > tr > *,
tbody.center > tr > * {
  text-align: center !important;
}

.right,
table.right th,
table.right td,
thead.right > tr > *,
tbody.right > tr > * {
  text-align: right !important;
}

.middle,
table.middle th,
table.middle td,
thead.middle > tr > *,
tbody.middle > tr > * {
  vertical-align: middle !important;
}

.top,
table.top th,
table.top td,
thead.top > tr > *,
tbody.top > tr > * {
  vertical-align: top !important;
}

#contents .center {
  text-align: center !important;
}

/* Align Control
----------------------------------------------- */
.extend-toggle .btn-01.open > span > span {
  background-image: url(/common/css/images/ico-minus_01.png);
}
.extend-toggle .btn-01.close > span > span {
  background-image: url(/common/css/images/ico-plus_01.png);
}

.video-title{
  background:#fb4b62;
  color:white;
  margin:0 0 20px;
  padding:10px 0;
  position:relative;
}

.video-title:after{
	content: "";
	position: absolute;
	bottom: -23px;
	right: 45%;
	border: 12px solid transparent;
	border-top: 12px solid #fb4b62;
}

.video-info{
  background:#ffe0e5;
  color:#fb4b62;
  font-weight:bold;
  padding:10px;
}

.video-wrappaer{
  position: relative;
  padding-bottom: 56.25%; /*ƒAƒXƒyƒNƒg”ä 16:9‚Ìê‡‚Ìc•*/
  height: 0;
  margin-bottom:60px;
}

.movie-wrap iframe {
  width: 100%;
  height:100%;
  position: relative;
}
