@charset "UTF-8";
/*====================================休業案内==================================== */

.holiday {
  display: block;
  width: 90%;
  margin: 5% auto!important;
  padding: 0 4% !important;
}

@media screen and (min-width: 901px) {
  .holiday {
    width: 800px;
  }
}

/*====================================料金ページ==================================== */

/*------------------h2タイトル画像------------------ */
.guide-container-price-mv__txt {
  font-size: 2.5rem;
  color: #fff;
  padding-top: 50px;
}

h2.guide-container-price-mv__inner {
  background: url(/image/price/price_h2_bg.jpg) no-repeat center;
  background-size: cover;
  height: 20%;
}

@media all and (min-width: 768px) {
  .guide-container-price-mv__txt {
    font-size: 3.6rem;
    color: #fff;
    padding-top: 95px;
  }

  h2.guide-container-price-mv__inner {
    background: url(/image/price/price_h2_bg.jpg) no-repeat center;
    background-size: cover;
    height: 40%;
  }
}


/*------------------レンタルしたい商品を選ぶ------------------ */

.guide-container-price {
  padding: 0px;
  margin: 34px 0;
  background-color: #fff;
}

.guide-container-price-head {
  font-size: 1.8rem;
  text-align: center;
  font-weight: 700;
  color: rgb(var(--blue));
  margin-bottom: 10px;
}

.guide-container-price-head .txt {
  padding-left: 35px;
  background: url(../img/home/ico_product03_blue.png) no-repeat left center/24px;
}

.guide-container-price-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.guide-container-price-list li p {
  margin-top: 5px;
}

.guide-container-price-item {
  width: 49%;
  margin-bottom: 2%;
}

.guide-container-price-item .txt {
  background-color: rgb(var(--blue));
  color: #fff;
  line-height: 1.4;
  text-align: left;
  font-weight: 700;
  font-size: 1.2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 40px;
}

.guide-container-price-item .txt.is-small {
  font-size: 1rem;
}

.guide-container-price-item .txt>span {
  padding-right: 1em;
  position: relative;
}

.guide-container-price-item .txt>span::before {
  content: "";
  position: absolute;
  right: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  margin-top: -4px;
}


/*------------------CTA------------------*/
.br-sp {
  display: block;
}

.guide-container-price-btn {
  max-width: 327px;
  margin: 5px auto 0;
}

.guide-container-price-btn+.guide-container-price-btn {
  margin-top: 7px;
}

.guide-container-price_cta-btn {
  margin: 20px auto 0;
  border-radius: 31px;
  box-shadow: 0 3px 6px rgba(16, 58, 144, 0.4);
  border: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.guide-container-price_cta-link {

  background: #F9A21C;
  font-weight: bold;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 2.2rem;
  background-color: #F9A21C;
  display: block;
  text-align: center;
  padding: 10px;
  position: relative;
  border-radius: 60px;
  border: 2px solid #F9A21C;
}

.guide-container-price_cta-link::before {
  transition: all 0.3s ease;
  width: 9px;
  height: 9px;
  right: 30px;
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}


.guide-container-price_btn_wrapper {
  text-align: center;
  margin: 15px 24px 60px;
  border-radius: 60px;
  box-shadow: 0 3px 6px rgba(16, 58, 144, 0.4);
  border: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.btn-mgn {
  margin: 15px 0px 60px;
}



@media all and (max-width: 767px) {
  .guide-container-price-item .txt {
    line-height: 0.6;
  }
}



@media all and (min-width: 768px) {

  .guide-container-price_btn_wrapper {
    margin: 14px auto 0;
    width: 550px;
  }

  .guide-container-price-head {
    text-align: left;
    margin-bottom: 5px;
  }

  .guide-container-price-item {
    width: 200px;
    margin-bottom: 3%;
  }

  .guide-container-price-item .txt {
    font-size: 1.4rem;
  }

  .guide-container-price-item .txt.is-small {
    font-size: 1.2rem;
  }

  .guide-container-price-btn {
    margin-top: 0;
    max-width: 370px;
  }

  .guide-container-price-btn+.guide-container-price-btn {
    margin-top: 5px;
  }

  .guide-container-price_cta-btn {
    margin-top: 14px;
    width: 380px;
    transition: all 0.3s ease;
  }

  .br-sp {
    display: none;
  }
}

@media all and (min-width: 768px) {
  .guide-container-price__inner {
    position: relative;
    padding-top: 11px;
  }

  .guide-container-price__area-slider {
    position: absolute;
    left: calc(50% - 570px);
    top: 11px;
  }

  .guide-container-price__slider {
    width: 3550px;
    margin-left: -1415px;
  }

  .guide-container-price__slider .slick-slide {
    width: 710px;
    opacity: 0.1;
    margin: 0 10px;
  }

  .guide-container-price__slider .slick-current {
    opacity: 1;
  }

  .guide-container-price__slider-item-btn {
    bottom: 22px;
  }

  .guide-container-price__slider-item-btn .c-btn02__link {
    font-size: 1.8rem;
    padding: 10px;
    white-space: nowrap;
  }

  .guide-container-price__slider-item-btn .c-btn02__link::before {
    width: 6px;
    height: 6px;
  }
}


/*------------------利用イメージ------------------*/
.guide-container-price_image {
  margin-top: 34px;
  text-align: center;
  background: url(img/home/price_11.png) no-repeat center top/100%;
}

.guide-container-price_image-table img.table_pc {
  margin: 32px 0px;
  display: block;
}

.guide-container-price_image-table img.table_sp {
  margin: 20px 0px;
  display: none;
}


@media all and (max-width: 767px) {
  .guide-container-price_image-table img.table_pc {
    margin: 32px 0px;
    display: none;
  }

  .guide-container-price_image-table img.table_sp {
    width: 100% !important;
    margin: 20px 0px;
    display: block;
  }

  .guide-container-price-card01__data dl {
    display: block !important;
  }

  .guide-container-price-card01__data {
    float: right;
  }

  .guide-container-price-card01__data dt {
    font-size: 1.8rem;
  }

  .guide-container-price-home-performance__inner01 {
    margin-top: 46px;
  }
}

@media all and (min-width: 768px) {
  .guide-container-price-home-performance__inner01 {
    margin-top: 56px;
  }

  .guide-container-price-home-performance__inner02 {
    margin-top: 60px;
  }

  .guide-container-price_image {
    margin-top: 15px;
    background: url(img/home/price_11_sp.png) no-repeat right top/auto 100%;
  }
}

.guide-container-price_image-table {
  width: 270px;
  margin: auto;
}

.guide-container-price_image-table {
  width: 100%;
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
}


/*------------------料金詳細------------------*/
.guide-container-price__list {
  flex-wrap: wrap;
  justify-content: center;
}

.guide-container-price-card01__head {
  color: #fff;
  font-weight: 700;
  font-size: 2.3rem;
  background-color: rgb(var(--blue));
  padding: 10px;
  margin: 0 -10px;
  white-space: nowrap;
}

.guide-container-price-card01__data {
  color: #fff;
  font-weight: 700;
  margin: 7% 12px 0;
  width: 50%;
}

.guide-container-price-card01+.guide-container-price-card01 {
  margin-top: 40px;
}

.guide-container-price-card01__content {
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  padding: 0 10px 10px;
}

.guide-container-price-card01__img {
  width: 40%;
  margin: 10px 10px 0 0;
}

.guide-container-price-card01__data dl {
  display: flex;
}

.guide-container-price-card01__data dl+dl {
  margin-top: 5px;
}

.guide-container-price-card01__data dt {
  font-size: 1.6rem;
  color: #fff;
  background-color: #7096D5;
  border-radius: 15px;
  text-align: center;
  font-weight: 700;
  margin-right: 5px;
  padding: 2px;
}

.guide-container-price-card01__data dd {
  color: #fff;
  font-weight: 700;
  text-align: center;
}

.guide-container-price-card01__data dl dd {
  text-align: center;
  margin-top: 3px;
}

.guide-container-price-card01__sub {
  text-align: center;
  color: #7096D5;
  border: 1px solid;
  border-radius: 5px;
  margin-bottom: 5px;
  font-weight: 700;
}

.guide-container-price-card01__sub01 {
  text-align: center;
  color: #7096D5;
  border: 1px solid;
  border-radius: 5px;
  font-weight: 700;
  border-width: 2px;
  padding: 5px 0;
  letter-spacing: -0.6px;
}

.guide-container-price-card01__dt-mgnlf {
  margin-left: 20px;
}

.guide-container-price-card01__sub-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.guide-container-price-card01__sub-wrap .guide-container-price-card01__sub {
  width: 49%;
}

.guide-container-price-card01__sub-list {
  color: rgb(var(--blue));
  margin: 5px -1em 0 0;
}

.guide-container-price-card01__sub-list li {
  display: inline-block;
  margin-right: 1em;
}

.guide-container-price-card01__btn {
  width: 200px;
}

.guide-container-price-card01__sub-flex {
  display: block;
}

.guide-container-price-card01__sub-flex p {
  text-align: center;
  color: #7096D5;
  border: 1px solid;
  border-radius: 5px;
  font-weight: 700;
  border-width: 2px;
  padding: 5px 10px;
  margin-top: 7px;
}


@media all and (min-width: 768px) {
  .guide-container-price-card01__sub-flex {
    display: flex;
    justify-content: space-between;
  }

  .guide-container-price-card01__sub-flex p {
    text-align: center;
    color: #7096D5;
    border: 1px solid;
    border-radius: 5px;
    font-weight: 700;
    border-width: 2px;
    padding: 5px 10px;
  }
}




/*------------------料金詳細-テーブル------------------*/

table.guide-container-price_prtable {
  width: 100%;
  margin-top: 40px;
  height: auto;
}

table.guide-container-price_prtable,
.guide-container-price_prtable th,
.guide-container-price_prtable td {
  font-weight: bold;
  border: 1px solid #E6E6E6;
  border-collapse: collapse;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

.guide-container-price_prtable th,
.guide-container-price_prtable td {
  padding: 12px;
}

.guide-container-price_prtable td {
  padding: 12px;
}

.prtable_th01 {
  color: #fff;
  background: #103A90;
}

.prtable_th02 {
  color: #fff;
  background: #7096D5;
}

.prtable_th03 {
  color: #103A90;
  background: #F2F4F8;
}

.prtable_td01 {
  color: #103A90;
}

.prtable_th-width01 {
  width: 27%;

}

.guide-container-price_img-tbl-flex {
  display: block;
  margin-left: 0px;
}

.td-price {
  font-size: 2.8rem;
  letter-spacing: -0.5px;
  font-family: 'Barlow', sans-serif;
}

.td-price_sm {
  font-size: 2.4rem;
  letter-spacing: -0.5px;
  font-family: 'Barlow', sans-serif;
}

p.guide-container-price-3cta {
  max-width: 325px;
  margin-top: 0 !important;
}

.guide-container-price_cta-link01 {
  min-width: 200px;
  height: 56px;
  font-weight: bold;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 2.2rem;
  background: #F9A21C;
  display: block;
  text-align: center;
  padding: 10px;
  position: relative;
  border-radius: 31px;
}

.guide-container-price_cta-link01::before {
  transition: all 0.3s ease;
  width: 9px;
  height: 9px;
  right: 30px;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.guide-container-price_cta-link02 {
  min-width: 200px;
  height: 56px;
  font-weight: bold;
  color: #F9A21C;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 2.2rem;
  background: #fff;
  display: block;
  text-align: center;
  padding: 7px;
  position: relative;
  border-radius: 31px;
  border: 2px solid #F9A21C;
}

.guide-container-price_cta-link02::before {
  transition: all 0.3s ease;
  width: 9px;
  height: 9px;
  right: 30px;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #F9A21C;
  border-right: 2px solid #F9A21C;
}

.td-price_sm02 {
  font-size: 2.0rem;
  letter-spacing: -0.5px;
  font-family: 'Barlow', sans-serif;
}

.td-price_sm03 {
  font-size: 1.4rem;
  letter-spacing: -0.5px;
}


@media all and (max-width: 767px) {
  .table-scroll {
    width: 300px;
    height: 235px;
    white-space: nowrap;
    overflow-x: scroll;
    display: block;
  }


  .guide-container-price-card01 {
    margin: auto;
  }

  p.guide-container-price-3cta {
    width: 100%;
    margin-top: 20px;
  }

  .guide-container-price_cta_flex {
    display: block;
    margin: 30px 0px;
  }

  .guide-container-price_cta-link01,
  .guide-container-price_cta-link02 {
    margin-top: 20px;
  }

  .guide-container-price-inner {
    padding: 0px;
  }

  .guide-container-price_img-tbl-flex {
    display: block;
  }

  .guide-container-price-card01__head {
    margin: auto;
    text-align: center;
    font-size: 2.6rem;
    padding: 5px 10px;
  }

  .guide-container-price-card01__head02 {
    margin: auto;
    text-align: center;
    font-size: 2.6rem;
    padding: 5px 10px;
  }

  .guide-container-price-card01__data dd {
    color: #133579;
    font-size: 1.8rem;
  }

  .guide-container-price-card01__dt-mgnlf {
    margin-left: 0px;
  }

  .guide-container-price-card01__ttl {
    top: 200px;
    left: 200px;
  }
}

@media all and (min-width: 768px) {
  .td-price {
    letter-spacing: -0.8px;
  }

  .guide-container-price-card01 {}

  .guide-container-price-card01+.guide-container-price-card01 {
    margin: 0 0 0 20px;
  }

  .guide-container-price-card01:nth-child(2n+1) {
    margin-left: 0;
  }

  .guide-container-price-card01:nth-child(n+3) {
    margin-top: 37px;
  }

  .guide-container-price-card01__ttl {
    font-size: 2.4rem;
    padding: 8px 20px 6px;
    margin: 0 -20px;
    display: flex;
    background: rgb(var(--blue));
  }

  .guide-container-price-card01__content {
    min-height: 297px;
    position: relative;
    padding: 0 20px 10px;
  }

  .guide-container-price-card01__img {
    width: 210px;
    margin: 40px 20px 0px 0px
  }

  .guide-container-price-card01__data {
    padding-bottom: 13px;
    margin-left: 50px;
    display: flex;
    width: 70%;
    margin: 0 40px;
  }

  .guide-container-price-card01__data dl+dl {
    margin-top: 12px;
  }

  .guide-container-price-card01__data dt {
    font-size: 1.6rem;
    width: 130px;
    padding: 3px;
    border-radius: 25px;
    margin-right: 10px;
  }

  .dl-height {
    height: 31px;
    margin-top: 12px;
  }

  .guide-container-price-card01__data dd {
    font-size: 1.6rem;
  }

  .guide-container-price-card01__sub {
    margin-top: 10px;
    margin-left: 190px;
    font-size: 1.6rem;
    border-width: 2px;
  }

  .guide-container-price-card01__sub-wrap {
    margin: 10px 0 0 190px;
    padding: 0;
  }

  .guide-container-price-card01__sub-wrap .guide-container-price-card01__sub {
    margin: 0;
  }

  .guide-container-price-card01__sub-list {
    margin-left: 190px;
    font-size: 1.6rem;
  }

  .guide-container-price-card01__btn {
    margin-top: 23px;
  }

  .guide-container-price-card01__btn .guide-container-price_cta-btn {
    padding: 6px;
    font-size: 1.8rem;
  }

  .guide-container-price-card01.is-camera {
    width: 516px;
  }

  .guide-container-price-card01.is-camera .guide-container-price-card01__content {
    padding: 20px 0 20px 20px;
    min-height: 237px;
  }

  .guide-container-price-card01.is-camera .guide-container-price-card01__ttl {
    background-color: transparent;
    color: rgb(var(--blue));
    margin-left: 218px;
    padding: 0;
    position: relative;
  }

  .guide-container-price-card01.is-camera .guide-container-price-card01__img {
    width: 197px;
    top: 20px;
    left: 20px;
  }

  .guide-container-price-card01.is-camera .guide-container-price-card01__data {
    margin-left: 218px;
  }

  .guide-container-price_cta_flex {
    display: flex;
    margin: 30px 0px;
  }

  .guide-container-price-inner {
    width: 100%;
    max-width: var(--contents_width);
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .guide-container-price-inner {
    box-sizing: border-box;
    padding-left: 24px;
    padding-right: 24px;
  }

  .guide-container-price_img-tbl-flex {
    display: flex;
  }

  table.guide-container-price_prtable {
    width: 83%;
    margin-top: 40px;
  }

}


@media all and (min-width: 768px) {
  .c-modal01__inner {
    padding: 40px 37px 74px;
  }

  .c-modal01__head {
    padding: 0;
    font-size: 3.2rem;
  }

  .c-modal01__lead {
    padding: 0;
  }

  .c-modal01__area-card {
    display: flex;
    flex-wrap: wrap;
    margin: 15px auto 0;
  }

  .c-modal01__area-card.is-center {
    justify-content: center;
  }

  .c-modal01__area-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 63px auto 0;
  }

  .c-modal01__area-btn .c-btn01 {
    width: 480px;
  }

  .c-modal01 .guide-container-price-card01.is-camera {
    width: 480px;
  }

  .c-modal01 .guide-container-price-card01.is-camera .guide-container-price-card01__ttl {
    margin-left: 190px;
  }

  .c-modal01 .guide-container-price-card01.is-camera .guide-container-price-card01__img {
    width: 184px;
  }

  .c-modal01 .guide-container-price-card01.is-camera .guide-container-price-card01__data {
    margin-left: 190px;
  }

  .c-modal01 .c-btn01.is-download .c-btn01__link::after {
    top: -16px;
    left: 26px;
  }

  .guide-container-price_cta-btn {
    margin-top: 14px;
    width: 380px;
  }

  /*------------料金詳細-テーブル-エコパワー5000-----------*/
  .prtable-option-fntsize {
    font-size: 1.2rem;
    letter-spacing: -0.8px;
  }

  .th-width-5000 {
    width: 22%;
  }

  .td-price {
    font-size: 2.8rem;
  }

  span.lttr-spcing-2500 {
    letter-spacing: -3.5px;
  }

  .th-width-car-camera-battery {
    width: 22%;
  }

  .th-width-car-camera-battery02 {
    width: 19%;
  }

  th.prtable_th04 {
    width: 10% !important;
  }

  span.lttr-spcing-camera-battery {
    letter-spacing: -3px;
  }

  .td-price_sm02 {
    font-size: 2.0rem;
    letter-spacing: -0.5px;
    font-family: 'Barlow', sans-serif;
  }

  .td-price_sm03 {
    font-size: 1.4rem;
    letter-spacing: -0.5px;
  }

  .prtable_th03 {
    letter-spacing: -0.5px;
  }

  h4.guide-container-price-card01__head span.camera-battery-fntsz {
    font-size: 1.7rem;
    letter-spacing: -0.5px;
  }

  .guide-container-price-card01__data02 {
    padding-bottom: 13px;
    display: flex;
    width: 70%;
    margin: 0 20px;
  }

  h4.guide-container-price-card01__head02 {
    color: #fff;
    font-weight: 700;
    font-size: 1.9rem;
    background-color: rgb(var(--blue));
    padding: 13px 10px 10px 10px;
    margin: 0 -10px;
    white-space: nowrap;
    letter-spacing: -0.5px;
  }

  .td-price {
    letter-spacing: -0.5px;
    font-family: 'Barlow', sans-serif;
  }

  .td-price_sm {
    letter-spacing: -0.5px;
    font-family: 'Barlow', sans-serif;
  }




}

/*------------------電源レンタルが選ばれる理由------------------*/
.guide-container-price__item-num .guide-container-price_num {
  margin-top: -5px;
  display: block;
  font-size: 2.8rem;
}

.guide-container-price__item-num {
  background-color: rgb(var(--blue));
  color: #fff;
  width: 90px;
  height: 90px;
  position: absolute;
  font-size: 2.2rem;
  text-transform: uppercase;
  border-radius: 50%;
  text-align: center;
  line-height: 1.1;
  padding-top: 18px;
  top: -43px;
  left: 37%;
}

.guide-container-price__item-num .guide-container-price_num {
  margin-top: -5px;
  display: block;
  font-size: 3.5rem;
}

.guide-container-price-reason__list03-item-head {
  font-size: 2.8rem;
  margin: 20px;
}

.guide-container-price-reason__list03-item-head {
  color: rgb(var(--blue));
  font-size: 2rem;
  line-height: 1.5;
  text-align: center;
}

@media all and (max-width: 767px) {

  .guide-container-price-reason_litp:nth-child(5) .home-merit__list03-item-head,
  .guide-container-price-reason_litp:nth-child(6) .guide-container-price-reason__list03-item-head {
    padding-bottom: 22px;
  }

  .guide-container-price-reason__list03-item-head {
    font-size: 2.8rem;
    margin-bottom: 20px;
  }

  .guide-container-price__item-num {
    position: absolute;
    top: -25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: rgb(var(--blue));
    color: #fff;
    font-size: 2.6rem;
    border-radius: 50%;
    text-align: center;
    width: 90px;
    height: 90px;
    margin: auto;
  }

  .guide-container-price-reason_mgntp {
    margin-top: 70px;
  }

  .guide-container-price-reason_litp {
    margin-top: 70px !important;
  }

  .guide-container-price-reason_litp {
    background-color: rgb(var(--paleblue));
    padding: 35px 10px 20px;
    position: relative;
  }

  span.guide-container-price_reasontxt {
    font-size: 2rem;
    font-weight: bold;
  }

  .guide-container-price-reason__list03-item-head {
    font-size: 2.8rem;
    margin: 45px 0 20px;
  }

}

/*------------------何台用意したら分からない方へCTA------------------*/
.guide-container-price_howmany {
  font-size: 1.3rem;
  margin: 40px auto 15px;
  font-weight: bold;
  color: #103A90;
  text-align: center;
}

.guide-container-price_howmany02 {
  font-size: 1.3rem;
  margin: 40px auto 15px;
  font-weight: bold;
  color: #103A90;
  text-align: center;
}

@media all and (min-width: 768px) {
  .guide-container-price_howmany {
    font-size: 1.6rem;
    margin: 40px auto 15px;
    font-weight: bold;
    color: #103A90;
    text-align: center;
  }

  .guide-container-price_howmany02 {
    font-size: 1.6rem;
    margin: 90px auto 15px;
    font-weight: bold;
    color: #103A90;
    text-align: center;
  }
}

/*------------------お問い合わせはこちら------------------*/

h2.guide-container-price_contact {
  font-size: 2.8rem;
  color: #fff;
  text-align: center;
  background: #133579;
  width: 100%;
  padding: 10px;
}


/*====================================END 料金ページ==================================== */



/*====================================問い合わせ関連==================================== */

/*------------------お問い合わせ・見積・資料請求フォーム・レンタル申し込み .contact-container-------------------*/

.contact-container {
  max-width: 740px;
  margin: 60px auto;
  padding: 0 4%;
}

.contact-container .head-ttl {
  font-size: 2.2rem;
  color: rgb(var(--blue));
  border-bottom: 1px solid rgb(var(--blue));
  margin-bottom: 30px;
}

.contact-container .lead-ttl {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.contact-container .txt {
  font-size: 1.6rem;
}

@media all and (min-width:768px) {
  .contact-container {
    padding: 0;
  }

  .contact-container .head-ttl {
    font-size: 2.8rem;
  }
}

/*------------------完了画面　お問い合わせ・見積・資料請求フォーム・レンタル申し込み .contact-container-kanryou-------------------*/

.contact-container-kanryou {
  max-width: 740px;
  height: 290px;
  margin: 60px auto;
  padding: 0 4%;

  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.contact-container-kanryou .head-ttl {
  font-size: 2.2rem;
  color: rgb(var(--blue));
  display: inline-block;
  border-bottom: 1px solid rgb(var(--blue));
  margin-bottom: 30px;
  padding: 0 0.9rem;
}

.contact-container-kanryou .head-ttl::before {
  font-family: "Font Awesome 5 free";
  content: '\f058';
  font-weight: 900;
}

.contact-container-kanryou .txt {
  font-size: 1.6rem;
  margin-bottom: 40px;
}

.contact-container-kanryou__link {
  display: inline-block;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  background-color: #F9A21C;
  border-radius: 31px;
  border: 2px solid #F9A21C;
  padding: 7px 30px;
  transition: all 0.3s ease;
}

.contact-container-kanryou__link:hover {
  color: #F9A21C;
  background-color: #fff;
}

@media all and (min-width:768px) {
  .contact-container-kanryou {
    padding: 0;
  }

  .contact-container-kanryou .head-ttl {
    font-size: 2.8rem;
  }
}

/*====================================問い合わせ関連==================================== */

/*------------------お問い合わせ・見積・資料請求フォーム・レンタル申し込み .contact-container-------------------*/

.contact-container {
  max-width: 740px;
  margin: 60px auto;
  padding: 0 4%;
}

.contact-container .head-ttl {
  font-size: 2.2rem;
  color: rgb(var(--blue));
  border-bottom: 1px solid rgb(var(--blue));
  margin-bottom: 30px;
}

.contact-container .lead-ttl {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.contact-container .txt {
  font-size: 1.6rem;
}

@media all and (min-width:768px) {
  .contact-container {
    padding: 0;
  }

  .contact-container .head-ttl {
    font-size: 2.8rem;
  }
}

/*------------------完了画面　お問い合わせ・見積・資料請求フォーム・レンタル申し込み .contact-container-kanryou-------------------*/

.contact-container-kanryou {
  max-width: 740px;
  height: 290px;
  margin: 60px auto;
  padding: 0 4%;

  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.contact-container-kanryou .head-ttl {
  font-size: 2.2rem;
  color: rgb(var(--blue));
  display: inline-block;
  border-bottom: 1px solid rgb(var(--blue));
  margin-bottom: 30px;
  padding: 0 0.9rem;
}

.contact-container-kanryou .head-ttl::before {
  font-family: "Font Awesome 5 free";
  content: '\f058';
  font-weight: 900;
}

.contact-container-kanryou .txt {
  font-size: 1.6rem;
  margin-bottom: 40px;
}

.contact-container-kanryou__link {
  display: inline-block;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  background-color: #F9A21C;
  border-radius: 31px;
  border: 2px solid #F9A21C;
  padding: 7px 30px;
  transition: all 0.3s ease;
}

.contact-container-kanryou__link:hover {
  color: #F9A21C;
  background-color: #fff;
}

@media all and (min-width:768px) {
  .contact-container-kanryou {
    padding: 0;
  }

  .contact-container-kanryou .head-ttl {
    font-size: 2.8rem;
  }
}

/*====================================END 問い合わせ関連==================================== */



/*====================================ご利用ガイド関連==================================== */

/*------------------ご利用ガイド関連 共通 .guide-container-------------------*/
.guide-container-deliverycharge,
.guide-container-tokutei,
.guide-container-privacy,
.guide-container-company,
.guide-container-flow__inner,
.guide-container-return__inner,
.guide-container-handing__inner,
.guide-container-cancel,
.guide-container-kiyaku,
.guide-container-payment__inner,
.guide-container-qa,
.guide-container-count {
  max-width: 1000px;
  text-align: justify;
  text-justify: inter-ideograph;
  margin: 0 auto 30px;
  padding: 0 4%;
}

.guide-container-deliverycharge .head-ttl,
.guide-container-tokutei .head-ttl,
.guide-container-privacy .head-ttl,
.guide-container-company .head-ttl,
.guide-container-flow .head-ttl,
.guide-container-return .head-ttl,
.guide-container-handing .head-ttl,
.guide-container-cancel .head-ttl,
.guide-container-kiyaku .head-ttl,
.guide-container-payment__inner .head-ttl,
.guide-container-qa .head-ttl,
.guide-container-count .head-ttl {
  font-size: 2.2rem;
  color: rgb(var(--blue));
  border-bottom: 1px solid rgb(var(--blue));
  margin-bottom: 10px;
}

.guide-container-deliverycharge__link,
.guide-container-tokutei__access-link,
.guide-container-company__access-link,
.guide-container-handing__access-link,
.guide-container-qa__access-link {
  display: inline-block;
  color: #fff;
  font-weight: 700;
  text-align: center;
  background-color: #F9A21C;
  border-radius: 31px;
  border: 2px solid #F9A21C;
  padding: 7px 30px;
  transition: all 0.3s ease;
}

.guide-container-deliverycharge__link:hover,
.guide-container-tokutei__access-link:hover,
.guide-container-company__access-link:hover,
.guide-container-handing__access-link:hover,
.guide-container-qa__access-link:hover {
  color: #F9A21C;
  background-color: #fff;
}

.guide-container__note-box {
  background: #7096D5;
  margin-top: 2.5rem;
  padding: 1.5rem;
  padding-top: 1rem;
}

.guide-container__note-box .note-ttl {
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
}

.guide-container__note-box .note-ttl::before {
  content: '\f071';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
}

.guide-container__note-box .note-txt {
  font-size: 1.6rem;
  background: #fff;
  margin-top: 8px;
  padding: 12px;
}

.guide-container__note-box .red {
  color: red;
}

.guide-container__note-box .note-list-box {
  font-size: 1.6rem;
  background: #fff;
  margin-top: 8px;
  padding: 18px;
}

.guide-container__note-box .note-list-box .note-list {
  text-indent: -1.8rem;
  padding-left: calc(1.8rem - 9px);

  margin-bottom: 5px;
}

.guide-container__note-box .note-list-box .note-list .marker {
  background: linear-gradient(transparent 75%, #f1c68d 75%);
}

.guide-container__note-box .note-list-box .note-list::before {
  content: "・";
}

.guide-container__caution-wrap {
  max-width: 92%;
  background: #fff9ee;
  margin: auto;
  margin-top: 5%;
  padding: 3%;
}

.guide-container__caution-wrap .caution-txt {
  font-size: 1.5rem;
  text-indent: -1.4rem;
  padding-left: 1.4rem;
}

.guide-container__caution-wrap .caution-txt.noindent {
  text-indent: 0;
  padding-left: 0;
}

.guide-container__caution-wrap .caution-txt.red {
  color: red;
  font-weight: bold;
}

.guide-container-return__encircle-wrap,
.guide-container-handing__encircle-wrap,
.guide-container-cancel__encircle-wrap,
.guide-container-payment__encircle-wrap,
.guide-container-count__encircle-wrap,
.guide-container-qa__encircle-wrap {
  margin-top: 2.6rem;
  border: 1px solid #e5e5e5;
}

.guide-container-return__encircle-wrap .encircle-ttl,
.guide-container-handing__encircle-wrap .encircle-ttl,
.guide-container-cancel__encircle-wrap .encircle-ttl,
.guide-container-payment__encircle-wrap .encircle-ttl,
.guide-container-count__encircle-wrap .encircle-ttl,
.guide-container-qa__encircle-wrap .encircle-ttl {
  font-size: 1.6rem;
  color: #fff;
  background: rgb(var(--blue));
  padding: 6px 12px;
}

.guide-container-return__encircle-inner,
.guide-container-handing__encircle-inner,
.guide-container-cancel__encircle-inner,
.guide-container-payment__encircle-inner,
.guide-container-count__encircle-inner {
  padding: 1.5rem;
}

.guide-container-return__encircle-inner .encircle-inner-ttl,
.guide-container-handing__encircle-inner .encircle-inner-ttl {
  font-size: 1.6rem;
  color: rgb(var(--blue));
  text-align: left;
  line-height: 1.2;
  border-bottom: 1px solid rgb(var(--blue));
  margin-bottom: 5px;
}

.guide-container-return__encircle-inner .encircle-inner-ttl:nth-of-type(2),
.guide-container-handing__encircle-inner .encircle-inner-ttl:nth-of-type(2) {
  margin-top: 2.5rem;
}

.guide-container-return__caption-wrap,
.guide-container-cancel__caption-wrap {
  background: #fff9ee;
  margin-top: 1.2rem;
  padding: 1.2rem 1.5rem;
}

.guide-container-return__caption-wrap .caption-txt,
.guide-container-cancel__caption-wrap .caption-txt {
  font-size: 1.5rem;
  text-indent: -1.4rem;
  padding-left: 1.4rem;
}

.guide-container-handing__encircle-wrap .red,
.guide-container-payment__encircle-wrap .red,
.guide-container-count__encircle-wrap .red {
  color: red;
}

.guide-container-count__encircle-wrap .marker {
  background: linear-gradient(transparent 75%, #f1c68d 75%);
}

.guide-container-handing__encircle-wrap .bold,
.guide-container-count__encircle-wrap .bold {
  font-weight: bold;
}

.guide-container-cancel__wrap .indent,
.guide-container-cancel__list-box {
  text-indent: -1.6rem;
  padding-left: 1.6rem;
}

.guide-container-cancel__inner-wrap {
  margin-top: 3%;
}

.guide-container-cancel__list-box .cancel-list::before {
  content: "・";
}

.guide-container-cancel__inner-wrap .mask,
.guide-container-count__encircle-wrap .mask {
  overflow: auto;
  margin-top: 10px;
}

.guide-container-cancel__inner-wrap .bold {
  font-weight: bold;
  text-indent: 0;
}

.guide-container-cancel__inner-wrap figure,
.guide-container-count__encircle-wrap figure {
  min-width: 600px;
}

@media all and (min-width:768px) {

  .guide-container-deliverycharge,
  .guide-container-tokutei,
  .guide-container-privacy,
  .guide-container-company,
  .guide-container-flow__inner,
  .guide-container-return__inner,
  .guide-container-handing__inner,
  .guide-container-cancel,
  .guide-container-kiyaku,
  .guide-container-payment__inner,
  .guide-container-qa,
  .guide-container-count {
    margin: 0 auto 60px;
    padding: 0;
  }

  .guide-container-deliverycharge .head-ttl,
  .guide-container-tokutei .head-ttl,
  .guide-container-privacy .head-ttl,
  .guide-container-company .head-ttl,
  .guide-container-flow .head-ttl,
  .guide-container-return .head-ttl,
  .guide-container-handing .head-ttl,
  .guide-container-cancel .head-ttl,
  .guide-container-kiyaku .head-ttl,
  .guide-container-payment__inner .head-ttl,
  .guide-container-qa .head-ttl,
  .guide-container-count .head-ttl {
    font-size: 2.8rem;
  }

  .guide-container__caution-wrap {
    margin-top: 20px;
    padding: 18px;
  }

  .guide-container-return__encircle-inner .encircle-inner-ttl,
  .guide-container-handing__encircle-inner .encircle-inner-ttl {
    font-size: 1.8rem;
  }

  .guide-container__note-box .note-ttl {
    font-size: 2rem;
  }

  .guide-container__note-box .note-txt {
    font-size: 1.8rem;
  }

  .guide-container-return__caption-wrap .caption-txt,
  .guide-container-cancel__caption-wrap .caption-txt,
  .guide-container__caution-wrap .caution-txt {
    font-size: inherit;
  }

  .guide-container-cancel__inner-wrap .on-sp,
  .guide-container-count__encircle-wrap .on-sp {
    display: none;
  }
}

/*------------------送料について .guide-container-deliverycharge------------------*/
.guide-container-deliverycharge__head {
  margin-bottom: 50px;
}

.guide-container-deliverycharge__nav-list-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 2.4rem;
}

.guide-container-deliverycharge__nav-list-box .deliverycharge-nav-list {
  width: calc(98%/2);
  background: rgb(var(--paleblue));
  display: flex;
  align-items: center;
  /* display: grid;
  place-items: center; */
  margin-bottom: 1rem;
}

.guide-container-deliverycharge__nav .deliverycharge-nav-link {
  width: 100%;
  line-height: 1.1;
  display: block;
  background: rgb(var(--paleblue));
  padding: 1.6rem 1.2rem;
  padding-left: 4.6rem;
  position: relative;
  transition: all .3s ease-out;
}

.guide-container-deliverycharge__nav .deliverycharge-nav-link:hover,
.guide-container-deliverycharge__nav .deliverycharge-nav-link:hover::before {
  opacity: 0.65;
}

.guide-container-deliverycharge__nav .deliverycharge-nav-link::before {
  content: "";
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 50%;
  left: 2.6rem;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transition: all .3s ease-out;
}

.guide-container-deliverycharge__nav .nav-link01::before {
  background: url(/image/guide/deliverycharge-img_product02.png) no-repeat top left/contain;
}

.guide-container-deliverycharge__nav .nav-link02::before {
  background: url(/image/guide/deliverycharge-img_product01.png) no-repeat top left/contain;
  left: 3rem;
}

.guide-container-deliverycharge__nav .nav-link03::before {
  background: url(/image/guide/deliverycharge-img_product06.png) no-repeat top left/contain;
}

.guide-container-deliverycharge__nav .nav-link04::before {
  background: url(/image/guide/deliverycharge-img_product05.png) no-repeat top left/contain;
}

.guide-container-deliverycharge__nav .nav-link05::before {
  background: url(/image/guide/deliverycharge-img_product11.png) no-repeat top left/contain;
}

.guide-container-deliverycharge__nav .nav-link06::before {
  background: url(/image/guide/deliverycharge-img_product11.png) no-repeat top left/contain;
}

.guide-container-deliverycharge__item {
  margin-bottom: 50px;
}

.guide-container-deliverycharge__item-inner {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  border-bottom: 1px solid rgb(var(--blue));
  margin-bottom: 20px;
}

.guide-container-deliverycharge__item-inner .ttl {
  color: rgb(var(--blue));
  font-size: 2.2rem;
  line-height: 1.2;
}

.guide-container-deliverycharge__item-inner .pic {
  max-width: 80px;
  margin-right: 10px;
}

.guide-container-deliverycharge__btn01 {
  margin-top: 10px;
}

.guide-container-deliverycharge__btn02 {
  margin-top: 10px;
  margin-bottom: 30px;
}

.guide-container-deliverycharge__table {
  margin-bottom: 30px;
  border: 1px solid #bbb;
  margin-top: 30px;
}

.guide-container-deliverycharge__table .cp-ttl {
  font-weight: bold;
  text-align: left;
  margin-bottom: 0.3rem;
}


.guide-container-deliverycharge__table th {
  color: #fff;
  text-align: center;
  background: rgb(var(--blue));
  border-right: 1px solid #bbb;
  padding: 12px 15px;
}

.guide-container-deliverycharge__table td {
  padding: 12px 15px;
}

.guide-container-deliverycharge__table .txt-ctr {
  text-align: center;
  vertical-align: middle;
}

.guide-container-deliverycharge__table .siro02b {
  background-color: rgb(112 150 213 / 32%);
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #bbb;
}

.guide-container-deliverycharge__table .siro01b {
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #bbb;
}

.guide-container-deliverycharge__option {
  margin-bottom: 30px;
}

.guide-container-deliverycharge__caution {
  font-size: 1.8rem;
  color: #DE322B;
}

@media all and (min-width: 768px) {

  .guide-container-deliverycharge__nav-list-box .deliverycharge-nav-list {
    width: calc(98%/3);
  }

  .guide-container-deliverycharge__item-inner .ttl {
    color: rgb(var(--blue));
    font-size: 2.3rem;
  }

  .guide-container-deliverycharge__link {
    font-size: 1.8rem;
  }

  .guide-container-deliverycharge__caution {
    font-size: 2.5rem;
    color: #DE322B;
  }
}

/*------------------特定商 .guide-container-tokutei------------------*/
.guide-container-tokutei a {
  text-decoration: none;
}

.guide-container-tokutei__box {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #bbb;
  margin: 0;
  padding: 6% 0;
}

.guide-container-tokutei__box .sub-ttl {
  margin-bottom: 15px;
}

.guide-container-tokutei__contact-list-box li {
  display: flex;
}

.guide-container-tokutei__contact-list-box .ltr-sp-a {
  letter-spacing: 1em;
}

.guide-container-tokutei__contact-list-box .ltr-sp-b {
  letter-spacing: 2.66em;
}

.guide-container-tokutei__inner-wrap {
  margin-bottom: 25px;
}

.guide-container-tokutei__inner-wrap h4 {
  margin-bottom: 5px;
}

.guide-container-tokutei__inner-wrap h4::before,
.guide-container-tokutei__cancel-wrap .txt::before {
  content: "■";
}

.guide-container-tokutei__comments-wrap {
  background: #f5f5f5;
  margin-top: 10px;
  padding: 15px;
}

.guide-container-tokutei__comments-wrap.mgn-b {
  margin-bottom: 10px;
}

.guide-container-tokutei__wrap .indent {
  text-indent: -1.6rem;
  padding-left: 1.6rem;
}

.guide-container-tokutei__access-btn {
  margin-top: 10px;
}

.guide-container-tokutei__card-list-box {
  display: flex;
}

.guide-container-tokutei__account-wrap {
  margin: 15px 0;
}

.guide-container-tokutei__certificate-list-box {
  margin: 10px 0;
}

.guide-container-tokutei__wrap .under-line {
  border-bottom: 1px solid #333;
}

@media all and (min-width:768px) {

  .guide-container-tokutei .head-ttl {
    margin-bottom: 50px;
  }

  .guide-container-tokutei__box {
    flex-direction: row;
    padding: 35px 0;
  }

  .guide-container-tokutei__box .sub-ttl {
    flex-basis: 30%;
    margin-left: 20px;
    margin-bottom: 0;
  }

  .guide-container-tokutei__wrap {
    flex-basis: 66%;
  }
}

/*------------------プライバシーポリシー .guide-container-privacy------------------*/
.guide-container-privacy__inner .name-wrap {
  display: block;
  text-align: right;
  margin-top: 2% !important;
}

.guide-container-privacy__list-box {
  counter-reset: number 0;
}

.guide-container-privacy__list-box .list {
  margin-top: 30px;
}

.guide-container-privacy__wrap .ttl {
  font-size: 1.6rem;
  font-weight: bold;
}

.guide-container-privacy__wrap .ttl::before {
  counter-increment: number 1;
  content: counter(number) ".";
}

.guide-container-privacy__num-box {
  counter-reset: number;
}

.guide-container-privacy__num-box .num-list {
  text-indent: -2.05rem;
  padding-left: 2.05rem;
}

.guide-container-privacy__num-box .num-list::before {
  counter-increment: number 1;
  content: "("counter(number) ")";
}

@media all and (min-width:768px) {

  .guide-container-privacy .head-ttl {
    margin-bottom: 50px;
  }

  .guide-container-privacy__wrap .ttl {
    font-size: 1.8rem;
  }
}

/*------------------会社概要 .guide-container-company------------------*/
.guide-container-company__wrap {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #bbb;
  margin: 0;
  padding: 4% 0;
}

.guide-container-company__wrap .item01 {
  font-weight: bold;
  flex-basis: 15%;
}

.guide-container-company__access-btn {
  margin-top: 10px;
}

@media all and (min-width:768px) {
  .guide-container-company .head-ttl {
    margin-bottom: 50px;
  }

  .guide-container-company__wrap {
    flex-direction: row;
  }

  .guide-container-company__wrap .item01 {
    margin-left: 20px;
  }
}

/*------------------レンタルの流れ .guide-container-flow------------------*/
.guide-container-flow__inner .ttl,
.guide-container-flow__process-wrap .process-ttl {
  font-size: 1.8rem;
  color: #fff;
  background: rgb(var(--blue));
  padding: 6px 12px;
}

.guide-container-flow__process-wrap {
  margin-top: 50px;
}

.guide-container-flow__bg-white {
  background: #fff;
  box-shadow: 0 0 8px #c1c1c1;
  padding: 4%;
}

.guide-container-flow__process-wrap .process-txt {
  margin-top: 20px;
  padding: 0 15px;
}

.guide-container-flow__process-list-box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 40px;
}

.guide-container-flow__process-list-box .process-list {
  width: 100%;
  text-align: center;
}

.guide-container-flow__process-list-box .process-list:not(:last-child)::after {
  color: rgb(var(--blue));
  content: '\f0d7';
  font-size: 2.2rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
}


.guide-container-flow__process-list-box .process-dl-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #e0e9fd;
  padding: 20px;
}

.guide-container-flow__process-list-box .process-dl-wrap dt {
  max-width: 15%;
  min-width: 65px;
  background: rgb(var(--blue));
  margin-right: 4%;
}

.guide-container-flow__process-list-box .txt {
  text-align: left;
  line-height: 1.2;
  text-indent: -1.3rem;
  padding-left: 1.3rem;
  margin-bottom: 5px;
}

.guide-container-flow__procedure-list-box {
  counter-reset: number;
}

.guide-container-flow__procedure-list {
  margin-top: 5%;
}

.guide-container-flow__procedure-wrap .ttl {
  text-indent: -2rem;
  padding-left: calc(2rem + 12px);
}

.guide-container-flow__procedure-wrap .ttl::before {
  counter-increment: number 1;
  content: counter(number) ".";
}

.guide-container-flow__procedure-wrap .txt {
  max-width: 92%;
  margin: auto;
  margin-top: 5%;
}

.guide-container-flow__procedure-item-list-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.guide-container-flow__procedure-item-list {
  margin-top: 5%;
  width: 90%;
  max-width: 450px;
  box-shadow: 0 0 8px #cfcfcf;
}

.guide-container-flow__procedure-item-list .post-wrap dt {
  padding: 3%;
  padding-bottom: 0;
}

.guide-container-flow__procedure-item-list .post-wrap .none-bor {
  border: none;
}

.guide-container-flow__procedure-item-list .post-wrap dd {
  text-align: center;
  border-top: 1px solid #ddd;
  padding: 5%;
}

.guide-container-flow__procedure-item-list .post-ttl {
  font-size: 1.6rem;
}

.guide-container-flow__procedure-item-list .post-txt {
  font-size: 1.6rem;
  text-align: left;
  margin-top: 3%;
}

.guide-container-flow__end-process-wrap {
  margin-top: 5%;
  padding: 10% 4%;
}

.guide-container-flow__end-process-wrap .end-txt {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

@media all and (min-width:768px) {
  .guide-container-flow__process-list-box {
    flex-direction: row;
  }

  .guide-container-flow__process-list-box .process-list {
    width: calc(90%/4);
    background: #e0e9fd;
    position: relative;
  }

  .guide-container-flow__process-list-box .process-list:not(:last-child)::after {
    position: absolute;
    top: 50%;
    right: -10.5%;
    transform: translate(0, -50%) rotate(-90deg);
  }

  .guide-container-flow__process-list-box .txt {
    font-size: 1.5rem;
  }

  .guide-container-flow__process-list-box .process-dl-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .guide-container-flow__process-list-box .process-dl-wrap dt {
    max-width: 120px;
    margin-right: 0;
    margin-bottom: 15px;
  }

  .guide-container-flow__procedure-item-list-box {
    align-items: stretch;
    flex-direction: row;
    max-width: 92%;
    margin: auto;
  }

  .guide-container-flow__procedure-item-list {
    width: calc(100%/3);
  }

  .guide-container-flow__procedure-item-list+.guide-container-flow__procedure-item-list {
    margin-left: 15px;
  }

  .guide-container-flow__end-process-wrap .end-txt {
    font-size: 2.8rem;
  }
}

/*------------------ご返却方法 .guide-container-return------------------*/
.guide-container-return__procedure-list-box {
  counter-reset: number;
}

.guide-container-return__procedure-list {
  margin-top: 5%;
}

.guide-container-return__bg-white {
  background: #fff;
  box-shadow: 0 0 8px #c1c1c1;
  padding: 4%;
}

.guide-container-return__procedure-wrap .ttl {
  font-size: 1.8rem;
  color: #fff;
  background: rgb(var(--blue));
  padding: 6px 12px;
}

.guide-container-return__procedure-wrap .ttl::before {
  counter-increment: number 1;
  content: counter(number) ".";
}

.guide-container-return__procedure-wrap .txt {
  max-width: 92%;
  margin: auto;
  margin-top: 5%;
}

.guide-container-return__procedure-item-list-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.guide-container-return__procedure-item-list {
  margin-top: 5%;
  width: 90%;
  max-width: 450px;
  box-shadow: 0 0 8px #cfcfcf;
}

.guide-container-return__procedure-item-list .post-wrap .none-bor {
  border: none;
}

.guide-container-return__procedure-item-list .post-wrap dt {
  padding: 3%;
  padding-bottom: 0;
}

.guide-container-return__procedure-item-list .post-wrap dd {
  text-align: center;
  border-top: 1px solid #ddd;
  padding: 5%;
}

.guide-container-return__procedure-item-list .post-ttl {
  font-size: 1.6rem;
}

.guide-container-return__qu {
  background: rgb(var(--paleblue));
}

.guide-container-return__qu-inner {
  max-width: 100%;
  margin: 0 auto;
  padding: 5% 4% 10%;
}

.guide-container-return__qu-list {
  margin-top: 5%;
  border: 1px solid #ddd;
}

.guide-container-return__qu-list .qu-list-wrap {
  background: #fff;
}

.guide-container-return__qu-list .qu-list-ttl {
  color: #fff;
  background: rgb(var(--blue));
  padding: 12px 16px;
}

.guide-container-return__qu-list .qu-list-ttl::before {
  content: "Q.";
}

.guide-container-return__qu-list .txt {
  padding: 12px 16px;
  text-indent: -1.4rem;
  padding-left: calc(1.4rem + 18px);
}

.guide-container-return__qu-list .txt::before {
  content: "A.";
}

@media all and (min-width:768px) {
  .guide-container-return__procedure-item-list-box {
    align-items: stretch;
    flex-direction: row;
    max-width: 95%;
    margin: auto;
  }

  .guide-container-return__procedure-item-list {
    width: calc(100%/3);
  }

  .guide-container-return__procedure-item-list+.guide-container-return__procedure-item-list {
    margin-left: 15px;
  }

  .guide-container-return__qu-inner {
    max-width: 900px;
    padding: 60px 0;
  }

  .guide-container-return__qu-list {
    font-size: 1.6rem;
    margin-top: 30px;
  }
}

/*------------------お引き渡しについて .guide-container-handing------------------*/
.guide-container-handing .guide-container__caution-wrap {
  max-width: 100%;
}

.guide-container-handing .guide-container-handing__access-btn {
  margin-top: 10px;
}

.guide-container-handing .guide-container__caution-wrap .caution-txt.red {
  color: red;
}

/*------------------キャンセルについて .guide-container-cancel------------------*/

/*------------------レンタル利用規約　.guide-container-kiyaku------------------*/
.guide-container-kiyaku__num-box {
  counter-reset: number;
}

.guide-container-kiyaku__num-box .num-list {
  margin-top: 5%;
}

.guide-container-kiyaku__num-box .num-list::before {
  counter-increment: number 1;
  content: "第"counter(number) "条";
  font-size: 1.6rem;
  font-weight: bold;
}

@media all and (min-width:768px) {
  .guide-container-kiyaku__num-box .num-list::before {
    font-size: 1.8rem;
  }
}

/*------------------お支払い方法　.guide-container-payment------------------*/
.guide-container-payment {
  background: rgb(var(--paleblue));
}

.guide-container-payment__inner {
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
}

.guide-container-payment .indent {
  text-indent: -1.4rem;
  padding-left: 1.4rem;
}

.guide-container-payment .red {
  color: red;
}

.guide-container-payment .mg-tp {
  margin-top: 1.5rem;
}

.guide-container-payment__encircle-wrap {
  background: #fff;
}

.guide-container-payment__encircle-inner .ttl {
  margin: 20px 0 0;
}

.guide-container-payment__way-box {
  display: flex;
  flex-direction: column;
}

.guide-container-payment__way-wrap {
  background: #fff;
  margin-top: 2.5rem;
  padding: 1.4rem;
}

.guide-container-payment__way-wrap .way-ttl {
  color: #fff;
  background: rgb(var(--blue));
  margin-bottom: 1.2rem;
  padding: 6px 12px;
}

.guide-container-payment__card-list-box {
  display: flex;
  margin-top: 0.6rem;
  margin-bottom: 1.5rem;
}

.guide-container-payment__comments-wrap {
  background: rgb(var(--paleblue));
  padding: 1.4rem;
}

.guide-container-payment__account-wrap {
  margin-top: 0.6rem;
  margin-bottom: 1.5rem;
}

.guide-container-payment__account-wrap .bold {
  font-weight: bold;
}

@media all and (min-width:768px) {
  .guide-container-payment__inner {
    /* padding-top: 60px; */
    padding-bottom: 60px;
  }

  .guide-container-payment__way-box {
    flex-direction: row;
    justify-content: space-between;
  }

  .guide-container-payment__way-wrap {
    width: calc(95%/3);
  }

  .guide-container-payment__way-wrap .way-ttl {
    text-align: center;
  }
}

/*------------------よくあるご質問　.guide-container-qa------------------*/
.guide-container-qa__nav-area {
  border: 1px solid #ddd;
  margin-top: 2.5rem;
  padding: 1.5rem;
}

.guide-container-qa__nav-wrap .nav-ttl_link {
  color: #fff;
  display: inline-block;
  background: rgb(var(--blue));
  padding: 0.4rem 1rem;
}

.guide-container-qa__nav-list-box {
  margin-top: 1rem;
}

.guide-container-qa .guide-container-qa__nav-wrap+.guide-container-qa__nav-wrap {
  margin-top: 1.8rem;
}

.guide-container-qa__nav-list-box .list-qa01 {
  text-indent: -1.4rem;
  padding-left: 1.4rem;
  margin-bottom: 0.3rem;
}

.guide-container-qa__nav-list-box .list-qa01::before {
  content: "・";
}

.guide-container-qa__q-list-box .q-list+.q-list {
  border-top: 1px solid #ddd;
}

.guide-container-qa__q-wrap .q-ttl {
  padding: 1.4rem 4.4rem 1.4rem 1.4rem;
  text-indent: -1.4rem;
  padding-left: calc(1.4rem + 1rem);
  position: relative;
}

.guide-container-qa__q-wrap .q-ttl::before {
  content: "Q.";
}

.guide-container-qa__q-wrap .line::before,
.guide-container-qa__q-wrap .line::after {
  content: "";
  width: 20px;
  height: 1px;
  background: #333;
  position: absolute;
  top: 50%;
  right: 1.4rem;
  transition: all .3s ease-out;
}

.guide-container-qa__q-wrap .line::before {
  transform: rotate(0);
}

.guide-container-qa__q-wrap .line::after {
  transform: rotate(90deg);
}

.guide-container-qa__q-wrap .q-ttl.is_answer-open .line::after {
  transform: rotate(0);
}

.guide-container-qa__answer-wrap {
  display: none;
}

.guide-container-qa__answer-wrap .answer-inner-wrap {
  background: #fff9ee;
  margin: 0 4.4rem 1.4rem 1.4rem;
  padding: 1.2rem;
}

.guide-container-qa__answer-wrap .txt {
  text-indent: -1.4rem;
  padding-left: 1.4rem;
}

.guide-container-qa__answer-wrap .txt::before {
  content: "A.";
}

.guide-container-qa__access-btn {
  margin-top: 1rem;
  margin-left: 1rem;
  margin-bottom: 0.3rem;
}

/*------------------レンタル日数の数え方　.guide-container-count------------------*/
.guide-container-count .count-txt {
  margin-top: 1.5rem;
}

.guide-container-count__cycle-inner {
  background: rgb(var(--paleblue));
  margin-top: 2rem;
  padding: 1.2rem 1.5rem;
}

.guide-container-count__cycle-wrap .cycle-ttl {
  border-bottom: 1px solid #898989;
}

.guide-container-count__cycle-wrap .ttl {
  font-weight: bold;
  margin-top: 1rem;
  margin-bottom: 0.2rem;
}

.guide-container-count__cycle-list-box .cycle-list {
  text-indent: -1.4rem;
  padding-left: 1.4rem;
}

.guide-container-count__cycle-list-box .cycle-list.red {
  color: red;
}

.guide-container-count__cycle-list-box .cycle-list::before {
  content: "・";
}

.guide-container-count__cycle-wrap .lead-ttl {
  margin-top: 1.5rem;
}

.guide-container-count__cycle-wrap .cycle-txt {
  text-indent: -1.4rem;
  padding-left: 1.4rem;
}

.guide-container-count__cycle-wrap .cycle-txt+.cycle-txt {
  margin-top: 1rem;
}

/*====================================END ご利用ガイド関連==================================== */

/*==================================== 何時間使えるの？コチラで簡単計算==================================== */
.keisan-container-ttl-wrap {
  height: 23%;
  background: url(/image/keisan/calculation_h2_bg.jpg) no-repeat center/cover;
}

.keisan-container-ttl-wrap .guide-container-price-mv__txt {
  line-height: 1.2;
}

.keisan-container {
  text-align: justify;
  text-justify: inter-ideograph;
  margin-top: 4rem;
}

.keisan-container .lead-txt {
  color: rgb(var(--blue));
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 2.5rem;
}

.keisan-container .block {
  display: block;
}

.keisan-container__form {
  background: rgb(var(--paleblue));
  border-top: 5px solid rgb(var(--blue));
}

.keisan-container__inner-form {
  padding: 2rem 24px 5rem;
}

.keisan-container__goods {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

.keisan-container__inner-goods {
  width: 100%;
}

.keisan-container__goods .goods-ttl {
  color: rgb(var(--blue));
  font-weight: bold;
  position: relative;
  padding-left: 4rem;
}

.keisan-container__goods .goods-ttl::before {
  color: #fff;
  text-align: center;
  line-height: 1.5;
  display: inline-block;
  width: 35px;
  height: 35px;
  font-size: 2.1rem;
  background: rgb(var(--blue));
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.keisan-container__goods .goods-a-ttl::before {
  content: "A";
}

.keisan-container__goods .goods-b-ttl::before {
  content: "B";
}

.keisan-container__goods .goods-c-ttl::before {
  content: "C";
}

.keisan-container__goods .goods-d-ttl::before {
  content: "D";
}


.keisan-goods-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 1.1rem;
}

.keisan-container__goods .watt,
.keisan-container__goods .stand {
  display: flex;
  align-items: center;
  color: rgb(var(--blue));
  font-weight: bold;
}

.keisan-container__goods .watt input,
.keisan-container__goods .stand select,
.keisan-container .sikimoji input,
.keisan-container__inner-result input {
  height: 40px;
  background: #fff;
  border: 1px solid #9f9f9f;
  border-radius: 3px;
  margin-right: 0.4rem;
}

.keisan-container__goods .watt {
  flex-basis: 73%;
}

.keisan-container__goods .stand {
  flex-basis: 23%;
}

.keisan-container__note {
  font-size: 1.3rem;
  font-weight: bold;
  text-indent: -1.3rem;
  padding-left: 1.3rem;
  margin-top: 0.9rem;
}

.keisan-container .sikimoji {
  border-top: 1px solid rgb(var(--blue));
  margin-top: 3.5rem;
  padding-top: 2rem;
}

.keisan-container .sikimoji-txt {
  font-size: 2rem !important;
  color: rgb(var(--blue));
  font-size: initial;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}

.keisan-container .sikimoji input {
  display: inline-block;
  width: 20%;
}

.keisan-container__btn-wrap {
  text-align: center;
  margin: 2rem auto 5rem;
}

.keisan-container__btn-wrap .reckoning-btn-put {
  width: 100%;
  max-width: 300px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  display: inline-block;
  background-color: #F9A21C;
  padding: 0.8rem 0;
  position: relative;
  border-radius: 51px;
  border: 2px solid #F9A21C;
  transition: all 0.3s ease;
  margin: 0 auto 1rem;
}

.keisan-container__btn-wrap .reckoning-btn-put:hover {
  background-color: #fff;
  color: #F9A21C;
}

.keisan-container__btn-wrap .reckoning-btn-put::before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
}

.keisan-container__btn-wrap .reckoning-btn-put:hover::before {
  border-color: #F9A21C;
}

.keisan-container__btn-wrap .clear-btn-put {
  width: 100%;
  max-width: 300px;
  color: #F9A21C;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  display: inline-block;
  background-color: #fff;
  padding: 0.8rem 0;
  position: relative;
  border-radius: 51px;
  border: 2px solid #F9A21C;
  transition: all 0.3s ease;
  margin: auto;
}

.keisan-container__btn-wrap .clear-btn-put:hover {
  background-color: #F9A21C;
  color: #fff;
}

.keisan-container__btn-wrap .clear-btn-put::before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #F9A21C;
  border-right: 2px solid #F9A21C;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
}

.keisan-container__btn-wrap .clear-btn-put:hover::before {
  border-color: #fff;
}

.keisan-container__inner-result {
  text-align: center;
  line-height: 1.2;
  background: #fff;
  border: 3px solid rgb(var(--blue));
  padding: 1.6rem 1.4rem;
}

.keisan-container__result .result-txt01 {
  color: rgb(var(--blue));
  font-size: 2.2rem;
  font-weight: bold;
}

.keisan-container__result .result-txt02 {
  color: rgb(var(--blue));
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 2rem;
}

.keisan-container__inner-result input {
  margin-top: 0.5rem;
}

.keisan-container__note-list-box {
  margin-top: 1.2rem;
}

.keisan-container__note-list-box .note-list {
  font-size: 1.3rem;
  font-weight: bold;
  text-indent: -1.3rem;
  padding-left: 1.3rem;
}

.keisan-container__note-list-box .note-list+.note-list {
  margin-top: 0.5rem;
}


/* タブの設定 */
.keisan-container .su-tabs {
  margin-bottom: 6rem;
  padding: 0;
}

.keisan-container .su-tabs-nav {
  display: flex;
  justify-content: center;
  background: #fff;
}

.keisan-container .su-tabs-nav span.su-tabs-current {
  color: #fff;
  background: rgb(var(--blue));
  border: 1px solid rgb(var(--blue));
  border-bottom: none;
}

.keisan-container .su-tabs-nav span {
  display: inline-block;
  color: rgb(var(--blue));
  font-size: initial;
  font-weight: bold;
  text-align: center;
  width: calc(80%/2);
  background: #fff;
  border: 1px solid rgb(var(--blue));
  border-bottom: none;
  margin-right: 0.5rem;
}

.keisan-container .su-tabs-pane {
  padding: 0;
  font-size: initial;
}

/* ここまで タブの設定 */

.keisan-container__frame-area {
  margin-top: 2.5rem;
  padding: 0 24px;
}

.keisan-container__frame-area+.keisan-container__frame-area {
  margin-bottom: 8rem;
}

.keisan-container__frame-area .frame-ttl {
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  background: rgb(var(--blue));
  padding: 1rem 1rem;
}

.keisan-container__check {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.keisan-container__inner-frame {
  background: rgb(var(--paleblue));
  padding: 1.4rem;
}

.keisan-container__frame-area .check-txt {
  margin-bottom: 1.6rem;
}

.keisan-container__check-tbl {
  line-height: 1.3;
  background: #fff;
  border: 1px solid #bbb;
}

.keisan-container__check-tbl th {
  color: #fff;
  text-align: center;
  background: #7096d5;
  border: 1px solid #bbb;
  padding: 0.8rem;
}

.keisan-container__check-tbl td {
  vertical-align: middle;
  border: 1px solid #bbb;
  padding: 0.8rem;
}

.keisan-container .c-cv01.keisan-container__c-cv01 {
  background-image: none;
  margin-bottom: 8rem;
}

.keisan-container__btn {
  max-width: 320px;
  margin: auto;
}

.keisan-container__link {
  width: 100%;
  text-align: center;
  display: inline-block;
  max-width: 500px;
  background: #fff;
  border: 2px solid rgb(var(--navy));
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgb(0 0 0 / 16%);
  padding: 1rem 4.5rem;
  position: relative;
  transition: all .3s ease-out;
}

.keisan-container__link:hover {
  background: rgb(var(--navy));
}

.keisan-container__link:hover .c-btn01__txt {
  color: #fff;
}

.keisan-container__link::before {
  content: "";
  width: 26px;
  height: 26px;
  display: inline-block;
  background: url(../img/common/btn_arrow01.png) no-repeat center/contain;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  transition: all .3s ease-out;
}

.keisan-container__link:hover::before {
  background-image: url(/image/keisan/btn_arrow01-blue.png);
}

.keisan-container__btn.is_blue {
  margin-top: 1rem;
}

.keisan-container__btn.is_blue .keisan-container__link {
  background: rgb(var(--navy));
}

.keisan-container__btn.is_blue .keisan-container__link:hover {
  background-color: #fff;
}

.keisan-container__btn.is_blue .keisan-container__link::before {
  background: url(/image/keisan/btn_arrow01-blue.png) no-repeat center/contain;
}

.keisan-container__btn.is_blue .keisan-container__link:hover::before {
  background-image: url(../img/common/btn_arrow01.png);
}

.keisan-container__btn.is_blue .c-btn01__txt {
  color: #fff;
}

.keisan-container__btn.is_blue .keisan-container__link:hover .c-btn01__txt {
  color: rgb(var(--navy));
}

.keisan-container__c-cv01-ttl {
  color: rgb(var(--blue));
  font-size: 2.4rem;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 2rem;
}

.keisan-container__required-num {
  background: rgb(var(--paleblue));
  border-top: 5px solid rgb(var(--blue));
}

.keisan-container__inner-required-num {
  margin-bottom: 4rem;
  padding: 3rem 24px 0.8rem;
  counter-reset: number 0;
}

.keisan-container__required-num .required-num-point {
  margin-bottom: 4.8rem;
}

.keisan-container__required-num .required-num-ttl {
  color: rgb(var(--blue));
  font-size: 1.8rem;
  line-height: 1.3;
  position: relative;
  padding-left: 4.2rem;
  margin-bottom: 1.4rem;
}

.keisan-container__required-num .required-num-ttl::before {
  counter-increment: number 1;
  content: counter(number, decimal-leading-zero);
  color: #fff;
  font-size: 2rem;
  text-align: center;
  line-height: 1.55;
  display: inline-block;
  width: 35px;
  height: 35px;
  background: rgb(var(--navy));
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.keisan-container__required-num .answer-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.keisan-container__required-num .answer-wrap+.answer-wrap {
  margin-top: 3rem;
}

.keisan-container__required-num .answer-txt {
  line-height: 1.3;
}

.keisan-container__required-num .dec-font {
  color: rgb(var(--navy));
  font-size: 2.2rem;
  font-weight: bold;
}

.keisan-container__required-num .dec-font02 {
  font-size: 3rem;
}


.keisan-container__required-num .answer-pic {
  margin-top: 1.4rem;
}

.keisan-container__required-num .item-check-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  border: 2px solid #7096d5;
  border-radius: 6px;
  margin-top: 3.4rem;
  padding: 1rem 1.4rem 1.6rem;
  position: relative;
}

.keisan-container__required-num .item-check-ttl {
  color: #fff;
  letter-spacing: 0.2em;
  display: inline-block;
  background: #7096d5;
  border-radius: 50px;
  padding: 0.1rem 2.2rem;
  position: absolute;
  top: -1.3rem;
  left: 1rem;
}

.keisan-container__required-num .item-check-txt {
  max-width: 760px;
}

.keisan-container__required-num .item-check-pic {
  margin-top: 1.4rem;
}

.keisan-container__required-num .item-ex-wrap {
  margin: 2.6rem 0 1.4rem;
}

.keisan-container__required-num .item-ex-txt {
  font-weight: bold;
  line-height: 1.3;
  position: relative;
  padding-left: 3rem;
}

.keisan-container__required-num .item-ex-txt::before {
  content: "例";
  color: #fff;
  text-align: center;
  line-height: 1.7;
  display: inline-block;
  width: 25px;
  height: 25px;
  background: #333;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%)
}

.keisan-container__required-num .item-ex-pic {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}

.keisan-container__required-num .formula-wrap {
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  background: #7096d5;
  border-radius: 10px;
  padding: 1rem 2rem;
}

.keisan-container__required-num .formula-wrap.is-navy {
  background: rgb(var(--navy));
  margin-top: 2rem;
}

.keisan-container__required-num .required-num-btn {
  margin-top: 1.4rem;
}

.keisan-container__required-num .required-num-link {
  color: rgb(var(--navy));
  font-weight: bold;
  border-bottom: 1px solid rgb(var(--navy));
}

.keisan-container__required-num .required-num-link:hover {
  border-bottom: none;
}

.keisan-container__required-num .required-num-link::before {
  content: ">";
}


@media all and (min-width:768px) {
  .keisan-container-ttl-wrap {
    height: 40%;
    display: flex;
    align-items: center;
  }

  .keisan-container-ttl-wrap .guide-container-price-mv__txt {
    padding-top: 0;
  }

  .keisan-container .block {
    display: inline;
  }

  .keisan-container__inner-form {
    max-width: 900px;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .keisan-container__goods .goods-ttl {
    font-size: 2rem;
  }

  .keisan-container__inner-goods {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .keisan-container__goods .goods-ttl::after {
    content: "＝";
    margin: 0 0.9rem;
  }

  .keisan-goods-wrap {
    justify-content: flex-start;
    margin-top: 0;
  }

  .keisan-container__goods .watt {
    width: 260px;
    flex-basis: initial;
    margin-right: 5rem;
  }

  .keisan-container__goods .stand {
    width: 100px;
    flex-basis: initial;
  }

  .keisan-container__goods .watt input,
  .keisan-container__goods .stand select,
  .keisan-container .sikimoji input,
  .keisan-container__inner-result input {
    height: 30px;
  }

  .keisan-container__note {
    margin-left: 12.2rem;
  }

  .keisan-container__btn-wrap .reckoning-btn {
    display: inline-block;
    margin-right: 2rem;
  }

  .keisan-container__btn-wrap .reckoning-btn-put,
  .keisan-container__btn-wrap .clear-btn-put {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .keisan-container__btn-wrap .clear-btn {
    display: inline-block;
  }

  /* タブの設定 */
  .keisan-container .su-tabs-nav span {
    font-size: 2rem;
    max-width: 520px;
    margin-right: 0.8rem;
    padding: 1.6rem;
  }

  .keisan-container .c-tabs_item1,
  .keisan-container .c-tabs_item2 {
    position: relative;
  }

  .keisan-container .c-tabs_item1::before,
  .keisan-container .c-tabs_item2::before {
    content: "";
    display: block;
    width: 46px;
    height: 46px;
    position: absolute;
    top: 50%;
    left: 31%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }

  .keisan-container .c-tabs_item1::before {
    background: url(/image/guide/deliverycharge-img_product06.png) no-repeat top left/contain;
    top: 55%;
  }

  .keisan-container .c-tabs_item2::before {
    background: url(/image/guide/deliverycharge-img_product02.png) no-repeat top left/contain;
  }

  .keisan-container .su-tabs-pane.su-clearfix.c-tabs_item1::before,
  .keisan-container .su-tabs-pane.su-clearfix.c-tabs_item2::before {
    background: none;
  }

  /* ここまで タブの設定 */

  .keisan-container .sikimoji {
    padding-top: 3.2rem;
  }

  .keisan-container__frame-area {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .keisan-container__check {
    flex-direction: row;
    /* justify-content: space-between; */
    align-items: center;
  }

  .keisan-container__check .check-txt {
    width: 50%;
    margin-bottom: 0;
  }

  .keisan-container__check .check-pic {
    max-width: 420px;
  }

  .keisan-container__frame-area .keisan-container__note {
    margin-left: 0;
  }

  .keisan-container__c-cv01-ttl {
    margin-bottom: 4rem;
  }

  .keisan-container__btn {
    width: 380px;
    max-width: 100%;
    margin: 0;
  }

  .keisan-container__btn.is_blue {
    margin: 0;
    margin-left: 2rem;
    margin-bottom: 2rem;
  }

  .keisan-container__inner-required-num {
    max-width: 1000px;
    margin: auto;
    margin-bottom: 4rem;
    padding-left: 0;
    padding-right: 0;
  }

  .keisan-container__required-num .required-num-point {
    margin-bottom: 6.5rem;
  }

  .keisan-container__required-num .answer-wrap {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  .keisan-container__required-num .answer-txt {
    width: 40%;
    margin-right: 2.8rem;
  }

  .required-num-inner-point {
    padding-left: 3.5rem;
  }

  .keisan-container__required-num .formula-wrap,
  .keisan-container__required-num .required-num-btn {
    display: inline-block;
  }

  .keisan-container__required-num .required-num-btn {
    margin-left: 1.4rem;
  }

  .keisan-container__required-num .item-ex-wrap {
    max-width: 750px;
  }

  .keisan-container__required-num .item-ex-txt::before {
    line-height: 1.4;
  }

  .keisan-container__required-num .answer-pic+.answer-pic {
    margin-left: 2.8rem;
  }

}

/*====================================END 何時間使えるの？コチラで簡単計算==================================== */

/*==================================== ECO-POWERご利用の際の注意事項==================================== */

.guide-container-notes__ttl-wrap {
  height: 26vh;
  background: url(/image/keisan/calculation_h2_bg.jpg) no-repeat center/cover;
  display: flex;
  align-items: center;
}

.guide-container-notes__ttl-wrap .guide-container-price-mv__txt {
  padding-top: 0;
}

.guide-container-notes__head-ttl {
  line-height: 1.1;
  display: inline-block;
  border-bottom: 1px solid #fff;
  margin-bottom: 0.8rem;
  padding-bottom: 0.5rem;
}

.guide-container-notes__head-txt {
  font-size: 1.4rem;
  line-height: 1.28;
}

.guide-container-notes {
  text-align: justify;
  text-justify: inter-ideograph;
  padding: 4rem 24px;
}

.guide-container-notes .notes-wrap {
  margin-bottom: 4rem;
}

.guide-container-notes .notes-wrap.is-gray {
  background: rgb(var(--paleblue));
}

.guide-container-notes .notes-ttl {
  font-size: 1.95rem;
  color: #fff;
  background: rgb(var(--blue));
  margin-bottom: 2rem;
  padding: 0.4rem 1.4rem;
}

.guide-container-notes .notes-list-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.guide-container-notes .notes-list {
  width: calc(96%/2);
  background: rgb(var(--paleblue));
  margin-bottom: 2rem;
  padding: 1.4rem;
}

.guide-container-notes .notes-list-ttl {
  color: rgb(var(--blue));
  font-size: 2rem;
  text-align: center;
}

.guide-container-notes .notes-list-ttl::before {
  font-family: "Font Awesome 5 Free";
  content: '\f14a';
  font-weight: 900;
  margin-right: 0.4rem;
}

.guide-container-notes .notes-list-pic {
  margin: 1rem auto;
}

.guide-container-notes .notes-list-txt {}

.guide-container-notes .txt {}

.guide-container-notes .output-wrap .txt {
  margin-top: 2rem;
}

.guide-container-notes .ann-txt {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
  text-indent: -1.4rem;
  margin-top: 1rem;
  padding-left: 1.4rem;
}

.guide-container-notes .output-wrap {}

.guide-container-notes .output-wrap.is-gray {
  background: rgb(var(--paleblue));
  margin-top: 2.4rem;
  padding: 1.2rem 2rem 2rem;
}

.guide-container-notes .output-ttl {
  color: rgb(var(--blue));
  font-size: 2rem;
  font-weight: bold;
  border-bottom: 1px solid rgb(var(--blue));
  position: relative;
  padding-left: 1.4rem;
}

.guide-container-notes .output-ttl::before {
  content: "";
  width: 7px;
  height: 20px;
  display: inline-block;
  background: rgb(var(--blue));
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.guide-container-notes .output-inner-wrap {
  display: flex;
  flex-direction: column;
}

.guide-container-notes .output-item {
  background: #fff;
  border: 2px solid #7096d5;
  border-radius: 10px;
  position: relative;
  margin-top: 3.4rem;

}

.guide-container-notes .output-item-ttl {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  background: #7096d5;
  border-radius: 50px;
  padding: 0 1.4rem;
  position: absolute;
  top: -1.7rem;
  left: 1rem;
}

.guide-container-notes .output-inner-item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.1rem;
}

.guide-container-notes .output-item-txt {
  color: rgb(var(--blue));
  font-size: clamp(19px, 4.2vw, 2.6rem);
  font-weight: bold;
  line-height: 1.3;
  margin-right: 1.4rem;
}

.guide-container-notes .dec-font {
  font-size: 3.2rem;
}

.guide-container-notes .output-item-pic {
  max-width: 120px;
  flex-basis: 38%;
}

.guide-container-notes .attention-txt {
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.3;
  background: rgb(var(--blue));
  border-radius: 10px;
  margin: 2rem auto 0;
  padding: 1rem 2rem;
}

.guide-container-notes .block {
  display: block;
}

.guide-container-notes .bold {
  font-weight: bold;
}

.guide-container-notes .output-ex {
  font-weight: bold;
  line-height: 1.3;
  position: relative;
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding-left: 3rem;
}

.guide-container-notes .output-ex::before {
  content: "例";
  color: #fff;
  text-align: center;
  line-height: 1.4;
  display: inline-block;
  width: 25px;
  height: 25px;
  background: #333;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.guide-container-notes .output-ex-pic {
  text-align: center;
  background: #fff;
}

.guide-container-notes .formula-wrap {
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  background: #7096d5;
  border-radius: 10px;
  margin-top: 1.4rem;
  padding: 1rem 1.8rem;
}

.guide-container-notes .formula-ex {
  color: rgb(var(--blue));
  font-size: clamp(1.9rem, 4.8vw, 2.3rem);
  font-weight: bold;
  margin-bottom: 1rem;
}

.guide-container-notes .is-clr-fs0 {
  color: #ffa300;
  font-weight: bold;
}

.guide-container-notes .output-list-box {}

.guide-container-notes .output-list {
  margin-bottom: 2rem;
}

.guide-container-notes .output-list-ttl {
  color: rgb(var(--blue));
  font-size: 1.8rem;
  font-weight: bold;
}

.guide-container-notes .output-list-ttl::before {
  content: "■";
}

.guide-container-notes .output-list-txt {
  padding-left: 1.6rem;
}


@media all and (min-width:768px) {
  .guide-container-notes {
    max-width: 900px;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .guide-container-notes .notes-inner-wrap {
    padding: 1.4rem;
  }

  .guide-container-notes__ttl-wrap {
    height: 29vh;
  }

  .guide-container-notes .notes-ttl,
  .guide-container-notes .output-ttl {
    font-size: 2.3rem;
  }

  .guide-container-notes .notes-list {
    width: calc(96%/3);
  }

  .guide-container-notes .output-wrap {
    padding: 1.4rem;
    padding-top: 0;
  }

  .guide-container-notes .output-inner-wrap {
    flex-direction: row;
    justify-content: space-between;
  }

  .guide-container-notes .dec-font {
    font-size: 3.6rem;
  }

  .guide-container-notes .output-item {
    width: calc(98%/2);
  }

  .guide-container-notes .output-item+.output-item .output-item-pic {
    max-width: 200px;
  }

  .guide-container-notes .block {
    display: inline-block;
  }

  .guide-container-notes .attention-txt {
    font-size: 3rem;
    text-align: center;
    max-width: 580px;
  }

  .guide-container-notes .formula-wrap {
    display: inline-block;
  }
}

/*====================================END ECO-POWERご利用の際の注意事項==================================== */

/*==================================== 法人様向け　ECO-POWER　長期レンタルのご案内==================================== */
.guide-container-longterm__ttl-wrap,
.guide-container-longterm {
  text-align: justify;
  text-justify: inter-ideograph;
}

.guide-container-longterm__ttl-wrap {
  height: 32vh;
  background: url(/image/longterm/guide-container-longterm_bg.jpg) no-repeat 72% 50%/cover;
  display: flex;
  align-items: center;
}

.guide-container-longterm__txt-wrap {
  padding: 0 1.4rem;
}

.guide-container-longterm__head-ttl {
  display: block;
  color: rgb(var(--blue));
  font-size: clamp(2rem, 4.8vw, 4rem);
  margin-bottom: 0.4rem;
}

.guide-container-longterm__sub-copy {
  color: #fff;
  line-height: 1.3;
  background: rgb(var(--blue));
  margin-top: 1rem;
  padding: 0.2rem 0.6rem;
}

.guide-container-longterm__copy {
  display: block;
  line-height: 1.2;
  margin-top: 0.5rem;
}

.guide-container-longterm__ttl-wrap .fnt-sz-bg {
  color: red;
  font-size: 2rem;
}

.guide-container-longterm__txt {
  line-height: 1.3;
  border-top: 1px solid #333;
  width: 60%;
  min-width: 200px;
  margin-top: 0.6rem;
  padding-top: 0.6rem;
}

.guide-container-longterm .block {
  display: block;
}

.guide-container-longterm .bold {
  font-weight: bold;
}

.guide-container-longterm__reco {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff8e5;
  margin-bottom: 3.2rem;
  padding: 3rem 24px;
}

.guide-container-longterm .reco-ttl {
  color: #fff;
  font-size: 2.2rem;
  line-height: 1.4;
  background: #7096d5;
  padding: 0.2rem 2rem;
  margin-bottom: 2rem;
}

.guide-container-longterm .reco-list-box {
  font-size: 1.8rem;
}

.guide-container-longterm .reco-list {
  color: #ffa61c;
  font-weight: bold;
  line-height: 1.3;
  text-indent: -2rem;
  margin-bottom: 1.2rem;
  padding-left: 2rem;
}

.guide-container-longterm .reco-list::before {
  font-family: "Font Awesome 5 free";
  content: '\f14a';
  font-weight: 900;
  margin-right: 0.4rem;
}

.guide-container-longterm__inner-merit {
  margin: 2rem auto 4rem;
  padding: 0 24px;
}

.guide-container-longterm .longterm-merit__reason {
  background: rgb(var(--paleblue));
  padding: 1.4rem;
}

.guide-container-longterm .longterm-merit__reason+.longterm-merit__reason {
  margin-top: 2.6rem;
}

.guide-container-longterm .longterm-merit__ttl {
  color: rgb(var(--blue));
  font-size: 1.9rem;
  line-height: 1.2;
  margin-bottom: 1.6rem;
  padding-left: 4rem;
  position: relative;
}

.guide-container-longterm .longterm-merit__ttl::before {
  content: "";
  width: 32px;
  height: 32px;
  display: inline-block;
  background: url(/image/longterm/longterm-merit__ttl_icon.png) no-repeat center center/contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(-20deg);
  -webkit-transform: translateY(-50%) rotate(-20deg);
}

.guide-container-longterm .longterm-merit__txt {
  margin-bottom: 1.4rem;
}

.guide-container-longterm .longterm-merit__pic {
  text-align: center;
}

.guide-container-longterm .longterm-security__inner {
  background: #fff;
}

.guide-container-longterm .longterm-security__inner+.longterm-security__inner {
  margin-top: 2rem;
}

.guide-container-longterm .security-ttl {
  color: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  background: #7096d5;
  padding: 0.6rem 1.2rem;
}

.guide-container-longterm .security-txt {
  padding: 1.4rem;
}

.guide-container-longterm__difference {
  margin-bottom: 5rem;
  padding: 0 1.4rem;
}

.guide-container-longterm__difference .mask {
  overflow: auto;
}

.guide-container-longterm__inner-difference {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-top: 3rem;
  min-width: 800px;
  padding-bottom: 1rem;
}

.guide-container-longterm__inner-difference li {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1.3;
  height: 10rem;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #fbfbfb;
  padding: 0 0.8rem;
}

.guide-container-longterm .ttl-list-box {
  width: 140px;
}

.guide-container-longterm .ttl-list {
  color: #fff;
  background: #7096d5;
}

.guide-container-longterm .own-list-box {
  width: 350px;
  position: relative;
}

.guide-container-longterm .own-list-box::before {
  content: "";
  display: inline-block;
  width: 239px;
  height: 662px;
  border: 6px solid red;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: -2px;
}

.guide-container-longterm .own-list {
  background: #eef3fd;
}

.guide-container-longterm .own-list.ttl {
  color: #fff;
  font-weight: bold;
  height: 7rem;
  background: #F9A21C;
}

.guide-container-longterm .other-list-box {
  width: 310px;
  border-top: 1px solid #ddd;
}

.guide-container-longterm .other-list.ttl {
  color: #fff;
  font-weight: bold;
  height: 6rem;
  background: #b7b7b7;
}

.guide-container-longterm__price {
  padding: 0 24px;
}

.guide-container-longterm__price-content {
  background: rgb(var(--paleblue));
  margin-top: 2.4rem;
}

.guide-container-longterm__inner-price-content {
  padding: 1.6rem;
  padding-bottom: 2rem;
}

.guide-container-longterm .price-content-ttl {
  color: #fff;
  font-size: 2rem;
  background: rgb(var(--blue));
  padding: 0.4rem 1.4rem;
}

.guide-container-longterm__conditions {
  margin: 2rem auto;
}

.guide-container-longterm__conditions-ex {
  background: #fff;
  padding: 1.4rem;
}

.guide-container-longterm__conditions .guide-container-longterm__conditions-ex+.guide-container-longterm__conditions-ex {
  margin-top: 2rem;
}

.guide-container-longterm__inner-conditions-ex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}


.guide-container-longterm .conditions-ttl,
.guide-container-longterm .halfway-ttl {
  font-size: 1.51rem;
  line-height: 1.3;
  position: relative;
  margin-bottom: 1.6rem;
  padding-left: 2.8rem;
}

.guide-container-longterm .conditions-ttl {
  font-size: clamp(1.8rem, 2.6vw, 2rem);
  padding-left: 3.7rem;
}

.guide-container-longterm .conditions-ttl::before,
.guide-container-longterm .halfway-ttl::before {
  content: "例";
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.7;
  display: inline-block;
  width: 25px;
  height: 25px;
  background: #333;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.guide-container-longterm .conditions-ttl::before {
  font-size: 1.8rem;
  width: 32px;
  height: 32px;
}

.guide-container-longterm .conditions-txt {
  font-size: 1.6rem;
  line-height: 1.3;
}

.guide-container-longterm .pickup01 {
  color: rgb(var(--blue));
  font-size: 2.2rem;
  font-weight: bold;
}

.guide-container-longterm .pickup02 {
  font-size: 3.2rem;
}

.guide-container-longterm .conditions-pic {
  width: 40%;
  max-width: 160px;
  min-width: 130px;
  margin-left: 1.5rem;
}

.guide-container-longterm .conditions-pic.pattern02 {
  max-width: 180px;
  min-width: 154px;
}

.guide-container-longterm .conditions-plan {
  display: flex;
  justify-content: space-around;
  align-items: baseline;
  flex-wrap: wrap;
  font-weight: bold;
  text-align: center;
}

.guide-container-longterm .conditions-contract {
  width: 100%;
  max-width: 240px;
  display: inline-block;
  color: #fff;
  font-size: 2.2rem;
  background: #7096d5;
  border-radius: 50px;
  margin-bottom: 1rem;
  padding-bottom: 0.3rem;
}

.guide-container-longterm .conditions-monthly {
  width: 100%;
  max-width: 300px;
  display: inline-block;
  color: rgb(var(--blue));
  font-size: 2rem;
  /* border: 2px solid rgb(var(--paleblue)); */
  background: rgb(var(--paleblue));
  padding: 0.4rem 0;
}

.guide-container-longterm .content-btn {
  text-align: center;
}

.guide-container-longterm .content-link {
  color: #fff;
  font-size: 1.57rem;
  font-weight: bold;
  display: inline-block;
  background: #F9A21C;
  border: 2px solid #F9A21C;
  border-radius: 50px;
  position: relative;
  padding: 0.4rem 2.8rem;
  transition: all 0.3s ease-out;
}

.guide-container-longterm .content-link::before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 51%;
  right: 10px;
}

.guide-container-longterm .content-link:hover {
  color: #F9A21C;
  background: #fff;
}

.guide-container-longterm .content-link:hover::before {
  border-color: #F9A21C;
}

.guide-container-longterm__halfway {
  background: #fff;
  margin: 2rem auto;
  padding: 1.4rem;
}

.guide-container-longterm .halfway-pic {
  display: block;
  text-align: center;
}

.guide-container-longterm__flow {
  margin: 5rem auto 0;
  padding-left: 24px;
  padding-right: 24px;
}

.guide-container-longterm .flow-list-box {
  counter-reset: number;
}

.guide-container-longterm .flow-list {
  background: rgb(var(--paleblue));
  margin-top: 2.4rem;
  padding: 1.6rem;
  position: relative;
}

.guide-container-longterm .flow-list+.flow-list {
  margin-top: 4.6rem;
}

.guide-container-longterm .flow-list+.flow-list::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 20px solid #7096D5;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  position: absolute;
  top: -27px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.guide-container-longterm .flow-list-ttl {
  font-size: 2.4rem;
  color: rgb(var(--blue));
  text-align: center;
}

.guide-container-longterm .flow-list-ttl::before {
  counter-increment: number 1;
  content: counter(number) ".";
}

.guide-container-longterm .flow-list-pic {
  margin-top: 1rem;
  margin-bottom: 1.6rem;
}

.guide-container-longterm .flow-list-txt {
  line-height: 1.3;
}

.guide-container-longterm__clause-content {
  margin-top: 3.4rem;
  margin-bottom: 5rem;
  padding: 0 24px;
}

.guide-container-longterm__inner-clause-content {
  background: #fff8e5;
  padding: 1.4rem;
}

.guide-container-longterm .clause-content-ttl {
  color: rgb(var(--blue));
  font-size: 2.2rem;
  text-align: center;
}

.guide-container-longterm .clause-content-ttl>.underline {
  border-bottom: 2px solid;
  padding: 1rem 2rem 0;

}

.guide-container-longterm .clause-content-txt {
  margin: 1.6rem auto;
}

.guide-container-longterm__voice {
  margin-bottom: 5rem;
  padding: 0 24px;
}

.guide-container-longterm__voice .txt {
  line-height: 1.3;
  margin-top: 1.4rem;
}

.guide-container-longterm__voice-content {
  background: url(/image/longterm/check_bg.png) repeat top center;
  border: 4px solid #7096d5;
  border-radius: 10px;
  position: relative;
  margin-top: 3rem;
}

.guide-container-longterm .voice-content-ttl {
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  width: 100%;
  max-width: 290px;
  background: #7096d5;
  border-radius: 50px;
  padding: 0.6rem 1rem;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.guide-container-longterm .voice-content-ttl::before {
  font-family: "Font Awesome 5 Free";
  content: '\f086';
  font-weight: 900;
  margin-right: 0.5rem;
}

.guide-container-longterm__inner-voice-content {
  max-width: 800px;
  margin: auto;
  padding: 1.4rem;
  padding-top: 4.2rem;
}

.guide-container-longterm .customer-wrap {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.guide-container-longterm .customer-wrap.reverse-wrap {
  flex-direction: row-reverse;
  margin-top: 2rem;
}

.guide-container-longterm .customer-ttl {
  flex-basis: 20%;
  min-width: 64px;
}

.guide-container-longterm .customer-txt {
  display: flex;
  align-items: center;
  flex-basis: 66%;
  height: 120px;
  background: rgb(var(--paleblue));
  padding: 1.4rem;
  position: relative;
}

.guide-container-longterm .customer-txt::before {
  content: "";
  display: inline-block;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid rgb(var(--paleblue));
  position: absolute;
  top: 50%;
  left: -14px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.guide-container-longterm .customer-wrap.reverse-wrap .customer-txt::before {
  border-right: none;
  border-left: 20px solid rgb(var(--paleblue));
  left: auto;
  right: -14px;
}

.guide-container-longterm__service {
  background: #fff8e5;
  padding: 3rem 24px;
}

.guide-container-longterm .service-ttl {
  color: rgb(var(--blue));
  font-size: clamp(1.6rem, 4vw, 1.8rem);
  border-bottom: 1px solid rgb(var(--blue));
  margin-bottom: 1.8rem;
}

.guide-container-longterm__service-content+.guide-container-longterm__service-content {
  margin-top: 2.8rem;
}

.guide-container-longterm .service-content-ttl {
  color: rgb(var(--blue));
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
}

.guide-container-longterm .service-content-icon_01 {
  padding-left: 2.4rem;
}

.guide-container-longterm .service-content-icon_02 {
  padding-left: 2rem;
}

.guide-container-longterm .service-content-ttl::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.guide-container-longterm .service-content-icon_01::before {
  background: url(/image/longterm/icon_101930_256.png) no-repeat center center;
  background-size: contain;
}

.guide-container-longterm .service-content-icon_02::before {
  background: url(/image/longterm/icon_102410_256.png) no-repeat center center;
  background-size: contain;
}

.guide-container-longterm .service-content-txt {
  margin: 0.5rem auto 1.4rem;
}

@media all and (min-width:768px) {
  .guide-container-longterm__ttl-wrap {
    height: 100vh;
    max-height: 450px;
    background-position: center center;
  }

  .guide-container-longterm__ttl-wrap .block {
    display: block;
  }

  .guide-container-longterm__txt-wrap {
    width: 100%;
    max-width: var(--contents_width);
    margin: auto;
    padding: 0;
  }

  .guide-container-longterm__head-ttl {
    display: block;
    font-size: 6.5rem;
    margin-bottom: 1rem;
  }

  .guide-container-longterm__sub-copy {
    display: inline-block;
    font-size: 2.6rem;
    margin-top: 0;
    margin-right: 0.7rem;
    padding: 0.7rem 1.4rem;
  }

  .guide-container-longterm__copy {
    display: inline-block;
    font-size: 3rem;
    margin-top: 0;
  }

  .guide-container-longterm__ttl-wrap .fnt-sz-bg {
    font-size: 4rem;
  }

  .guide-container-longterm__txt {
    max-width: 680px;
    margin-top: 1.4rem;
    padding-top: 1rem;
  }

  .guide-container-longterm__reco {
    margin-bottom: 5rem;
    padding: 4rem 0;
  }

  .guide-container-longterm .reco-ttl {
    font-size: 3.2rem;
    margin-bottom: 3rem;
  }

  .guide-container-longterm .reco-list-box {
    font-size: 2.6rem;
  }

  .guide-container-longterm .reco-list {
    margin-bottom: 2rem;
  }

  .guide-container-longterm__inner-merit {
    width: 100%;
    max-width: 1130px;
    margin-top: 4rem;
    margin-bottom: 8rem;
    padding: 0;
  }

  .guide-container-longterm .block {
    display: inline;
  }

  .guide-container-longterm .longterm-merit__reason {
    padding: 2.6rem;
  }

  .guide-container-longterm .longterm-merit__inner {
    display: flex;
    justify-content: space-between;
  }

  .guide-container-longterm .longterm-merit__ttl {
    font-size: 2.6rem;
    margin-bottom: 2.6rem;
  }

  .guide-container-longterm .longterm-merit__txt {
    flex-basis: 56%;
    margin-bottom: 0;
  }

  .guide-container-longterm .longterm-merit__pic {
    max-width: 430px;
  }

  .guide-container-longterm .longterm-merit__pic.mgt-wrap {
    margin-top: -5rem;
  }

  .guide-container-longterm .longterm-security {
    display: flex;
    justify-content: space-between;
    max-width: 600px;
    margin-top: 0.6rem;
    margin-left: 2.6rem;
  }

  .guide-container-longterm .longterm-security__inner {
    width: 49%;
  }

  .guide-container-longterm .longterm-security__inner+.longterm-security__inner {
    margin-top: 0;
  }

  .guide-container-longterm .security-ttl {
    font-size: 2.6rem;
  }

  .guide-container-longterm__difference {
    margin-bottom: 8rem;
    padding: 0;
  }

  .guide-container-longterm__inner-difference {
    min-width: 100%;
  }

  .guide-container-longterm__inner-difference li {
    font-size: 1.5rem;
    padding: 0 2.4rem;
  }

  .guide-container-longterm .own-list {
    font-size: 1.7rem;
  }

  .guide-container-longterm .own-list.ttl {
    font-size: 2rem;
    padding-top: 0.4rem;
  }

  .guide-container-longterm .own-list-box::before {
    width: 340px;
    left: -2px;
  }

  .guide-container-longterm__price {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .guide-container-longterm__inner-price-content {
    padding: 2.2rem;
  }

  .guide-container-longterm__conditions {
    display: flex;
    justify-content: space-between;
  }

  .guide-container-longterm__conditions-ex {
    width: 49%;
  }

  .guide-container-longterm__conditions .guide-container-longterm__conditions-ex+.guide-container-longterm__conditions-ex {
    margin-top: 0;
  }

  .guide-container-longterm .conditions-ttl,
  .guide-container-longterm .halfway-ttl {
    margin-bottom: 0.6rem;
  }

  .guide-container-longterm__inner-conditions-ex {
    flex-wrap: nowrap;
    align-items: flex-start;
    height: 165px;
  }

  .guide-container-longterm .pickup01 {
    font-size: 1.8rem;
  }

  .guide-container-longterm .conditions-txt {
    max-width: 240px;
    padding-top: 1rem;
  }

  .guide-container-longterm .conditions-txt.pattern01 {
    max-width: 220px;
  }

  .guide-container-longterm .conditions-pic {
    width: 30%;
  }

  .guide-container-longterm .conditions-pic.pattern02 {
    width: 40%;
  }

  .guide-container-longterm .conditions-plan {}

  .guide-container-longterm .conditions-contract {
    max-width: 135px;
    margin-bottom: 0;
  }

  .guide-container-longterm .conditions-monthly {
    max-width: 260px;
  }


  .guide-container-longterm .content-btn {
    max-width: 560px;
    margin: auto;
  }

  .guide-container-longterm .content-link {
    display: block;
    font-size: 2rem;
    padding: 1rem;
  }

  .guide-container-longterm .content-link::before {
    right: 25px;
  }

  .guide-container-longterm__flow {
    max-width: var(--contents_width);
    padding: 0;
  }

  .guide-container-longterm .flow-list-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .guide-container-longterm .flow-list {
    width: calc(92%/3);
    margin-top: 2.6rem;
  }

  .guide-container-longterm .flow-list+.flow-list {
    margin-top: 2.6rem;
  }

  .guide-container-longterm .flow-list+.flow-list::before {
    border-top: 25px solid transparent;
    border-left: 20px solid #7096D5;
    border-right: 0px solid transparent;
    border-bottom: 25px solid transparent;
    top: 50%;
    left: -21px;
  }

  .guide-container-longterm .flow-list:nth-child(4):before {
    display: none;
  }

  .guide-container-longterm .flow-list-ttl {
    font-size: 2.6rem;
  }

  .guide-container-longterm .flow-list-pic {}

  .guide-container-longterm .flow-list-txt {
    padding-bottom: 0.7rem;
  }


  .guide-container-longterm__clause-content {
    max-width: var(--contents_width);
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .guide-container-longterm__inner-clause-content {
    padding: 2.2rem;
  }

  .guide-container-longterm .clause-content-ttl {
    font-size: 2.6rem;
  }

  .guide-container-longterm .clause-content-txt {
    margin-top: 2rem;
    margin-bottom: 2.4rem;
  }

  .guide-container-longterm__voice {
    max-width: var(--contents_width);
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .guide-container-longterm__voice-content {
    max-width: 1000px;
    margin-top: 5rem;
    margin-left: auto;
    margin-right: auto;
  }

  .guide-container-longterm .voice-content-ttl {
    font-size: 2.5rem;
    max-width: 480px;
    padding: 1rem 1rem;
  }

  .guide-container-longterm__inner-voice-content {
    padding-top: 6.2rem;
    padding-bottom: 5rem;
  }

  .guide-container-longterm .customer-txt {
    font-size: 1.8rem;
    height: 150px;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .guide-container-longterm__service {
    margin-bottom: 0;
    padding: 5rem 0;
  }

  .guide-container-longterm__inner-service {
    max-width: 950px;
    margin: auto;
  }

  .guide-container-longterm .service-ttl {
    font-size: 2.4rem;
  }

  .guide-container-longterm .service-content-ttl {
    font-size: 2rem;
  }

  .guide-container-longterm__inner-service-content {
    display: flex;
    justify-content: space-between;
    margin-top: 0.5rem;
  }

  .guide-container-longterm .service-content-txt {
    flex-basis: 170%;
    margin: 0;
    margin-right: 6rem;
  }

}

/*====================================END 法人様向け　ECO-POWER　長期レンタルのご案内==================================== */