@charset "UTF-8";

/* ----------------------------------------------------------------
  Column
----------------------------------------------------------------- */
/* .ge-lyt-column
----------------------------------------------- */

.ge-lyt-column {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 2rem;
}
.ge-lyt-column .ge-col{
  width: calc(50% - 0.5rem);
  background-color: var(--acq-color-bg-gray);
  border-radius: 0.75rem;
  padding: 2rem 1.5rem;
}
.ge-lyt-column .ge-col:nth-of-type(even){
  margin-left: 1rem;
}
.ge-lyt-column._ge-col-center {
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .ge-lyt-column:not(._ge-col-04) {
  flex-direction: column;
  margin-bottom: 1.5rem;
  }
  .ge-lyt-column._ge-col-02 > .ge-col:nth-of-type(n+2),
  .ge-lyt-column._ge-col-03 > .ge-col:nth-of-type(n+2),
  .ge-lyt-column._ge-col-04 > .ge-col:nth-of-type(n+3) {
  margin-top: 1rem;
  }
  .ge-lyt-column .ge-col{
    padding: 1rem 1.5rem;
  }
  .ge-lyt-column._ge-col-02,
  .ge-lyt-column._ge-col-03,
  .ge-lyt-column._ge-col-02 > .ge-col,
  .ge-lyt-column._ge-col-03 > .ge-col {
  margin-left: 0;
  }
  .ge-lyt-column._ge-col-02 > .ge-col,
  .ge-lyt-column._ge-col-03 > .ge-col {
  width: 100%;
  }
  .ge-lyt-column._ge-col-04 > .ge-col {
  width: 48%;
  }
}
/* ----------------------------------------------------------------
  box
----------------------------------------------------------------- */

/* .box-simulation
----------------------------------------------- */
.box-simulation {
  position: relative;
  width: 100%;
  background: var(--acq-color-bg-beige);
  margin: 0 auto 5.5rem;
  border-radius: 1.5rem;
  margin-top: 2rem;
  padding: 3rem 1rem;
}
.section .section-inner .section + .section {
  padding-top:3rem;
}
.box-simulation::after {
  position: absolute;
  bottom: -5.5rem;
  left: 50%;
  display: block;
  content: "";
  border-right: 60px solid transparent;
  border-left: 60px solid transparent;
  border-top: solid 40px var(--acq-color-primary);
  transform: translate(-50%);
}
.box-simulation-inner{
  margin: 0 auto;
  max-width: 960px;
}
.box-simulation-hdg {
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 2rem;
}

.box-simulation-list {
  margin-top: 2rem;
  width: 100%;
  display: block;
  background: var(--acq-color-white);
  border-radius: 0.75rem;
}

.box-simulation-list_hdg {
  display: flex;
  width: 100%;
  border-bottom: solid 1px var(--acq-color-beige);
}

.box-simulation-list_hdg dt,
.box-simulation-list_box dt{
  width: 61%;
}

.box-simulation-list_hdg dd,
.box-simulation-list_box dd {
  width: 39%;
}
.box-simulation-list_hdg dt{
  padding: 1rem 2rem;
  vertical-align: middle;
}
.box-simulation-list_hdg dd {
  padding: 1rem 2rem 1rem 0;
  vertical-align: middle;
}

.box-simulation-list_box {
  display: flex;
  align-items: center;
  width: 100%;
}

.box-simulation-list_box:nth-child(2) {
  align-items: flex-start;
}

.box-simulation-list > .box-simulation-list_box:last-child dt,
.box-simulation-list > .box-simulation-list_box:last-child dd{
  padding-bottom: 2rem;
}

.box-simulation-list_box dt {
  padding: 2rem 0 0 2rem;
}

.box-simulation-list_box dd {
  text-align: right;
  padding: 2rem 60px 0 0;
}

.box-simulation-list_txt > *:last-child {
  margin-bottom: 0;
}

.box-simulation-list_title {
  display: flex;
  font-size: 1.125rem;
  font-weight: 700;
  align-items: center;
}

.box-simulation-list_txt .list-note-01 {
  padding-right: 1.5em;
}

.box-simulation-list_title > .img{
  width: 40px;
  margin-right: 1.5rem;
}
.box-simulation-list > .box-simulation-list_box:nth-child(2) .box-simulation-list_title > .img{
  width: 42px;
}
.box-simulation-list_num {
  position: relative;
  display: inline-block;
  margin-right: 16px;
  color: var(--acq-color-primary);
  font-size: 0.85rem;
  font-weight: 700;
  z-index: 0;
}

.box-simulation-list_num::before {
  position: absolute;
    top: -1px;
    left: -8px;
    display: block;
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 1rem;
    border: 2px solid var(--acq-color-primary);
    background-color: var(--acq-color-white);
    z-index: -1;
}

.box-simulation-list_input {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.box-simulation-list_input span:first-child {
  display: block;
  width: 100%;
}

.box-simulation-list_input input {
  width: 100%;
  height: 56px;
  padding: 5px 1rem;
  border-radius: 0.5rem;;
  border: none;
  background: var(--acq-color-beige);
  text-align: right;
  font-weight: 700;
}
.box-simulation-list_input input::placeholder {
  color: var(--acq-color-secondary);
}
/* input要素のスピンボタンを非表示 Chrome/Safari */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.box-simulation-list_unit {
  display: inline-block;
  flex-shrink: 0;
  margin-left: 1rem;
  text-align: left;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .box-simulation {
    margin-top: 1rem;
    margin-bottom: 66px;
    border-radius: 0.75rem;
    padding: 2rem 1rem 3rem;
  }
  .section .section-inner .section + .section{
    padding-top: 1.5rem;
  }
  .box-simulation::after {
    bottom: -3.5rem;
    border-right: 40px solid transparent;
    border-left: 40px solid transparent;
    border-top: solid 27px var(--acq-color-primary);
  }

  .box-simulation-hdg {
    font-size: 1.125rem;
    margin-bottom: 1.5rem;
  }

  .box-simulation-list,
  .box-simulation-list_box,
  .box-simulation-list_box dt,
  .box-simulation-list_box dd {
    display: block;
  }
  .box-simulation-list{
    margin-top: 1.5rem;
  }
  .box-simulation-list_hdg {
    display: flex;
    justify-content: center;
  }

  .box-simulation-list_hdg dt {
    display: block;
    width: auto;
    padding: 1rem 0 1rem 1rem;
  }
  .box-simulation-list_hdg dt::after {
    content: "／";
  }
  .box-simulation-list_hdg dd {
    display: block;
    width: auto;
    padding: 1rem 1rem 1rem 0;
  }
  .box-simulation-list_hdg dd span.sp-only{
    display: inline-block !important;
  }

  .box-simulation-list_hdg dd {
    text-align: right;
  }

  .box-simulation-list_box{
    margin-top: 1rem;
  }
  .box-simulation-list_box + .box-simulation-list_box{
    margin-top: 2rem;
  }

  .box-simulation-list_box dt {
    width: 100%;
    padding: 1.5rem 1rem 0;
  }

  .box-simulation-list_box dd {
    width: 100%;
    padding: 1rem 1rem 0;
    text-align: left;
  }
  .box-simulation-list > .box-simulation-list_box:last-child dt{
    padding-bottom: 0;
  }
  .box-simulation-list > .box-simulation-list_box:last-child dd{
    padding-bottom: 1.5rem;
  }


  .box-simulation-list_title > .img{
    margin-right: 1rem;
  }

  .box-simulation-list_num {
    margin-right: 16px;
  }

  .box-simulation-list_num::before {
    top: 0;
    left: -8px;
    width: 1.5rem;
    height: 1.5rem;
  }

  .box-simulation-list_input {
    min-width: 0;
  }

  .box-simulation-list_unit {
    margin-left: 1rem;
    font-size: 0.75rem;
  }

  .box-simulation-list_unit._01 {
    margin-left: 1rem;
  }

  .box-simulation-list_unit._02 {
    margin-left: 1rem;
  }
}

/* .box-simulation-cv
----------------------------------------------- */
.box-simulation-cv {
  max-width: 1000px;
  margin: 0 auto 20px;
}

.box-simulation-cv_inner {
  padding: 28px 20px;
  background: #f6f9fc;
  text-align: center;
}

.box-simulation-cv_txt {
  margin-bottom: 16px;
  letter-spacing: -2px;
}

/* .box-result
----------------------------------------------- */
.box-result {
  width: 100%;
  border: solid 1px var(--acq-color-beige);
  background: var(--acq-color-white);
  border-radius: 1.5rem;
  padding: 3rem 1rem;
}

.box-result > *:last-child {
  margin-bottom: 0;
}

.box-result_content {
  margin: 0 auto;
  max-width: 960px;
}
.box-result_hdg {
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 2rem;
  color: var(--acq-color-primary);
}

.box-result_hdg span{
  color: var(--acq-color-secondary);
}
.box-result_total {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.box-result_label {
  font-weight: 700;
  font-size: 1.125rem;
}

.box-result_label-02 {
  color: var(--acq-color-secondary);
}

.box-result_price {
  color: var(--acq-color-secondary);
  font-size: 1.75rem;
  text-align: center;
  font-weight: 700;
  line-height: 1.29;
}

.box-result_unit {
  font-size: 1.125rem;
}
/* .box-result .button-blank-01 > *{
  max-width: 380px;
} */
@media screen and (max-width: 768px) {
  .box-result{
    padding: 2rem 1rem;
    border-radius: 0.75rem;
  }
  .box-result_hdg {
    font-size: 1.125rem;
    margin-bottom: 1.5rem;
  }

  .box-result_total{
    display: block;
  }

  .box-result_price {
    line-height: 1;
    font-size: 1.5rem;
    margin-bottom: 0;
    margin-top: 0.5rem;
  }

  .box-result_unit {
    font-size: 1rem;
  }
}
/* ----------------------------------------------------------------
    Tab (.tab[-*])
----------------------------------------------------------------- */
/* .tab
----------------------------------------------- */
.tab_list {
  display: flex;
  column-gap: 16px;
  margin: 0;
}

.tab_list > li {
  flex: 1;
}

.tab_btn {
  flex: 1;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 24px;
  background-color: var(--acq-color-white);
  border: 2px solid var(--acq-color-primary);
  border-bottom: none;
  border-radius: 0.75rem 0.75rem 0 0;
  color: var(--acq-color-primary);
  font-weight: 700;
  text-decoration: none;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  line-height: 1.5;
}

.tab_btn::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: 30px;
  height: 18px;
  margin-left: -15px;
  background-color: var(--acq-color-primary);
  -webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 18"><path d="M415.635,1313.85a2.074,2.074,0,0,1-3.016,0l-12.979-14.108a1.942,1.942,0,0,1,1.508-3.242h25.958a1.942,1.942,0,0,1,1.508,3.242Z" transform="translate(-399.127 -1296.5)" fill="%23436fc0"/></svg>') no-repeat center/cover;
  mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 18"><path d="M415.635,1313.85a2.074,2.074,0,0,1-3.016,0l-12.979-14.108a1.942,1.942,0,0,1,1.508-3.242h25.958a1.942,1.942,0,0,1,1.508,3.242Z" transform="translate(-399.127 -1296.5)" fill="%23436fc0"/></svg>') no-repeat center/cover;
  opacity: 0;
}

.tab_btn:is(:hover, :active, :focus-visible) {
  background-color: var(--acq-color-bg-gray);
  color: var(--acq-color-primary);
}

.tab_list > li .tab_btn {
  height: 100%;
}

.tab_btn[aria-selected="true"],
.tab_btn:is(a:not(:any-link)),
.tab_btn .tab > li[aria-selected="true"] {
  background-color: var(--acq-color-primary);
  color: var(--acq-color-white);
}

.tab_btn[aria-selected="true"]::before,
.tab_btn:is(a:not(:any-link))::before,
.tab_btn .tab > li[aria-selected="true"]::before {
  opacity: 1;
}

.tab_btn.-true {
  background-color: var(--acq-color-primary);
  color: var(--acq-color-white);
}

.tab_btn.-true::before {
  opacity: 1;
}
.tab_content{
  margin-top: 1.5rem;
}
.tab_content > :first-child {
  margin-top: 0;
}

.tab_content > :last-child {
  margin-bottom: 0;
}

.tab_content.-sm {
  padding: 40px 80px;
}

.tab_panel > :first-child {
  margin-top: 0;
}

.tab_panel > :last-child {
  margin-bottom: 0;
}

.tab.-color-02 .tab_btn:not([aria-selected="true"]) {
  background-color: var(--acq-color-bg-beige);
  color: var(--acq-color-primary);
}

.tab.-color-02 .tab_content {
  background-color: var(--acq-color-white);
}

@media only screen and (max-width: 767px) {
  .tab_list {
    column-gap: 5px;
    margin: 0 auto 24px;
    max-width: 500px;
    border-bottom: none;
  }

  .tab_btn {
    font-size: 1rem;
    padding: 1rem 1rem 0.875rem;
  }

}

/* .fn-tab
----------------------------------------------- */
.fn-tab_panel {
  display: none;
}

.fn-tab_panel.is-shown {
  display: block;
}

/* ----------------------------------------------------------------
    Toggle (.toggle[-*])
----------------------------------------------------------------- */
/* .toggle
----------------------------------------------- */
.toggle summary {
  background-color: var(--acq-color-white);
  border-top: 1px solid var(--acq-color-beige);
  list-style-type: none;
}

.toggle_title {
  font-weight: bold;
  color: var(--acq-color-primary);
  position: relative;
  padding: 1rem 3rem 1rem 1rem;
  display: block;
  list-style-type: none;
}

.toggle_title::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 1rem;
  top: 50%;
  margin-top: -12px;
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" id="icon-plus02-01" viewBox="0 0 32 32"><path fill="%23436fc0" style="fill: var(--color1, %23436fc0)" d="M32 16c0 8.837-7.163 16-16 16s-16-7.163-16-16c0-8.837 7.163-16 16-16s16 7.163 16 16z"></path><path fill="%23fff" style="fill: var(--color3, %23fff)" d="M14.667 24v-6.667h-6.667c-0.736 0-1.333-0.597-1.333-1.333s0.597-1.333 1.333-1.333v0h6.667v-6.667c0-0.736 0.597-1.333 1.333-1.333s1.333 0.597 1.333 1.333v0 6.667h6.667c0.736 0 1.333 0.597 1.333 1.333s-0.597 1.333-1.333 1.333v0h-6.667v6.667c0 0.736-0.597 1.333-1.333 1.333s-1.333-0.597-1.333-1.333v0z"></path></svg>') no-repeat center center;
}
.toggle summary::marker {
  content: none;
  display: none;
}
.toggle summary::-webkit-details-marker {
  display: none;
}
.toggle_item[open] .toggle_title::before {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="%23436fc0" style="fill: var(--color1, %23436fc0)" d="M32 16c0 8.837-7.163 16-16 16s-16-7.163-16-16c0-8.837 7.163-16 16-16s16 7.163 16 16z"></path><path fill="%23fff" style="fill: var(--color3, %23fff)" d="M24 17.333h-16c-0.736 0-1.333-0.597-1.333-1.333s0.597-1.333 1.333-1.333v0h16c0.736 0 1.333 0.597 1.333 1.333s-0.597 1.333-1.333 1.333v0z"></path></svg>') no-repeat center center;
}

/* ----------------------------------------------------------------
    list
----------------------------------------------------------------- */
/* .list-notice
----------------------------------------------- */
.list-notice li {
  font-size: 1.2rem;
}

/* .list-subtotal
----------------------------------------------- */
.list-subtotal {
  display: none;
}

@media screen and (max-width: 768px) {
  .list-subtotal {
    display: grid;
    gap: 1rem;
  }

  .list-subtotal_item{
    border: 1px solid var(--acq-color-beige);
  }

.list-subtotal_hdg {
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    background: var(--acq-color-bg-beige);
    border-bottom: 1px solid var(--acq-color-beige);
    padding: 1rem;
  }

  .list-subtotal_detail {
    margin: 0;
  }

  .list-subtotal_detail.-var-02 .list-subtotal_price {
    color: #333;
  }

  .list-subtotal_detail .list-subtotal_price .-minus {
    color: #db5957;
  }

  .list-subtotal_detail.-var-02 .list-subtotal_content {
    border-top: 1px solid var(--acq-color-beige);
  }

  .list-subtotal_content {
    padding: 1rem 1rem 10px;
  }

  .list-subtotal_txt {
    font-size: 1rem;
    font-weight: 700;
  }

  .list-subtotal_price {
    font-size: 1rem;
    text-align: right;
    color: var(--acq-color-secondary);
  }

}

/* ----------------------------------------------------------------
    table
----------------------------------------------------------------- */
/* .tbl-subtotal
----------------------------------------------- */
.tbl-subtotal {
  width: 100%;
  min-width: 960px;
  margin:0;
  border: 1px solid var(--acq-color-beige);
}

.tbl-subtotal .tbl-subtotal_detail:not(.tbl-subtotal_detail.-var-02) > *{
  background: var(--acq-color-bg-beige);
  padding: 1rem 1.5rem ;
}

.tbl-subtotal tbody tr:last-child {
  border-bottom: none;
}
.tbl-subtotal tbody tr > * {
  background: var(--acq-color-white);
  padding: 1.5rem ;
}
.tbl-subtotal tr > *:first-child{
  width: 22%;
  text-align: center;
}
.tbl-subtotal tr > *:nth-child(2){
  width: 28%;
  text-align: center;
}
.tbl-subtotal tr > *:nth-child(3){
  width: 20%;
  text-align: right;
}
.tbl-subtotal tr > *:nth-child(4){
  width: 30%;
  text-align: right;
}
.tbl-subtotal_detail {
  border-top: solid 1px var(--acq-color-beige);
  border-bottom: solid 1px var(--acq-color-beige);
}

.tbl-subtotal_detail.-var-02 {
  border-bottom: solid 1px var(--acq-color-beige);
  background: var(--acq-color-white);
}

.tbl-subtotal_txt,
.tbl-subtotal_price {
  text-align: left;
}

.tbl-subtotal_txt {
  font-size: 1rem;
  font-weight: 700;
}

.tbl-subtotal_txt.display_flex {
  display: flex;
  align-items: center;
  width: 100% !important;
}

.tbl-subtotal_txt span {
  display: block;
}

.tbl-subtotal_price {
  color: var(--acq-color-secondary);
  font-size: 1rem;
  letter-spacing: 1.5px;
  vertical-align: top;
}

.tbl-subtotal_unit {
  color: var(--acq-color-secondary);
  font-size: 1rem;
  vertical-align: top;
}

.tbl-subtotal_detail .tbl-subtotal_price .-minus {
  color: #db5957;
}

.tbl-subtotal_detail .tbl-subtotal_price .-empty {
  color: #9d9d9d;
}

@media screen and (max-width: 768px) {
  .tbl-subtotal_txt {
    display: block;
    padding: 1rem 1rem !important;
    font-size: 1rem;
  }

  .tbl-subtotal_txt.display_flex {
    flex-direction: column;
    align-items: flex-start;
  }

  .tbl-subtotal_price {
    display: block;
    padding: 0 1rem 10px !important;
    font-size: 1rem;
    color: var(--acq-color-secondary);
    text-align: right;
  }

  .tbl-subtotal_detail.-var-02 .tbl-subtotal_txt {
    padding-left: 27px;
  }

  .tbl-subtotal tr > *:first-child{
    width: 138px !important;
  }
  .tbl-subtotal tr > *:nth-child(2){
    width: 236px !important;
  }
  .tbl-subtotal tr > *:nth-child(3){
    width: 140px !important;
  }
  .tbl-subtotal tr > *:nth-child(4){
    width: 175px !important;
  }
}

/* ----------------------------------------------------------------
    button
----------------------------------------------------------------- */

/* .btn _simulation
----------------------------------------------- */
.btn-simulation {
  margin: 30px 0 0;
  text-align: center;
}

.btn-simulation > button {
  display: block;
  width: 100%;
  max-width: 336px;
  position: relative;
  font-size: 1.125rem;
  line-height: 1.5;
  border-radius: 10px;
  margin: 0 auto;
  padding: 1rem 26px;
  text-align: center;
  color: var(--acq-color-white);
  background-color: var(--acq-color-highlight);
  border: 1px solid var(--acq-color-highlight);
  font-weight: 700;
  transition: background-color .2s ease-out;
}
.btn-simulation > button:hover,
.btn-simulation > button:active,
.btn-simulation > button:focus {
  color: var(--acq-color-white);
  background-color: var(--acq-color-highlight-hover);
  border: 1px solid var(--acq-color-highlight-hover);
}
/*後で消す！！！*/
.demo-f .btn-simulation > button:focus {
  background-color: var(--acq-color-primary);
}
.demo-a .btn-simulation > button:active {
  background-color: var(--acq-color-primary);
}
@media screen and (max-width: 768px) {
  .btn-simulation > button {
    max-width: 100%;
    padding: 1rem;
    font-size: 1rem;
  }

  .btn-simulation > button::after {
    right: 14px;
  }
}

/* .btn-simulation-cv
----------------------------------------------- */

.btn-simulation-cv {
  text-align: center;
  margin-bottom: 20px;
}

.btn-simulation-cv_btn {
  display: block;
  position: relative;
  text-decoration: none;
  margin: 0 auto 30px;
  padding: 18px;
  max-width: 450px;
  border: none;
  border-radius: 50px;
  background: #db5957;
  box-shadow: inset 0 -3px #a74444;
  color: var(--acq-color-white);
  font-weight: 700;
  font-size: 1.8rem;
  transition: background-color .2s ease-out;
}

.btn-simulation-cv_btn::after {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  content: "";
  margin-top: -3px;
  width: 6px;
  height: 6px;
  border: 2px solid var(--acq-color-white);
  border-bottom: transparent;
  border-left: transparent;
  transform: rotate(45deg);
}

.btn-simulation-cv_btn:hover,
.btn-simulation-cv_btn:active,
.btn-simulation-cv_btn:focus {
  background: #ff6361;
  box-shadow: inset 0 -3px #ff6361;
  color: var(--acq-color-white);
}

.btn-simulation_appeal {
  position: relative;
  display: inline-block;
  margin-bottom: 14px;
  color: #db5957;
  font-size: 2rem;
}

.btn-simulation_appeal::before,
.btn-simulation_appeal::after {
  position: absolute;
  top: 5px;
  width: 5px;
  height: 30px;
  display: block;
  content: "";
  background: #db5957;
  border-radius: 30px;
}

.btn-simulation_appeal::before {
  left: -24px;
  transform: rotate(-45deg);
}

.btn-simulation_appeal::after {
  right: -15px;
  transform: rotate(45deg);
}

@media screen and (max-width: 768px) {
  .btn-simulation-cv_btn {
    min-width: 310px;
    padding: 4px;
    font-size: 1.8rem;
  }

  .btn-simulation-cv_btn::after {
    right: 16px;
  }
}

/* ----------------------------------------------------------------
    label
----------------------------------------------------------------- */
/* .label-discount
----------------------------------------------- */
.label-discount {
  position: relative;
  margin-left: 15px;
  padding: 7px 5px;
  display: inline-block;
  background: #db5957;
  color: var(--acq-color-white);
  line-height: 1;
  font-size: 1.6rem;
}

.label-discount::before {
  position: absolute;
  top: 9px;
  left: -16px;
  display: block;
  content: "";
  border: solid 6px transparent;
  border-right: solid 12px #db5957;
}

@media screen and (max-width: 768px) {
  .label-discount {
    font-size: 1.4rem;
  }
}

/* ----------------------------------------------------------------
    modal
----------------------------------------------------------------- */
.modal-html-simulation {
  padding: 3px 40px 20px;
}

.modal-html-simulation > *:last-child {
  margin-bottom: 0;
}

.modal-html-simulation .ge-hdg-l2 {
  margin: 3px 0 40px;
}

.modal-html-simulation_txt {
  margin-bottom: 16px;
  text-align: left;
}

.modal-html-simulation .ge-tbl-02 .-var-02 {
  background: #eaf4fd;
}

.modal-html-simulation .ge-tbl-02 th,
.modal-html-simulation .ge-tbl-02 td {
  padding-top: 17px;
  padding-bottom: 17px;
}

@media screen and (max-width: 768px) {
  .modal-html-simulation {
    padding: 38px 14px 30px;
  }

  .modal-html-simulation .ge-hdg-l2 {
    margin-top: 0;
    margin-bottom: 16px;
  }

  .modal-html-simulation_txt {
    margin-bottom: 7px;
    line-height: 1.5;
    letter-spacing: -.5px;
    font-size: 1.6rem;
  }

  .modal-html-simulation .ge-tbl-02 th,
  .modal-html-simulation .ge-tbl-02 td {
    font-size: 1.4rem;
  }

  .modal-html-simulation .ge-tbl-02 col {
    font-size: 1.4rem;
  }
}

/* ----------------------------------------------------------------
    other
----------------------------------------------------------------- */
/* .break
----------------------------------------------- */

.tag-box {
  margin-left: 1em;
  margin-top: 0 !important;
}

.tag-box .tag-item {
  margin-top: 0 !important;
}

@media screen and (max-width: 768px) {
  .break {
    display: block;
  }

  .tag-box {
    margin-left: 0;
    margin-top: 0.5em !important;
  }
}


/*tab-menu*/

.test-tab-wrapper input[type="radio"] {
  display: none;
}
.test-tabs {
  display: flex;
  column-gap: var(--acq-spacing-xs);
  margin: 0;
}
.test-tabs label {
  flex: 1;
  padding: 10px;
  text-align: center;
  background: #eee;
  cursor: pointer;
  border: 1px solid #ccc;
}
.test-tabs label::before{
  display: block;
    content: "";
    position: absolute;
    inset: calc(100% - 1px) 0 auto;
    margin: auto;
    width: 18px;
    height: 18px;
    background-color: var(--acq-color-primary);
    border-radius: 2px;
    transform: rotate(45deg) skew(2deg, 2deg);
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    transition: opacity var(--acq-transition-duration) var(--acq-transition-tf);
    transform-origin: top right;
    opacity: 0;
    z-index: 2;
}
.test-tabs label:hover {
    background-color: var(--acq-color-bg-gray);
}
.test-contents {
  position: relative;
  overflow: hidden;
}
.test-tab-content {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 0;
}
#tab1:checked ~ .test-contents .test-tab-content1,
#tab2:checked ~ .test-contents .test-tab-content2,
#tab3:checked ~ .test-contents .test-tab-content3,
#tab4:checked ~ .test-contents .test-tab-content4,
#tab5:checked ~ .test-contents .test-tab-content5  {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 1;
  transition-delay: 0s;
}
input#tab1:checked ~ .test-tabs-scroll-wrapper .test-tabs label[for="tab1"],
input#tab2:checked ~ .test-tabs-scroll-wrapper .test-tabs label[for="tab2"],
input#tab3:checked ~ .test-tabs-scroll-wrapper .test-tabs label[for="tab3"],
input#tab4:checked ~ .test-tabs-scroll-wrapper .test-tabs label[for="tab4"],
input#tab5:checked ~ .test-tabs-scroll-wrapper .test-tabs label[for="tab5"] {
  background-color: var(--acq-color-primary);
  color: var(--acq-color-white);
}
input#tab1:checked ~ .test-tabs-scroll-wrapper .test-tabs label[for="tab1"]::before,
input#tab2:checked ~ .test-tabs-scroll-wrapper .test-tabs label[for="tab2"]::before,
input#tab3:checked ~ .test-tabs-scroll-wrapper .test-tabs label[for="tab3"]::before,
input#tab4:checked ~ .test-tabs-scroll-wrapper .test-tabs label[for="tab4"]::before,
input#tab5:checked ~ .test-tabs-scroll-wrapper .test-tabs label[for="tab5"]::before {
  opacity: 1;
}
.test-tab-wrapper{
    width: 100%;
    max-width: 1200px;
    margin: 5rem auto;
    padding: 0 var(--acq-gutter-content);
}
.test-tab-content{
    padding: 80px;
    background-color: var(--acq-color-bg-beige);
    border-radius: 0 0 var(--acq-rounded-lg) var(--acq-rounded-lg);
}
.test-tabs label{
    flex: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 16px 24px;
    background-color: var(--acq-color-white);
    border: 2px solid var(--acq-color-primary);
    border-bottom: none;
    border-radius: var(--acq-rounded-md) var(--acq-rounded-md) 0 0;
    color: var(--acq-color-primary);
    font-weight: var(--acq-font-weight-bold);
    text-decoration: none;
    transition: all var(--acq-transition-duration) var(--acq-transition-tf);
}
.test-tab-content h2{
  margin-bottom: 2rem;
  font-size: 4rem;
  text-align: center;
}
.test-tab-content h3{
  margin-bottom: 2rem;
  font-size: 3rem;
  color: var(--acq-color-highlight) !important;
}
.test-tab-content h4{
  margin-bottom: 2rem;
  font-size: 2rem;
}
@media only screen and (max-width: 767px) {
  #tab1:checked ~ .test-contents .test-tab-content1,
  #tab2:checked ~ .test-contents .test-tab-content2,
  #tab3:checked ~ .test-contents .test-tab-content3,
  #tab4:checked ~ .test-contents .test-tab-content4,
  #tab5:checked ~ .test-contents .test-tab-content5  {
    padding: 24px;
    margin-top: 24px;
  }
  input#tab1:checked ~ .test-tabs-scroll-wrapper .test-tabs label[for="tab1"]::before,
  input#tab2:checked ~ .test-tabs-scroll-wrapper .test-tabs label[for="tab2"]::before,
  input#tab3:checked ~ .test-tabs-scroll-wrapper .test-tabs label[for="tab3"]::before,
  input#tab4:checked ~ .test-tabs-scroll-wrapper .test-tabs label[for="tab4"]::before,
  input#tab5:checked ~ .test-tabs-scroll-wrapper .test-tabs label[for="tab5"]::before {
    opacity: 0;
  }
  .test-tab-wrapper{
    padding: 0 16px;
  }
  .test-tabs label{
    background-color: var(--acq-color-white);
    border: 1px solid var(--acq-color-beige);
    border-radius: 100vw;
    text-decoration: none;
    width: auto;
    flex: 0 0 auto;
    padding: 4px 16px;
  }
  .test-tabs-scroll-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .test-tabs {
    display: flex;
    column-gap: 8px;
    position: relative;
    overflow: visible;
  }
  .test-tabs label {
    flex: 0 0 auto;
    white-space: nowrap;
  }
  .test-tab-content h2{
    margin-bottom: 1rem;
    font-size: 18px;
  }
  .test-tab-content h3{
  margin-bottom: 1rem;
  font-size: 16px;
  }
  .test-tab-content h4{
  margin-bottom: 2rem;
  font-size: 12px;
  }
}
  .button-L>a{
    min-width: 560px;
    padding: 16px;
  }
  .button-L.button-blank-01 > a::after{
    margin-top: 0;
    transform: translateY(-30%);
  }
  @media screen and (max-width: 768px) {
    .button-L>a{
    min-width: unset;
    width: 100%;
    padding-left: 10px;
    padding-right: 24px;
  }
}
.tab_area {
    width: 100% !important;
}
.mt-md{
  margin-top: 32px !important;
}
.tab_area .btn_area a {
    font-weight: var(--acq-font-weight-bold);
    width: calc((100% - var(--acq-spacing-xs)) / 2);
    display: inline-block;
    padding: 16px 24px;
    background-color: var(--acq-color-white);
    text-align: center;
    color: var(--acq-color-primary);
    border-color: var(--acq-color-primary);
    border: 4px solid var(--acq-color-primary);
    border-radius: var(--acq-rounded-md) var(--acq-rounded-md) 0 0;
}
.tab_area .btn_area a.active {
    background-color: var(--acq-color-primary);
    color: var(--acq-color-white);
}

.tab_area .btn_area{
  position: relative;
  gap: var(--acq-spacing-xs);
}

.tab_area .btn_area a{
  position: relative;
}

.tab_area .btn_area a.active::after{
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: var(--acq-color-primary) transparent transparent transparent;
}

/* Notice Area */
.notice_area,.gallery_area {
    margin-top: 10px;
    overflow-x: auto;
}

.notice_area ul li {
    padding: 8px 5px;
}

.notice_area ul li:nth-child(2n) {
    background-color:  var(--acq-color-primary);
}

.notice_area ul li a {
    font-weight: bold;
    font-size: 16px;
}

.notice_area ul li span {
    font-size: 14px;
    color: gray;
    float: right;
    margin-right: 3px;
}

/* Gallery Area */
.notice_area,.gallery_area {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}


@media screen and (max-width: 768px) {
  .notice_area,.gallery_area {
    align-items: flex-start;
}
  .tab_area .btn_area a {
    min-width: unset;
    width: 48%;
  }
  .sp-tabel-cell{
    display: table-cell;
    text-align: center;
  }
}

/*2025-08-07*/

.btn_area{
  display: flex !important;
  justify-content: space-between !important;
}

.bot_none{
  border-bottom: none !important;
}

.box-simulation-list_input>span{
  max-width: 230px;
}

@media screen and (max-width: 768px) {

  .box-simulation-list_input>span{
    max-width: unset;
  }
  .list-note-01.mt-md{
    margin-top: 35px !important;
    padding-bottom: 23px !important;
  }
}