@charset "UTF-8";

@media screen and (min-width: 1020px) {
  .image__wrap.main-bg {
    margin: 0 auto;
    background: linear-gradient(45deg, #53812B 0%, #459551 100%);
    background-repeat: no-repeat;
  }
}

.block-precautions-explanation {
  width: 920px;
  margin: 10px auto;
  text-align: center;
}

@media screen and (max-width: 1019px) {
  .block-precautions-explanation {
    width: calc(100% - 40px);
    text-align: left;
  }
}

.keyvisual-area {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  height: auto;
}

.container.container--without-nav {
  width: 920px;
  margin-bottom: 0;
}

.container {
  margin: 0 auto;
}

p {
  /* font-family: "Noto Sans"; */
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;
}

.bg-white p {
  font-weight: normal;
}

.bg-white .sub-head {
  font-weight: bold;
}

.cam-period {
  background-color: #284267;
  color: #fff;
  font-size: 19px;
  letter-spacing: 1.2px;
  text-align: center;
  font-weight: bold;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  height: 50px;
  line-height: 55px;
  position: absolute;
  bottom: -2.4%;
}
.relative {
  position: relative;
}
.cam-period-aster {
  font-size: 17px;
  letter-spacing: 1px;
}
.num-weight {
  font-weight: 600;
  letter-spacing: 1px;
}

.text-white {
  color: #fff;
}
.text-under-red {
  color: #c3294d;
  text-decoration: underline solid 3px;
  text-underline-offset: 7px;
}
.text-blue {
  color: #284267;
}
.text-under-yellow {
  background: linear-gradient(transparent 50%, #FFFF90 0%);
  line-height: 1.3em;
}

.acd_list_out2 .list-asterisk > li {
  font-size: 14px;
}

/* フォントサイズ */
@media screen and (min-width: 1020px) {
  .pc-font20 {
    font-size: 20px;
  }
  .pc-font28 {
    font-size: 28px;
  }
}
@media screen and (max-width: 1019px) {
  .sp-font15 {
    font-size: 15px;
  }
  .sp-font18 {
    font-size: 18px;
  }
}
.mb20.sub-title {
  margin-bottom: 20px;
}

.inquiry {
  font-size: 14px;
  font-weight: normal;
}
/* end */

.margin-center {
  margin: 0 auto;
}
.mt10 {
  margin-top: 10px;
}
.mt14 {
  margin-top: 14px;
}
.mt20 {
  margin-top: 20px;
}
.mt40 {
  margin-top: 40px;
}
.mt52 {
  margin-top: 52px;
}
.mt60 {
  margin-top: 60px;
}

.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb80 {
  margin-bottom: 80px;
}

.sub-title {
  background-color: #284267;
  padding: 4px 10px;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
  width: 670px;
  margin-bottom: 40px;
}

@media screen and (max-width: 1019px) {
  .sub-title {
    width: auto;
    max-width: 600px;
  }
}

.location-text {
  text-align: center;
  margin: 0 auto;
  font-weight: bold;
}
@media screen and (max-width: 1019px) {
  .location-text {
    font-size: 14px;
  }
}

@media screen and (min-width: 1020px) {
  .pc-mt-20 {
    margin-top: -20px;
  }
  .pc-mt35 {
    margin-top: 35px;
  }
  .pc-mt50 {
    margin-top: 50px;
  }
  .pc-text-center {
    text-align: center;
  }
}
@media screen and (max-width: 1019px) {
  .sp-mt10 {
    margin-top: 10px;
  }
}
img {
  user-select: none;
  -webkit-user-drag: none;
}

.bg-deco-text {
  background-color: #FFD82D;
  padding: 5px 10px;
  position: relative;
}

.bg-deco-text::before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-image: url("/lp/imgs/cam_2408kyoto_ytd/cam_dec_left.png");
  width: 25px;
  height: 25px;
  top: -45%;
  left: -5%;
}
.bg-deco-text::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-image: url("/lp/imgs/cam_2408kyoto_ytd/cam_dec_right.png");
  width: 25px;
  height: 25px;
  top: -40%;
  right: -5%;
}

@media screen and (max-width: 1019px) {
  .bg-deco-text::before {
    top: -55%;
    left: -6%;
  }
  .bg-deco-text::after {
    top: -55%;
    right: -6%;
  }
}

.about-text {
  max-width: 930px;
}

.calc-area p,
.new-funds p {
  font-size: 14px;
  font-weight: normal;
}

.new-funds .list-asterisk > li {
  font-size: 14px;
}

.new-funds .list-asterisk > li::before {
  top: 1px;
}

.caution-red-box {
  margin: 4em 0 1em;
  background-color: #fff;
  position: relative;
  color: #222;
}

@media screen and (max-width: 1019px) {
  .caution-red-box {
    margin: 5em 0 1em;
  }
}

.caution-red-box::after {
  background-color: #C3294D;
  color: #fff;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 100%;
  content: "※以下のご資金は新規資金として取り扱いません。";
  letter-spacing: 0.1em;
  padding: 8px 20px 7px;
}
.box-border-red {
  border: solid 2px #C3294D;
  padding: 8px 20px 7px;
}

@media screen and (max-width: 1019px) {
  .caution-red-box::after {
    left: 0;
    width: 100%;
    padding: 8px 20px 7px;
    border: solid 2px #C3294D;
    text-align: center;
  }
}

/* h2title
  ------------------ */
.h2title {
  font-weight: bold;
}

.h2title-blue {
  color: #0F428D;
  font-size: 36px;
}

.underline-blue {
  border-bottom: 3px solid #0F428D;
}

.contact-num {
  font-size: 13px;
}

@media screen and (max-width: 1019px) {
  .h2title-orange {
    font-size: 30px;
    margin-bottom: 20px !important;
  }
  .h2title-blue {
    font-size: 20px;
    margin-bottom: 20px !important;
  }
  .h2title-black {
    font-size: 30px;
    margin-bottom: 20px !important;
  }
  .h2title-black2 {
    font-size: 30px;
    margin-bottom: 20px !important;
  }
  .h2title-black3 {
    font-size: 26px;
    margin-bottom: 20px !important;
  }
  .h2title-navy {
    color: #0D0D5D;
    font-size: 28px;
  }
}
/* end */

.bg-right-blue {
  background-color: #EFFAFF;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 80px 0;
}
.bg-cream {
  background-color: #FFFFED;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 22px 0 80px;
}
.bg-cream_2 {
  background-color: #FFFFED;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 80px 0;
}
.bg-green {
  background-color: #EAF8DD;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 80px 0;
}
.under-blue {
  text-decoration: underline #284267 3px;
  text-underline-offset: 7px;
}
.bg-white {
  background-color: #fff;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 32px 0 80px;
}

/* インナーエリア */

.inner-bg-blue {
  width: 100%;
  height: auto;
  background: #EFFAFF;
  padding-top: 30px;
}

.inner-bg-blue__title {
  color: white;
  background-color: #0F428D;
  display: inline-block;
  font-size: 20px;
  padding: 3px 15px;
  font-weight: bold;
}

/* おすすめする理由 */
.inner-bg-blue__content {
  display: flex;
  align-items: center;
  padding: 0px 44px 22px 66px;
  gap: 50px;
}


.inner-bg-white {
  width: 100%;
  height: auto;
  background: #FFF;
  padding-top: 30px;
}

@media screen and (max-width: 1019px) {
  .bg-white {
    padding: 30px 0;
  }
  .inner-bg-blue__content {
    padding: 35px 20px 66px;
    display: block;
  }
  .inner-bg-blue__content img {
    margin-top: 30px;
  }
  .inner-bg-blue {
    width: 100%;
    max-width: 725px;
    height: auto;
    background: #EFFAFF;
    padding-top: 30px;
    margin: auto;
    margin-top: 30px;
  }
}


/* 特典エリア */

@media screen and (max-width: 1019px) {
  .tokuten-img {
    width: 100px;
  }
}

/* アコーディオン */

.accordion__label-title {
  margin: 0 auto;
  text-align: center;
}

.accordion .list-dot {
  line-height: 1.8;
}

@media screen and (max-width: 1019px) {
  .accordion__label-title {
    font-size: 16px;
  }
  .accordion__item .accordion__label .icon-plus, .faq-accordion__item .icon-plus {
    height: 20px;
    width: 20px;
    position: absolute;
    right: 5px;
    top: 45%;
    transform: translateY(-50%);
  }
  .accordion__item .accordion__label {
    padding: 14px 26px;
    padding-left: 0;
  }
}

/* end */

/* CVボタン */
.cv-block {
  padding: 80px 0 0;
}
.slash {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 32px;
  font-weight: bold;
}

.slash::before,
.slash::after {
  content: "";
  width: 40px;
  height: 2px;
  background-color: #000;
  margin: 3px 15px 4px;
}
.slash::before {
  transform: rotate(50deg);
}
.slash::after {
  transform: rotate(-50deg);
}


@media screen and (max-width: 1019px) {
  .cv-block {
    padding: 80px 0 0;
  }
  .slash {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 25px;
    font-weight: bold;
  }

  .slash::before,
  .slash::after {
    content: "";
    width: 30px;
    height: 2px;
    background-color: #000;
    margin: 3px 5px 4px;
  }
  .slash::before {
    transform: rotate(60deg);
  }
  .slash::after {
    transform: rotate(-60deg);
  }
}

/* end */

/* 3ステップエリア
------------------*/
.step-block {
  display: flex;
  justify-content: center;
  gap: 100px;
  margin-top: 40px;
}

.step-content {
  text-align: center;
}
.step-number-label {
  width: 85px;
  height: 27px;
  text-align: center;
  margin: 15px auto;
}
.step-number {
  color: #5085AC;
  font-size: 18px;
}
.step-image {
  width: 200px;
  height: 200px;
}
.step-number-text {
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 1019px) {
  .step-block {
    display: block;
  }
  .step-block .step-content:not(:last-child) {
    margin-bottom: 40px;
  }
  .step-content {
    display: flex;
    align-items: center;
  }
  .step-content .image__wrap {
    margin-right: 8px;
  }
  .step-number-label {
    width: 18vw;
    margin: 0;
    margin-bottom: 2vw;
    height: auto;
  }
  .step-number {
    color: #5085AC;
    font-size: 18px;
  }
  .step-number-text {
    text-align: left;
    display: inline-block;
    font-size: min(26px,4vw);
  }
  .step-image {
    width: 28vw;
    height: auto;
  }
  .step-number-content {
    margin-left: 2vw;
    flex-grow: 1;
    text-align: left;
  }
  .step02-icon {
    width: 29vw;
    max-width: 280px;
  }
}

/*---------------
*/

/* ディスクレ */

.disc-block {
  margin: 40px 0 10px;
  display: flex;
  justify-content: center;
}

.bg-white.mt80.pd0 {
  padding: 0;
  padding-bottom: 40px;
}
/* end */

@media screen and (max-width: 1019px) {
  .container.container--without-nav {
    width: calc(100% - 39px);
  }
}


/* ウェルカムアコーディオン */

.entry_bg_2 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  object-fit: cover;
  width: 100vw;
  margin: 32px calc(50% - 50vw);
  min-width: 100%;
  padding-bottom: 32px;
  /* min-height: 700px; */
  min-height: 1200px;
  position: relative;
}

.entry_step {
  position: relative;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
}

.entry_step_2 {
  width: 940px;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 32px 64px;
  margin-bottom: 20px;
  box-shadow: 0px 4px 12px 0 rgba(0, 0, 0, 0.25);
}

.entry_step_2_icon {
  margin: 0 auto;
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  width: 100%;
}

.entry_middle_image {
  margin: 32px auto 48px;
}

.entry_step_2_text_img {
  width: 600px;
  /* margin: 0 auto; */
}

.accordion__body p {
  font-size: 14px !important;
}

.entry_step_2_acd {
  margin: 16px 106px 32px 105px;
  width: 601px;
}

.present-text {
  color: #000 !important;
  font-size: 14px !important;
  text-align: left;
}

.welcome-num {
  width: 100px;
  height: auto;
}

.arrow {
  width: 100px;
}

.arrow_box {
  margin-top: 40px;
}

.present_box {
  margin: 10px auto;
}

.acd_list_out {
  margin: 0 auto 32px;
  width: 940px;
}

.list_under {
  text-decoration: underline !important;
}
@media screen and (max-width: 1019px) {
  .entry_bg_2 {
    /* background: url(/lp/imgs/cam_welcome/contents_decoration01_sp.png)  0 0; */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    /* min-height: 1200px; */
    margin: 24px calc(50% - 50vw);
    padding-bottom: 0;
  }

  .entry_step {
    width: calc(100% - 40px);
    top: 10%;
    max-width: 600px;
  }


  .entry_step_2 {
    width: 100%;
    margin: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: #ffffff;
    border-radius: 8px;
    padding: 32px 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
}

  .entry_step_2_icon {
    margin: 0 0 12px;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
  }

  .entry_step_2_text_img {
    max-width: 600px;
    margin: 0 auto;
  }

  .entry_step_2_acd {
    margin: 0 auto;
    width: 100%;
  }

  .welcome-num {
    width: 100%;
  }

  .arrow {
    width: 100px;
  }

  .acd_list_out {
    width: calc(100% - 40px);
    max-width: 600px;
  }

  .acd_list_out .acd_list_out2 {
    width: 100%;
    margin: 0 auto;
  }
}


/* キャンペーン期間・条件ブロック */

.campaign-info-block {
  display: flex;
  gap: 60px;
  margin-top: 60px;
}

.campaign-info-box {
  border: 3px solid #0F428D;
  border-radius: 10px;
  display: inline-block;
  text-align: center;
  position: relative;
  width: 50%;
  height: 162px;
}

.campaign-info-title {
  font-weight: bold;
  font-size: 26px;
  color: #0F428D;
  position: absolute;
  top: -15%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #e8f1f9;
}
.campaign-info-title::after {
  position: absolute;
  content: "";
  width: 95%;
  height: 2px;
  background-color: #0F428D;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10%;
}
.campaign-info-title.period {
  width: 250px;
}

.campaign-info-title.condition {
  width: 300px;
}
.campaign-info-text {
  font-size: 18px;
  font-weight: bold;
  margin: 50px 10px;
}
@media screen and (max-width: 1019px) {
  .campaign-info-block {
    display: block;
    text-align: center;
  }

  .campaign-info-box {
    width: 100%;
    max-width: 600px;
    height: auto;
  }
  .campaign-info-box:last-child {
    margin-top: 35px;
  }
  .campaign-info-text {
    font-size: 16px;
    font-weight: bold;
    margin: 50px 10px 30px;
  }
}

/*  */

/* 条件1,2,3の長方形ブロック */
.condition-area {

}

.condition-title {
  font-size: 20px;
  color: #0F428D;
}

.condition-block {
  height: 182px;
  background-color: #fff;
  display: flex;
  align-items: center;
  gap: 35px;
  justify-content: center;
  border-radius: 10px;
  box-shadow: 8px 8px 10px -10px #222;
  margin-bottom: 60px;
}

.condition-block:not(:first-child) {
  margin-top: 40px;
}

.condition-block:last-child {
  height: 212px;
}

.condition-text {
  font-size: 22px;
  width: 48%;
  text-align: left;
  font-weight: bold;
}

@media screen and (max-width: 1019px) {
  .condition-block {
    height: auto;
    display: block;
    padding: 25px;
    max-width: 600px;
    margin: 0 auto;
  }
  .condition-text {
    margin: 0 auto;
    font-size: 18px;
    width: auto;
    font-weight: bold;
    text-align: left;
  }
  .condition-image {
    margin-top: 30px;
  }
  .condition-block:last-child {
    height: auto;
  }
}

.list-asterisk .pc-font15.list-asterisk__item::before {
  top: 2px;
}

.new-funds {
  margin-bottom: 20px;
  background-color: #F7E7E7;
  padding: 20px;
}

.cam-condition p {
  font-size: 14px;
}
.cam-condition .sub-head {
  font-size: 16px;
}
.cam-condition .list-ordered__item {
  font-size: 14px;
}
.cam-condition .list-asterisk > li {
  font-size: 13px;
}
.cam-condition .list-asterisk > li::before {
  top: 0px;
}
.bg-white .funds-block p {
  font-size: 13px;
}
.bg-white .funds-block .list-circle > li {
  font-size: 13px;
}
.funds-block .list-circle > li::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #000;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0.7em;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.8;
}
.bg-white p {
  font-size: 14px;
}


/* ポップアップボタン */
.popup-bnr_pc {
  width: 1040px;
  height: auto;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: rgba(255,255,255,0.75);
}

.popup-bnr_pc img {
  width: 40%;
}

.popup-bnr_sp {
  width: auto;
  height: auto;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(255,255,255,0.75);
}

#popup #content {
  width:96% !important;
  margin-bottom:-10px !important;
  z-index: 99 !important;
}
#popup_01 {
  width: 100%;
  display: block;
  padding: 0;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
  background-size: auto;
  height: auto;
  opacity: 1;
  background-image: none;
  background-repeat: repeat;
  background-color: transparent;
  z-index: 99;
  border: 0px solid rgb(217, 217, 217);
  border-radius: 0px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.popup-bnr_pc img {
  width:40%;
}
.popup-bnr_sp .btn-newtab {
  min-height: 50px;
}
/* SP時TOPへ戻るボタン位置調整 */
@media screen and (max-width: 1175px) {
  footer.simple-footer .footer__pagetop {
    bottom: 120px;
  }
}
.footer__pagetop {
  z-index: 100;
}

#popup_01 .popup-bnr_pc .btn-newtab.btn--accent,
#popup_01 .popup-bnr_sp .btn-newtab.btn--accent {
  opacity: 1;
  &:hover {
    background-color: color-mix(
      in srgb, #de003f, white 20%
    );
    border-color: color-mix(
      in srgb, #de003f, white 20%
    );
  }
}
footer.simple-footer {
  height: 140px !important;
}

footer.simple-footer .footer__fluid {
  margin-bottom: 80px;
}

@media screen and (max-width: 1019px) {
  footer.simple-footer {
    height: 160px !important;
  }
}

/* フローティングボタンの別タブアイコン位置調整 */
#popup_01 .btn-newtab .icon-newtab {
  left: 75%;
}