@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
.plan-ttl {
  position: relative;
  overflow: hidden;
  margin-bottom: 60px;
  color: #fff; }
  .plan-ttl .plan-ttl__wrap {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    top: calc(50% + 25px);
    text-align: center; }
  .plan-ttl .plan-ttl__en {
    font-size: 4.2rem;
    line-height: 1.2; }
    @media (min-width: 769px) {
      .plan-ttl .plan-ttl__en {
        font-size: calc( 4.2rem + ( 1vw - 7.69px ) * 8.7591240876 ); } }
    @media (min-width: 1180px) {
      .plan-ttl .plan-ttl__en {
        font-size: 7.8rem; } }
  .plan-ttl .plan-ttl__jp {
    font-size: 1.2rem; }
    @media (min-width: 769px) {
      .plan-ttl .plan-ttl__jp {
        font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.9732360097 ); } }
    @media (min-width: 1180px) {
      .plan-ttl .plan-ttl__jp {
        font-size: 1.6rem; } }

.plan .plan__copy {
  margin-bottom: 10px;
  font-size: 2.1rem; }
  @media (min-width: 769px) {
    .plan .plan__copy {
      font-size: calc( 2.1rem + ( 1vw - 7.69px ) * 2.6763990268 ); } }
  @media (min-width: 1180px) {
    .plan .plan__copy {
      font-size: 3.2rem; } }
.plan .plan__txt {
  margin-bottom: 10px;
  font-size: 1.2rem;
  text-align: center; }
  @media (min-width: 769px) {
    .plan .plan__txt {
      font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
  @media (min-width: 1180px) {
    .plan .plan__txt {
      font-size: 1.4rem; } }
.plan .plan__guide {
  margin-bottom: 40px;
  font-size: 1.4rem;
  text-align: center; }
  @media (min-width: 769px) {
    .plan .plan__guide {
      font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
  @media (min-width: 1180px) {
    .plan .plan__guide {
      font-size: 1.6rem; } }
  .plan .plan__guide .plan__guide-inner {
    display: inline-block;
    padding: 10px 20px;
    background: #ebf9fb;
    border: 1px solid #71b2da; }
  .plan .plan__guide--first {
    color: #5faddd; }
  .plan .plan__guide--second {
    color: #4dae84; }
.plan .plan__tab {
  border-bottom: 3px solid #063f77;
  margin-bottom: 20px; }
  .plan .plan__tab .plan__tab-list {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    justify-content: center; }
    .plan .plan__tab .plan__tab-list li {
      width: 50%;
      position: relative;
      padding: 15px 0;
      border-right: 1px solid #cecece;
      border-bottom: 1px solid #cecece;
      box-sizing: border-box;
      background: #F5F4F4;
      color: #063f77;
      font-size: 1.3rem;
      text-align: center; }
      @media (min-width: 769px) {
        .plan .plan__tab .plan__tab-list li {
          font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.7299270073 ); } }
      @media (min-width: 1180px) {
        .plan .plan__tab .plan__tab-list li {
          font-size: 1.6rem; } }
      .plan .plan__tab .plan__tab-list li::after {
        display: block;
        position: absolute;
        top: 50%;
        right: 4%;
        width: 6px;
        height: 6px;
        border-right: 1px solid #063f77;
        border-bottom: 1px solid #063f77;
        transform: translate(-50%, -75%) rotate(45deg);
        content: ''; }
      .plan .plan__tab .plan__tab-list li.active {
        color: #fff;
        background: #063f77; }
      .plan .plan__tab .plan__tab-list li:nth-last-child(-n+2) {
        margin: 0;
        border-bottom: none; }
      .plan .plan__tab .plan__tab-list li:nth-child(2) {
        border-right: none; }
      .plan .plan__tab .plan__tab-list li:last-child {
        border: none; }
.plan .plan__list-ttl {
  text-align: center;
  margin-bottom: 50px;
  font-family: "Times New Roman", Times, "EB Garamond", "sans-serif";
  font-family: "游明朝体 Pr6N M", "Yu Mincho Pr6N M", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 3rem;
  font-weight: normal;
  color: #063f77; }
  @media (min-width: 769px) {
    .plan .plan__list-ttl {
      font-size: calc( 3rem + ( 1vw - 7.69px ) * 2.4330900243 ); } }
  @media (min-width: 1180px) {
    .plan .plan__list-ttl {
      font-size: 4rem; } }
  .plan .plan__list-ttl:not(.pickup) {
    display: none; }
.plan .plan__list li {
  margin-bottom: 60px; }
  .plan .plan__list li a {
    display: block;
    position: relative;
    padding-bottom: 20px;
    background: #fff;
    border: 1px solid #badee2;
    box-shadow: 0 0 6px #d8eef0; }
    .plan .plan__list li a .plan__name {
      position: absolute;
      left: -10px;
      top: -30px;
      width: 57%;
      max-width: 230px;
      background: url(/saito/img/plan/bg_type.svg) center right/contain no-repeat, linear-gradient(90deg, #88d2f0 0, #2f80c6 100%);
      font-size: 4rem;
      color: #fff;
      line-height: 1.3;
      z-index: 1; }
      @media (min-width: 769px) {
        .plan .plan__list li a .plan__name {
          font-size: calc( 4rem + ( 1vw - 7.69px ) * 0.9732360097 ); } }
      @media (min-width: 1180px) {
        .plan .plan__list li a .plan__name {
          font-size: 4.4rem; } }
      .plan .plan__list li a .plan__name .s-txt {
        font-family: "游明朝体 Pr6N M", "Yu Mincho Pr6N M", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
        font-size: 40%; }
    .plan .plan__list li a .plan__detail {
      display: flex;
      flex-flow: row wrap;
      align-content: flex-start;
      justify-content: space-between;
      justify-content: center;
      align-items: center;
      padding: 60px 20px 15px; }
      .plan .plan__list li a .plan__detail .plan__ldk {
        width: auto;
        margin-right: 4%;
        font-size: 2.5rem;
        line-height: 1; }
        .plan .plan__list li a .plan__detail .plan__ldk .s-txt {
          display: block;
          line-height: 1.3; }
      .plan .plan__list li a .plan__detail .plan__size {
        width: auto;
        border-left: 1px solid #1c4168;
        padding-left: 4%;
        box-sizing: border-box;
        font-size: 4.6rem;
        line-height: 1; }
        .plan .plan__list li a .plan__detail .plan__size .s-txt {
          display: block;
          font-size: 30%;
          line-height: 1.3; }
        .plan .plan__list li a .plan__detail .plan__size .ms-txt {
          font-size: 50%; }
    .plan .plan__list li a .plan__point {
      padding: 0 4%; }
      .plan .plan__list li a .plan__point .plan__point-txt {
        position: relative;
        padding: 8px 0 8px 25px;
        color: #073f77;
        font-size: 1.5rem;
        line-height: 1.3; }
        @media (min-width: 769px) {
          .plan .plan__list li a .plan__point .plan__point-txt {
            font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
        @media (min-width: 1180px) {
          .plan .plan__list li a .plan__point .plan__point-txt {
            font-size: 1.7rem; } }
        .plan .plan__list li a .plan__point .plan__point-txt span {
          position: relative;
          z-index: 1;
          padding-bottom: 3px;
          background: linear-gradient(180deg, transparent 60%, #fcf6b0 60%);
          font-weight: 600;
          font-family: "游明朝体 Pr6N D", "Yu Mincho Pr6N D", "ヒラギノ明朝 Pro W5", "Hiragino Mincho Pro", serif; }
        .plan .plan__list li a .plan__point .plan__point-txt:before {
          position: absolute;
          width: 100%;
          top: 50%;
          transform: translateY(-50%);
          left: 0;
          color: #7b9cbd;
          opacity: 0.6;
          font-family: "Times New Roman", Times, "EB Garamond", "sans-serif";
          font-size: 160%;
          content: '・'; }
        .plan .plan__list li a .plan__point .plan__point-txt:last-child {
          border: none; }
    .plan .plan__list li a .plan__mdr {
      width: 55%;
      margin: 0 auto;
      padding-bottom: 10px; }
    .plan .plan__list li a .plan__attent {
      padding: 0px 20px 25px;
      text-align: center; }
    .plan .plan__list li a .plan__more {
      position: relative;
      width: 120px;
      margin: auto auto 0;
      padding: 5px 0;
      background: linear-gradient(90deg, #d7851f 0, #ffc136 100%);
      color: #fff;
      text-align: center;
      font-size: 1.1rem; }
      .plan .plan__list li a .plan__more .plan__more-arrow {
        display: block;
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        width: 20px; }
        .plan .plan__list li a .plan__more .plan__more-arrow:before, .plan .plan__list li a .plan__more .plan__more-arrow:after {
          display: block;
          content: '';
          position: absolute;
          height: 1px;
          background: #fff; }
        .plan .plan__list li a .plan__more .plan__more-arrow:before {
          width: 100%; }
        .plan .plan__list li a .plan__more .plan__more-arrow:after {
          width: 8px;
          top: -3px;
          right: 0px;
          transform: rotate(35deg); }
  .plan .plan__list li:not(.pickup) {
    display: none; }
  .plan .plan__list li.new .plan__ldk {
    position: relative; }
    .plan .plan__list li.new .plan__ldk:after {
      display: block;
      position: absolute;
      left: 0;
      top: -18px;
      padding: 2px 5px;
      background: #F08A0A;
      color: #fff;
      content: 'NEW';
      font-size: 1.2rem; }
  .plan .plan__list li.loan .plan__detail {
    position: relative; }
    .plan .plan__list li.loan .plan__detail:after {
      display: block;
      position: absolute;
      right: 6px;
      top: 8px;
      padding: 2px 15px;
      background: #F08A0A;
      border-radius: 40px;
      color: #FFF;
      font-size: 1.2rem;
      content: '返済例掲載中'; }
      @media (min-width: 769px) {
        .plan .plan__list li.loan .plan__detail:after {
          font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
      @media (min-width: 1180px) {
        .plan .plan__list li.loan .plan__detail:after {
          font-size: 1.4rem; } }
  .plan .plan__list li.second a {
    border: 1px solid #bfe2cb;
    box-shadow: 0 0 6px #d6ede0; }
    .plan .plan__list li.second a .plan__name {
      background: url(/saito/img/plan/bg_type.svg) center right/contain no-repeat, linear-gradient(90deg, #82deac 0, #2d916b 100%); }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  .plan .plan__tab {
    padding: 0 20px; }
    .plan .plan__tab .plan__tab-list li {
      position: relative;
      cursor: pointer;
      transition: .3s; }
      .plan .plan__tab .plan__tab-list li::before {
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, #2880C9 0%, #59ADEB 100%);
        content: '';
        z-index: -1;
        opacity: 0;
        transition: .3s; }
      .plan .plan__tab .plan__tab-list li:hover {
        color: #fff;
        background: #063f77; }
  .plan .plan__copy {
    margin-bottom: 20px; }
  .plan .plan__guide {
    margin-bottom: 120px; }
  .plan .plan__list ul {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    justify-content: center; }
  .plan .plan__list li {
    width: 46%;
    margin: 0 2% 60px; }
    .plan .plan__list li a {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      height: calc(100% - 20px); }
      .plan .plan__list li a:hover {
        opacity: 1;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        filter: brightness(1.03); }
      .plan .plan__list li a > * {
        flex: 0 1 auto;
        width: 100%;
        box-sizing: border-box; }
      .plan .plan__list li a .plan__name {
        width: 66%; }
      .plan .plan__list li a .plan__mdr {
        width: 50%; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) {
  .plan-ttl .plan-ttl__wrap {
    top: calc(50% + 42.5px);
    margin-bottom: 100px; }

  .plan .plan__tab {
    margin-bottom: 40px; }
    .plan .plan__tab .plan__tab-list li {
      width: 20%;
      margin: 0;
      border-bottom: none; }
      .plan .plan__tab .plan__tab-list li:nth-child(2) {
        border-right: 1px solid #cecece; }
      .plan .plan__tab .plan__tab-list li:nth-last-child(-n+2) {
        width: 20%; } }
/*------------------------------
		1181px以上
------------------------------*/
@media screen and (min-width: 1181px) {
  .plan .plan__list-ttl {
    margin-bottom: 60px; }
  .plan .plan__list li {
    width: 30%;
    margin: 0 1.5% 60px; }
    .plan .plan__list li a .plan__detail {
      padding: 60px 0px 15px; }
    .plan .plan__list li a .plan__mdr {
      width: 55%; } }