@charset "UTF-8";

/* products main */
.box__bgimage__products {
  background-image: url(/products/resource/img/bg_products_mainimage_sp.jpg);
}
@media screen and (min-width: 768px) {
  .box__bgimage__products {
  background-image: url(/products/resource/img/bg_products_mainimage.jpg);
  }
}
/* products background */
.flex__side.flex__side__products__insurancelist {
  background: url(/products/resource/img/bg_products_insurancelist-image_sp.jpg) no-repeat center top / 100%;
}
.flex__side.flex__side__products__search {
  background: url(/products/resource/img/bg_products_search-image_sp.jpg) no-repeat center top / 100%;
}
.flex__side.flex__side__products__simulate {
  background: url(/products/resource/img/bg_products_simulate-image_sp.jpg) no-repeat center top / 100%;
}
.flex__side.flex__side__products__request {
  background: url(/products/resource/img/bg_products_request-image_sp.jpg) no-repeat center top / 100%;
}
@media screen and (min-width: 768px) {
  .flex__side.flex__side__products__insurancelist {
    background: url(/products/resource/img/bg_products_insurancelist-image.jpg) no-repeat left bottom / cover;
  }
  .flex__side.flex__side__products__search {
    background: url(/products/resource/img/bg_products_search-image.jpg) no-repeat right bottom / cover;
  }
  .flex__side.flex__side__products__simulate {
    background: url(/products/resource/img/bg_products_simulate-image.jpg) no-repeat left bottom / cover;
  }
  .flex__side.flex__side__products__request {
    background: url(/products/resource/img/bg_products_request-image.jpg) no-repeat right bottom / cover;
  }
}

.products__ttl__btn .btn__link_icon_big {
  min-height: 80px;
  justify-content: flex-start;
  background-size: 42px;
  background-image: url(/commons/img/img_feature_000.svg);
  background-repeat: no-repeat;
}

.insurance__list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  justify-content: space-between;
}
.insurance__list li {
  width: calc(50% - 10px);
  margin-bottom: 20px;
  display: block;
  border-radius: 10px;
  background-color: #fff;
  box-sizing: border-box;
}
.insurance__list li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 70px 0 10px;
  font-weight: bold;
  line-height: 1.5em;
  text-align: center;
  border: 1px solid transparent;
  box-sizing: border-box;
  border-radius: 10px;
  background-size: 48px auto;
  background-position: center 15px;
  background-repeat: no-repeat;
}
.insurance__list li a.item__syushin {
  color: #ff7a34;
  border-color: #ff7a34;
  background-image: url(/commons/img/icon_syushin.svg);
}
.insurance__list li a.item__yoro {
  color: #1ba2e8;
  border-color: #1ba2e8;
  background-image: url(/commons/img/icon_yoro.svg);
}
.insurance__list li a.item__teiki {
  color: #67bbe6;
  border-color: #67bbe6;
  background-image: url(/commons/img/icon_teiki01.svg);
}
.insurance__list li a.item__gakushi {
  color: #f0909b;
  border-color: #f0909b;
  background-image: url(/commons/img/icon_gakushi.svg);
}
.insurance__list li a.item__chojyu {
  color: #1fadc4;
  border-color: #1fadc4;
  background-image: url(/commons/img/icon_chojyu.svg);
}
.insurance__list li a.item__tokuyaku {
  color: #666;
  border-color: #aaa;
  background-image: url(/commons/img/icon_tokuyaku.svg);
}
@media screen and (min-width: 768px) {
  .insurance__list li {
    width: calc(33% - 16px);
  }
}

@media screen and (min-width: 768px) {
  .products__insurancelist__btn .btn__link_icon_big,
  .products__insurancelist__btn .btn__link_icon_big_blue {
    font-size: 1.25rem;
    line-height: 1.3rem;

  }
}

.products__modal_flex_block {
  display: block;
}

.products__modal_flex_block p {
  width: 100%;
}
.products__modal_flex_block ul {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .products__modal_flex_block {
    max-width: 1045px;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  
  .products__modal_flex_block p {
    max-width: 540px;
    width: calc(60% - 20px);
    margin-right: 20px;
  
  }
  .products__modal_flex_block ul {
    max-width: 415px;
    width: 40%;
  }
  
  .products__modal_flex_block ul li {
    height: fit-content;
  }
}

.list__question li a::after,
.list__panel_number li a::after {
  content: '';
  display: block;
  width: 7px;
  height: 10px;
  background: none;
  background-image: url(/commons/img/icon_single_arrow.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  transform: translate(0, -50%);
  transform-origin: initial;
}