@charset "UTF-8";
/*========== キーイメージ ===========*/
.wrap_keyimage_service {
  background: #FF9B00;
}
.wrap_keyimage_service .ttl_h1 {
  font-size: 8.2666666667vw;
}
.wrap_keyimage_service .ttl_h1 .font_b {
  font-size: 12vw;
}
.wrap_keyimage_service .ttl_h1 .text_shadow {
  text-shadow: 2px 2px 0 rgba(119, 72, 0, 0.8);
}
.wrap_keyimage_service .ttl_h1 img {
  width: 29.8666666667vw;
}
.wrap_keyimage_service .inner_keytext::before, .wrap_keyimage_service .inner_keytext::after {
  background: #FFAF34;
}
.wrap_keyimage_service .inner_keytext p .marker {
  background: linear-gradient(to bottom, transparent 65%, rgba(20, 188, 237, 0.4) 65%);
}

.plan_name img {
  width: 238px;
}

/*========== 電気代をポイントに変えられるってホント? ===========*/
.ttl_h2_service .color {
  color: #FC6100;
}

.e_ne_white {
  display: flex;
  justify-content: center;
  align-items: center;
}
.e_ne_white::after {
  content: "";
  display: inline-block;
  background: url(/iikoto-iroiro/images/more-e/icon_e_ne_white.svg) no-repeat;
  background-size: contain;
  min-width: 67px;
  max-width: 67px;
  height: 59px;
}

.marker {
  position: relative;
  z-index: 1;
}
.marker::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 6px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.marker.marker_blue::after {
  background: rgba(20, 188, 237, 0.4);
}
.marker.marker_orange::after {
  background: rgba(252, 97, 2, 0.3);
}
.marker.marker_orange2::after {
  background: rgba(255, 155, 0, 0.4);
}

.note {
  font-size: 12px;
  font-size: 1.2rem;
}

.change .ttl_h2_more_e::before {
  background-image: url(/iikoto-iroiro/images/more-e/icon_iikoto01.svg);
}
.change.add_20250324_v1 .font_weight_w600 {
  text-align: center;
}
.change.add_20250324_v1 .font_weight_w600 strong {
  background: linear-gradient(transparent 60%, #FFF000 60%);
  display: inline;
  padding: 0 0px 0px;
  font-size: 150%;
  margin: 0 1vw;
}

.ttl_h2_more_e {
  margin-bottom: 24px;
}

.wrap_change_contents {
  background: #fff;
  border-radius: 8px;
  padding: 24px;
  margin: 24px 0;
}

.txt_change {
  font-weight: bold;
  font-size: 5vw;
}
.txt_change .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.txt_change .flex .text {
  text-align: center;
  padding: 3% 0;
}
.txt_change .flex .c_blue {
  font-size: 180%;
  line-height: 1.3;
}
.txt_change .cau .note {
  display: flex;
}
.wrap_btn_contents {
  width: 100%;
}
.wrap_btn_contents p:not(:last-child) {
  margin-bottom: 24px;
}

/*========== 貯まったポイントって結局なにに使えるの? ===========*/
.point_use .ttl_h2_iikoto::before {
  background-image: url(/iikoto-iroiro/images/more-e/icon_iikoto02.svg);
}

.e_ne_orange {
  display: flex;
  justify-content: center;
  align-items: center;
}
.e_ne_orange::after {
  content: "";
  display: inline-block;
  background: url(/iikoto-iroiro/images/more-e/icon_e_ne_orange.svg) no-repeat;
  background-size: contain;
  width: 67px;
  height: 59px;
}

.wrap_point_use_contents {
  background: #fff;
  border-radius: 8px;
  padding: 24px 2%;
  margin: 24px 0;
}

.point_use_contents {
  margin-bottom: 40px;
}
.point_use_contents:last-child {
  margin-bottom: 0;
}

.ttl_h3_point_use {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 24px;
}

.ul_point_company {
  display: flex;
  flex-wrap: wrap;
}
.ul_point_company li {
  width: calc(33.3333333333% - 5.3333333333px);
  margin-right: 8px;
  margin-bottom: 16px;
  text-align: center;
  font-weight: bold;
  line-height: 1.14;
  font-size: 12px;
  font-size: 1.2rem;
}
.ul_point_company li:nth-child(3n) {
  margin-right: 0;
}
.ul_point_company li .font_normal {
  font-weight: normal;
  font-size: 10px;
  font-size: 1rem;
}
.ul_point_company li p {
  margin-top: 8px;
  line-height: 1.33;
}
.ul_point_company li .c_orange {
  font-size: 14px;
  font-size: 1.4rem;
}

/*========== 景品ってどうやったら何が当たるの? ===========*/
.hit .ttl_h2_iikoto::before {
  background-image: url(/iikoto-iroiro/images/more-e/icon_iikoto03.svg);
}

.wrap_hit_contents {
  margin: 24px 0;
}

.hit_contents {
  background: #fff;
  border-radius: 8px;
  padding: 24px 7% 32px;
  margin-bottom: 16px;
}
.hit_contents:last-child {
  margin-bottom: 0;
}

.ttl_h3_hit {
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  font-size: 5vw;
  text-align: center;
  margin-bottom: 24px;
  line-height: 1.75;
}
.ttl_h3_hit span {
  font-size: 18px;
  font-size: 1.8rem;
  font-size: 5vw;
  position: relative;
  z-index: 1;
  background: linear-gradient(transparent 60%, #FFF000 60%);
  display: inline;
  word-break: auto-phrase;
}

.img_hit {
  margin-bottom: 32px;
}

.marker_orange2 {
  background: linear-gradient(to bottom, transparent 50%, rgba(255, 155, 0, 0.4) 50%);
}

.exsample {
  display: flex;
  background: #FFF0DB;
  border-radius: 40px;
  padding: 10px 24px;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 16px;
}

/*========== 電気料金、使用量も確認できる！! ===========*/
.fee_confirm .ttl_h2_more_e::before {
  background-image: url(/iikoto-iroiro/images/more-e/icon_iikoto04.svg);
}

.wrap_fee_confirm_contents {
  background: #fff;
  padding: 40px 5%;
  margin: 24px 0;
}

.txt_fee_confirm {
  margin-top: 10px;
}
.txt_fee_confirm p {
  display: flex;
  margin-bottom: 24px;
}
.txt_fee_confirm p:last-child {
  margin-bottom: 0;
}
.txt_fee_confirm .num {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 28px;
  max-width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #FC6101;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-right: 8px;
}
.txt_fee_confirm .c_orange {
  font-weight: bold;
}

/*========== ライン提携 ===========*/
.line_renkei .ttl_h2_iikoto::before {
  display: none;
}
.line_renkei .ttl_h3_hit {
  font-size: 4.5vw;
}
.line_renkei .ttl_h3_hit .line_c {
  color: #229929;
}
.line_renkei .flex {
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.line_renkei .flex .box {
  margin-bottom: 10%;
}
.line_renkei .cau .note {
  display: flex;
}
.line_renkei .btn_link_line {
  margin-bottom: 15%;
}
.line_renkei .btn_link_line a {
  background-color: #229929;
  color: white;
  box-shadow: 0 5px 0 #007507;
}
.line_renkei .btn_link_line a:before {
  content: "";
  display: inline-block;
  background: url(/iikoto-iroiro/images/more-e/line_mark.svg) no-repeat;
  background-size: contain;
  width: 50%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
}
.line_renkei .btn_link_line a:after {
  background-image: url(/iikoto-iroiro/css/"data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.379%22%20height%3D%2216.377%22%20viewBox%3D%220%200%2016.379%2016.377%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_11028%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2011028%22%20transform%3D%22translate(-290.999%20-23.812)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_11027%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2011027%22%3E%20%3Cg%20id%3D%22Group_15%22%20data-name%3D%22Group%2015%22%20transform%3D%22translate(305.35%2039.188)%20rotate(180)%22%3E%20%3Cpath%20id%3D%22Rectangle%22%20d%3D%22M12.166%2C14.35H10.956a1%2C1%2C0%2C0%2C1%2C0-2h1.209a.185.185%2C0%2C0%2C0%2C.185-.185V1.185A.185.185%2C0%2C0%2C0%2C12.166%2C1H1.185A.185.185%2C0%2C0%2C0%2C1%2C1.185V2.543a1%2C1%2C0%2C0%2C1-1%2C1%2C1%2C1%2C0%2C0%2C1-1-1V1.185A2.187%2C2.187%2C0%2C0%2C1%2C1.185-1H12.166A2.187%2C2.187%2C0%2C0%2C1%2C14.35%2C1.185V12.166A2.187%2C2.187%2C0%2C0%2C1%2C12.166%2C14.35Z%22%20fill%3D%22%23ffffff%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22Path_6%22%20data-name%3D%22Path%206%22%20d%3D%22M0%2C11.231a1%2C1%2C0%2C0%2C1-.707-.293%2C1%2C1%2C0%2C0%2C1%2C0-1.414L9.04-.232a1%2C1%2C0%2C0%2C1%2C1.415%2C1.414L.707%2C10.938A1%2C1%2C0%2C0%2C1%2C0%2C11.231Z%22%20transform%3D%22translate(296.115%2024.85)%22%20fill%3D%22%23ffffff%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22Path_8%22%20data-name%3D%22Path%208%22%20d%3D%22M8.216%2C9.216a1%2C1%2C0%2C0%2C1-1-1V1.185A.185.185%2C0%2C0%2C0%2C7.031%2C1H0A1%2C1%2C0%2C0%2C1-1%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1H7.031A2.187%2C2.187%2C0%2C0%2C1%2C9.216%2C1.185V8.216A1%2C1%2C0%2C0%2C1%2C8.216%2C9.216Z%22%20transform%3D%22translate(298.162%2024.812)%22%20fill%3D%22%23ffffff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.line_renkei .img_line_confirm {
  padding: 5% 5%;
  background: white;
  margin: 5% 0;
  width: 100%;
  box-sizing: border-box;
  border-radius: 15px;
}

/*========== 簡単5ステップ会員登録 ===========*/
.flow {
  padding-bottom: 16px;
}
.flow .ttl_h2_service > span {
  position: relative;
}
.flow .ttl_h2_service > span::after {
  content: "";
  display: inline-block;
  background: url(/iikoto-iroiro/images/more-e/icon_e_ne_orange.svg) no-repeat;
  background-size: contain;
  width: 67px;
  height: 59px;
  position: absolute;
  top: -24px;
  right: 16px;
}
.flow .note {
  display: flex;
  margin-bottom: 40px;
}
.flow .note span {
  margin-right: 0.5em;
}

.flow_contents {
  background: #fff;
  padding: 16px 0;
  text-align: center;
  position: relative;
}
.flow_contents::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 13.5px 0 13.5px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  z-index: 1;
}
.flow_contents:nth-child(even) {
  background: #FF9B00;
}
.flow_contents:nth-child(even)::after {
  border-color: #FF9B00 transparent transparent transparent;
}
.flow_contents:nth-child(even) .inner_flow_contents .step {
  background: #fff;
}
.flow_contents:last-child::after {
  content: none;
}
.flow_contents:last-child .step {
  display: none;
}
.flow_contents:last-child .last_text {
  padding: 10px 0;
}

.inner_flow_contents {
  display: inline-block;
  font-weight: bold;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  min-width: 146px;
}
.inner_flow_contents .step {
  background: #FF9B00;
  border-radius: 40px;
  width: 104px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 8px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.7;
}
.inner_flow_contents .step span {
  font-size: 14px;
  font-size: 1.4rem;
  margin-right: 5px;
}
.inner_flow_contents .num {
  font-size: 10px;
  font-size: 1rem;
  position: relative;
  top: -5px;
}
.inner_flow_contents .small {
  font-size: 12px;
  font-size: 1.2rem;
}

.icon_flow {
  width: 50px;
  position: absolute;
  bottom: 0;
  left: -12px;
  transform: translate(-100%, 0);
}

/*========== 会員の種類 ===========*/
.kinds {
  padding-bottom: 56px;
}
.kinds .image {
  min-width: 600px;
}

.kinds_head_text span {
  font-weight: bold;
}

.wrap_kinds_contents {
  margin-top: 18px;
}

.kinds_contents {
  margin-bottom: 16px;
  border-radius: 0 0 8px 8px;
}
.kinds_contents:nth-child(3) {
  background: #EBEBEB;
  border-radius: 8px;
}
.kinds_contents:nth-child(3) .ttl_h3_kinds {
  background: #9DA3A4;
}
.kinds_contents:nth-child(3) .ttl_h3_kinds::before {
  background-image: url(/iikoto-iroiro/images/more-e/icon_kinds01.svg);
}
.kinds_contents:nth-child(2) {
  background: #FFF5E8;
}
.kinds_contents:nth-child(2) .ttl_h3_kinds {
  background: #C19883;
}
.kinds_contents:nth-child(2) .ttl_h3_kinds::before {
  background-image: url(/iikoto-iroiro/images/more-e/icon_kinds02.svg);
}
.kinds_contents:nth-child(1) {
  background: #FFFBED;
}
.kinds_contents:nth-child(1) .ttl_h3_kinds {
  background: #D7A931;
}
.kinds_contents:nth-child(1) .ttl_h3_kinds::before {
  background-image: url(/iikoto-iroiro/images/more-e/icon_kinds03.svg);
}
.kinds_contents:last-child {
  margin-bottom: 0;
}

.ttl_h3_kinds {
  height: 49px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  border-radius: 8px 8px 0 0;
  text-align: center;
  line-height: 1.2;
}
.ttl_h3_kinds .font_s {
  display: block;
  font-size: 12px;
}
.ttl_h3_kinds::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 32px;
  height: 32px;
  margin-right: 10px;
}

.wrap_kinds_text {
  min-height: 144px;
  padding: 16px 5%;
  border-radius: 0 0 8px 8px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wrap_kinds_text .note {
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 8px;
}
.wrap_kinds_text .boder {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #C19883;
}
.wrap_kinds_text .mb {
  margin-bottom: 16px;
}
.wrap_kinds_text .font_s {
  font-size: 10px;
  font-size: 1rem;
}

.ul_kinds_note {
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 24px;
}

/*========== おきでんのmore-Eに関するお問い合わせ ===========*/
.register {
  padding-bottom: 40px;
}
.register .ttl_h2_service {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.5;
}

.free_dial {
  margin-bottom: 24px;
  text-align: center;
}
.free_dial a {
  color: #FC6102;
  font-weight: bold;
  font-size: 33px;
  font-size: 3.3rem;
}

.tel_info {
  text-align: center;
}
.tel_info p {
  margin-bottom: 16px;
}
.tel_info p:first-child {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}
.tel_info p:last-child {
  margin-bottom: 0;
}

.sp_kaiin_btn {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  z-index: 10;
}
.sp_kaiin_btn a {
  width: 50%;
  height: 10vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  background-color: #006BC5;
}
.sp_kaiin_btn a span {
  text-align: center;
}
.sp_kaiin_btn a.koushiki {
  background-color: #FC6100;
}

.wrap_footer_bottom {
  margin-bottom: 10vh;
}

@media (min-width: 769px) {
  /*========== キーイメージ ===========*/
  .wrap_keyimage_service {
    padding-top: 70px;
  }
  .wrap_keyimage_service .inner_keyimage {
    position: relative;
  }
  .wrap_keyimage_service .keyimage_left {
    width: min(60%, 678px);
  }
  .wrap_keyimage_service .ttl_h1 {
    font-size: min(4.0972222222vw, 59px);
  }
  .wrap_keyimage_service .ttl_h1 .font_b {
    font-size: min(5.7638888889vw, 83px);
    letter-spacing: 0.023em;
  }
  .wrap_keyimage_service .ttl_h1 .text_shadow {
    text-shadow: 4px 4px 0 rgba(119, 72, 0, 0.8);
  }
  .wrap_keyimage_service .ttl_h1 img {
    width: min(12.9166666667vw, 186px);
  }
  .wrap_keyimage_service .keyimage {
    position: absolute;
    top: -40px;
    right: 30px;
    width: min(47%, 581px);
  }
  .wrap_keyimage_service .inner_keytext {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .wrap_keyimage_service .inner_keytext p {
    width: min(45%, 273px);
  }
  .wrap_keyimage_service .inner_keytext .plan_name {
    width: min(53%, 340px);
    margin-bottom: 0;
  }
  .wrap_keyimage_service .inner_keytext .plan_name img {
    width: 100%;
  }
  .plan_name img {
    width: 184px;
  }
  /*========== ポイントに変えられるってホント? ===========*/
  .e_ne_white::after {
    min-width: 133px;
    max-width: 133px;
    height: 117px;
  }
  .marker::after {
    height: 11px;
    bottom: 10px;
  }
  .change .ttl_h2_more_e img {
    max-width: 856px;
  }
  .change.add_20250324_v1 .font_weight_w600 {
    text-align: center;
    font-size: 2.8rem;
  }
  /*========== 貯まったポイントって結局なにに使えるの? ===========*/
  /*========== 景品ってどうやったら何が当たるの? ===========*/
  /*========== 電気料金、使用量も確認できる！! ===========*/
  /*========== More-E簡単5ステップ会員登録 ==========*/
  /*========== 会員の種類 ===========*/
  /*========== おきでんのmore-Eに関するお問い合わせ ===========*/
}
@media (min-width: 769px) and (max-width: 1180px) and (min-width: 770px) {
  .change.add_20250324_v1 .font_weight_w600 {
    font-size: 2.5vw;
  }
}
@media (min-width: 769px) {
  .change.add_20250324_v1 .txt_change {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .change.add_20250324_v1 .txt_change .flex {
    flex-wrap: nowrap;
  }
  .change.add_20250324_v1 .txt_change .flex .text {
    font-size: 18px;
    text-align: left;
  }
}
@media (min-width: 769px) and (max-width: 1180px) and (min-width: 770px) {
  .change.add_20250324_v1 .txt_change {
    font-size: 2vw;
  }
  .change.add_20250324_v1 .txt_change .flex .text {
    font-size: 2vw;
  }
}
@media (min-width: 769px) {
  .ttl_h2_more_e {
    margin-bottom: 32px;
  }
}
@media (min-width: 769px) {
  .wrap_change_contents {
    padding: 32px 5%;
    margin: 24px 0 30px;
    text-align: center;
  }
}
@media (min-width: 769px) {
  .txt_change {
    font-size: 27px;
    font-size: 2.7rem;
    margin-bottom: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .txt_change::before {
    width: 226px;
    height: 114px;
    margin: 0 16px 0 0;
  }
  .txt_change p {
    margin-top: 24px;
  }
  .txt_change span {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media (min-width: 769px) {
  .wrap_btn_contents p {
    margin: 0;
  }
  .wrap_btn_contents p:not(:last-child) {
    margin-bottom: 0;
  }
}
@media (min-width: 769px) {
  .e_ne_orange::after {
    width: 133px;
    height: 117px;
    position: relative;
    top: -10px;
  }
}
@media (min-width: 769px) {
  .point_use .ttl_h2_more_e img {
    max-width: 801px;
  }
}
@media (min-width: 769px) {
  .wrap_point_use_contents {
    padding: 72px 0 48px;
    margin: 24px 0 40px;
  }
}
@media (min-width: 769px) {
  .point_use_contents {
    max-width: 984px;
    margin: 0 auto 72px;
  }
  .point_use_contents:first-child .ul_point_company {
    width: 79%;
    margin: 0 auto;
  }
  .point_use_contents:first-child .ul_point_company li {
    width: min(33.3333333333% - 5.6px, 191px);
    margin-bottom: 24px;
  }
  .point_use_contents:nth-child(2) .ul_point_company li:nth-child(3n) {
    margin-right: 7px;
  }
  .point_use_contents:last-child {
    margin-bottom: 0;
  }
  .point_use_contents:last-child .ul_point_company {
    width: 79%;
    margin: 0 auto;
  }
  .point_use_contents:last-child .ul_point_company li {
    width: min(33.3333333333% - 5.6px, 191px);
    margin-bottom: 24px;
  }
}
@media (min-width: 769px) {
  .ttl_h3_point_use {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 24px;
  }
}
@media (min-width: 769px) {
  .ul_point_company {
    justify-content: center;
  }
  .ul_point_company li {
    width: min(20% - 5.6px, 191px);
    margin-right: 7px;
    margin-bottom: 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .ul_point_company li:nth-child(3n) {
    margin-right: 0px;
  }
  .ul_point_company li:last-child {
    margin-right: 0;
  }
  .ul_point_company li .font_normal {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .ul_point_company li p {
    margin-top: 24px;
    line-height: 1.57;
  }
  .ul_point_company li .c_orange {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 769px) {
  .hit .ttl_h2_iikoto img {
    max-width: 741px;
  }
}
@media (min-width: 769px) {
  .wrap_hit_contents {
    margin: 24px 0 40px;
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 769px) {
  .hit_contents {
    width: 100%;
    padding: 24px min(5%, 27px);
    margin-bottom: 0;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 769px) {
  .ttl_h3_hit {
    font-size: min(2.2900763359vw, 24px);
  }
  .ttl_h3_hit span {
    font-size: min(2.2900763359vw, 24px);
  }
  .ttl_h3_hit span::after {
    bottom: 8px;
  }
}
@media (min-width: 769px) {
  .img_hit {
    max-width: 386px;
    margin: 0 auto 24px;
  }
}
@media (min-width: 769px) {
  .marker_orange2 {
    background: linear-gradient(to bottom, transparent 65%, rgba(255, 155, 0, 0.4) 65%);
  }
}
@media (min-width: 769px) {
  .exsample {
    display: inline-block;
    background: #FFF0DB;
    border-radius: 40px;
    padding: 4px 10px;
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 16px;
  }
}
@media (min-width: 769px) {
  .fee_confirm .ttl_h2_more_e img {
    max-width: 776px;
  }
}
@media (min-width: 769px) {
  .wrap_fee_confirm_contents {
    position: relative;
    padding: min(2.7777777778vw, 40px) min(86%, 60px);
    padding: min(2.7777777778vw, 40px) min(86%, 60px) min(2.7777777778vw, 40px) min(86%, 90px);
    margin-bottom: 40px;
  }
}
@media (min-width: 769px) {
  .img_fee_confirm {
    width: min(41.7361111111vw, 601px);
  }
}
@media (min-width: 769px) {
  .txt_fee_confirm {
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: min(47vw, 610px);
  }
}
@media (min-width: 769px) and (min-width: 769px) {
  .txt_fee_confirm {
    left: 50px;
  }
}
@media (min-width: 769px) and (min-width: 1440px) {
  .txt_fee_confirm {
    width: 610px;
  }
}
@media (min-width: 769px) {
  .txt_fee_confirm p {
    display: block;
    margin-bottom: 0;
    border-left: 2px solid #006BC5;
    padding-left: 8px;
    font-size: min(1.25vw, 18px);
    position: absolute;
    right: max(-2.9166666667vw, -42px);
    transform: translateX(100%);
    width: min(22.9861111111vw, 331px);
  }
  .txt_fee_confirm p:nth-child(1) {
    top: min(6.25vw, 90px);
  }
  .txt_fee_confirm p:nth-child(2) {
    top: min(20.1388888889vw, 290px);
  }
  .txt_fee_confirm p:nth-child(3) {
    top: min(27.9166666667vw, 402px);
  }
}
@media (min-width: 769px) {
  .txt_fee_confirm .num {
    display: none;
  }
}
@media (min-width: 769px) {
  .line_renkei .ttl_h3_hit {
    margin-bottom: 30px;
  }
  .line_renkei .ttl_h3_hit span {
    font-size: 6vw;
  }
}
@media (min-width: 769px) and (min-width: 1118px) {
  .line_renkei .ttl_h3_hit {
    font-size: 30px;
  }
  .line_renkei .ttl_h3_hit strong {
    font-size: 150%;
  }
  .line_renkei .ttl_h3_hit span {
    font-size: 40px;
  }
}
@media (min-width: 769px) {
  .line_renkei .flex {
    flex-direction: row;
    width: 100%;
  }
  .line_renkei .flex .box {
    width: 30%;
    margin: 1.5%;
  }
}
@media (min-width: 769px) {
  .line_renkei .btn_link_line {
    margin-bottom: 24px;
  }
}
@media (min-width: 769px) {
  .flow {
    padding-bottom: 0;
  }
  .flow .ttl_h2_service > span::after {
    width: 133px;
    height: 117px;
    top: -50%;
    right: 0;
    transform: translate(100%, 0);
  }
  .flow .cau {
    padding-left: 10%;
  }
}
@media (min-width: 769px) {
  .wrap_flow_contents {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 769px) {
  .flow_contents {
    width: 25%;
    padding: 16px 0 12px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2;
    background: #FFF0DB;
  }
  .flow_contents::after {
    border-width: 13.5px 0 13.5px 19px;
    border-color: transparent transparent transparent #FFF0DB;
    top: 20px;
    left: auto;
    right: -16px;
    transform: translate(0, 0);
  }
  .flow_contents:nth-child(even)::after {
    border-color: transparent transparent transparent #FF9B00;
  }
  .flow_contents:last-child .last_text {
    padding: 0;
  }
  .flow_contents:last-child .icon_flow {
    margin-top: 30px;
  }
}
@media (min-width: 769px) {
  .inner_flow_contents {
    display: block;
  }
  .inner_flow_contents .step {
    width: min(100%, 104px);
    height: 33px;
    margin: 0 auto 11px;
    font-size: 20px;
    font-size: 2rem;
  }
  .inner_flow_contents .step span {
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 6px;
  }
}
@media (min-width: 769px) {
  .icon_flow {
    width: 50px;
    position: static;
    transform: translate(0, 0);
    margin: 0 auto 8px;
  }
}
@media (min-width: 769px) {
  .kinds {
    padding: 56px 0 80px;
  }
}
@media (min-width: 769px) {
  .kinds_head_text {
    text-align: center;
  }
}
@media (min-width: 769px) {
  .wrap_kinds_contents {
    margin-top: 24px;
    display: flex;
  }
}
@media (min-width: 769px) {
  .kinds_contents {
    margin-bottom: 0;
    width: 33.3333333333%;
    display: flex;
    flex-direction: column;
  }
  .kinds_contents:first-child .ttl_h3_kinds {
    border-radius: 8px 0 0 0;
  }
  .kinds_contents:first-child .note {
    margin-top: 16px;
  }
  .kinds_contents:nth-child(2) .ttl_h3_kinds {
    border-radius: 0;
  }
  .kinds_contents:nth-child(3) .ttl_h3_kinds {
    border-radius: 0 8px 0 0;
  }
}
@media (min-width: 769px) {
  .ttl_h3_kinds {
    height: 76px;
    font-size: 24px;
    font-size: 2.4rem;
  }
  .ttl_h3_kinds::before {
    width: 42px;
    height: 42px;
  }
  .ttl_h3_kinds .font_s {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (min-width: 769px) {
  .wrap_kinds_text {
    flex: 1;
    padding: 24px min(7%, 24px);
    font-size: 16px;
    font-size: 1.6rem;
  }
  .wrap_kinds_text .boder {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
@media (min-width: 769px) {
  .register .ttl_h2_service {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media (min-width: 769px) {
  .wrap_more_e_contact .ttl_h2_service {
    margin-bottom: 8px;
  }
}
@media (min-width: 769px) {
  .free_dial {
    margin-bottom: 8px;
  }
  .free_dial a {
    font-size: 48px;
    font-size: 4.8rem;
    pointer-events: none;
  }
}
@media (min-width: 769px) {
  .tel_info {
    text-align: center;
  }
  .tel_info p {
    margin-bottom: 0;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .tel_info p:first-child {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 8px;
  }
}
@media (min-width: 769px) {
  .sp_kaiin_btn {
    display: none;
  }
}
@media (min-width: 769px) {
  .wrap_footer_bottom {
    margin-bottom: 0vh;
  }
}
@media (min-width: 769px) {
  .wrap_keyimage_service .keyimage {
    width: min(45%, 531px);
    top: -10px;
    width: min(45%, 511px);
    top: 20px;
  }
}
.point_use_contents .ana {
  width: 80%;
}

@media (min-width: 769px) {
  .point_use_contents:first-child .ul_point_company {
    width: 59.8%;
    justify-content: flex-start;
  }
}
@media (min-width: 769px) {
  .point_use_contents:first-child .ul_point_company {
    justify-content: center;
  }
}
.point_use_contents:first-child .ul_point_company li {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (min-width: 769px) {
  .point_use_contents:first-child .ul_point_company li {
    width: min(30% - 5.6px, 191px);
  }
}
@media (min-width: 769px) {
  .point_use_contents:first-child .ul_point_company li:nth-child(n+4) {
    width: min(23% - 5.6px, 191px);
    margin-bottom: 0;
  }
}
@media (min-width: 769px) {
  .point_use_contents:first-child .ul_point_company li:nth-child(7) {
    width: min(28% - 5.6px, 191px);
    margin-bottom: 0;
  }
}
@media (min-width: 769px) {
  .point_use_contents:first-child .ul_point_company li p {
    margin-top: 10px;
    font-size: clamp(11.5px, 1.2962962963vw, 14px);
  }
}

.cau {
  margin-bottom: 40px;
}
.cau .note {
  margin-bottom: 0;
}

.num {
  font-size: 1rem;
  position: relative;
  top: -5px;
}

.ttl_h2_service .num {
  font-size: 1.4rem;
  top: -15px;
}
@media (min-width: 769px) {
  .ttl_h2_service .num {
    top: -25px;
  }
}
/*# sourceMappingURL=style_more_e.css.map */