@charset "UTF-8";

/* insurance（共栄火災）
========================================================================== */

/* Main Contents
=================================================================== */
.txt_color_kyoei {
  color: #e8380d;
}
.c-insurance__title--point-kyoei {
  border: 1px solid #e8380d;
  color: #e8380d;
}
.c-insurance__subtitle-kyoei {
  border-left: 5px solid #e8380d;
  color: #e8380d;
}

/* background
=================================================================== */
.u-bg-insurance-kyoei {background-color: #e8380d !important;}

/* border
=================================================================== */
.u-border-insurance-kyoei {border: 1px solid #e8380d !important;}

/* button color
=================================================================== */
.u-btn__main--accordion-kyoei::before {border-top-color: #e8380d!important;}
.u-btn__main--accordion-kyoei::after {border-right-color: #e8380d !important;}

.kyoei .c-insurance__menu ul li.c-insurance__price a, .kyoei .c-insurance__menu ul li.c-insurance__simulation a {
  background: #2db86b;
  border: 1px solid #0f8443;
  box-shadow: 0 3px 0 #0f8443;
  text-shadow: 0 1px 2px #0f8443;
}
.kyoei .c-insurance__menu ul li.c-insurance__price a:hover, .kyoei .c-insurance__menu ul li.c-insurance__simulation a:hover {
  box-shadow: none;
  transform: translate(0, 4px);
}
.kyoei .c-btn__standard--agreement {
  background: #2db86b;
  border: 1px solid #0f8443;
  box-shadow: 0 3px 0 #0f8443;
  border-radius: 5px;
}
.kyoei .c-btn__standard--agreement:hover{
  box-shadow: none;
  transform: translate(0, 4px);
}
.kyoei .c-btn__standard--agreement a {
  text-shadow: 0 1px 2px #0f8443;
}
.kyoei .c-insurance__menu ul li.c-insurance__agreement--half a {
  background: #2db86b;
  border: 1px solid #0f8443;
  box-shadow: 0 3px 0 #0f8443;
  text-shadow: 0 1px 2px #0f8443;
}
.kyoei .c-insurance__menu ul li.c-insurance__agreement--half a:hover {
  box-shadow: none;
  transform: translate(0, 4px);
}
.kyoei .fixedBox.inc_foot-btn .c-main--argeement a {
  padding: 10px 0 5px;
  background: #2db86b;
  border: 1px solid #0f8443;
  box-shadow: 0 3px 0 #0f8443;
  text-shadow: 0 1px 2px #0f8443;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.kyoei .fixedBox.inc_foot-btn .c-main--argeement a:hover {
  box-shadow: none;
  transform: translate(0, 4px);
}
.kyoei .box02_col02 > .flex_box {
  display: flex;
  flex-wrap: wrap;
}
.kyoei .box02_col02 .flex_item-kyoei {
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 100%;
  margin: 0 0 2% 0;
  text-align: center;
}
.kyoei .c-insurance__caption {
  background: #e8380d;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #fff;
  font-size: 1.2rem;
  margin: 0;
  padding: 1rem;
  text-align: center;
  font-weight: bold;
}
.kyoei .flex_item-kyoei dl dt {
  font-size: 2rem;
  font-weight: bold;
  color: #e8380d;
  margin-bottom: .5rem;
  padding: 0.3rem;
}
.kyoei .flex_item-kyoei dl dt span {
  font-size: 1.6rem;
}
.kyoei .flex_item-kyoei dl img {
  height: 90px;
  margin-bottom: 5px;
}
.kyoei .kyoei-point2 .flex_item-kyoei dl img {
  height: 120px;
}
.kyoei .flex_item-kyoei dl p {
  text-align: left;
  margin: 0;
}
.kyoei .c-insurance__body--service .contenttitle-kyoei {
  background: #ffede9;
  border-left: 5px solid #e8380d;
}
.kyoei .c-insurance__body--service div .kojin_tag {
  display: inline-block;
  color: #fff;
  background-color: #e8380d;
  border-radius: 14px;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  padding: 0.1rem 0.8rem;
  transform: translate(10%, -10%);
}
.kyoei .option-kyoei p {
  text-align: left;
}
.kyoei .option-kyoei .u-txt__min {
  font-size: 12px;
}
.kyoei .leftBd_title_kyoei:before {
  background-color: #e8380d;
  text-align: left;
}
.kyoei .leftSquare_title:before {
  background-color: #e8380d;
}
.kyoei .inner_item-kyoei {
  padding: 15px 20px;
}
.kyoei .example_kyoei {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .kyoei .box02_col02 .flex_item-kyoei {
    width: 49%;
    margin: 0 2% 2% 0;
  }
  .kyoei .box02_col02 .flex_item-kyoei:nth-child(2n) {
    margin-right: 0;
  }
  .kyoei .c-insurance__caption {
    font-size: 0.9rem;
    padding: .7rem 1rem;
    font-weight: bold;
  }
  .kyoei .flex_item-kyoei dl dt {
    font-size: 1.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 66px;
  }
  .kyoei .flex_item-kyoei dl dt span {
    font-size: 1rem;
    margin-top: 0.3rem;
  }
  .kyoei .kyoei-point2 .flex_item-kyoei dl dt {
    height: auto;
  }
  .kyoei .l-side--bannerBlock.list_h56 .c-btn__standard--agreement a {
    height: 56px;
  }
  .kyoei .c-insurance__body--service div .kojin_tag {
    font-size: 12px;
  }
}

/*料金表ページ**************************************************/
.kyoei-price .price-btn-search, .kyoei-price-family .price-btn-search {
  color: #fff;
  text-decoration: none;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 200px;
  min-height: 56px;
  border-radius: 5px;
  line-height: 1.2;
  vertical-align: top;
  margin-bottom: 3px;
  cursor: pointer;
  transition: all .1sease-in-out;
}
.kyoei-price .price-btn-search, .kyoei-price-family .price-btn-search {
  background-color: #2db86b;
  border: 1px solid #0f8443;
  box-shadow: 0 3px 0 #0f8443;
  text-shadow: 0 1px 2px #0f8443;
  margin: 0 auto;
}
.kyoei-price .price-btn-search:hover, .kyoei-price-family .price-btn-search:hover {
  background: #2db86b;
  border-bottom: 1px solid #0f8443;
  box-shadow: none;
  transform: translate(0, 4px);
}
.kyoei-price .c-insurance__body--service .contenttitle {
  margin: 30px 0 20px;
  padding: 7px 10px 7px 22px;
  position: relative;
  text-align: left;
  text-indent: -13px;
  font-size: 1.6rem;
}
.kyoei-price .contenttitle {
  margin: 30px 0 20px;
  padding: 7px 10px 7px 22px;
  text-align: left;
  text-indent: -13px;
  font-size: 1.6rem;
  color: #146db9;
}
.kyoei-price .contenttitle-price01 {
  border-left: 5px solid #146db9;
  padding: 0.2rem 2.8rem 0 1rem;
  text-indent: 0;
  margin: 20px 0 10px;
}
.kyoei-price-family .contenttitle-price01 {
  border-left: 5px solid #00b377;
  padding: 0.2rem 2.8rem 0 1rem;
  text-indent: 0;
  margin: 20px 0 10px;
}
.kyoei-price .c-insurance__title--point-price01, .c-insurance__title--point-opt {
  margin: .5rem auto 1rem;
}

@media screen and (min-width: 768px) {
  .kyoei-price .contenttitle {
    font-size: 1.4rem;
  }
  .kyoei-price .contenttitle-price01 {
    padding: 0.3rem 2.8rem 0 0.5rem;
  }
  .kyoei-price-family .anchorBox2col {
    display: flex;
    flex-wrap: nowrap;
    padding: 20px 5px 10px 20px;
  }
}