@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*color*/
/*背景色*/
/*ベース文字色*/
/*アクセント色*/
/*アクセント色*/
/*アクセント色*/
/*線*/
/*線*/
/*線*/
/*線*/
/*線*/
/*線2*/
/*font*/
/*layout*/
@keyframes slide {
  0% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
/*-------------------------------------
	MV
-------------------------------------*/
@media screen and (max-width: 479px) {
  #template-01-kv .inner figure .pc_img {
    display: none; } }
@media screen and (min-width: 480px) {
  #template-01-kv .inner figure .sp_img {
    display: none; } }

/*-------------------------------------
	プランスライダー
-------------------------------------*/
@media screen and (max-width: 767px) {
  #index-06 {
    max-width: 100%; } }
#index-06 .plan_slide_box_renewal .box {
  float: none;
  display: block; }
  #index-06 .plan_slide_box_renewal .box .plan_slider {
    height: auto; }
    #index-06 .plan_slide_box_renewal .box .plan_slider .slick-list {
      /*padding-left: 62.5px;*/ }
      #index-06 .plan_slide_box_renewal .box .plan_slider .slick-list li {
        margin-right: 0;
        margin-left: 0;
        display: flex;
        height: auto;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        max-width: 670px;
        margin-right: 39.75px;
        margin-left: 39.75px;
        position: relative; }
        #index-06 .plan_slide_box_renewal .box .plan_slider .slick-list li .plan_text {
          position: absolute;
          bottom: 30px;
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          width: 80%;
          background-color: #bab3a7;
          padding: 15px 40px 20px 25px; }
          #index-06 .plan_slide_box_renewal .box .plan_slider .slick-list li .plan_text h4 {
            color: #fff;
            font-size: 20px; }
          #index-06 .plan_slide_box_renewal .box .plan_slider .slick-list li .plan_text p {
            color: #fff;
            font-size: 22px;
            line-height: 1.4; }
          #index-06 .plan_slide_box_renewal .box .plan_slider .slick-list li .plan_text:after {
            content: "";
            display: block;
            width: 19px;
            height: 10px;
            background: url(../img/common/arrow_plan.png) no-repeat center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            right: 15px; }
            @media screen and (max-width: 767px) {
              #index-06 .plan_slide_box_renewal .box .plan_slider .slick-list li .plan_text:after {
                right: 10px; } }
        @media (max-width: 959px) {
          #index-06 .plan_slide_box_renewal .box .plan_slider .slick-list li {
            margin-right: 20px;
            margin-left: 20px; }
            #index-06 .plan_slide_box_renewal .box .plan_slider .slick-list li .plan_text {
              width: 70%;
              padding: 10px 35px 15px 20px; } }
    @media screen and (max-width: 959px) and (max-width: 767px) {
      #index-06 .plan_slide_box_renewal .box .plan_slider .slick-list li .plan_text {
        width: 80%;
        bottom: 20px;
        padding: 5px 30px 10px 10px; } }
    @media screen and (max-width: 959px) and (max-width: 479px) {
      #index-06 .plan_slide_box_renewal .box .plan_slider .slick-list li .plan_text {
        width: 70%;
        padding: 5px 30px 10px 10px; } }
        @media (max-width: 959px) {
              #index-06 .plan_slide_box_renewal .box .plan_slider .slick-list li .plan_text h4 {
                font-size: 16px; }
              #index-06 .plan_slide_box_renewal .box .plan_slider .slick-list li .plan_text p {
                font-size: 14px; } }
      @media screen and (max-width: 959px) and (max-width: 767px) {
        #index-06 .plan_slide_box_renewal .box .plan_slider .slick-list li .plan_text p {
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; } }

        @media (max-width: 767px) {
          #index-06 .plan_slide_box_renewal .box .plan_slider .slick-list li {
            margin-right: 1.9556714472vw;
            margin-left: 1.9556714472vw; } }
        @media screen and (max-width: 479px) {
          #index-06 .plan_slide_box_renewal .box .plan_slider .slick-list li {
            margin-right: 5px;
            margin-left: 5px; } }
#index-06 .slide_box {
  padding-top: 65px;
  max-width: 1446px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 767px) {
    #index-06 .slide_box {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto; } }
  #index-06 .slide_box .box {
    float: none;
    display: block; }
    #index-06 .slide_box .box .bn_slider {
      height: auto;
      /*padding-left: 14px;*/ }
      #index-06 .slide_box .box .bn_slider li {
        margin-right: 0;
        margin-left: 0;
        display: flex;
        height: auto;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        max-width: 709px;
        margin-left: 14px;
        margin-right: 14px; }
  #index-06 .slide_box:hover .slick-arrow {
    opacity: 1; }
#index-06 .slick-arrow {
  background-image: url("../img/common/slider_arrow_b.png");
  opacity: 0; }
  @media (max-width: 767px) {
    #index-06 .slick-arrow {
      opacity: 1; } }
#index-06 .slick-prev {
  left: -40px; }
  @media (max-width: 767px) {
    #index-06 .slick-prev {
      left: 0; } }
#index-06 .slick-next {
  right: -40px; }
  @media (max-width: 767px) {
    #index-06 .slick-next {
      right: 0; } }

/*# sourceMappingURL=renewal2024.css.map */