@charset "utf-8";
/* ==================================================
elements
================================================== */
.cntSec .innerWrap {
  padding-bottom: 60px;
}
.cntSec .heading2{
  padding: 45px 0 30px;
}
.cntSec .heading2 span:after{
  top: -45px;
}
.cntSec .heading2.pc_noBorder:before,
.cntSec .heading2.pc_noBorder span:after{
  display: none;
}
/* ==================================================
heading
================================================== */
#header__mainNav {
  background: #fff;
}
.header__logo .header__heading {
  background-image: url(/common/images/logo.svg);
}
.header__codes {
  color: #222;
}
#header__cateNav {
  background: #005bac;
}
#header__cateNav ul li a {
  color: #fff;
}
#header__cateNav ul li a.active,
#header__cateNav ul li a:hover {
  background: #fff;
  color: #0066b3;
}
#header__cateNav ul li a.kojin,
#header__cateNav ul li a.hojin {
  background: #fff;
  color: #0066b3;
}
#header__cateNav ul li a.kojin:after,
#header__cateNav ul li a.hojin:after {
  background: #0066b3;
}
#header__mainNav ul#gNav li a{
  color: #222;
}
#header__mainNav ul#gNav li#gNavOpenBtn__procedure a:before{
  background-image: url(/common/images/icon_pen_black.svg);
}
#header__mainNav ul#gNav li#gNavOpenBtn__product a:before{
  background-image: url(/common/images/icon_card_black.svg);
}
#header__mainNav ul#gNav li#gNavOpenBtn__atm a:before{
  background-image: url(/common/images/icon_location_black.svg);
}
#header__mainNav ul#gNav li#gNavOpenBtn__fee a:before{
  background-image: url(/common/images/icon_percentage_black.svg);
}
#header__mainNav ul#gNav li#gNavOpenBtn__exchange a:before{
  background-image: url(/common/images/icon_coin_black.svg);
}
#header__mainNav ul#gNav li a:hover,
#header__mainNav ul#gNav li.open a{
  color: #126de0;
}
#header__mainNav ul#gNav li#gNavOpenBtn__procedure a:hover:before,
#header__mainNav ul#gNav li#gNavOpenBtn__procedure.open a:before{
  background-image: url(/common/images/icon_pen_blue.svg);
}
#header__mainNav ul#gNav li#gNavOpenBtn__product a:hover:before,
#header__mainNav ul#gNav li#gNavOpenBtn__product.open a:before{
  background-image: url(/common/images/icon_card_blue.svg);
}
#header__mainNav ul#gNav li#gNavOpenBtn__atm a:hover:before,
#header__mainNav ul#gNav li#gNavOpenBtn__atm.open a:before{
  background-image: url(/common/images/icon_location_blue.svg);
}
#header__mainNav ul#gNav li#gNavOpenBtn__fee a:hover:before,
#header__mainNav ul#gNav li#gNavOpenBtn__fee.open a:before{
  background-image: url(/common/images/icon_percentage_blue.svg);
}
#header__mainNav ul#gNav li#gNavOpenBtn__exchange a:hover:before,
#header__mainNav ul#gNav li#gNavOpenBtn__exchange.open a:before{
  background-image: url(/common/images/icon_coin_blue.svg);
}
#header__mainNav ul#gNav li a:after {
  background-image:url(/common/images/arrow_bottom_red_02.svg);
}
#header__mainNav ul#gNav li.open a:after {
  background-image:url(/common/images/arrow_top_red_02.svg);
}
#header__mainNav ul#gNav2 li{
  color: #fff;
}
#header__mainNav ul#gNav2 li.english a{
  color: #fff;
}
#header__mainNav ul#gNav2 li.searchBtn{
  background-image: url(/common/images/icon_search_white.svg);
}
#header__mainNav.fixed ul#gNav2 li.searchBtn{
  background-image: url(/common/images/icon_search_black.svg);
}

/* ==================================================
MV
================================================== */
#mv {
  position: relative;
  height: 420px;
  margin-bottom: 119px;
}
#mv .innerWrap{
  padding: 0;
}
/* mv__list */
#mv .mv__lists{
  overflow: hidden;
  height: 420px;
}
#mv .mv__list a {
  text-decoration: none;
  color: #fff;
}
#mv .mv__list {
  width: 100%!important;
  min-width: 1024px;
  height: 420px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: 1 !important;
}
#mv .mv__list.no001 {background-image: url(/top/images/mv_bg_001_20230710.jpg);}
#mv .mv__list.no002 {background-image: url(/top/images/mv_bg_003.jpg);}
#mv .mv__list.no003 {background-image: url(/top/images/mv_bg_003pc.png);}
#mv .mv__list.no001_hd {background-image: url(/top/images/mv_bg_001_hd.jpg);}
#mv .mv__outer {
  display: table;
  width: 1024px;
  height: 280px;
  margin: auto;
}
#mv .mv__list.no001_hd .mv__outer {
  width: auto;
}
#mv .mv__inner {
  display: table-cell;
  margin: auto;
  vertical-align: middle;
}
#mv .mv__list.pcLayout--center {text-align: center;}
#mv .mv__list.pcLayout--left {text-align: left;}
#mv .mv__list.pcLayout--right {text-align: right;}

#mv .mv__list .mv__title{
  font-weight: bold;
  font-size: 24px;
  color: #fff;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
}
#mv .mv__list .mv__title .title--main{
  font-size: 46px;
  line-height: 1.3;
}
#mv .mv__list img {
  display: inline !important;
  max-width: 100%;
}
#mv .bx-wrapper .bx-viewport {
  width: 100% !important;
  height: 420px;
}
#mv .bx-wrapper .bx-viewport .innerWrap {
  width: 1024px;
}
#mv .bx-wrapper .bx-viewport .mv__link {
  display: block;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
}
#mv .bx-wrapper .bx-viewport .mv__link img {
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
#mv .bx-wrapper .bx-viewport a.mv__link:hover {
  opacity: .8;
}
#mv .bx-wrapper .bx-controls-direction a {
  width: 60px;
  height: 60px;
  top: 50%;
  margin-top: -30px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
}
#mv .bx-wrapper .bx-controls-direction a.bx-prev {
  left: 0;
  background: url(/common/images/arrow_prev_white.svg) no-repeat center center;
  background-size: 32px 56px;
  opacity: 0;
}
#mv .bx-wrapper .bx-controls-direction a.bx-next {
  right: 0;
  background: url(/common/images/arrow_next_white.svg) no-repeat center center;
  background-size: 32px 56px;
  opacity: 0;
}
#mv .bx-wrapper:hover .bx-controls-direction a {
  opacity: .5;
}
#mv .bx-wrapper .bx-controls-direction a:hover {
  opacity: 1;
}
#mv .bx-loading {
  z-index: 3;
}

/* mv__important */
#mv .mv__important{
  position: absolute;
  top: 420px;
  left: 0;
  width: 100%;
  height: 45px;
  padding: 10px 0;
  text-align: left;
}
#mv .mv__important .important--head{
  float: left;
  border-right: 1px solid #d82433;
  margin-right: 20px;
  padding: 0 20px 0 40px;
  color: #d82433;
  font-weight: bold;
  background: url(/common/images/icon_caution_red_03.svg) no-repeat 10px center;
  background-size: 20px 20px;
}
#mv .mv__important .important--body{
  float: left;
  width: 750px;
}
#mv .mv__important .important--body #topics__body{
  overflow: hidden;
  position: relative;
}
#mv .mv__important .important--body #topics__body li{
  display: none;
  width: 100%;
}
#mv .mv__important .important--body a.textLink{
  text-decoration: none;
  max-width: 100%;
  margin-right: 0;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#mv .mv__important .important--btn{
  float: right;
}
#mv .mv__important .important--btn a.textLink{
  background: none;
}

/* mv__btns */
#mv .mv__btns{
  position: absolute;
  top: 280px;
  left: 0;
  width: 100%;
  z-index: 2;
}
#mv .mv__btns .innerWrap{
  display: flex;
  justify-content: space-between;
}
#mv .mv__btns .innerWrap::after{
  display: none;
}
#mv .mv__btns .btns01{
  display: flex;
  justify-content: space-between;
  background: #fff;
  width: 724px;
  height: 130px;
  padding: 5px;
}
#mv .mv__btns .btns01 .title{
  margin-bottom: 3px;
  font-size: 15px;
  font-weight: bold;
}
#mv .mv__btns .btns01 .nmlBtn{
  width: 100%;
  height: 66px;
  margin-bottom: 5px;
}
#mv .mv__btns .btns01 .nmlBtn a{
  height: 62px;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  transition: all .1s linear;
}
#mv .mv__btns .btns01 .nmlBtn .text--sub{
  font-size: 13px;
}
#mv .mv__btns .btns01 .nmlBtn .text--main{
  font-size: 18px;
}
#mv .mv__btns .btns01 .links{
  display: flex;
  font-size: 14px;
}
#mv .mv__btns .btns01 .links .textLink{
  text-decoration: none;
  margin-right: 30px;
}
#mv .mv__btns .btns01 .links .textLink:hover{
  text-decoration: underline;
}
#mv .mv__btns .btns01--kojin{
  width: 55%;
  padding: 0 15px;
  border-right: 1px solid #ccc;
}
#mv .mv__btns .btns01--kojin .nmlBtn a{
  background: #126de0;
  -webkit-box-shadow: 0px 4px 0px 0px #0a55b4;
  -moz-box-shadow: 0px 4px 0px 0px #0a55b4;
  box-shadow: 0px 4px 0px 0px #0a55b4;
}
#mv .mv__btns .btns01--kojin .nmlBtn a:hover{
  -webkit-box-shadow: 0 0 0 0 #0a55b4;
  -moz-box-shadow: 0 0 0 0 #0a55b4;
  box-shadow: 0 0 0 0 #0a55b4;
}
#mv .mv__btns .btns01--hojin{
  width: 45%;
  padding:0 15px;
}
#mv .mv__btns .btns01--hojin .nmlBtn a{
  background: #394ac6;
  -webkit-box-shadow: 0px 4px 0px 0px #2334b1;
  -moz-box-shadow: 0px 4px 0px 0px #2334b1;
  box-shadow: 0px 4px 0px 0px #2334b1;
}
#mv .mv__btns .btns01--hojin .nmlBtn a:hover{
  -webkit-box-shadow: 0 0 0 0 #2334b1;
  -moz-box-shadow: 0 0 0 0 #2334b1;
  box-shadow: 0 0 0 0 #2334b1;
}
#mv .mv__btns .btns02 a{
  display: block;
  width: 140px;
  height: 126px;
  line-height: 1.3;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 4px 0px 0px #d2d2d2;
  -moz-box-shadow: 0px 4px 0px 0px #d2d2d2;
  box-shadow: 0px 4px 0px 0px #d2d2d2;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  transition: all .1s linear;
}
#mv .mv__btns .btns02 a.icon--2{
  padding-top: 85px;
  background: #fff url(/top/images/icon_account.svg) no-repeat center 25px;
  background-size: 60px 40px;
}
#mv .mv__btns .btns02 a.icon--3{
  padding-top: 75px;
  background: #fff url(/top/images/icon_campaign.svg) no-repeat center 18px;
  background-size: 64px 44px;
}
#mv .mv__btns .btns02 a:hover{
  -webkit-box-shadow: 0 0 0 0 #d2d2d2;
  -moz-box-shadow: 0 0 0 0 #d2d2d2;
  box-shadow: 0 0 0 0 #d2d2d2;
  -webkit-transform: translate(0, 4px);
  -moz-transform: translate(0, 4px);
  transform: translate(0, 4px);
}

/* mv__nav */
#mv .mv__nav{
  position: absolute;
  top: 465px;
  left: 0;
  width: 100%;
  text-align: left;
  border-top: 1px solid #d3e6fc;
  border-bottom: 1px solid #d3e6fc;
}
#mv .mv__nav .innerWrap{
  overflow: visible;
}
#mv .mv__nav--inner{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#mv .mv__nav--inner li{
  flex: 1;
  border-right: 1px solid #d3e6fc;
  position: relative;
}
#mv .mv__nav--inner li:last-child{
  border: none;
}
#mv .mv__nav--inner a{
  display: table;
  width: 100%;
  height: 72px;
  padding: 0 25px 0 15px;
  text-decoration: none;
  font-size: 14px;
  background: url(/common/images/arrow_right_red.svg) no-repeat right 8px center;
  background-size: 6px 9px;
}
#mv .mv__nav--inner a .icon{
  display: table-cell;
  vertical-align: middle;
  width: 32%;
  text-align: center;
  padding-right: 7px;
}
#mv .mv__nav--inner a img{
  min-width: 24px;
  max-width: 34px;
  min-height: 35px;
  max-height: 36px;
}
#mv .mv__nav--inner a .text{
  display: table-cell;
  vertical-align: middle;
  width: 55%;
  white-space: nowrap;
  text-align: center;
}
/* ツールチップ */
#mv .mv__nav--inner li .tooltip{
  border: 1px solid #d3e6fc;
  background: #fff;
  width: 160px;
  height: 55px;
  padding: 10px 5px 10px 5px;
  position: absolute;
  top: -35px;
  left: 25px;
  text-align: center;
  font-size: 13px;
  line-height: 1.3;
  visibility: hidden;
  opacity: 0;
  -webkit-filter: drop-shadow(0 1px 2px rgba(33,36,40,0.3));
  -moz-filter: drop-shadow(0 1px 2px rgba(33,36,40,0.3));
  -ms-filter: drop-shadow(0 1px 2px rgba(33,36,40,0.3));
  filter: drop-shadow(0 1px 2px rgba(33,36,40,0.3));
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  transition: all .2s linear;
}
_:-ms-fullscreen, :root #mv .mv__nav--inner li .tooltip {
  box-shadow: 0px 1px 2px 0px rgba(33,36,40,0.3);
}
#mv .mv__nav--inner .tooltip:before{
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 70px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 10px solid #d3e6fc;
}
#mv .mv__nav--inner .tooltip:after{
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 72px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 8px solid #fff;
}
#mv .mv__nav--inner li a:hover + .tooltip{
  visibility: visible;
  opacity: 1;
}
/* ==================================================
recommended
================================================== */
.recommendedList .js-slider{
  height: 19vw;
  overflow: hidden;
}
/* ==================================================
product
================================================== */
#product .innerWrap {
  width: auto;
  max-width: 1220px;
  min-width: 1024px;
}
.productBox{
  position: relative;
  height: 298px;
  margin-bottom: 40px;
}
.productBox__head{
  width: 340px;
  padding: 30px;
  background: #fff;
  position: absolute;
}
.productBox__head .title{
  position: relative;
  font-size: 26px;
}
.productBox__head .title:after{
  content: '';
  display: block;
  width: 38px;
  height: 1px;
  margin-top: 5px;
  background: #d82433;
  position: absolute;
  bottom: 0;
}
.productBox__text.text--read{
  position: absolute;
  width: 280px;
}
.productBox__text.text--link{
  position: absolute;
  font-size: 14px;
  width: 280px;
}
.productBox__text.text--link a{
  text-decoration: none;
}
.productBox__text.text--link a:hover{
  color: #126de0;
  opacity: 1;
}
.productBox__links{
  position: absolute;
  width: 445px;
}
.productBox__links .links--list{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: -3px -3px 0 0;
}
.productBox__links .links--btn{
  text-align: right;
}
.productBox__links .nmlBtn,
.productBox__links .roundBtn{
  width: 224px;
  min-width: 224px !important;
  margin: 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.productBox__links .nmlBtn a,
.productBox__links .nmlBtn a:hover,
.productBox__links .roundBtn a,
.productBox__links .roundBtn a:hover{
  border: none;
  background: rgba(255, 255, 255, .95);
}
.productBox__links .nmlBtn a .text--main,
.productBox__links .nmlBtn a:hover .text--main,
.productBox__links .roundBtn a .text--main,
.productBox__links .roundBtn a:hover .text--main{
  color: #000;
  font-weight: normal;
}
.productBox__links .nmlBtn a > span:not(.icon):hover,
.productBox__links .roundBtn a > span:not(.icon):hover {
  background-image: url(/common/images/arrow_right_red.svg) !important;
}
.productBox__links .nmlBtn.arrow--blank a > span:not(.icon):hover {
  background-image: url(/common/images/icon_blank_red.svg) !important;
}
.productBox__links .nmlBtn{
  padding: 3px 3px 0 0;
  height: 63px;
}
.productBox__links .nmlBtn a,
.productBox__links .nmlBtn a:hover{
  border-bottom: 2px solid rgba(150, 150, 150, .95);
}
.productBox__links .roundBtn{
  padding: 10px 0 0;
}
.productBox__links .roundBtn a .text--main,
.productBox__links .roundBtn a:hover .text--main{
  font-size: 14px;
}
/* hover */
.productBox__links.off .nmlBtn,
.productBox__links.off .roundBtn{
  opacity: .3;
}
.productBox__links .nmlBtn:hover,
.productBox__links .roundBtn:hover{
  opacity: 1;
}

/* assets */
#product #assets{
  background: url(/top/images/product_bg_assets.jpg) no-repeat center top;
}
#product #assets .productBox__head{
  height: 230px;
  bottom: -20px;
  left: 0;
  text-align: right;
}
#product #assets .productBox__head .title:after{
  right: 0;
}
#product #assets .productBox__text.text--read{
  top: 190px;
  left: 30px;
  text-align: right;
}
#product #assets .productBox__text.text--link{
  bottom: 10px;
  left: 30px;
  text-align: right;
}
#product #assets .productBox__links{
  top: 15px;
  right: 15px;
}
#product #assets .productBox__links .links--list{
  justify-content: flex-end;
}
#product #assets .productBox__links .links--btn{
  text-align: right;
}
/* loan */
#product #loan{
  background: url(/top/images/product_bg_loan.jpg) no-repeat center top;
}
#product #loan .productBox__head{
  height: 230px;
  bottom: -20px;
  right: 0;
  text-align: left;
}
#product #loan .productBox__head .title:after{
  left: 0;
}
#product #loan .productBox__text.text--read{
  top: 190px;
  right: 30px;
  text-align: left;
}
#product #loan .productBox__text.text--link{
  bottom: 10px;
  right: 30px;
  text-align: left;
}
#product #loan .productBox__links{
  top: 15px;
  left: 15px;
}
#product #prepare2 .productBox__links{
  top: 15px;
  left: 15px;
}
#product #loan .productBox__links .links--list{
  justify-content: flex-start;
}
#product #loan .productBox__links .links--btn{
  text-align: left;
}
/* prepare */
#product #prepare{
  background: url(/top/images/product_bg_prepare.jpg) no-repeat center top;
}
#product #prepare .productBox__head{
  height: 205px;
  top: -20px;
  left: 0;
  text-align: right;
}
#product #prepare .productBox__head .title:after{
  right: 0;
}
#product #prepare .productBox__text.text--read{
  top: 80px;
  left: 30px;
  text-align: right;
}
#product #prepare .productBox__text.text--link{
  top: 140px;
  left: 30px;
  text-align: right;
}
#product #prepare .productBox__links{
  bottom: 15px;
  right: 15px;
}
#product #prepare .productBox__links .links--list{
  justify-content: flex-end;
}
#product #prepare .productBox__links .links--btn{
  text-align: right;
}
/* use */
#product #use{
  background: url(/top/images/product_bg_use.jpg) no-repeat center top;
}
#product #use .productBox__head{
  height: 205px;
  top: -20px;
  right: 0;
  text-align: left;
}
#product #use .productBox__head .title:after{
  left: 0;
}
#product #use .productBox__text.text--read{
  top: 80px;
  right: 30px;
  text-align: left;
}
#product #use .productBox__text.text--link{
  top: 140px;
  right: 30px;
  text-align: left;
}
#product #use .productBox__links{
  bottom: 15px;
  left: 15px;
}
#product #use .productBox__links2{
  bottom: 20px;
  left: 600px;
}
#product #use .productBox__links .links--list{
  justify-content: flex-start;
}
#product #use .productBox__links .links--btn{
  text-align: left;
}

.productBox__links2{
  position: absolute;
  width: 445px;
}
.productBox__links2 .links--list{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: -3px -3px 0 0;
}
.productBox__links2 .links--btn2{
  text-align: right;
}
.productBox__links2 .nmlBtn,
.productBox__links2 .roundBtn{
  width: 224px;
  min-width: 224px !important;
  margin: 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.productBox__links2 .nmlBtn a,
.productBox__links2 .nmlBtn a:hover,
.productBox__links2 .roundBtn a,
.productBox__links2 .roundBtn a:hover{
  border: none;
  background: rgba(255, 255, 255, .95);
}
.productBox__links2 .nmlBtn a .text--main,
.productBox__links2 .nmlBtn a:hover .text--main,
.productBox__links2 .roundBtn a .text--main,
.productBox__links2 .roundBtn a:hover .text--main{
  color: #000;
  font-weight: normal;
}
.productBox__links2 .nmlBtn a > span:not(.icon):hover,
.productBox__links2 .roundBtn a > span:not(.icon):hover {
  background-image: url(/common/images/arrow_right_red.svg) !important;
}
.productBox__links2 .nmlBtn.arrow--blank a > span:not(.icon):hover {
  background-image: url(/common/images/icon_blank_red.svg) !important;
}
.productBox__links2 .nmlBtn{
  padding: 3px 3px 0 0;
  height: 63px;
}
.productBox__links2 .nmlBtn a,
.productBox__links2 .nmlBtn a:hover{
  border-bottom: 2px solid rgba(150, 150, 150, .95);
}
.productBox__links2 .roundBtn{
  padding: 10px 0 0;
}
.productBox__links2 .roundBtn a .text--main,
.productBox__links2 .roundBtn a:hover .text--main{
  font-size: 14px;
}
/* hover */
.productBox__links2.off .nmlBtn,
.productBox__links2.off .roundBtn{
  opacity: .3;
}
.productBox__links2 .nmlBtn:hover,
.productBox__links2 .roundBtn:hover{
  opacity: 1;
}
#prepare .productBox__links2{
  bottom: 15px;
  left: 150px;
}

/* ==================================================
life
================================================== */
#life .innerWrap{
  width: 100%;
}
.lifeList {
  overflow: hidden;
  margin-bottom: 40px;
}
.lifeList .linkPanel li {
  width: 388px !important;
  margin: 0 28px 0 0 ;
}
#life .lifeList .bx-viewport{
  left: 50%;
  margin-left: -194px;
  overflow: visible !important;
}
#life .lifeList .bx-controls-direction a{
  width: 88px;
  height: 88px;
  background-color: rgba(0, 0, 0, .7);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#life .lifeList .bx-controls-direction a.bx-prev{
  background-image:url(/common/images/arrow_prev_white.svg);
  background-position: right 22px center;
  left : -44px;
}
#life .lifeList .bx-controls-direction a.bx-next{
  background-image:url(/common/images/arrow_next_white.svg);
  background-position: 22px center;
  right : -44px;
}

/* ==================================================
rank_questionnaire
================================================== */
#col_rank_questionnaire .innerWrap{
  display: flex;
  align-items: stretch;
  width: 100%;
  padding-bottom: 0;
}
#col_rank_questionnaire #rank,
#col_rank_questionnaire #questionnaire{
  width: 50%;
  padding: 40px 0 60px;
}
#col_rank_questionnaire .rank__head,
#col_rank_questionnaire .questionnaire__head{
  margin-bottom: 30px;
  text-align: center;
  font-size: 30px;
}
#col_rank_questionnaire .rank__body,
#col_rank_questionnaire .questionnaire__body{
  width: 452px;
  margin: 0 auto;
}

/* rank */
#rank{
  background: #f0f0f0;
}
.rank__body .btnWrap{
  margin-bottom: 0;
}
.rank__body .nmlBtn{
  width: 100%;
  margin-bottom: 10px;
  position: relative;
  min-height: 60px;
  height: auto;
}
.rank__body .nmlBtn a{
  height: 60px;
  border: none;
}
.rank__body .nmlBtn a > span:not(.icon){
  text-align: left;
}
.rank__body .nmlBtn a .icon{
  width: 70px;
  padding: 0 20px;
}
/* hover */
.rank__body .nmlBtn a:hover{
  background-color: #fff;
}
.rank__body .nmlBtn a:hover .text--main{
  color: #126de0;
}
.rank__body .nmlBtn a:hover > span:not(.icon){
  background-image: url(/common/images/arrow_right_red.svg);
}

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

/* questionnaire */
#questionnaire{
  background: url('/top/images/questionnaire_bg.png') repeat 0 0;
}
#col_rank_questionnaire .questionnaire__head{
  color: #fff;
}
.questionnaire__inner{
  background: #e8f1fc;
  padding: 30px;
}
.questionnaire__body .qauestion{
  display: table;
  width: 100%;
  padding: 0 0 0 10px;
}
.questionnaire__body .qauestion--icon{
  display: table-cell;
  vertical-align: middle;
  width: 54px;
  height: 54px;
}
.questionnaire__body .qauestion--text{
  display: table-cell;
  vertical-align: middle;
  padding-left: 16px;
  font-size: 18px;
}
.questionnaire__body .answer--list{
  border-top: 1px solid #ccc;
  margin: 20px 0;
  padding: 15px 0 0 15px;
}
.questionnaire__body .answer--list li{
  margin-bottom: 11px;
}
.questionnaire__body .answer--list li label{
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.questionnaire__body .answer--list li label:hover{
  cursor: pointer;
  opacity: .7;
}
.questionnaire__body .answer--list input[type="radio"]{
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin: 1px 13px 0 0;
  vertical-align: sub;
}
.questionnaire__body .answer--btnWrap{
  display: flex;
  justify-content:space-around;
  align-items:center;
}


/* 投票ボタン 画像ver. */
.questionnaire__body #touhyou{
  margin: 0 auto;
}
.questionnaire__body #touhyou input{
  width: 180px;
  height: auto;
  padding: 0;
  border: none;
  background: none;
  vertical-align: top;
}
.questionnaire__body #touhyou input:not([disabled="disabled"]){
  -webkit-box-shadow: 0px 1px 2px 0px rgba(33,36,40,0.1);
  -moz-box-shadow: 0px 1px 2px 0px rgba(33,36,40,0.1);
  box-shadow: 0px 1px 2px 0px rgba(33,36,40,0.1);
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  transition: all .2s linear;
}
.questionnaire__body #touhyou input:hover:not([disabled="disabled"]){
  opacity: .7;
}
/* 投票ボタン テキストver. */
.questionnaire__body .answer--btn{
  width: 180px;
  height: 48px;
  margin-bottom: 0;
  text-align: center;
  background: #fff url(/common/images/arrow_right_red.svg) no-repeat right 20px center;
  background-size: 6px 9px;
}
.questionnaire__body .answer--btn[disabled="disabled"]{
  background: #eee url(/common/images/arrow_right_gray.svg) no-repeat right 20px center;
  background-size: 6px 9px;
  color: #ccc;
  border-color: #ccc;
  cursor: default;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
}
.questionnaire__body .answer--btn:hover:not([disabled="disabled"]){
  background: #126de0 url(/common/images/arrow_right_white.svg) no-repeat right 20px center;
}

.questionnaire__body .answer--link{
  width: 180px;
  text-align: center;
}
.questionnaire__body .answer--link a{
  color: #126de0;
}

/* ==================================================
news
================================================== */
#news .innerWrap{
  padding-bottom: 20px;
}
#news .heading2 {
  padding-bottom: 10px;
  font-size: 28px;
  font-weight: normal;
}
#news .stdTab{
  width: 984px;
  margin-bottom: 0;
}
#news .stdTab__btn > span{
  min-height: 75px;
}
#news .stdTab__btn > span > .text--main{
  font-size: 16px;
}
#news .stdTab__body{
  padding: 20px 0 0;
}
#news .newsList{
  width: 904px;
  margin-bottom: 20px;
}
#news .newsList li:not(:last-child){
  border-bottom-style: dotted;
}
#news .newsList li > a{
  padding: 16px 0;
}
#news .newsList span.date,
#news .newsList span.tag{
  display: block;
  float: left;
  margin-bottom: 0;
  line-height: 25px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
}
#news .newsList span.date{
  width: 160px;
  font-size: 14px;
  color: #666;
}
#news .newsList span.tag{
  width: 160px;
  font-size: 12px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#news .newsList span.tag.overseas{ background: #0a55b4; color: #e8f1fc;}
#news .newsList span.tag.museum{ background: #e8f1fc; color: #0a55b4;}

#news .newsList span.read{
  display: block;
  margin-left: 180px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
}
#news .newsList li > a:hover{
  opacity: 1;
}
#news .newsList li > a:hover span.date,
#news .newsList li > a:hover span.read{
  color: #126de0;
}

/* ==================================================
group 2021.04.01 追加
================================================== */
#group {
  background: #e9eff7;
}
#group .heading2 {
  padding-top: 30px;
  padding-bottom: 20px;
  font-size: 24px;
  font-weight: normal;
}
#group .innerWrap{
  padding-top: 0px;
  padding-bottom: 30px;
}

/* ==================================================
caution
================================================== */
#caution {
  background: #f4f4f4;
}
#caution .innerWrap{
  padding-bottom: 20px;
}
#caution .heading2 {
  padding-bottom: 20px;
  font-size: 24px;
  font-weight: normal;
}
#caution .heading2 .icon{
  width: 30px;
  height: 28px;
  margin-right: 10px;
  vertical-align: sub;
}
#caution .newsList{
  width: 984px;
  margin-bottom: 20px;
}
#caution .newsList li{
  background: transparent;
  border-bottom: none;
}
#caution .newsList li > a{
  padding: 10px 0;
}
#caution .newsList span.date{
  display: block;
  float: left;
  width: 150px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 25px;
  color: #666;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
}
#caution .newsList span.read{
  display: block;
  margin-left: 150px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
}
#caution .newsList li > a:hover{
  opacity: 1;
}
#caution .newsList li > a:hover span.date,
#caution .newsList li > a:hover span.read{
  color: #126de0;
}
.cautionList--sub{
  width: 984px;
  margin: 0 auto 20px;
  padding: 10px;
  background: #fff;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  text-align: center;
}
.cautionList--sub li{
  display: inline-block;
  margin: 10px;
  font-size: 14px;
}
.cautionList--sub li .color--black{
  color: #126de0;
}


/* ==================================================
footBnr
================================================== */
#footBnr .innerWrap{
  padding-bottom: 0;
}
.footBnrList.js-sliderWrap {
  padding-top: 30px;
}

/* ==================================================
footer
================================================== */
#footer{
  margin-top: 0;
}

/* ==================================================
スライダー
================================================== */
.js-sliderWrap{
  padding-bottom: 28px;
}
.js-sliderWrap .js-slider a{
  display: block;
}
.js-sliderWrap .bx-wrapper .bx-pager{
  bottom: -40px;
}
.js-sliderWrap .bx-wrapper .bx-controls-direction a{
  width: 16px;
  height: 36px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
}
.js-sliderWrap .bx-wrapper .bx-controls-direction a.bx-next{
  right: -36px;
  background: url(/common/images/arrow_next_gray.svg) no-repeat center center;
  background-size: 16px 36px;
  opacity: 1;
}
.js-sliderWrap .bx-wrapper .bx-controls-direction a.bx-prev{
  left: -36px;
  background: url(/common/images/arrow_prev_gray.svg) no-repeat center center;
  background-size: 16px 36px;
  opacity: 1;
}
.js-sliderWrap .bx-wrapper .bx-controls-direction a:hover{
  opacity: .7;
}

/* ==================================================
％緊急ＭＳＧ領域％
================================================== */
/* messageArea1（赤枠） */
#messageArea1{
  padding: 40px 0 0 0;
}
#messageArea1 .innerWrap{
  border: 2px solid #d82433;
  padding: 25px;
}
#messageArea1 .messageArea1__title{
  margin-bottom: 1rem;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
#messageArea1 .messageArea1__body{
  font-size: 17px;
}
/* messageArea11（赤枠固定） */
#messageArea11{
  padding: 40px 0;
}
#messageArea11 .innerWrap{
  border: 2px solid #d82433;
  padding: 25px;
  text-align: center;
}
/* messageArea2（青枠） */
#messageArea2{
  background: #f4f4f4;
  padding: 40px 0;
}
#messageArea2 .innerWrap{
  border: 2px solid #126de0;
  background: #fff;
  padding: 25px;
}
.messageArea2__title{
  margin-bottom: 1rem;
  text-align: center;
  font-size: 28px;
}
.messageArea2__lead{
  margin-bottom: 1rem;
  text-align: center;
}
.messageArea2__links li{
  display: inline-block;
  vertical-align: top;
  width: 47%;
  margin: 5px 1%;
  border-bottom: 1px solid #ddd;
}
.messageArea2__links a{
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
}

/* ==================================================
ログイン導線説明
================================================== */
#explainConductor {
  display: none;
  padding-top: 60px;
  background: #f4f4f4;
}
#explainConductor .mainBox {
}
#explainConductor .mainBox:after {
  content: "";
  display: block;
  clear: both;
}
#explainConductor .textBox {
  float: left;
  width: 50%;
  padding-right: 20px;
}
#explainConductor .textBox .catch {
  font-size: 15px;
  font-weight: bold;
  text-align: left;
}
#explainConductor .imgBox {
  float: left;
  width: 50%;
}

#explainConductor label {
  display: inline-block;
}

#explainConductor .btnBox {
  text-align: center;
  background: #dfdfdf;
}
#explainConductor .btnBox:hover {
  opacity: .7;
}
#explainConductor_closeBtn {
  padding: 18px 0;
  line-height: 1;
  cursor: pointer;
}
#explainConductor_closeBtn img {
  vertical-align: top;
  width: 14px;
  height: 14px;
  margin-right: 5px;
}

/* ==================================================
口座開設モーダル
================================================== */

#selectAccountOpen{
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 700px;
  height: 432px;
  margin: -216px 0 0 -350px;
  z-index: 101;
}
/* mainBox */
#selectAccountOpen .mainBox{
  padding: 35px 0 15px;
  background: #fff;
}
#selectAccountOpen .selectAccount__lead{
  margin-bottom: 20px;
  text-align: center;
  font-size: 22px;
}
#selectAccountOpen .selectAccount__list{
  text-align: center;
  font-size: 0;
}
#selectAccountOpen .selectAccount__list > li{
  display: inline-block;
  vertical-align: top;
  margin: 0 20px;
}
#selectAccountOpen .selectAccount__list .nmlBtn{
  width: 245px;
  height: 230px;
  margin: 0;
}
#selectAccountOpen .selectAccount__list .nmlBtn a{
  padding: 20px 0 20px;
}
#selectAccountOpen .selectAccount__list .img img{
  width: 110px;
  height: auto;
}
#selectAccountOpen .selectAccount__list .text--main{
  font-size: 24px;
}
#selectAccountOpen .selectAccount__list .text--sub{
  font-size: 16px;
  color: #222;
}
#selectAccountOpen .selectAccount__list .nmlBtn:hover  .text--sub{
  color: #fff;
}
#selectAccountOpen .selectAccount__list .noteList li{
  font-size: 12px;
}
/* btnBox */
#selectAccountOpen .btnBox{
  border-top: 1px solid #dfdfdf;
  background: #f4f4f4;
  line-height: 51px;
  text-align: center;
  cursor: pointer;
}
#selectAccountOpen .btnBox .text{
  padding-left: 22px;
  background: url(/common/images/icon_close_gray.svg) no-repeat left center;
  background-size: 14px 14px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
}
#selectAccountOpen .btnBox:hover .text{
  opacity: .7;
}

/* ==================================================
ビジネスＷｅｂモーダル
================================================== */

#selectBizwebOpen{
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 700px;
  height: 432px;
  margin: -216px 0 0 -350px;
  z-index: 101;
}
/* mainBox */
#selectBizwebOpen .mainBox{
  padding: 35px 0 15px;
  background: #fff;
}
#selectBizwebOpen .selectBizweb__lead{
  margin-bottom: 20px;
  text-align: center;
  font-size: 22px;
}
#selectBizwebOpen .selectBizweb__list{
  text-align: center;
  font-size: 0;
}
#selectBizwebOpen .selectBizweb__list > li{
  display: inline-block;
  vertical-align: top;
  margin: 0 20px;
}
#selectBizwebOpen .selectBizweb__list .nmlBtn{
  width: 245px;
  height: 230px;
  margin: 0;
}
#selectBizwebOpen .selectBizweb__list .nmlBtn a{
  padding: 20px 0 20px;
}
#selectBizwebOpen .selectBizweb__list .img img{
  width: 110px;
  height: auto;
}
#selectBizwebOpen .selectBizweb__list .text--main{
  font-size: 24px;
}
#selectBizwebOpen .selectBizweb__list .text--sub{
  font-size: 16px;
  color: #222;
}
#selectBizwebOpen .selectBizweb__list .nmlBtn:hover  .text--sub{
  color: #fff;
}
#selectBizwebOpen .selectBizweb__list .noteList li{
  font-size: 12px;
}
/* btnBox */
#selectBizwebOpen .btnBox{
  border-top: 1px solid #dfdfdf;
  background: #f4f4f4;
  line-height: 51px;
  text-align: center;
  cursor: pointer;
}
#selectBizwebOpen .btnBox .text{
  padding-left: 22px;
  background: url(/common/images/icon_close_gray.svg) no-repeat left center;
  background-size: 14px 14px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
}
#selectBizwebOpen .btnBox:hover .text{
  opacity: .7;
}