@charset 'UTF-8';

@-webkit-keyframes hidelayer {
  0% {
    right: 0;
    bottom: 0;
  }

  99% {
    right: 0;
    bottom: 0;
  }

  100% {
    right: auto;
    bottom: auto;
  }
}

@keyframes hidelayer {
  0% {
    right: 0;
    bottom: 0;
  }

  99% {
    right: 0;
    bottom: 0;
  }

  100% {
    right: auto;
    bottom: auto;
  }
}

.block.-headerwrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: rgba(0,0,0,.75);
}

.panel h2 {
  font-size: .2rem;
  line-height: 1.525;
  margin: 0;
  text-align: center;
}

.panel.-main {
  padding: 0;
}

.panel.-main .container {
  position: relative;
}

.panel.-main .mainvisual-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.panel.-main .mainvisual-container .swiper-container {
  height: 100%;
  margin: auto;
}

.panel.-main .mainvisual-container .swiper-container:before,.panel.-main .mainvisual-container .swiper-container:after {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  display: block;
  width: calc((100vw - 1400px)/2);
  content: '';
  background: rgba(0,0,0,.5);
}

.panel.-main .mainvisual-container .swiper-container:before {
  left: 0;
}

.panel.-main .mainvisual-container .swiper-container:after {
  right: 0;
}

.panel.-main .mainvisual-container .link-container {
  z-index: 1;
  height: 100%;
}

.panel.-main .mainvisual-container .link-container:hover,.panel.-main .mainvisual-container .link-container:hover>img {
  opacity: 1;
}

.panel.-main .mainvisual-container .link-container .img-cover>img {
  width: auto;
  height: auto;
}

.panel.-main .mainvisual-container .slideshow-control {
  position: absolute;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  margin: auto;

  -ms-flex-align: center;
  align-items: center;
}

.panel.-main .mainvisual-container .slideshow-button-prev,.panel.-main .mainvisual-container .slideshow-button-next {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 30px;
  cursor: pointer;
}

.panel.-main .mainvisual-container .slideshow-button-prev:before,.panel.-main .mainvisual-container .slideshow-button-next:before {
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  display: block;
  content: '';
}

.panel.-main .mainvisual-container .slideshow-button-prev:hover>span:before,.panel.-main .mainvisual-container .slideshow-button-next:hover>span:before {
  border-color: rgba(0,0,0,.1);
}

.panel.-main .mainvisual-container .slideshow-button-prev>span,.panel.-main .mainvisual-container .slideshow-button-next>span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  overflow: hidden;
}

.panel.-main .mainvisual-container .slideshow-button-prev>span:before,.panel.-main .mainvisual-container .slideshow-button-next>span:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  vertical-align: middle;
  border-top: 6px solid rgba(0,0,0,.2);
  border-right: 6px solid rgba(0,0,0,.2);
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.panel.-main .mainvisual-container .slideshow-button-prev>span:after,.panel.-main .mainvisual-container .slideshow-button-next>span:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 7px;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  vertical-align: middle;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.panel.-main .mainvisual-container .slideshow-button-next>span:before,.panel.-main .mainvisual-container .slideshow-button-next>span:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.panel.-main .mainvisual-container .slideshow-button-next>span:before {
  left: -5px;
}

.panel.-main .mainvisual-container .slideshow-button-next>span:after {
  left: -3px;
}

.panel.-main .mainvisual-container .slideshow-button-play {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 18px;
  cursor: pointer;
  background: url(../img/top/ico_stop.png) center center no-repeat rgba(0,0,0,.2);
  background-size: 8px 8px;
}

.panel.-main .mainvisual-container .slideshow-button-play:before {
  position: absolute;
  top: -10px;
  right: 0;
  bottom: -10px;
  left: 0;
  display: block;
  content: '';
}

.panel.-main .mainvisual-container .slideshow-button-play:hover {
  background-color: rgba(0,0,0,.1);
}

.panel.-main .mainvisual-container .slideshow-button-play.-pause {
  background-image: url(../img/top/ico_play.png);
  background-size: 7px 8px;
}

.panel.-main .mainvisual-container .swiper-pagination {
  line-height: 0;
  position: relative;
  width: auto;
  margin: 0 10px;
  padding: 5px;
  background: rgba(0,0,0,.2);
}

.panel.-main .mainvisual-container .swiper-pagination>.swiper-pagination-bullet {
  position: relative;
  width: 40px;
  height: 8px;
  margin: 0;
  opacity: 1;
  border: none;
  border-radius: 0;
  background: #fff;
}

.panel.-main .mainvisual-container .swiper-pagination>.swiper-pagination-bullet:not(:first-child) {
  margin-left: 5px;
}

.panel.-main .mainvisual-container .swiper-pagination>.swiper-pagination-bullet:before {
  position: absolute;
  top: -15px;
  right: 0;
  bottom: -15px;
  left: 0;
  display: block;
  content: '';
}

.panel.-main .mainvisual-container .swiper-pagination>.swiper-pagination-bullet:after {
  display: none;
}

.panel.-main .mainvisual-container .swiper-pagination>.swiper-pagination-bullet.hover {
  transition: background 200ms ease;
}

.panel.-main .mainvisual-container .swiper-pagination>.swiper-pagination-bullet.hover,.panel.-main .mainvisual-container .swiper-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #e00000;
}

.panel.-main .mainvisual-container .slideshow-progress-bar {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 1400px;
  margin: auto;
}

.panel.-main .mainvisual-container .slideshow-progress-bar .bar {
  width: 0;
  height: 2px;
  background: #e00000;
}

.panel.-main .mainvisual-container.-disabled .slideshow-control,.panel.-main .mainvisual-container.-disabled .slideshow-progress-bar {
  display: none;
}

.panel.-main .txt.-lead {
  overflow: hidden;
  margin: 0;
}

.panel.-main .search-form {
  width: 540px;
}

.panel.-main .block.-guidance {
  top: 48px;
}

.panel.-notes {
  padding: 25px 10px;
  background: #f5f5f5;
}

.block.-notes {
  position: relative;
  width: calc(100% - 28px);
  margin: auto;
  padding: 10px 20px;
}

.block.-notes .swiper-container {
  line-height: 1.7;
  padding: 10px;
  background: #fff;
  box-shadow: 0 0 3px 1px rgba(0,0,0,.25);
}

.block.-notes .swiper-wrapper {
  display: -ms-flexbox;
  display: flex;
}

.block.-notes .swiper-slide {
  display: -ms-flexbox;
  display: flex;
  height: auto;

  -ms-flex-align: center;
  align-items: center;
}

.block.-notes .swiper-button {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  overflow: hidden;
  width: 40px;
  height: 40px;
  margin: auto;
  cursor: pointer;
  background: none;
}

.block.-notes .swiper-button:before {
  overflow: hidden;
}

.block.-notes .swiper-button.swiper-notes-button-prev {
  left: -20px;
}

.block.-notes .swiper-button.swiper-notes-button-prev:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 14px;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  vertical-align: middle;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.block.-notes .swiper-button.swiper-notes-button-next {
  right: -20px;
}

.block.-notes .swiper-button.swiper-notes-button-next:after {
  position: absolute;
  top: 0;
  right: 14px;
  bottom: 0;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.block.-notes .link-container {
  font-weight: 700;
  position: relative;
  display: block;
  padding-left: 20px;

  -ms-flex: 1 1 0px;
      flex: 1 1 0;
}

.block.-notes .link-container:before {
  position: absolute;
  top: 0;
  top: .65em;
  bottom: 0;
  bottom: auto;
  left: 0;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
  border-top: 1px solid #e00000;
  border-right: 1px solid #e00000;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.panel+aside>.block.-bulletin {
  margin: 0 auto!important;
}

.panel.-notes+.panel {
  padding-top: 0;
}

.panel.-start {
  background: #fff;
}

.panel.-start .block.-consulting {
  padding: 10px;
}

.panel.-start .block.-wealth-management {
  margin-bottom: 20px;
}

.panel.-start .block.-wealth-management>.link-container {
  display: -ms-flexbox;
  display: flex;
      flex-direction: column;
  height: 120px;
  margin: auto;
  padding: 20px 20px 10px 10px;
  transition: opacity 200ms ease;
  color: #fff;
  background: url(../img/top/bg_wm_sp.jpg) left top/cover no-repeat #000;

  -ms-flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
}

.panel.-start .block.-wealth-management>.link-container:hover {
  text-decoration: none;
  opacity: .8;
}

.panel.-start .block.-wealth-management>.link-container>.link.-forward {
  font-size: .16rem;
  font-weight: 700;
  line-height: 1.65625;
  line-height: 1.3;
  color: #fff;
}

.panel.-start .block.-wealth-management>.link-container>.link.-forward:before {
  top: 0;
  bottom: 0;
  border-color: #fff #fff transparent transparent;
}

.panel.-start .block.-wealth-management>.link-container>.link.-forward:hover {
  text-decoration: none;
}

.panel.-start .block.-wealth-management>.link-container>.logo {
  display: block;
  width: 142px;
}

.panel.-start .block.-branch {
  padding: 10px 10px 0;
  padding-top: calc(55/320*100%);
  background: url(../img/top/bg_branch.jpg) center top no-repeat #fff;
  background-size: 100% auto;
}

.panel.-start .block.-branch .block.-visitedbranch {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;

  -ms-flex-pack: center;
  justify-content: center;
}

.panel.-start .box.-general.-consulting {
  padding: 0;
  background: rgba(255,255,255,.8);
}

.panel.-start .box.-general.-consulting h2 {
  font-size: .2rem;
  line-height: 1.525;
  margin: 0;
  text-align: left;
}

.panel.-start .box.-general.-consulting .link-container {
  padding: 10px 10px 10px 30px;
}

.panel.-start .box.-general.-consulting .link-container.-emphasis {
  background: #fbefe1;
}

.panel.-start .box.-general.-consulting .link-container:before {
  position: absolute;
  top: 0;
  top: 22px;
  bottom: 0;
  bottom: auto;
  left: 10px;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
  border-top: 1px solid #e00000;
  border-right: 1px solid #e00000;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.panel.-start .box.-general.-consulting .link-container.ico-others {
  display: block;
  padding: 10px 10px 10px 30px;
}

.panel.-start .box.-general.-consulting .link-container.ico-others:before {
  top: calc(50% - 4px);
}

.panel.-start .box.-general.-consulting hr {
  margin: 0;
}

.panel.-start .box.-general.-branch {
  padding: 0;
}

.panel.-start .link-container.ico-others {
  font-weight: 700;
  display: inline-block;
  padding-left: 30px;
}

.panel.-start .link-container.ico-others:before {
  position: absolute;
  top: 0;
  top: calc(50% - 4px);
  bottom: 0;
  bottom: auto;
  left: 10px;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
  border-top: 1px solid #e00000;
  border-right: 1px solid #e00000;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.panel.-start .link-container.ico-others:after {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  content: '';
  vertical-align: middle;
}

.panel.-start .link-container.ico-others.-hajimete:after {
  width: 19px;
  height: 27px;
  background: url(/assets/img/top/ico_beginner.png) center center no-repeat;
  background-size: contain;
}

.panel.-start .link-container.ico-others.-terms:after {
  width: 38px;
  height: 25px;
  background: url(/assets/img/common/ico_terms.png) center center no-repeat;
  background-size: contain;
}

.panel.-start .menu.-consulting {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 0;
  border: 1px solid #ccc;
  background: rgba(255,255,255,.8);

  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.panel.-start .menu.-consulting>li {
  position: relative;

  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
}

.panel.-start .menu.-consulting>li:nth-child(n+3) {
  border-top: 1px solid #ccc;
}

.panel.-start .menu.-consulting>li:nth-child(even):before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 1px;
  content: '';
  background: #ccc;
}

.panel.-start .menu.-consulting .link-container {
  display: -ms-flexbox;
  display: flex;
  height: 60px;

  -ms-flex-align: center;
  align-items: center;
}

.panel.-start .menu.-consulting .link-container.-emphasis {
  background: #fbefe1;
}

.panel.-start .menu.-consulting .link-container>b {
  font-size: .16rem;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
  display: block;
  padding: 0 5px 0 28px;
}

.panel.-start .menu.-consulting .link-container>b:after {
  position: absolute;
  top: 0;
  top: .45em;
  bottom: 0;
  bottom: auto;
  left: 10px;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
  border-top: 1px solid #e00000;
  border-right: 1px solid #e00000;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.panel.-start .list.-partition[data-cols]>li {
  border-color: #ccc;
}

.panel.-start .list.-partition[data-cols]>li:after {
  border-color: #ccc;
}

.panel.-start .list.-others {
  margin: 0;
}

.panel.-start .list.-others>li:not(:first-child) {
  border-top: 1px solid #ccc;
}

.panel.-start .conversion-box .sub .list.-annotation {
  display: none!important;
}

.panel.-products {
  padding: 30px 10px;
  background: #f5f5f5;
}

.panel.-products h3 {
  font-size: .16rem;
  line-height: 1.65625;
  margin: 10px 0;
  text-align: center;
}

.panel.-news .info-headline>.ico-label {
  line-height: 1;
}

.panel.-search {
  padding-top: 25px;
  background: #f5f5f5;
}

.panel.-search .btn.-tertiary {
  background: #86761e;
}

.panel.-search .btn.-tertiary>.ico-font,.panel.-search .btn.-tertiary>.ico-font:last-child {
  color: #fff;
}

.panel.-search .btn.-tertiary.-link:before {
  border-color: #fff;
}

.panel.-search .btn.-tertiary:hover {
  color: #86761e;
  border: 3px solid #86761e;
  background: #fff;
}

.panel.-search .btn.-tertiary:hover.-link:before,.panel.-search .btn.-tertiary:hover>.ico-dir:before,.panel.-search .btn.-tertiary:hover>.ico-dir:after {
  border-color: #86761e;
}

.panel.-search .btn.-tertiary:hover>.ico-font,.panel.-search .btn.-tertiary:hover>.ico-font:last-child {
  color: #86761e;
}

.menu.-side {
  margin: auto;
  background: rgba(0,0,0,.3);
}

.menu.-side .btn.-flat {
  font-size: .14rem;
  line-height: 1.75;
  line-height: 1.3;
  width: 100%;
  height: 60px;
}

.menu.-side .btn.-flat small {
  font-size: .14rem;
  line-height: 1.75;
  display: block;
}

.menu.-side .btn.-flat.-login:not(:hover) {
  border-color: #ff5454;
}

.menu.-side .btn.-flat.-login:hover {
  background: #fff;
}

.menu.-side .btn.-flat.-fxlogin {
  border-color: #4874c1;
}

.menu.-side .btn.-flat.-fxlogin:not(:hover) {
  background: #002c78;
}

.menu.-side .btn.-flat.-fxlogin:hover {
  color: #002c78;
  border-color: #002c78;
  background: #fff;
}

.menu.-side .btn.-flat.-fxlogin:hover>i {
  color: inherit;
}

.panel.-main .block.-buttons {
  position: relative;
  margin: auto;
}

.btn.-flat.-security {
  font-size: .12rem;
  font-weight: 400;
  width: 250px;
  height: 50px;
  padding-right: 25px;
  padding-left: 40px;
  transition-property: background-color;
  text-align: left;
  color: #fff;
  border: 2px solid #fff;
  background: url(../img/top/ico_security.png) 10px center no-repeat #605d59;
  background-size: 20px auto;
  box-shadow: none;

  -ms-flex-align: start;
  align-items: flex-start;
}

.btn.-flat.-security:before {
  width: 5px;
  height: 5px;
  border-color: #fff;
}

.btn.-flat.-security:hover {
  opacity: 1;
  background-color: rgba(0,0,0,.25);
}

.btn.-flat.-security:hover>i {
  color: #b4aba2;
}

.btn.-flat.-security>b {
  padding: 0!important;
}

.btn.-flat.-tsumitate {
  font-size: .12rem;
  font-weight: 400;
  height: 50px;
  padding-right: 25px;
  transition-property: background-color;
  color: #fff;
  border: 2px solid #fff;
  background: #605d59;
}

.btn.-flat.-tsumitate:before {
  border-color: #fff;
}

.btn.-flat.-tsumitate:hover {
  opacity: 1;
  background-color: rgba(0,0,0,.4);
}

.btn.-flat.-tsumitate>b {
  padding: 0!important;
}

.btn.-flat {
  font-size: .14rem;
  line-height: 1.75;
  display: -ms-flexbox;
  display: flex;
      flex-direction: column;
  min-width: 0;
  height: 50px;
  padding: 0 0 0 25px;
  transition-property: background-color,border-color;
  border-radius: 0;
  box-shadow: none;

  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
}

.btn.-flat>b {
  padding: 0;
}

.btn.-flat:hover {
  text-decoration: none;
}

.block.-products {
  position: relative;
}

.block.-products:not(.-loaded) {
  opacity: 0;
}

.block.-products .ico-label {
  line-height: 1;
  margin-right: 20px;
}

.block.-products .swiper-button {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
  width: 24px;
  height: 42px;
  margin: auto;
  cursor: pointer;
  background: none;
}

.block.-products .swiper-button:before {
  overflow: hidden;
}

.block.-products .swiper-button.swiper-button-prev {
  left: -43px;
}

.block.-products .swiper-button.swiper-button-prev:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 6px;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  vertical-align: middle;
  border-top: 4px solid #333;
  border-right: 4px solid #333;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.block.-products .swiper-button.swiper-button-next {
  right: -43px;
}

.block.-products .swiper-button.swiper-button-next:after {
  position: absolute;
  top: 0;
  right: 6px;
  bottom: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
  border-top: 4px solid #333;
  border-right: 4px solid #333;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.block.-products .btn.-quaternary.-link:before {
  top: -2px;
  transition: -webkit-transform 200ms ease;
  transition:         transform 200ms ease;
  transition:         transform 200ms ease,-webkit-transform 200ms ease;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.block.-products .btn.-quaternary.-link.-active:before {
  top: 4px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.block.-products .dlist.-info>dt {
  font-size: .16rem;
  font-weight: 400;
  line-height: 1.65625;
}

.block.-products .dlist.-info>dd {
  margin-top: 10px;
}

.block.-products .dlist.-info a {
  font-size: .16rem;
  line-height: 1.65625;
}

.block.-products .dlist.-info a .ico-label {
  min-width: 0;
  margin: 0 0 0 10px;
}

.block.-bannerarea {
  position: relative;
  margin: auto;
  padding: 40px 10px;
  border-top: 1px solid #ccc;
}

.panel.-promotion {
  position: relative;
  margin: auto;
  padding: 30px 10px 60px;
}

.panel.-promotion:before {
  border-top: 1px solid #ccc;
}

.panel.-promotion .block:not(:first-child) {
  margin-top: 30px;
}

.panel.-promotion .block.-media>.list.-bisected>li {
  padding-top: 5px;
  padding-bottom: 5px;
}

.panel.-promotion .block.-media>.list.-bisected>li:first-child {
  padding-right: 20px;
}

.panel.-promotion .block.-media>.list.-bisected>li:first-child>* {
  float: right;
}

.panel.-promotion .block.-media>.list.-bisected>li:last-child {
  padding-left: 20px;
}

.panel.-promotion .block.-media .link-list.-row {
  margin-right: -16px;
}

.panel.-promotion .block.-media .link-list.-row>li {
  padding-right: 16px;
}

.panel.-promotion .block.-media .link.-cm {
  font-weight: 700;
  white-space: nowrap;
  color: #333;
}

.panel.-promotion .block.-media .link.-cm>.ico-font {
  font-size: .26rem;
  color: #999;
}

.panel.-promotion .block.-promotion-banner-slide {
  position: relative;
  max-width: 1038px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 47px 0 46px;
}

.panel.-promotion .block.-promotion-banner-slide .slide-container {
  margin-top: -1px;
  margin-bottom: -1px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.panel.-promotion .block.-promotion-banner-slide .slide-item {
  padding: 0 7px 0 8px;
}

.panel.-promotion .block.-promotion-banner-slide .swiper-button {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  overflow: hidden;
  width: 54px;
  height: 40px;
  margin: auto;
  cursor: pointer;
  background: none;
}

.panel.-promotion .block.-promotion-banner-slide .swiper-button:before {
  overflow: hidden;
}

.panel.-promotion .block.-promotion-banner-slide .swiper-button.swiper-button-prev {
  left: 0;
}

.panel.-promotion .block.-promotion-banner-slide .swiper-button.swiper-button-prev:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  vertical-align: middle;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.panel.-promotion .block.-promotion-banner-slide .swiper-button.swiper-button-next {
  right: 0;
}

.panel.-promotion .block.-promotion-banner-slide .swiper-button.swiper-button-next:after {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.panel.-marketinfo {
  padding: 30px 10px;
  background: #f5f5f5;
}

.block.-marketinfo {
  position: relative;
  margin: auto;
}

.block.-marketinfo .swiper-slide {
  padding: 10px;
  text-align: center;
}

.block.-marketinfo .swiper-button {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  overflow: hidden;
  width: 40px;
  height: 40px;
  margin: auto;
  cursor: pointer;
  background: none;
}

.block.-marketinfo .swiper-button:before {
  overflow: hidden;
}

.block.-marketinfo .swiper-button.swiper-marketinfo-button-prev {
  left: -20px;
}

.block.-marketinfo .swiper-button.swiper-marketinfo-button-prev:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 14px;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  vertical-align: middle;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.block.-marketinfo .swiper-button.swiper-marketinfo-button-next {
  right: -20px;
}

.block.-marketinfo .swiper-button.swiper-marketinfo-button-next:after {
  position: absolute;
  top: 0;
  right: 14px;
  bottom: 0;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.block.-marketinfo .link-block {
  color: #333;
}

.market-info {
  padding: 15px 20px;
  text-align: center;
  background: #fff;
  box-shadow: 0 0 3px 1px rgba(0,0,0,.25);
}

.market-info>.title {
  font-size: .16rem;
  position: relative;
  padding-left: 15px;
}

.market-info>.title:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
  border-top: 1px solid #e00000;
  border-right: 1px solid #e00000;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.market-info>.summary>.value {
  font-size: .2rem;
  font-weight: 700;
  line-height: 1.525;
}

.market-info>.summary>.updown {
  font-size: .16rem;
}

.block.-bulletin {
  position: relative;
  z-index: 2;
  min-height: 48px;
  margin: 48px auto -48px;
  padding: 25px 10px;
  background: #f5f5f5;
}

.block.-bulletin.-attention {
  background: #fff0f0;
}

.block.-bulletin p {
  line-height: 1.7;
}

.block.-bulletin .list.-row:not([data-cols]),.block.-bulletin .link-list.-row:not([data-cols]) {
  overflow: hidden;
}

.link-container {
  position: relative;
  display: block;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

.link-container:link,.link-container:visited,.link-container:active,.link-container:hover {
  text-decoration: none;
  color: inherit;
}

.link-container:hover {
  opacity: .8;
}

.panel.-start .list.-others>li:not(:first-child) {
  border: none;
}

.block.-description-repost {
  position: relative;
  margin: auto;
  padding: 40px 10px;
  border-top: 1px solid #ccc;
}

.row.-wide-compact {
  margin-right: -20px;
  margin-bottom: -10px;
}

.row.-wide-compact>* {
  padding: 0 20px 10px 0;
}

.link-container.-general {
  display: inline-block;
  padding-left: 20px;
}

.link-container.-general:before {
  position: absolute;
  top: 0;
  top: 1px;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
  border-top: 1px solid #e00000;
  border-right: 1px solid #e00000;
  border-bottom-color: transparent!important;
  border-left-color: transparent!important;
}

.box.-supplement.-banners {
  background-color: #e6efff;
}

@media print,screen and (min-width:768px) {
  .panel h2 {
    font-size: .26rem;
    line-height: 1.40385;
    margin-bottom: 30px;
  }

  .panel.-main {
    max-width: 1400px;
  }

  .panel.-main .guidance-container {
    height: 755px;
  }

  .panel.-main .block.-guidance {
    top: 65px;
  }

  .panel.-notes {
    padding-top: 30px;
  }

  .panel.-notes h1 {
    font-size: .22rem;
    line-height: 1.47727;
  }

  .block.-notes {
    width: calc(100% - 40px);
    max-width: 800px;
    padding: 10px;
  }

  .block.-notes .swiper-container {
    padding: 15px 20px;
  }

  .panel.-start .block.-wealth-management>.link-container {
        flex-direction: row;
    height: 124px;
    padding: 10px 40px 10px 10px;
    background-image: url(../img/top/bg_wm.jpg);

    -ms-flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
  }

  .panel.-start .block.-wealth-management>.link-container>.logo {
    width: 240px;
  }

  .panel.-start .block.-branch {
    padding: 20px 10px 0;
    padding-top: calc(200/1170*100%);
  }

  .panel.-start .block.-branch .block.-visitedbranch {
    -ms-flex-pack: start;
    justify-content: start;
  }

  .panel.-start .box.-general.-consulting h2 {
    font-size: .22rem;
    line-height: 1.47727;
    padding-left: 25px;
  }

  .panel.-start .box.-general.-consulting .txt.-lead {
    font-size: .16rem;
    line-height: 1.65625;
  }

  .panel.-start .box.-general.-consulting .link-container {
    padding: 20px;
  }

  .panel.-start .box.-general.-consulting .link-container:before {
    position: absolute;
    top: 0;
    top: 35px;
    bottom: 0;
    bottom: auto;
    left: 20px;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto;
    content: '';
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    vertical-align: middle;
    border-top: 2px solid #e00000;
    border-right: 2px solid #e00000;
    border-bottom-color: transparent!important;
    border-left-color: transparent!important;
  }

  .panel.-start .box.-general.-consulting .link-container.ico-others {
    padding: 20px 20px 20px 40px;
  }

  .panel.-start .box.-general.-consulting .link-container.ico-others:before {
    top: calc(50% - 6px);
  }

  .panel.-start .link-container.ico-others {
    padding-left: 40px;
  }

  .panel.-start .link-container.ico-others:before {
    position: absolute;
    top: 0;
    top: calc(50% - 6px);
    bottom: 0;
    bottom: auto;
    left: 15px;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto;
    content: '';
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    vertical-align: middle;
    border-top: 2px solid #e00000;
    border-right: 2px solid #e00000;
    border-bottom-color: transparent!important;
    border-left-color: transparent!important;
  }

  .panel.-start .menu.-consulting .link-container {
    height: 100%;
    min-height: 60px;
  }

  .panel.-start .menu.-consulting .link-container>b {
    font-size: .16rem;
  }

  .panel.-start .list.-others>li {
    max-width: 100%;

    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .panel.-start .dlist.-visitedbranch>dt {
    margin-right: 1em;

    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }

  .panel.-start .dlist.-visitedbranch>dd {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }

  .panel.-products {
    padding: 50px 10px;
  }

  .panel.-products h3 {
    font-size: .2rem;
    line-height: 1.525;
    margin: 0 0 30px;
  }

  .panel.-search {
    padding-bottom: 40px;
  }

  .panel.-search .box.-notes {
    padding: 30px;
  }

  .menu.-side {
    padding: 10px;
  }

  .menu.-side .btn.-flat.-login {
    border-width: 4px;
  }

  .menu.-side .btn.-flat.-fxlogin {
    border-width: 4px;
  }

  .menu.-side .btn.-flat.-apply {
    border-width: 4px;
  }

  .panel.-promotion {
    padding: 60px 10px 100px;
  }

  .panel.-promotion .block:not(:first-child) {
    margin-top: 60px;
  }

  .panel.-promotion .block.-media>.list.-bisected>li {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .panel.-promotion .block.-media>.list.-bisected>li:first-child {
    padding-right: 40px;
  }

  .panel.-promotion .block.-media>.list.-bisected>li:last-child {
    padding-left: 40px;
  }

  .panel.-marketinfo {
    padding: 50px 20px;
  }

  .block.-marketinfo {
    width: 620px;
  }

  .block.-marketinfo .link-block {
    display: inline-block;
  }

  .market-info {
    display: -ms-flexbox;
    display: flex;
    width: 600px;

    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .market-info>.summary {
    margin-left: 20px;
  }

  .panel.-start .block.-consulting {
    max-width: 1220px;
    margin: auto;
  }

  .block.-buttons._mh-auto {
    padding-left: 20px;
  }

  .link-container.-general {
    padding-left: 25px;
  }

  .link-container.-general:before {
    width: 8px;
    height: 8px;
    border-top-width: 2px;
    border-right-width: 2px;
  }
}

@media print,screen and (min-width:900px) {
  .panel.-main {
    margin-top: -95px;
  }

  .panel.-main .mainvisual-container {
    height: 555px;
  }

  .panel.-main .mainvisual-container .slideshow-control {
    right: 0;
    bottom: 20px;
    left: 0;
    width: 1400px;
    height: 30px;
    padding: 0 30px;
  }

  .panel.-main .mainvisual-container .slideshow-button-play {
    margin-right: 30px;
  }

  .panel.-main .block.-guidance {
    top: 95px;
    padding: 0 110px 0 10px;
  }

  .block.-notes .swiper-button {
    width: 14px;
    height: 24px;
  }

  .block.-notes .swiper-button.swiper-notes-button-prev:after {
    left: 4px;
  }

  .block.-notes .swiper-button.swiper-notes-button-next:after {
    right: 4px;
  }

  .panel.-start .block.-wealth-management>.link-container>.link.-forward {
    font-size: .2rem;
  }

  .panel.-start .box.-general.-consulting h2 {
    font-size: .26rem;
    line-height: 1.40385;
  }

  .panel.-start .box.-general.-consulting .txt.-lead {
    font-size: .18rem;
    line-height: 1.58333;
  }

  .panel.-start .menu.-consulting .link-container {
    min-height: 100px;
  }

  .panel.-start .menu.-consulting .link-container>b {
    font-size: .2rem;
    padding: 0 20px 0 40px;
  }

  .panel.-start .menu.-consulting .link-container>b:after {
    position: absolute;
    top: 0;
    top: .4em;
    bottom: 0;
    bottom: auto;
    left: 15px;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto;
    content: '';
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    vertical-align: middle;
    border-top: 2px solid #e00000;
    border-right: 2px solid #e00000;
    border-bottom-color: transparent!important;
    border-left-color: transparent!important;
  }

  .panel.-start .list.-others>li {
    margin: 0;

    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }

  .panel.-start .list.-others>li:not(:first-child) {
    border-top: none;
  }

  .panel.-start .conversion-box .tel-number .tel-link {
    font-size: 2.4vw;
  }

  .panel.-start .conversion-box .tel-name {
    font-size: 1.25vw;
  }

  .panel.-search .row.-search>.col:first-child {
    -ms-flex: 1 0 265px;
        flex: 1 0 265px;
  }

  .panel.-search .row.-search>.col:last-child {
    -ms-flex: 1 0 335px;
        flex: 1 0 335px;
  }

  .menu.-side {
    position: absolute;
    z-index: 1;
    top: calc(50% + 47px);
    right: 0;
    display: block;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }

  .menu.-side {
    width: 180px;
  }

  .menu.-side>li:not(:first-child) {
    margin-top: 10px;
  }

  .menu.-side .btn.-flat {
    font-size: .22rem;
    line-height: 1.47727;
    height: 100px;
    padding: 0 0 0 25px;
  }

  .menu.-side .btn.-flat>.ico-font {
    top: 0;
    right: auto;
    left: 10px;
  }

  .menu.-side .btn.-flat.-apply {
    height: 90px;
  }

  .panel.-main .block.-buttons {
    position: absolute;
    z-index: 1;
    right: 10px;
    bottom: 10px;
  }

  .btn.-flat.-security {
    font-size: .14rem;
    width: 220px;
    height: 70px;
    padding-right: 0;
    padding-left: 48px;
    background-color: rgba(0,0,0,.4);
    background-size: 28px auto;
  }

  .btn.-flat.-tsumitate {
    width: 160px;
    height: 70px;
    padding-left: 10px;
    background-color: rgba(0,0,0,.6);
  }

  .block.-products {
    margin-right: 50px;
    margin-left: 50px;
  }

  .block.-products .ico-label {
    min-width: 115px;
  }

  .block.-products .slide-wrapper.-noswipe {
    display: -ms-flexbox;
    display: flex;
  }

  .block.-products .slide-wrapper.-noswipe .slide-item {
    width: calc(100%/3);
    margin-top: 20px;
  }

  .block.-products .slide-wrapper.-noswipe .slide-item:not(:first-child) {
    border-left: 1px solid #999;
  }

  .block.-products .slide-item {
    position: relative;
    height: auto;
    padding: 10px 15px;
  }

  .block.-products .slide-item.swiper-slide-active,.block.-products .slide-item.swiper-slide-next {
    border-right: 1px solid #999;
  }

  .block.-products .slide-item.js-clickable-row {
    cursor: pointer;
  }

  .block.-products .slide-item.js-clickable-row:hover .link {
    text-decoration: underline;
  }

  .block.-products .dlist.-info>dd {
    margin-top: 20px;
  }

  .block.-marketinfo .swiper-button {
    width: 14px;
    height: 24px;
  }

  .block.-marketinfo .swiper-button.swiper-marketinfo-button-prev:after {
    left: 4px;
  }

  .block.-marketinfo .swiper-button.swiper-marketinfo-button-next:after {
    right: 4px;
  }

  .block.-bulletin {
    max-width: 1260px;
    min-height: 95px;
    margin: 0 auto;
  }

  .block.-bulletin:before {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: -1px;
    left: 50%;
    display: block;
    width: 100vw;
    content: '';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: inherit;
  }

  .-floating+main .block.-bulletin {
    min-height: 48px;
    margin: 48px auto -48px;
  }
}

@media screen and (min-width:1241px) {
  .panel.-main .mainvisual-container {
    left: 50%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  .panel.-main .mainvisual-container .slideshow-item {
    max-width: 1400px;
    margin: auto;
  }

  .panel.-main .block.-guidance {
    padding: 0 250px 0 70px;
  }

  .panel.-main .block.-guidance>.list {
    max-width: 1010px;
    margin-left: 0;
  }

  .panel.-start .conversion-box .tel-number .tel-link {
    font-size: .3rem;
  }

  .panel.-start .conversion-box .tel-name {
    font-size: .15rem;
  }

  .menu.-side {
    width: 240px;
  }
}

@media print,screen and (max-width:1070px) {
  .panel.-news .info-headline {
    display: block;
  }

  .panel.-news .info-headline>.headline {
    display: block;
    margin-top: 5px;
  }

  .panel.-news .info-headline>.ico-label {
    margin-right: 20px;
    padding: 5px;
  }
}

@media screen and (max-width:899px) {
  body>.wrapper {
    padding-top: 0;
  }

  .panel.-main .mainvisual-container:not(.-loaded) {
    height: calc(100vw*(330/390));
  }

  .panel.-main .mainvisual-container .slideshow-item {
    padding-top: calc(1520/1800*100%);
  }

  .panel.-main .mainvisual-container .link-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  .panel.-main .mainvisual-container .link-container .img-cover>img {
    position: static;
    width: 100%;
    min-width: 0;
    min-height: 0;
    -webkit-transform: none;
            transform: none;
  }

  .panel.-main .mainvisual-container .slideshow-control {
    right: 0;
    bottom: 25px;
    left: 0;
    padding: 0 50px 0 10px;
  }

  .panel.-main .mainvisual-container .slideshow-button-prev,.panel.-main .mainvisual-container .slideshow-button-next {
    display: none;
  }

  .panel.-main .mainvisual-container .slideshow-button-play {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }

  .panel.-main .mainvisual-container .swiper-pagination {
    margin: auto;

    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }

  .panel.-main .mainvisual-container .slideshow-progress-bar {
    display: none;
  }

  .menu.-side {
    display: -ms-flexbox;
    display: flex;

    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .menu.-side .btn.-flat {
    padding-left: 15px;
  }

  .menu.-side .btn.-flat>.ico-font {
    font-size: .15rem;
    line-height: 1.7;
  }

  .menu.-side .btn.-flat.-login:not(:hover) {
    background: #e00000;
  }

  .menu.-side .btn.-flat.-apply:not(:hover) {
    background: #fff;
  }

  .menu.-side .btn.-flat.-apply:hover {
    background: #e00000;
  }

  .panel.-main .block.-buttons {
    background: #eeebe8;
  }

  .block.-products .slide-item {
    overflow: hidden;
  }

  .block.-products .slide-item:not(:first-child) {
    margin-top: 20px;
  }

  .block.-products .swiper-button {
    display: none;
  }

  .block.-products.-open .slide-item:nth-child(n+4) {
    max-height: 20em;
    transition: max-height 1000ms ease,margin-top 200ms ease;
  }

  .block.-products:not(.-open) .slide-item:nth-child(n+4) {
    max-height: 0;
    margin-top: 0;
    transition: max-height 250ms ease,margin-top 250ms 100ms ease;
  }
}

@media screen and (max-width:767px) {
  .panel.-main .mainvisual-container .slideshow-button-play {
    left: -5px;
  }

  .panel.-main .txt.-lead {
    max-width: 320px;
    max-height: 36px;
    padding: 0 5px;
  }

  .panel.-main .guidance-container {
    height: 450px;
  }

  .panel.-notes .list {
    font-size: .12rem;
  }

  .panel.-start .block.-wealth-management>.link-container>.logo {
    margin: auto 0 0 auto;
  }

  .panel.-search .btn.-tertiary.-faq>b {
    padding-right: 30px;
    padding-left: 20px;
  }

  .menu.-side {
    padding: 0 1px 1px;
  }

  .menu.-side>li {
    margin-top: 1px;

    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
  }

  .menu.-side .btn.-flat>.ico-font {
    left: 5px;
  }

  .panel.-main .block.-buttons {
    padding: 10px 0;
  }

  .block.-products {
    padding: 0;
  }

  .panel.-promotion .block.-promotion-banner-slide {
    max-width: 308px;
  }

  .panel.-promotion .block.-hdi_rating>.box.-general figure picture img {
    max-width: 200px;
  }

  .block.-marketinfo {
    width: calc(100% - 28px);
    padding: 0 10px;
  }

  .market-info>.title {
    display: inline-block;
  }

  .market-info>.summary {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #999;
  }

  .market-info>.summary>.date {
    display: block;
    margin-top: 5px;
  }

  .btn.-scaledown,.btn.-scaledown-x {
    font-size: .14rem;
    line-height: 1.75;
  }

  .btn.-scaledown>b,.btn.-scaledown-x>b {
    padding-right: 15px!important;
    padding-left: 15px!important;
  }

  .btn.-scaledown.-link:before,.btn.-scaledown-x.-link:before {
    right: 10px;
  }

  .btn.-scaledown {
    padding-top: 9px!important;
    padding-bottom: 9px!important;
  }
}

@media screen and (min-width:768px) and (max-width:899px) {
  .panel.-notes .list.-row.-transform {
    display: block;
    margin-right: 0;
    margin-bottom: 0;
  }

  .panel.-notes .list.-row.-transform>li {
    float: none;
    max-width: 100%;
    max-width: initial;
    margin-right: 0;
    margin-bottom: 0;
  }

  .panel.-notes .list.-row.-transform>li:not(:first-child) {
    margin-top: .5em;
  }

  .block.-notes .swiper-button.swiper-notes-button-prev {
    left: -30px;
  }

  .block.-notes .swiper-button.swiper-notes-button-next {
    right: -30px;
  }

  .menu.-side>li {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
  }

  .menu.-side>li:not(:first-child) {
    margin-left: 10px;
  }

  .menu.-side .btn.-flat {
    font-size: .16rem;
    line-height: 1.65625;
    height: 70px;
    padding: 0 25px;
  }

  .panel.-main .block.-buttons {
    padding: 20px 0;
  }

  .block.-marketinfo .swiper-button.swiper-marketinfo-button-prev {
    left: -30px;
  }

  .block.-marketinfo .swiper-button.swiper-marketinfo-button-next {
    right: -30px;
  }

  .block.-bulletin {
    min-height: 65px;
    margin: 65px auto -65px;
  }
}

@media print,screen and (min-width:900px) and (max-width:1240px) {
  .menu.-side.-narrow {
    width: 100px;
  }

  .menu.-side.-narrow .btn.-flat {
    font-size: .12rem;
    line-height: 1.875;
    height: 80px;
    padding: 35px 0 0;
  }

  .menu.-side.-narrow .btn.-flat>.ico-font {
    top: -20px;
    right: 0;
    left: 0;
  }
}