@charset "UTF-8";

#card1 + div .inner_item {
    background: #dbdcdc;
position: relative;
    height: 12em;
    display: flex;
    justify-content: center;
}

#card1 + div .inner_item:after {
position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-bottom: solid 20px #FFFFFF;
    border-left: solid 40px transparent;
    bottom: 0;
    right: 0;
    z-index: 1;
}


#card2 + div .inner_item {
    background: #dbdcdc;
position: relative;
    height: 12em;
    display: flex;
    justify-content: center;
}

#card2 + div .inner_item:after {
position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-bottom: solid 20px #FFFFFF;
    border-left: solid 40px transparent;
    bottom: 0;
    right: 0;
    z-index: 1;
}

#card3 + div .inner_item {
    background: #dbdcdc;
position: relative;
    height: 12em;
    display: flex;
    justify-content: center;
}

#card3 + div .inner_item:after {
position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-bottom: solid 20px #FFFFFF;
    border-left: solid 40px transparent;
    bottom: 0;
    right: 0;
    z-index: 1;
}

#card1 + div .inner_item .inner_item_txt,
#card2 + div .inner_item .inner_item_txt,
#card3 + div .inner_item .inner_item_txt{
   font-size: 2rem
}



#merit1 + div .wrapper_item {
  flex-direction: column;

}


#merit1 + div .wrapper_item .inner_item{
  margin-left: 0 !important;
  width: 100% !important;
  position: relative;
  padding-left: 5rem;
}

#merit1 + div .wrapper_item .inner_item:first-of-type:before{
  content: "1";
  position: absolute;
  left: 0;
  top: 12%;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    border: 1px solid var(--i_main_color);
    font-size: 2rem;
}
#merit1 + div .wrapper_item .inner_item:nth-of-type(2):before{
  content: "2";
  position: absolute;
  left: 0;
  top: 12%;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    border: 1px solid var(--i_main_color);
    font-size: 2rem;
}
#merit1 + div .wrapper_item .inner_item:nth-of-type(3):before{
  content: "3";
  position: absolute;
  left: 0;
  top: 12%;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    border: 1px solid var(--i_main_color);
    font-size: 2rem;
}


#merit1 + div .content_wrapper {
    background: #fef1f3;
    background: rgba(32, 53, 106, 0.1);
    padding: 55px 35px 35px;
}

#merit1 + div .block_header_6 .h {
      background: #8B0018;
    color: #fff;
    padding: 1rem 2rem;
    position: absolute;
    top: -84px;
    background: #55638A;
}

#merit1 + div .block_header_6 .h:before {
  content: none !important;
}
#merit1 + div .block_header_6 .h:after {
content: "";
  position: absolute;
  bottom: initial;
  left: initial;
  right: -20px;
  width: 0;
  height: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 0 20px;
    border-color: #fff #fff #ffff #20356a;
}










#merit2 + div .wrapper_item {
  flex-direction: column;

}


#merit2 + div .wrapper_item .inner_item{
  margin-left: 0 !important;
  width: 100% !important;
  position: relative;
  padding-left: 5rem;
}

#merit2 + div .wrapper_item .inner_item:first-of-type:before{
  content: "1";
  position: absolute;
  left: 0;
  top: 12%;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    border: 1px solid var(--i_main_color);
    font-size: 2rem;
}
#merit2 + div .wrapper_item .inner_item:nth-of-type(2):before{
  content: "2";
  position: absolute;
  left: 0;
  top: 12%;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    border: 1px solid var(--i_main_color);
    font-size: 2rem;
}
#merit2 + div .wrapper_item .inner_item:nth-of-type(3):before{
  content: "3";
  position: absolute;
  left: 0;
  top: 12%;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    border: 1px solid var(--i_main_color);
    font-size: 2rem;
}


#merit2 + div .content_wrapper {
    background: #fff;
    padding: 55px 35px 35px;
    border: 1px solid #55638A;
}

#merit2 + div .block_header_6 .h {
      background: #8B0018;
    color: #fff;
    padding: 1rem 2rem;
    position: absolute;
    top: -84px;
    background: #55638A;
}

#merit2 + div .block_header_6 .h:before {
  content: none !important;
}
#merit2 + div .block_header_6 .h:after {
content: "";
  position: absolute;
  bottom: initial;
  left: initial;
  right: -20px;
  width: 0;
  height: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 0 20px;
    border-color: #fff #fff #ffff #20356a;
}


.block_table_1 table th {
  background: #fff;
}

#price + div td div{
    text-align: center;
}