@charset "utf-8";

body {
  background: #fff;
}


.main {
  margin-bottom: 0;
}


.slick-dots {
  margin-top: 15px;
  text-align: center;
}
.slick-dots button {
  padding: 0 3px !important;
}
.slick-dots button::before {
  content: "";
  background: #DCDCDC;
  border-radius: 50%;
  display: block;
  width: 10px;
  height: 10px;
}
.slick-dots .slick-active button::before {
  background: #535353 !important;
}


.top_wrapper {
  margin: 0 auto;
  max-width: 1270px;
  width: 96%;
}
@media only screen and (max-width: 767px) {
  .top_wrapper {
    padding: 0 32px;
    width: 100%;
  }
}


.top_appDlBtn a {
  background: #008960;
  border-radius: 60px;
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 400;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  width: 390px;
  height: 80px;
}
.top_appDlBtn a:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 767px) {
  .top_appDlBtn a {
    font-size: 18px;
    width: 100%;
    height: 55px;
  }
  .top_appDlBtn a.spOnly {
    display: flex !important;
  }
}


.top_moreLink a {
  color: #222;
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  padding-right: 25px;
  position: relative;
}
.top_moreLink a::before {
  border-top: 2px solid #222;
  border-right: 2px solid #222;
  border-radius: 2px;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: calc(50% - 6px);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 10px;
  height: 10px;
}
.top_moreLink a:hover::before {
  right: -5px;
}
@media only screen and (max-width: 767px) {
  .top_moreLink a {
    font-size: 14px;
    line-height: 1;
    padding-right: 17px;
  }
  .top_moreLink a::before {
    top: calc(50% - 4px);
    width: 8px;
    height: 8px;
  }
}


.top_mvSec {
  padding-bottom: 60px;
  position: relative;
}
.top_mvSec::before {
  background: #f3fef9;
  content: "";
  display: block;
  position: absolute;
  top: -130px;
  width: 100%;
  height: calc(100% + 130px);
  z-index: -1;
}
.top_mvSec_inner {
  padding-top: 35px;
}
.top_mvSec_cautionInfo {
  background: #F5EBEB;
  border-radius: 10px;
  padding: 15px 25px;
}
.top_mvSec_cautionInfo_list_item:not(:first-child) {
  margin-top: 10px;
}
.top_mvSec_cautionInfo_txt {
  color: #222;
  display: block;
  font-weight: 500;
  padding-left: 30px;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
a.top_mvSec_cautionInfo_txt {
  color: #F94D49;
}
.top_mvSec_cautionInfo_txt::before {
  background: #F94D49;
  border-radius: 50%;
  color: #fff;
  content: "i";
  display: inline-block;
  font-weight: 500;
  line-height: 18px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 20px;
  height: 20px;
}
a.top_mvSec_cautionInfo_txt:hover {
  transform: translateX(5px);
}

.top_mvSec_main {
  display: flex;
  align-items: center;
  gap: 50px;
  justify-content: space-between;
  margin-top: 15px;
  width: 100%;
}
.top_mvSec_main_txt {
  width: calc((100% - 50px) / 2);
}
.top_mvSec_main_txt_ttl {
  color: #222;
  font-size: 50px;
  font-weight: 600;
}
.top_mvSec_main_txt_ttl_sub {
  display: block;
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 15px;
}
.top_mvSec .top_moreLink {
  margin-top: 25px;
}
.top_mvSec .top_appDlBtn {
  margin-top: 55px;
}
.top_mvSec .top_appDlBtn a {
  margin: 0 auto;
}
.top_mvSec_main_img {
  width: calc((100% - 50px) / 2);
}
.top_mvSec_important {
  background: #d5fcf0;
  border-radius: 10px;
  padding: 40px;
  margin-top: 35px;
}
.top_mvSec_important_title {
  color: #d5143e;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 15px;
}
.top_mvSec_important_link {
  background: url(/cqbank/common/img/icon_arrow_r_lg.svg) left 6px / 16px no-repeat;
  padding: 0 0 0 23px;
  line-height: 1.7;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 1.8;
  color: #222;
}
.top_mvSec_important_link[target="_blank"] {
  background: url(/cqbank/common/img/icon_blank_lg.svg) left 7px/14px no-repeat;
}
.top_mvSec_important_link[href$=".pdf"] {
  background: url(/cqbank/common/img/icon_pdf.png) left 6px / 14px 16px no-repeat;
}
.top_mvSec_important_link > span {
  padding-bottom: .25em;
  background: linear-gradient(#008960, #008960) 0 100% / 0 1px no-repeat;
  transition: all .2s ease-out;
  display: inline;
}
.top_mvSec_important_link:hover > span {
  background-size: 100% 1px;
  color: #008960;
}
.top_mvSec_important_list_item + .top_mvSec_important_list_item {
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .top_mvSec {
    padding-bottom: 40px;
  }
  .top_mvSec::before {
    top: -105px;
    height: calc(100% + 105px);
  }
  .top_mvSec_inner {
    padding: 16px;
    width: 100%;
  }
  .top_mvSec_cautionInfo {
    padding: 12px 12px;
  }
  .top_mvSec_cautionInfo_txt {
    font-size: 14px;
    padding-left: 25px;
  }
  .top_mvSec_cautionInfo_txt::before {
    line-height: 16px;
    width: 18px;
    height: 18px;
  }
  .top_mvSec_main {
    flex-direction: column;
  }
  .top_mvSec_main_txt {
    padding: 0 16px;
    width: 100%;
  }
  .top_mvSec_main_txt_ttl {
    font-size: 32px;
  }
  .top_mvSec_main_txt_ttl_sub {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .top_mvSec .top_moreLink {
    margin-top: 20px;
  }
  .top_mvSec_main_img-sp {
    position: relative;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: calc(100% + 25px);
    z-index: -1;
  }
  .top_mvSec .top_appDlBtn {
    margin-top: 24px;
  }
  .top_mvSec .top_appDlBtn a {
    width: 100%;
  }
  .top_mvSec_important_title {
    font-size: 16px;
  }
  .top_mvSec_important {
    padding: 20px;
    margin-top: 20px;
  }
  .top_mvSec_important_list_item + .top_mvSec_important_list_item {
    margin-top: 2px;
  }
  .top_mvSec_important_link {
    font-size: 14px;
    background-size: 14px;
  }
  .top_mvSec_important_link[target="_blank"] {
    background-size: 13px;
  }
  .top_mvSec_important_link[href$=".pdf"] {
    background-size: 13px 15px;
  }
}


.top_campaignSec {
  padding: 45px 0;
}
.top_campaignSec_ttl {
  color: #222;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 40px;
  text-align: center;
}
.top_campaignSec_list {
  position: relative;
  width: 100%;
  max-width: 1230px;
  margin: 0 auto;
}
.top_campaignSec_list_item {
  margin-right: 25px;
  text-align: center;
  width: 394px;
}
.top_campaignSec_list_item:last-child {
  margin-right: 0;
}
.top_campaignSec_list_item a {
  width: 100%;
  height: 164px;
  display: block;
  position: relative;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.top_campaignSec_list_item a > img {
  border-radius: 10px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 767px) {
	.top_campaignSec_list_item a > img {
  height: auto;
}
}


.top_campaignSec_list_item a:hover {
  opacity: 0.6;
}
.top_campaignSec .top_moreLink {
  margin-top: 25px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .top_campaignSec {
    padding: 20px 0;
  }
  .top_campaignSec_ttl {
    font-size: 26px;
    margin-bottom: 24px;
  }
  .top_campaignSec_list_item {
    margin-right: 0;
    max-width: 100%;
    width: initial;
  }
}


.top_spbankSec {
  background: #f3fef9;
  padding: 65px 0 60px;
  text-align: center;
}
.top_spbankSec_ttl {
  color: #222;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 35px;
  line-height: 1.6;
}
.top_spbankSec_ttl_sub {
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 10px;
}
.top_spbankSec_img {
  margin: 0 auto;
  width: 340px;
  max-width: 100%;
}
.top_spbankSec_img img {
  width: 100%;
}
.top_spbankSec_txt {
  color: #222;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  margin-top: 40px;
}
.top_spbankSec_link {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 40px;
}
.top_spbankSec .top_appDlBtn {
  margin-top: 40px;
}
.top_spbankSec .top_appDlBtn a {
  margin: 0 auto;
}
.top_spbankSec .top_appDlBtn--sub a {
  color: #012E27;
  background: #00EEAD;
}
.top_appDlBtn_col {
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media only screen and (min-width: 768px) {
  .top_spbankSec_col {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
  }
  .top_spbankSec_ttl {
    text-align: left;
    line-height: 1.6;
  }
  .top_spbankSec_img {
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .top_spbankSec {
    padding: 40px 0;
  }
  .top_spbankSec_ttl {
    font-size: 26px;
    margin-bottom: 24px;
  }
  .top_spbankSec_ttl_sub {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .top_spbankSec_txt {
    margin-top: 24px;
  }
  .top_spbankSec_txt {
    font-size: 16px;
  }
  .top_spbankSec_link {
    flex-direction: column;
    gap: 15px;
    margin-top: 24px;
  }
  .top_spbankSec .top_appDlBtn {
    margin-top: 24px;
  }
  .top_appDlBtn_col {
    flex-direction: column;
    gap: 15px;
  }
  .top_appDlBtn + .top_appDlBtn {
    margin-top: 0;
  }
}


.top_appInfoSec {
  padding: 65px 0 60px;
}
.top_appInfoSec_list {
  display: flex;
  gap: 50px;
  justify-content: center;
  width: 100%;
}
.top_appInfoSec_list_item {
  text-align: center;
  width: calc((100% - (50px * 2)) / 3);
}
.top_appInfoSec_list_ttl {
  color: #222;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 30px;
}
.top_appInfoSec_list_ttl_sub {
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 5px;
}
.top_appInfoSec_list_img {
  margin-bottom: 40px;
}
.top_appInfoSec_list_img img {
  width: 100%;
}
.top_appInfoSec_list_moreList {
  display: flex;
  justify-content: center;
  gap: 40px;
}
.top_appInfoSec .top_appDlBtn {
  margin-top: 50px;
}
.top_appInfoSec .top_appDlBtn a {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .top_appInfoSec {
    padding: 40px 0;
  }
  .top_appInfoSec_list {
    flex-direction: column;
    gap: 80px;
  }
  .top_appInfoSec_list_item {
    width: 100%;
  }
  .top_appInfoSec_list_ttl {
    font-size: 20px;
    margin-bottom: 24px;
  }
  .top_appInfoSec_list_ttl_sub {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .top_appInfoSec_list_img {
    margin-bottom: 24px;
  }
  .top_appInfoSec_list_moreList {
    flex-direction: column;
    gap: 15px;
  }
  .top_appInfoSec .top_appDlBtn {
    margin-top: 40px;
  }
}


.top_assetsSec {
  background: #f3fef9;
  padding: 65px 0 60px;
}
.top_assetsSec_ttl {
  color: #222;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 40px;
  text-align: center;
}
.top_assetsSec_ttl_sub {
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 10px;
}
.top_assetsSec_list {
  position: relative;
  width: 100%;
  max-width: 1230px;
  margin: 0 auto;
}
/* .top_assetsSec_list_arrows {
  position: absolute;
  width: 36px;
  height: 36px;
  background: #9d7f4e;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
  transition: all 0.2s ease-out;
}
.top_assetsSec_list_arrows::before {
  content: '';
  position: absolute;
  background: url(/common/img/icon_arrow_wh.svg) 9px 14px /cover;
  width: 9px;
  height: 14px;
  top: 50%;
}
.top_assetsSec_list__prev {
  left: -18px;
}
.top_assetsSec_list__next {
  right: -18px;
}
.top_assetsSec_list__prev::before {
  transform: translateY(-50%) rotate(-180deg);
  left: 12px;
}
.top_assetsSec_list__next::before {
  transform: translateY(-50%);
  right: 12px;
}
.top_assetsSec_list_arrows:hover {
  background: #b19971;
} */
.top_assetsSec_list_item {
  margin-right: 25px;
  text-align: center;
  width: 393px;
}
.top_assetsSec_list.noslide {
	display: flex;
	justify-content: center;
}
.top_assetsSec_list.noslide .top_assetsSec_list_item {
	margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .top_assetsSec {
    padding: 40px 0;
  }
  .top_assetsSec_ttl {
    font-size: 26px;
    margin-bottom: 24px;
  }
  .top_assetsSec_ttl_sub {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .top_assetsSec_list_item {
    margin-right: 0;
    max-width: 100%;
    width: initial;
  }
}


.top_uiBaseSec {
  padding: 65px 0 60px;
}
.top_uiBaseSec_ttl {
  color: #222;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 40px;
  text-align: center;
}
.top_uiBaseSec_ttl_sub {
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 10px;
}
.top_uiBaseSec_list {
  display: flex;
  gap: 35px;
  justify-content: space-between;
  width: 100%;
}
.top_uiBaseSec_list_item a {
  display: block;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.top_uiBaseSec_list_img {
  display: block;
  position: relative;
  width: 100%;
  height: 162px;
}
.top_uiBaseSec_list_img > img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.top_uiBaseSec_list_tag {
  background: #fff;
  border: 1px solid #222;
  display: inline-block;
  margin-top: 18px;
  padding: 0 22px 0 18px;
  text-align: center;
}
.top_uiBaseSec_list_tag span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #222;
  font-size: 16px;
  width: 100%;
  height: 33px;
  white-space: nowrap;
}
.top_uiBaseSec_list_tag span::before {
  content: "#";
}
.top_uiBaseSec_list_ttl {
  color: #222;
  font-size: 16px;
  line-height: 1.6;
  margin-top: 18px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.top_uiBaseSec_list_item {
  width: calc((100% - (35px * 3)) / 4);
}
.top_uiBaseSec_list_item a:hover {
  opacity: .6;
}
.top_uiBaseSec .top_moreLink {
  margin-top: 50px;
  text-align: center
}
@media only screen and (max-width: 767px) {
  .top_uiBaseSec {
    padding: 40px 0;
  }
  .top_uiBaseSec_ttl {
    font-size: 26px;
    margin-bottom: 24px;
  }
  .top_uiBaseSec_ttl_sub {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .top_uiBaseSec_list {
    gap: 18px;
  }
  .top_uiBaseSec_list_item {
    width: calc((100% - 18px) / 2);
  }
  .top_uiBaseSec_list_item:nth-child(n+3) {
    display: none;
  }
  .top_uiBaseSec_list_img {
    height: 92px;
  }
  .top_uiBaseSec_list_tag {
    margin-top: 15px;
    padding: 0 12px;
  }
  .top_uiBaseSec_list_tag span {
    font-size: 12px;
    height: 20px;
  }
  .top_uiBaseSec_list_ttl {
    font-size: 12px;
    margin-top: 15px;
  }
  .top_uiBaseSec .top_moreLink {
    margin-top: 24px;
  }
}


.top_appDlSec {
  /* background: #f3fef9; */
  padding: 60px 0 80px;
}
.top_appDlSec_main {
  display: flex;
  align-items: center;
  gap: 35px;
  justify-content: center;
}
.top_appDlSec_main_img {
  position: relative;
  top: 10px;
  max-width: 150px;
}
.top_appDlSec_main_content_txt {
  color: #222;
  font-size: 38px;
  font-weight: 600;
}
.top_appDlSec_main_content_txt_sub {
  display: block;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}
.top_appDlSec .top_appDlBtn {
  margin-top: 25px;
}
.top_appDlSec .top_appDlBtn a {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .top_appDlSec {
    padding: 40px 0 60px;
  }
  .top_appDlSec_main {
    flex-flow: column;
    gap: 10px;
  }
  .top_appDlSec_main_img {
    top: inherit;
  }
  .top_appDlSec_main_content {
    text-align: center;
  }
  .top_appDlSec_main_content_txt {
    font-size: 26px;
  }
  .top_appDlSec_main_content_txt_sub {
    font-size: 16px;
  }
  .top_appDlSec .top_appDlBtn {
    margin-top: 24px;
  }
}


.top_newsSec {
  padding: 70px 0 60px;
}
.top_newsSec_ttl {
  color: #222;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 40px;
  text-align: center;
}
.top_newsSec .top_moreLink {
  margin-top: 55px;
  text-align: center;
}
.top_newsSec .bl_news_item {
  border-top: none;
  border-bottom: 1px solid #DADADA;
}
.top_newsSec .bl_news_item:last-child {
  border-bottom: none;
}
.top_newsSec .bl_news_txtLink {
  background: none;
  padding-left: 0;
}
.top_newsSec .bl_news_link {
  color: #222;
  padding: 25px 0;
}
.top_newsSec .bl_news_txtDays {
  margin-right: 15px;
}
.top_newsSec .bl_news_icon {
  color: #222;
  border-color: #222;
  font-size: 14px;
  padding: 4px 15px 5px;
  min-width: auto;
}
.top_newsSec .bl_news_bottom {
  margin-top: 5px;
}
@media only screen and (max-width: 767px) {
  .top_newsSec {
    padding: 40px 0;
  }
  .top_newsSec_ttl {
    margin-bottom: 32px;
  }
  .top_newsSec .top_moreLink {
    margin-top: 32px;
  }
  .top_newsSec .bl_news_txtDays {
    font-size: 12px;
  }
  .top_newsSec .bl_news_link {
    padding: 20px 0;
  }
  .top_newsSec .bl_news_icon {
    font-size: 12px;
    padding: 2px 15px 3px;
  }
  .top_newsSec .bl_news_txt {
    font-size: 14px;
  }
}


.top_footer .footer_basic {
  background: #f3fef9;
  padding: 50px 0;
}
.top_footer .footer_tit {
  color: #222;
  font-size: 22px;
  margin-bottom: 0;
  padding: 0;
}
.top_footer .footer_btnOpen {
  border: none;
  width: auto;
  height: auto;
}
.top_footer .footer_btnOpen:hover {
  background: none;
}
.top_footer .footer_btnOpen_icon {
  width: 16px;
  height: 16px;
}
.top_footer .footer_btnOpen_icon::before,
.top_footer .footer_btnOpen_icon::after {
  background: #222;
}
.top_footer .footer_btnOpen.active::before {
  display: none;
}
.top_footer .footer_list_ch {
  margin-top: 30px;
}
.top_footer .link_arrow_sm {
  background: url(/cqbank/common/img/icon_arrow_r_lg.svg) left 5px/14px no-repeat;
}
.top_footer .link_blank_sm {
  background: url(/cqbank/common/img/icon_blank_lg.svg) left 6px/12px no-repeat;
}
.top_footer .footer_list_txt {
  color: #222;
}

@media only screen and (max-width: 767px) {
  .top_footer .footer_basic {
    padding: 32px 0;
  }
  .top_footer .footer_tit {
    border: none;
    font-size: 15px;
  }
  .top_footer .footer_tit_pa::before,
  .top_footer .footer_tit_pa::after {
    background: #222;
  }
  .top_footer .footer_list_item {
    background: none;
  }
}