@charset "utf-8";
/* 背景 */
#wrapper {
  /*background-color: rgba(248, 213, 218, 1.00);*/
  /* background-image: url("../img/back_r_p.png"), url("../img/back_l_p.png");
  background-size:
    50%, 50%;
  background-repeat:
    repeat-y, repeat-y;
  background-position:
    100% 10%, 0% 10%;*/
}
/*
/* 背景 ここから */
.bgc_gray {
  background: rgba(248, 248, 248, 1.00);
  position: relative;
}
.bgc_gray {
  background: #E6E6E6;
}
.bgc_white {
  background: #fff;
  border-radius: 32px;
}
/* ===== 白カード ===== */
.img_rl {
  position: relative;
  max-width: 1200px;
  margin: auto;
  background: #fff;
  /*border-radius: 32px;*/
  padding: 20px 40px 10px;
  text-align: center;
}
.img_rl_2 {
  position: relative;
  max-width: 1200px;
  margin: auto;
  margin-top: 50px;
  padding: 10px 40px 10px;
  background: #fff;
  border-radius: 32px;
  text-align: center;
}
/* ===== 画像 ===== */
.img_ab {
  position: absolute;
  top: -220px;
  left: 50%;
  transform: translateX(-50%);
  width: 1200px;
  border-radius: 24px;
  overflow: hidden;
}
.img_ab img {
  width: 100%;
  display: block;
}
/* ===== スマホ ===== */
@media(max-width:768px) {
  .img_rl {
    margin: 70px 20px 0px;
    padding: 10px 20px 40px;
  }
  .img_rl_2 {
    margin: 20px 20px 0px;
    padding: 10px 20px 10px;
  }
  .img_ab {
    /*width:300px;*/
    width: 100%;
    top: -90px;
  }
  .media-box {
    margin-bottom: 0;
  }
}
@media(max-width:468px) {
  .img_ab {
    width: 100%;
    top: -70px;
  }
}
.shibusawa_btn {
  position: fixed;
  width: 130px;
  z-index: 99999;
  bottom: 10px;
  right: 10px;
  padding: 6px 5px;
}
.shibusawa_btn.js_close {
  display: none;
}
/* ===== 今すぐお手続き ===== */
.goto-apply {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 0 20px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .38s, visibility 0s 0s;
  -o-transition: opacity .38s, visibility 0s 0s;
  transition: opacity .38s, visibility 0s 0s;
  -webkit-transition-delay: 0s, .38s;
  -o-transition-delay: 0s, .38s;
  transition-delay: 0s, .38s
}
.goto-apply a {
  position: absolute;
  right: 2%;
  bottom: 30px;
  display: inline-block;
  margin: auto;
}
.goto-apply a:hover, .goto-apply a:active {
  opacity: .8
}
@media (max-width: 767.98px) {
  .goto-apply a {
    max-width: 335px;
  }
}
.scrollsticky .goto-apply {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s, 0s;
  -o-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s
}