@charset "UTF-8";
/* ==============================
   Reset
   ============================== */
html {
  overflow-y: scroll;
}
html, body {
  height: 100%;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-style: normal;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
nav ul {
  list-style: none;
}
li {
  list-style: none;
}
a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img {
  vertical-align: top;
}
sup {
  vertical-align: text-top;
  font-size: 0.8em;
}
strong{
  color: #cc0000;
}
/* ==============================
   Base
   ============================== */
body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  color: #333;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  font-size: 15px;
  line-height: 1.6;
}
a {
  color: #333;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  opacity: .6;
}
/* ==============================
   Structure
   ============================== */
/* Header */
#header {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 52px;
  padding: 10px 12px;
  border-bottom: 1px solid #f2f2f2;
  background: #ffffff;
  line-height: 1;
  z-index: 100;
}
#header button {
  padding: 0;
  border: none;
  background: none;
}
#header .header-logo {
  padding-top: 4px;
  text-align: center;
}
#header.fixed {
  position: fixed;
  top: 0;
}
#header.fixed + div {
  margin-top: 52px;
}
.nav-header {
  position: absolute;
  top: 11px;
  left: 12px;
}
.nav-header .nav-item {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
}
.nav-header .nav-item:last-child {
  position: relative;
  top: 1px;
}
.nav-header .nav-item img {
  width: 24px;
  height: 24px;
}
/* Footer */
#footer {
  padding: 28px 12px 55px;
  background: #ffeff8;
}
#footer .header {
  margin-bottom: 28px;
}
#footer small {
  display: block;
  padding-top: 3px;
  color: #7f7f7f;
  font-size: 11px;
}
#footer .link-pagetop {
  position: fixed;
  bottom: 30px;
  right: 20px;
}
#footer .link-pagetop > a > .material-icons {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 27px;
  height: 27px;
  padding-top: 1px;
  color: #ffffff !important;
  background: #c5339a;
  border-radius: 50%;
  text-align: center;
}
#footer .btn-small {
  border: none;
  padding: 5px 0px;
  color: #7f7f7f;
}

/* Menu */
body.scroll-fix {
  width: 100%;
  /* height: 100vh; */
  overflow: hidden;
}

/* menu layout */
#menu-container {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(0, 0, 0, .5);
  z-index: 900;
}
#menu-container #menu-inner-wrap {
  background: #ffffff;
  border-radius: 3px;
}

body.scroll-fix #menu-container {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

#menu-close-btn {
  display: none;
  position: fixed;
  bottom: 15px;
  left: 50%;
  margin-left: -20px;
  z-index: 999;
  opacity: 0;
}
#menu-close-btn a {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  background: #b60081;
  border-radius: 50%;
  -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, .3);
          box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, .3);
}
#menu-close-btn a .material-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  color: #ffffff;
  vertical-align: middle;
}

/* menu-search-box */
#menu-search-box {
  padding: 15px;
}
#menu-search-box p {
  position: relative;
  margin: 0;
}
#menu-search-box p .material-icons {
  position: absolute;
  left: 6px;
  top: 50%;
  margin-top: -0.5em;
  color: #666666;
}
#menu-search-box .searchBox {
  display: block;
  width: 78%;
  height: 42px;
  float: left;
  padding: 10px 10px 10px 30px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  border-radius: 5px 0 0 5px;
  vertical-align: middle;
  color: #666666;
  font-family: \30e1\30a4\30ea\30aa, \30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic Pro", \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF, Arial, sans-serif;
  font-size: 14px;
}
#menu-search-box input[type="submit"] {
  display: block;
  width: 22%;
  height: 42px;
  float: left;
  padding: 0;
  background: #666666;
  box-sizing: border-box;
  border: none;
  border-radius: 0 5px 5px 0;
  vertical-align: middle;
  text-align: center;
  color: #ffffff;
  font-family: \30e1\30a4\30ea\30aa, \30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic Pro", \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF, Arial, sans-serif;
  -webkit-appearance: none;
}

/* 20240219add */
/* sai-search */
.sai-search-wrap {
  z-index: 1501;
  position: relative;
  margin-bottom: 10px;
  padding: 0 0 0;
  background-color: #eee;
  box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 20%);
  }
  .sai-embed {
  background-color: #eee;
  }
  .sai-embed .main {
  position: relative;
  }
  .sai-embed .content {
  padding: 30px 12px 15px !important;
  background-color: #eee;
  }
  .sai-embed .sai-tag-list {
  background-color: #eee !important;
  padding: 15px 12px !important;
  }
  .sai-embed .recommend {
  width: 100%;
  min-height: auto;
  max-height: calc(100vh - 240px);
  background-color: #fff;
  border-radius: 0;
  }
  .sai-embed .head {
  display: none !important;
  }
  .sai-embed .button {
  display: none !important;
  }.sai-embed .autocomplete_header {
  display: none !important;
  }
  .sai-embed .autocomplete + .autocomplete {
  display: none !important;
  }
  .sai-embed .autocomplete {
  padding: 12px 12px 40px;
  }
  .sai-embed .sai-tag-list__title {
  display: none !important;
  }
  .sai-embed .sai-tag-category {
  display: none !important;
  }
  .sai-embed .clearWrap {
  display: none !important;
  }
  .sai-tag-search-modal[data-v-e74ff0fe] {
  background: transparent;
  }
  .sai-tag-search-modal[data-v-61099e21] {
  background-color: transparent;
  }
/*20240801追記*/
  #header .nav-header .nav-item .header-chat-icon {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    border-left: 1px solid #dcdcdc;
    text-decoration: none !important;
    text-align: center;
  }
  #header .nav-header .nav-item .header-chat-icon .nav-txt {
    color: #666;
    line-height: 1.2;
    font-size: 10px;
  }
  #header .nav-header .nav-item {
    width: 52px !important;
  }

/* menu-nav-box */
#menu-nav-box {
  margin-bottom: 46px;
  padding-bottom: 26px;
  border-top: 1px solid #dddddd;
}
#menu-nav-box .menu-nav-list01 > li {
  border-bottom: 1px solid #dddddd;
}
#menu-nav-box .menu-nav-list01 > li a {
  color: #333333;
  text-decoration: none;
}
#menu-nav-box .menu-nav-list01 > li > a {
  position: relative;
  display: block;
  padding: 15px 30px 15px 15px;
  font-size: 14px;
  font-weight: bold;
}

#menu-nav-box .menu-nav-list01 > li > a .material-icons {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -0.5em;
  font-size: 28px;
  color: #b60081;
}
#menu-nav-box .menu-nav-list01 > li > a .salesTalkLabel {
  font-size: 13px;
  font-weight: bold;
  color: #c5339a;
  margin-left: 14px;
  background-color: #ffeffb;
  border: 2px solid #e9b2d9;
  border-radius: 20px;
  padding: 3px 10px 4px;
  position: relative;
}
#menu-nav-box .menu-nav-list01 > li > a .salesTalkLabel::before {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  left: -7px;
  border: 3px solid transparent;
  border-right: 5px solid #ffeffb;
  z-index: 2;
}
#menu-nav-box .menu-nav-list01 > li > a .salesTalkLabel::after {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  left: -13px;
  border: 5px solid transparent;
  border-right: 8px solid #e9b2d9;
  z-index: 1;
}
#menu-nav-box .menu-nav-list01 > li.js-menu-toggle > a:before, #menu-nav-box .menu-nav-list01 > li.js-menu-toggle > a:after {
  display: block;
  position: absolute;
  content: "";
}
#menu-nav-box .menu-nav-list01 > li.js-menu-toggle > a:before {
  height: 2px;
  width: 17px;
  top: 50%;
  right: 10px;
  margin-top: -1px;
  border-radius: 2px;
  background: #b60081;
}
#menu-nav-box .menu-nav-list01 > li.js-menu-toggle > a:after {
  height: 17px;
  width: 2px;
  top: 50%;
  right: 17px;
  margin-top: -8px;
  border-radius: 2px;
  background: #b60081;
}
#menu-nav-box .menu-nav-list01 > li.js-menu-toggle.open > a:after, #menu-nav-box .menu-nav-list01 > li.js-menu-toggle > .js-menu-child {
  display: none;
}
#menu-nav-box .menu-nav-list01 > li > a > .sub {
  display: block;
  margin-top: 7px;
  font-size: 9px;
  font-weight: normal;
  color: #666666;
}
#menu-nav-box .menu-nav-list01 > li span {
  color: #333333;
  text-decoration: none;
  cursor: pointer;
}

#menu-nav-box .menu-nav-list01 > li > span {
  position: relative;
  display: block;
  padding: 15px 30px 15px 15px;
  font-size: 14px;
  font-weight: bold;
}
#menu-nav-box .menu-nav-list01 > li > span:hover {
  opacity: 0.6;
}
#menu-nav-box .menu-nav-list01 > li > span .material-icons {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -0.5em;
  font-size: 28px;
  color: #b60081;
}
#menu-nav-box .menu-nav-list01 > li > span .salesTalkLabel {
  font-size: 13px;
  font-weight: bold;
  color: #c5339a;
  margin-left: 14px;
  background-color: #ffeffb;
  border: 2px solid #e9b2d9;
  border-radius: 20px;
  padding: 3px 10px 4px;
  position: relative;
}
#menu-nav-box .menu-nav-list01 > li > span .salesTalkLabel::before {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  left: -7px;
  border: 3px solid transparent;
  border-right: 5px solid #ffeffb;
  z-index: 2;
}
#menu-nav-box .menu-nav-list01 > li > span .salesTalkLabel::after {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  left: -13px;
  border: 5px solid transparent;
  border-right: 8px solid #e9b2d9;
  z-index: 1;
}
#menu-nav-box .menu-nav-list01 > li.js-menu-toggle > span:before, #menu-nav-box .menu-nav-list01 > li.js-menu-toggle > span:after {
  display: block;
  position: absolute;
  content: "";
}
#menu-nav-box .menu-nav-list01 > li.js-menu-toggle > span:before {
  height: 2px;
  width: 17px;
  top: 50%;
  right: 10px;
  margin-top: -1px;
  border-radius: 2px;
  background: #b60081;
}
#menu-nav-box .menu-nav-list01 > li.js-menu-toggle > span:after {
  height: 17px;
  width: 2px;
  top: 50%;
  right: 17px;
  margin-top: -8px;
  border-radius: 2px;
  background: #b60081;
}
#menu-nav-box .menu-nav-list01 > li.js-menu-toggle.open > span:after, #menu-nav-box .menu-nav-list01 > li.js-menu-toggle > .js-menu-child {
  display: none;
}
#menu-nav-box .menu-nav-list01 > li > span > .sub {
  display: block;
  margin-top: 7px;
  font-size: 9px;
  font-weight: normal;
  color: #666666;
}

#menu-nav-box .menu-nav-list02 > li {
  border-top: 1px dotted #dddddd;
}
#menu-nav-box .menu-nav-list02 > li > a {
  position: relative;
  display: block;
  padding: 15px 30px 15px 35px;
  font-size: 12px;
}
#menu-nav-box .menu-nav-list02 > li > a .material-icons {
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -0.5em;
  color: #b60081;
}
#menu-nav-box .menu-nav-list03 > li {
  display: table;
  float: left;
  width: 33.3%;
  height: 55px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  box-sizing: border-box;
}
#menu-nav-box .menu-nav-list03 > li:nth-child(3n) {
  border-right: none;
}
#menu-nav-box .menu-nav-list03 > li > a {
  display: table-cell;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 2px 5px;
  background: #f2f2f2;
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  line-height: 1.4;
}
#menu-nav-box .menu-nav-list03 > li > a .material-icons {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.5em;
  color: #b60081;
  font-size: 18px;
}
#menu-nav-box .menu-link-for-pc {
  margin: 15px 36px 0;
}
#menu-nav-box .menu-link-for-pc a {
  display: block;
  padding: 10px 5px;
  border-radius: 5px;
  box-shadow: 0px 1px 2px 1px #b2b2b2;
  font-size: 12px;
  color: #333333;
  text-decoration: none;
  text-align: center;
}
#menu-nav-box .menu-link-for-pc a .material-icons {
  margin-left: 10px;
  color: #b60081;
  vertical-align: middle;
}

/* menu action */
#menu-container {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}
#menu-container.search-open {
  top: 52px;
  background: none;
}

#menu-close-btn {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

body.scroll-fix #menu-close-btn {
  display: block;
  opacity: 1.0;
}

#menu-container.search-open #menu-nav-box {
  display: none;
}
#menu-container.search-open + #menu-close-btn, #menu-container.search-open + #op_skin + #menu-close-btn {
  display: none;
}

#op_skin {
  position: fixed;
  top: 52px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
}

/* clearfix */
#float-btm-nav .float-nav-list:after,
#menu-search-box p:after,
#menu-nav-box .menu-nav-list03:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  font-size: 0;
  line-height: 0;
}

/* Contents */
.img-wrap {
  margin-bottom: 30px;
  text-align: center;
}

/* ==============================
   Modules
   ============================== */
/* Unit */
.unit {
  box-sizing: border-box;
  padding: 12px 12px 10px;
  border-bottom: 1px solid #f2f2f2;
}
.unit.unit-account {
  padding: 24px 12px;
}
.unit.unit-account .btn-group .item:last-child {
  margin-bottom: 0;
}
.unit p {
  margin-bottom: 10px;
}
.unit p:last-child {
  margin-bottom: 0;
}
.unit p + .section-title {
  margin-top: 20px;
}
.unit.unit-lv2 {
  padding: 24px 12px 12px;
  background: #f6f6f6;
}
.unit.unit-lv2 .header {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.unit.unit-lv3 {
  padding: 16px 12px 12px;
  background: #f6f6f6;
}
.unit.unit-lv4 {
  padding: 20px 22px;
  background: #b60081;
}
.unit.unit-lv4 .header {
  margin-bottom: 10px;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
}
.unit.unit-merit {
  padding: 50px 22px;
  border: none;
}
.unit.unit-merit .num {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 72px;
  height: 72px;
  margin: 0 auto 50px;
  color: #d82b90;
  font-size: 32px;
  text-align: center;
  border: 2px solid #d82b90;
  border-radius: 50%;
  line-height: 0;
}
.unit.unit-merit .num:after {
  position: absolute;
  display: block;
  content: "";
  width: 22px;
  height: 2px;
  bottom: -30px;
  left: 50%;
  margin-left: -11px;
  background: #000;
}
.unit.unit-merit .lead {
  margin-bottom: 10px;
  color: #d82b90;
  font-size: 26px;
  text-align: center;
}
.unit.unit-merit .text {
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 13px;
  line-height: 1.9em;
}
.unit.unit-merit .img-wrap {
  margin-bottom: 40px;
  text-align: center;
}
.unit.unit-merit-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 338px;
  background: url(/sp/beginner/images/img_merit_00.jpg) no-repeat center top;
  background-size: cover;
  border-bottom: none;
  text-align: center;
}
.unit.unit-merit-main .hdg {
  margin-bottom: 10px;
  color: #ffffff;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.4em;
}
.unit.unit-merit-main .hdg > em {
  text-decoration: underline;
}
.unit.unit-merit-main .lead {
  margin-bottom: 20px;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.9em;
}

/* unit-feature */
.unit-feature {
  min-height: 339px;
  padding-bottom: 0;
  background: url(/sp/shared/images/modules/bg_unit_01.jpg) no-repeat center center;
  background-size: cover;
  text-align: center;
}
.unit-feature .caption {
  margin-bottom: 20px;
}
.unit-feature .unit-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  min-height: 260px;
}
.unit-feature .unit-contents .btn-wrap {
  width: 210px;
  margin: 0 auto 30px;
}
.unit-feature .hdg-h2 {
  margin: 20px 0;
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.unit-feature .img-wrap {
  text-align: center;
}
.unit-feature .btn-wrap {
  width: 210px;
  margin: 0 auto 30px;
}
.unit-feature .btn-wrap .btn {
  border-color: rgba(255, 255, 255, 0.7);
}
.unit-feature.bg-02 {
  color: #ffffff;
  background: url(/sp/shared/images/modules/bg_unit_02.jpg) no-repeat center center;
  background-size: cover;
}
.unit-feature.bg-02 .hdg-h2 {
  color: #ffffff;
  font-size: 24px;
}
.unit-feature.bg-02 .img-card {
  width: 220px;
  margin-bottom: 10px;
  border-radius: 10px;
}
.unit-feature.bg-03 {
  background: url(/sp/shared/images/modules/bg_unit_03.jpg) no-repeat center top;
  background-size: cover;
}
.unit-feature.bg-03 .hdg-h2 {
  position: relative;
  top: 65px;
}
.unit-feature.bg-housing {
  background: url(/sp/shared/images/modules/bg_unit_housing.jpg) no-repeat center top;
  background-size: cover;
}
.unit-feature.bg-housing_02 {
  background: url(/sp/shared/images/modules/bg_unit_housing_02.jpg) no-repeat center top;
  background-size: cover;
}
.unit-feature.bg-housing-new {
  background: url(/sp/shared/images/modules/bg_unit_housing_new.png) no-repeat center top;
  background-size: cover;
}
.unit-feature.bg-housing-refinance {
  background: url(/sp/shared/images/modules/bg_unit_housing_refinance.png) no-repeat center top;
  background-size: cover;
}
.unit-feature.bg-asset {
  background: url(/sp/shared/images/modules/bg_unit_column.png) no-repeat center top;
  background-size: cover;
}
.unit-feature.bg-investment {
  min-height: 360px;
  background: url(/sp/shared/images/modules/bg_unit_investment.jpg) no-repeat center top;
  background-size: cover;
}
.unit-feature.bg-cardloan {
  background: url(/sp/shared/images/modules/bg_unit_cardloan.png) no-repeat center top;
  background-size: cover;
}
.unit-feature.bg-column-housing-new {
  background: url(/sp/shared/images/modules/bg_unit_clm_hol_new.png) no-repeat center top;
  background-size: cover;
}
.unit-feature.bg-column-housing-refinance {
  background: url(/sp/shared/images/modules/bg_unit_clm_hol_re.png) no-repeat center top;
  background-size: cover;
}
.unit-feature.bg-column-housing-buy {
  background: url(/sp/shared/images/modules/bg_unit_clm_hol_buy.png) no-repeat center top;
  background-size: cover;
}
.unit-feature.bg-column-ideco-beginner {
  background: url(/sp/shared/images/modules/bg_unit_clm_ideco_beginner.png) no-repeat center top;
  background-size: cover;
}
.unit-feature.bg-column-housing-interest {
  background: url(/sp/shared/images/modules/bg_unit_clm_hol_int.png) no-repeat center top;
  background-size: cover;
}
.unit-feature.bg-column-housing_063 {
  background: url(/sp/shared/images/modules/bg_unit_clm_hol_063.png) no-repeat center top;
  background-size: cover;
}
.unit-feature.bg-column-investment {
  background: url(/sp/shared/images/modules/bg_unit_clm_inv.png) no-repeat center top;
  background-size: cover;
}
.unit-feature.bg-column-cardloan {
  background: url(/sp/shared/images/modules/bg_unit_clm_cdl.png) no-repeat center top;
  background-size: cover;
}

/* unit-feature */
.unit-information {
  padding-bottom: 14px;
}

/* Heading */
.hdg-h2 {
  margin-top: 10px;
  margin-bottom: 25px;
  color: #a20073;
  font-size: 20px;
  font-weight: bold;
}
.hdg-h2.page-title {
  font-size: 30px;
  line-height: 1;
}
.hdg-h2.title {
  padding-top: 10px;
  margin: 50px 0 25px 0;
  border-top: 1px solid #ffabf4;
}

.hdg-h3 {
  margin-top: 30px;
  margin-bottom: 10px;
  color: #a20073;
  font-size: 16px;
}
.hdg-h3.section-title {
  margin-bottom: 0;
  color: #242626;
}

.hdg-h4 {
  margin-bottom: 10px;
  color: #a20073;
  font-size: 16px;
}

.hdg-title {
  margin: 10px 0 20px;
  color: #242626;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.hdg-title .label {
  position: relative;
  display: inline-block;
  top: -2px;
  left: 5px;
}

/* Navigation */
/* Table */
.table-compare {
  width: 100%;
  margin-bottom: 20px;
}
.table-compare tr:nth-child(even) {
  background: #f6f6f6;
}
.table-compare th, .table-compare td {
  width: 50%;
  padding: 12px;
  font-size: 12px;
  font-weight: normal;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  vertical-align: middle;
}
.table-compare th p:last-child, .table-compare td p:last-child {
  margin-bottom: 0;
}
.table-compare th em, .table-compare td em {
  font-weight: bold;
  color: #ba0082;
}
.table-compare th .spec li, .table-compare td .spec li {
  margin-bottom: 10px;
}
.table-compare th .spec li:last-child, .table-compare td .spec li:last-child {
  margin-bottom: 0;
}
.table-compare th .spec.divide, .table-compare td .spec.divide {
  margin: 0 -12px 12px;
  padding: 0 12px 12px;
  border-bottom: 1px solid #e5e5e5;
}
.table-compare th .note, .table-compare td .note {
  padding-left: 0;
  font-size: 10px;
  text-indent: 0;
}
.table-compare th {
  border-right: 1px solid #e5e5e5;
}
.table-compare th.center {
  text-align: center;
}
.table-compare th.center .header {
  font-weight: bold;
}
.table-compare th.center img + p {
  margin-top: 10px;
  text-align: left;
  text-indent: 0;
  padding-left: 0;
}
.table-compare .radius {
  border-radius: 5px;
}
.table-compare .bnr-off {
  width: 164px;
}

/* List */
.list li {
  position: relative;
  margin-bottom: 15px;
  padding-left: 1em;
}
.list li:before {
  position: absolute;
  display: block;
  content: '';
  top: .5em;
  left: 0;
  width: 6px;
  height: 6px;
  background: #b2b2b2;
  border-radius: 100%;
}
.list li .note {
  text-indent: 0;
  padding-left: 0;
}
.list li .note li {
  margin-bottom: 0;
  padding-left: 0;
}
.list li .note li:before {
  display: none;
}

/* List-link */
.list-link li {
  margin-bottom: 15px;
  font-size: 13px;
}
.list-link li:last-child {
  margin-bottom: 0;
}

/* List-link */
.list-number {
  margin-bottom: 20px;
}
.list-number li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px;
}
.list-number li > .num {
  position: absolute;
  top: 0;
  left: 0;
}
.list-number li:last-child {
  margin-bottom: 0;
}

/* list-notes */
.list-notes {
  margin-bottom: 20px;
}
.list-notes li {
  position: relative;
  padding-left: 13px;
  font-size: 12px;
}
.list-notes.ptn01 li {
  padding-left: 30px;
}
.list-notes li > .marker {
  position: absolute;
  top: 0;
  left: 0;
}

/* List-info */
.list-info li {
  position: relative;
}
.list-info li .date {
  display: block;
  color: #999999;
  font-size: 13px;
  line-height: 20.8px;
  line-height: 1.3rem;
}
.list-info li a {
  display: block;
  padding: 0 20px 20px 0;
}
.list-info li:after {
  position: absolute;
  font-family: 'Material Icons';
  content: "\e5cc";
  color: #c5339a;
  font-size: 24px;
  font-weight: normal;
  top: calc(50% - 18px);
  right: 4px;
}
.list-info.security li:after {
  top: calc(50% - 1.2em);
}

/* List-spec */
.list-spec {
  display: table;
  width: 100%;
  height: 50px;
  margin-bottom: 20px;
}
.list-spec .cell {
  display: table-cell;
  width: 24%;
  border-right: 1px solid #e5e5e5;
  text-align: center;
  line-height: 1.8em;
  vertical-align: middle;
}
.list-spec .cell:last-child {
  width: 28%;
  border-right: none;
}
.list-spec .cell .spec {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5em;
}
.list-spec .cell img {
  display: inline;
}
.list-spec .cell .function {
  font-size: 10.5px;
}

/* List-media */
.list-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.list-media .cell-icon img {
  width: 80px;
  margin-right: 15px;
}
.list-media .cell-text {
  font-size: 13px;
  font-weight: bold;
}
.list-media .cell-text .label {
  display: inline-block;
  margin-left: 5px;
  margin-right: 0;
}
/* List-items */
.list-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0;
}
.list-items .item {
  width: calc(33.33333% - 5px);
  margin-bottom: 20px;
}
.list-items .item > a {
  display: block;
  width: 100%;
}
.list-items .item .icon {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  text-align: center;
}
.list-items .item .icon img {
  width: 38px;
  height: 38px;
}
.list-items .item .icon.ideco img {
  width: 50px;
}
.list-items .item .item-name {
  margin-bottom: 6px;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
}
.list-items .item.col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(50% - 5px);
}
.list-items .item.col2 .icon img {
  width: 72px;
  height: 72px;
}

/* List-target */
.list-target .item {
  display: table;
  width: 100%;
  padding: 10px 0;
}
.list-target .item dt, .list-target .item dd {
  display: table-cell;
  vertical-align: middle;
}
.list-target .item dt {
  width: 50px;
  padding-right: 5px;
}
.list-target .item dd {
  position: relative;
}
.list-target .item dd a {
  display: block;
  padding-right: 30px;
}
.list-target .item dd .material-icons {
  position: absolute;
  margin-top: -.5em;
  top: 50%;
  right: 0;
  color: #c5339a;
}
/* Card */
.card {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 15px 10px;
  background: #ffffff;
  border: 1px solid #ececec;
  border-radius: 8px;
}
.card .img-wrap {
  margin: 5px 0 20px;
  text-align: center;
}
.card .img-wrap img {
  height: 51px;
}
.card .img-wrap.img-full {
  margin: -15px -10px 15px;
}
.card .img-wrap.img-full img {
  width: 100%;
  height: 113px;
  border-radius: 8px 8px 0 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.card p {
  font-size: 15px;
  line-height: 20.8px;
  line-height: 1.3rem;
}

/* Card wrap */
.card-wrap {
  margin-bottom: 20px;
}

/* Link */
.link {
  color: #b60081;
  text-decoration: underline;
}

.arrow {
  text-align: left;
}
.arrow:after {
  position: absolute;
  font-family: 'Material Icons';
  content: "\e5cc";
  color: #c5339a;
  font-size: 24px;
  font-weight: normal;
  top: calc(50% - 18px);
  right: 4px;
}

.anch:after {
  position: absolute;
  font-family: 'Material Icons';
  content: "\e5cc";
  color: #c5339a;
  font-size: 24px;
  font-weight: normal;
  top: calc(50% - 18px);
  right: 4px;
  transform: rotate(90deg);
}

/* Button */
.btn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #4c4c4c;
  font-size: 13px;
  display: block;
  padding: 14px 12px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
}
.btn > .sub {
  font-size: 12px;
  line-height: 1.2;
}
.btn:hover {
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: .6;
  text-decoration: none;
}
.btn.btn-secondary {
  font-size: 16px;
}
.btn.of-merit {
  color: #d82b90;
  border-color: #f0cce6;
}
.btn.btn-account {
  color: #ffffff;
  font-size: 16px;
  background: #c5339a;
  border: 0;
}
.btn.btn-account:before {
  position: relative;
  content: url(/sp/shared/images/modules/icon_account.svg);
  top: 2px;
  left: -10px;
}
.btn.btn-account-negative {
  color: #c5339a;
  font-size: 16px;
  background: #ffffff;
  border: 0;
}
.btn.btn-login {
  color: #ffffff;
  font-size: 16px;
  background: #ff5300;
  border: 0;
}
.btn.btn-login-clear {
  color: #c5339a;
  font-size: 16px;
  background: #fff;
  border: 1px solid #c5339a;
  min-height: 53px;
}
.btn.btn-sim {
  padding: 5px 12px 6px;
  font-size: 16px;
  line-height: 1.25;
}
.btn.btn-wealthnavi {
  color: #1688c5;
  font-size: 16px;
  background: #fff;
  border: 1px solid #1688c5;
  padding: 13px 12px;
}
.btn.btn-application {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  background: #c5339a;
  border: 0;
}
.btn.btn-application .sub {
  font-size: 13px;
  line-height: 1.2;
}
.btn.btn-application.select:before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 52px;
  height: 33px;
  top: 17px;
  left: 15px;
  background: url(/sp/account/images/img_aeoncard_01_02.png) no-repeat;
  background-size: 100%;
}
.btn.btn-application.debit:before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 52px;
  height: 33px;
  top: 17px;
  left: 15px;
  background: url(/sp/account/images/img_debitcard.png) no-repeat;
  background-size: 100%;
}
.btn.btn-application.cashcard:before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 52px;
  height: 33px;
  top: 17px;
  left: 15px;
  background: url(/sp/account/images/img_cashcard.png) no-repeat;
  background-size: 100%;
}
.btn.btn-application-lv2 {
  color: #c5339a;
  font-size: 16px;
  background: #ffffff;
  border: 1px solid #c5339a;
}
.btn.btn-login-header {
  position: absolute;
  display: inline-block;
  padding: 7px 12px;
  width: 84px;
  height: 28px;
  color: #ff5300;
  font-size: 12px;
  border-color: #ffa980;
  border-radius: 6px;
  top: 12px;
  right: 12px;
}
.btn.btn-login-first {
  color: #ff5300;
  font-size: 16px;
  border-color: #ff5300;
}
.btn.btn-link {
  position: relative;
}
.btn.btn-toggle {
  position: relative;
}
.btn.btn-toggle:before, .btn.btn-toggle:after {
  display: block;
  position: absolute;
}
.btn.btn-toggle:after {
  width: 16px;
  height: 16px;
  top: calc(50% - 8px);
  right: 10px;
  content: url(/sp/account/images/icon_open.svg);
}
.btn.btn-toggle.open:after {
  content: url(/sp/account/images/icon_close.svg);
}
.btn.btn-toggle.toggle-fill {
  font-size: 15px;
  font-weight: bold;
  border-color: #f6f6f6;
  background: #f6f6f6;
  text-align: left;
}
.btn.fill {
  font-size: 15px;
  font-weight: bold;
  border-color: #f6f6f6;
  background: #f6f6f6;
  text-align: left;
}
.btn.fill:after {
  position: absolute;
  font-family: 'Material Icons';
  content: "\e5cc";
  color: #c5339a;
  font-size: 24px;
  font-weight: normal;
  top: calc(50% - 20px);
  right: 4px;
}
.btn.btn-clear {
  color: #ffffff;
}
.btn.btn-small {
  display: inline-block;
  margin: 0 0 15px 0;
  padding: 5px 10px;
  color: rgba(76, 76, 76, 0.5);
  font-size: 12px;
  border-radius: 4px;
}

/* Button wrap */
.btn-wrap {
  margin-bottom: 10px;
}
.btn-wrap.media {
  margin-bottom: 25px;
}

/* Button group */
.btn-group .item {
  margin-bottom: 12px;
}
.btn-group .item .anch-link.open {
  border-radius: 8px 8px 0 0;
}
.btn-group .item .anch-link + .tgl-contents {
  margin: 0;
  padding: 0;
}
.btn-group .item .anch-link + .tgl-contents .btn-group {
  margin: 0;
}
.btn-group .item .anch-link + .tgl-contents .btn-group li {
  margin-bottom: 0;
}
.btn-group .item .anch-link + .tgl-contents .btn-group li a {
  border-top: none;
  border-radius: 0;
  text-align: left;
}
.btn-group .item .anch-link + .tgl-contents .btn-group li:last-child a {
  border-radius: 0 0 8px 8px;
}
.btn-group.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.btn-group.row .item {
  width: calc(50% - 5px);
  margin: 0;
}
.btn-group + p {
  margin-top: 10px;
}

/*画像ありのCVボタン*/

.list-apply-link-img{
display:-webkit-flex;
display:flex;
justify-content:space-between;
-webkit-justify-content:space-between;
align-items:stretch;
position:relative;
margin-bottom: 1.5em
}

.list-apply-link-img li{
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
display:-webkit-flex;
display:flex;
align-items:stretch;
width:49%;
padding: 8px 8px 12px;
text-align:center;
position:relative;
background-color: #f0f0ff;
}

.list-apply-link-img li .btn-img{
margin-bottom: 5px;
width: 100%;
display: block;
text-align: center;
}

.list-apply-link-img li.character{
background-color: #fffbe2;
}

.list-apply-link-img li a{
display:-webkit-flex;
display:flex;
-webkit-align-items:center;
align-items:center;
justify-content:center;
-webkit-justify-content:center;
color:#fff;
width:100%;
font-size: 14px;
font-weight:bold;
text-decoration:none;
padding:16px;
position:relative;
width: 100%;
}

.list-apply-link-img li a.list-apply-link-btn{
font-size: 13px;
background-color:#ff5500;
border-radius:5px;
box-shadow:0px 5px 0px 0px #c34100;
padding:12px 0 5px;
}

.list-apply-link-img li a.list-apply-link-btn::after{
display: none;
}

.list-apply-link-img li a.list-apply-link-btn small{
font-size: 10px;
}

.column-layout {
  display: flex;
}
.column-layout .col {
  text-align: center;
  width: 50%;
}
.column-layout .col p {
  margin-bottom: 0;
}

.commission {
  text-align: center;
  font-size: 30px;
  color: #d2358e;
  line-height: 1.2;
  font-weight: bold;
}
.commission .unit {
  padding: 0;
  border: none;
  font-size: 22px;
}

.column-layout .commission sup {
  font-size: 14px;
  font-weight: normal;
  vertical-align: top;
  color: #333;
}

hr {
  height: 0px;
  margin: 7px 0;
  border: none;
  border-top: 1px solid #ddd;
}

/* Label */
.label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 50px;
  margin-right: 5px;
  padding: 2px 3px;
  font-size: 9px;
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  text-align: center;
}
.label.label-recommend {
  color: #21a2dd;
  background: rgba(33, 162, 221, 0.04);
  border-color: rgba(33, 162, 221, 0.5);
}
.label.label-info {
  color: #43A628;
  background: rgba(81, 188, 52, 0.04);
  border: 1px solid rgba(81, 188, 52, 0.5);
}
.label.label-new {
  color: #ef3300;
  background: rgba(234, 55, 0, 0.04);
  border: 1px solid rgba(234, 55, 0, 0.5);
}
.label.label-important {
  color: #ffffff;
  background: red;
  border: 1px solid red;
}

/* Toggle */
.tgl-contents {
  margin: 15px -12px;
  padding: 15px;
}
.tgl-contents .inner {
  margin: 0 -15px;
}

/* Step */
.step > li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
  padding: 10px;
  font-size: 12px;
  font-weight: bold;
  background: #f8e5f2;
  border-radius: 4px;
}
.step li .cell-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  background: #ffffff;
  border-radius: 100%;
  text-align: center;
}
.step > li .cell-text {
  width: 80%;
}
.step > li .num {
  display: block;
  width: 100%;
  color: #b60081;
  font-size: 9px;
  font-weight: normal;
  line-height: 15px;
}
.step > li .num > em {
  font-size: 18px;
}
.step > li:after {
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 4px 0 4px;
  border-color: #b60081 transparent transparent transparent;
  left: 50%;
  bottom: -20px;
}
.step > li:last-child {
  margin-bottom: 0;
}
.step > li:last-child:after {
  display: none;
}
.step.ptn02 > li {
  padding: 7px;
  border: 1px solid #f0cde5;
  font-weight: normal;
  background: none;
  align-items: stretch;
}
.step.ptn02 > li .cell-num {
  background: #c5339a;
  min-width: 50px;
}
.step.ptn02 > li .num {
  color: #fff;
}
.step.ptn02 > li .cell-text {
  width: 100%;
}
.step.ptn02 > li .cell-text .title {
  font-weight: bold;
  margin-bottom: 5px;
}
.step.ptn02 > li .cell-text > ul,
.step.ptn02 > li .cell-text > ol {
  margin-bottom: 0;
}
.step.ptn02 > li .cell-text .link-text {
  position: relative;
  padding-right: 20px;
}
.step.ptn02 > li .cell-text .link-text::after {
  position: absolute;
  font-family: 'Material Icons';
  content: "\e5cc";
  color: #c5339a;
  font-size: 24px;
  font-weight: normal;
  bottom: -10px;
}
.step + p {
  margin-top: 10px;
}
.step + .section-title {
  margin-top: 20px;
}
.step + .btn-group {
  margin-top: 20px;
}

.contact {
  margin-bottom: 20px;
  font-size: 13px;
}
.contact dt {
  font-weight: bold;
}
.contact dd {
  font-weight: normal;
}
.contact dd.tel {
  font-size: 26px;
}
.contact dd > .sub {
  font-size: 10px;
  color: #b4b4b4;
}

.lead-text {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}

.table-wrap {
  margin: 0 -12px;
}

.table01 {
  width: 100%;
  margin-bottom: 10px;
}
.table01 thead {
  border-top: 1px solid #e5e5e5;
  background-color: #f6f6f6;
}
.table01 th,
.table01 td {
  padding: 5px;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  vertical-align: middle;
}
.table01 th:last-child,
.table01 td:last-child {
  border-right: none;
}

img {
  max-width: 100%;
}

.full {
  margin: 0 -10px;
}

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  touch-action: none;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  filter: blur(3px);
}

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(0, 0, 0, 0.5);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */
.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */
.remodal-close {
  position: absolute;
  top: -30px;
  right: 5px;
  display: block;
  overflow: visible;
  width: 23px;
  height: 23px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Keyframes
   ========================================================================== */
@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.95);
    opacity: 0;
    filter: blur(0);
  }
}
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 950px;
  }
}
/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 950px;
}

.remodal.login_header {
  margin-top: 47px;
  padding: 20px 7px;
  border-radius: 10px;
}
.remodal.login_header .login-btn-list dt {
  margin-bottom: 10px;
}
.remodal.login_header .login-btn-list dd {
  margin-bottom: 20px;
}
.remodal.login_content {
  margin-top: 47px;
  padding: 20px 7px;
  border-radius: 10px;
}
.remodal.login_content .login-btn-list dt {
  margin-bottom: 10px;
}
.remodal.login_content .login-btn-list dd {
  margin-bottom: 20px;
}

/* remodal align-content: center; */
.remodal {
  padding: 15px 15px 70px 15px;
  border-radius: 6px;
  overflow: hidden;
}
.remodal .remodal-close {
  width: 40px;
  height: 40px;
  margin-left: -17px;
  top: auto;
  left: 50%;
  bottom: 15px;
  background-color: #b60081;
  border-radius: 50%;
  box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
}
.remodal .material-icons {
  color: #fff;
}
.remodal .hdg-lv03 {
  margin: 28px 0 10px;
  padding: 0 0 3px 16px;
  font-size: 14px;
  color: #010101;
  background: url(/shared/images/modules/bg/hdg_lv03_01.png) no-repeat 0 2px;
  position: relative;
}

.remodal.ptn01 {
  text-align: left;
}
.remodal.ptn01 .hdg-area{
  display: flex;
  margin: -15px -15px 15px -15px;
  padding: 15px;
  background-color: #fb4b62;
  color: #fff;
}
.remodal.ptn01 .hdg-area .img{
  min-width: 81px;
  margin-right: 10px;
}
.remodal.ptn01 .remodal-close::before {
  display: none;
}
.remodal.ptn01 .remodal-close::after {
  display: none;
}

.note {
  margin-bottom: 20px;
  font-size: 10.5px;
  text-indent: -1.2em;
  padding-left: 1.2em;
}

.note.note-list {
  text-indent: -1.8em;
}
.note.note-list li {
  padding-left: 1.8em;
  line-height: 1.8em;
}

/* Layout-img */
.layout-img {
  display: flex;
}
.layout-img .col {
  text-align: center;
}
.layout-img.col2 .col {
  width: 50%;
}

.layout-img-pos {
  display: flex;
  margin-bottom: 20px;
}
.layout-img-pos .cont {
  width: 100%;
}
.layout-img-pos .img {
  min-width: 90px;
  text-align: right;
}

/* ==============================
   Utilities
   ============================== */
/* Align */
.align-left {
  text-align: left;
}

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

.align-center {
  text-align: center;
}

/* Margin */
.mt50 {
  margin-top: 50px !important;
}

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

.mb3 {
  margin-bottom: 3px !important;
}

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

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

/* Text */
.section-title-sub {
  color: #b60081;
  font-size: 13px;
  font-weight: bold;
}

/* List-videos */
.list-videos .video a {
  display: table;
  width: 100%;
  padding: 10px 0;
}
.list-videos .video .img, .list-videos .video .text {
  display: table-cell;
  vertical-align: middle;
}
.list-videos .video .img {
  width: 90px;
  padding-right: 5px;
}
.list-videos .video .text {
  position: relative;
  padding-right: 30px;
}
.list-videos .video .text .material-icons {
  position: absolute;
  margin-top: -.5em;
  top: 50%;
  right: 0;
  color: #c5339a;
}

/* ==============================
   AEM コンポーネント
   ============================== */
   
/* リストコンポーネント */
.unit .partially-list-info-sp {
  border-bottom-width: 0;
}