.block_section_a{
  margin: 0 auto;
  /* max-width: 767px; */
  display: flex;
  flex-wrap: wrap;
 /*   padding: 12px 4%; */
}

.block_section_a h2{
  font-weight: bold;
  font-size: 18px;
  border-bottom-style: solid;
  border-bottom-width: 4px;
  display: flex;
  line-height: 1.2;
  margin: 24px auto 24px;
  width: 100%;
}

.block_section_a h2 span{
  border-bottom-style: solid;
  border-bottom-width: 4px;
  margin: 0 0 -4px 0;
  color:#808080;
  padding: 0px 0 8px 0%;
  min-width: 120px;
  max-width: 80%;
  letter-spacing: 0.08rem;
}

@media screen and (min-width: 768px){
  .block_section_a h2 span{
    padding: 4px 12px 8px 0px;
  }
}

.block_section_a h3{
  font-weight: bold;
  font-size: 18px;
  border-left-style: solid;
  border-left-width: 4px;
  display: flex;
  line-height: 1.2;
  position: relative;
  margin: 8px 0 8px 0;
  width: 100%;
  padding: 0 0 0 8px;
  word-break: break-all;
  color:#808080;
  letter-spacing: 0.08rem;
}

@media screen and (min-width:768px){
  .block_section_a h3{
    width: 100%;
  }
}

.block_section_a h4{
  font-weight: bold;
  font-size: 18px;
  display: flex;
  line-height: 1.32;
  position: relative;
  margin: 0 0 8px 0;
  width: 100%;
  padding: 0px 0 0 2%;
  word-break: break-all;
  color:#808080;
  letter-spacing: 0.08rem;
  border-left-color:#8f8f8f;
  border-left-style: solid;
  border-left-width: 4px;
}

@media screen and (min-width:768px){
  .block_section_a h4{
    width: 100%;
  }
}



.block_section_a .li{
  font-weight: bold;
  font-size: 16px;
  display: flex;
  padding: 0 0 0px 4px;
  width: 98%;
  line-height: 1.12;
  letter-spacing: 0.06rem;
  border-left-color:#dbdbdb;
  border-left-style: solid;
  border-left-width: 4px;
  color:#888;
  align-items: center;
  margin: 0 0 8px 0;
}


.block_section_a .li::before{
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ed2874" class="bi bi-check" viewBox="0 0 16 16"><path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z"/></svg>');
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 4px 0 0;
}


.block_section_a strong{
  background: linear-gradient(transparent 60%, #ff6 60%);
  color:#ed2874;
}


.group__33pct__size,
.group__50pct__size,
.group__75pct__size,
.group__pc33pct__size,
.group__pc50pct__size,
.group__pc75pct__size{
  margin: 0 0 8px 0;
  padding: 0 1% 0 2%;
  display: flex;
  flex-direction: column;
}

.group__33pct__size .pic__full__size,
.group__50pct__size .pic__full__size,
.group__pc33pct__size .pic__full__size,
.group__pc50pct__size .pic__full__size,
.group__33pct__size .space_default,
.group__50pct__size .space_default,
.group__pc33pct__size .space_default,
.group__pc50pct__size .space_default,
.group__33pct__size .cta__full__size,
.group__50pct__size .cta__full__size,
.group__pc33pct__size .cta__full__size,
.group__pc50pct__size .cta__full__size{
  padding: 0 0 8px 0;
}

@media screen and (min-width:576px){

  .group__pc33pct__size .pic__full__size,
  .group__pc50pct__size .pic__full__size,
  .group__pc33pct__size .space_default,
  .group__pc50pct__size .space_default,
  .group__pc33pct__size .cta__full__size,
  .group__pc50pct__size .cta__full__size{
    padding: 0 0 16px 0;
    font-size: 14px;
  }
}

.group__33pct__size h3,
.group__50pct__size h3,
.group__75pct__size h3,
.group__pc33pct__size h3,
.group__pc50pct__size h3,
.group__pc75pct__size h3{
  font-size: 16px;
  padding: 0 0 0 8px;
  margin: 0 0 8px 0;
  overflow: hidden;
  word-break: break-all;
  display: flex;
  align-items: center;
}

@media screen and (min-width:576px){

  .group__pc33pct__size h3,
  .group__pc50pct__size h3,
  .group__pc75pct__size h3{
    font-size: 14px;
  }
}






.cta_btn{
  margin: 0 auto;
}


.cta_btn a{
  line-height: 1.0;
  text-align: left;
  color:#fff;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 12px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  border-radius: 16px;
}

.cta_size_{
  width: 100%;
}

.cta__full__size{
  width: 100%;
  padding: 0 0 16px 0;
}

.cta__33pct__size{
  width: 33%;
  padding: 0 0.4% 16px 0.4%;
}

.cta__50pct__size{
  width: 50%;
  padding: 0 0.4% 16px 0.4%;
}

.cta__75pct__size{
  width: 75%;
  padding: 0 0.4% 16px 0.4%;
}


.cta__pc33pct__size,
.cta__pc50pct__size,
.cta__pc75pct__size{
  width: 100%;
  padding: 0 0 16px 0;
}

@media screen and (min-width:576px){
  .cta__pc33pct__size{
    width: 33%;
    padding: 0 0.4% 16px 0.4%;
  }

  .cta__pc50pct__size{
    width: 50%;
    padding: 0 0.4% 16px 0.4%;
  }

  .cta__pc75pct__size{
    width: 75%;
    padding: 0 0.4% 16px 0.4%;
  }
}



.block_section_a h2{
  border-bottom-color:#d1d1d1;
}

.block_section_a h2 span{
  border-bottom-color:#00d2a5;
}

.block_section_a h3{
  border-left-color:#d1d1d1;
}

/*
.article_wrap{
  padding: 36px 4%;
}
*/

.block_section_a article{
  display: flex;
  flex-wrap: wrap;
}


.cta_color_ .cta_color_btn,
.cta_color_ a{
  background-color:#0000002f;
}

.cta_color_ .selected{
  background-color:#00082291;
}

.cta_color_red1 .cta_color_btn,
.cta_color_red1 a{
  background-color:#ffffff;
  border-color:#dd0000;
  color:#dd0000;
  border-width: 3px;
  border-style: solid;
}

.cta_color_red1 .selected{
  background-color:#dd0000;
  border-color:#dd0000;
  color:#ffffff;
}

.cta_color_red2 .cta_color_btn,
.cta_color_red2 a{
  background-color:#ffffff;
  border-color:#df5656;
  color:#df5656;
  border-width: 3px;
  border-style: solid;
}

.cta_color_red2 .selected{
  background-color:#df5656;
  border-color:#df5656;
  color:#ffffff;
}

.cta_color_red3 .cta_color_btn,
.cta_color_red3 a{
  background-color:#dd0000;
  color:#fff;
}

.cta_color_red3 .selected{
  background-color:#990000;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_red4 .cta_color_btn,
.cta_color_red4 a{
  background-color:#df5656;
  color:#fff;
}

.cta_color_red4 .selected{
  background-color:#a52121;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_red1 .button-active,
.cta_color_red2 .button-active,
.cta_color_red3 .button-active,
.cta_color_red4 .button-active
{
  color:#ffffff;
  background-color:#ff2600;
  border-color:#ff2600;
}


.cta_color_pink1 .cta_color_btn,
.cta_color_pink1 a{
  background-color:#ffffff;
  border-color:#db1064;
  color:#db1064;
  border-width: 3px;
  border-style: solid;
}

.cta_color_pink1 .selected{
  background-color:#db1064;
  border-color:#db1064;
  color:#ffffff;
}

.cta_color_pink2 .cta_color_btn,
.cta_color_pink2 a{
  background-color:#ffffff;
  border-color:#d37582;
  color:#d37582;
  border-width: 3px;
  border-style: solid;
}

.cta_color_pink2 .selected{
  background-color:#d37582;
  border-color:#d37582;
  color:#ffffff;
}

.cta_color_pink3 .cta_color_btn,
.cta_color_pink3 a{
  background-color:#db1064;
  color:#fff;
}

.cta_color_pink3 .selected{
  background-color:#9b0040;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_pink4 .cta_color_btn,
.cta_color_pink4 a{
  background-color:#d37582;
  color:#ffffff;
}

.cta_color_pink4 .selected{
  background-color:#973441;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_pink1 .button-active,
.cta_color_pink2 .button-active,
.cta_color_pink3 .button-active,
.cta_color_pink4 .button-active
{
  color:#ffffff;
  background-color:#e00069;
  border-color:#e00069;
}


.cta_color_purple1 .cta_color_btn,
.cta_color_purple1 a{
  background-color:#ffffff;
  border-color:#3e0b4b;
  color:#3e0b4b;
  border-width: 3px;
  border-style: solid;
}


.cta_color_purple2 .cta_color_btn,
.cta_color_purple2 a{
  background-color:#ffffff;
  border-color:#9e62ad;
  color:#9e62ad;
  border-width: 3px;
  border-style: solid;
}

.cta_color_purple2 .selected{
  background-color:#9e62ad;
  border-color:#9e62ad;
  color:#ffffff;
}

.cta_color_purple3 .cta_color_btn,
.cta_color_purple3 a{
  background-color:#3e0b4b;
  color:#fff;
}

.cta_color_purple3 .selected{
  background-color:#260030;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_purple4 .cta_color_btn,
.cta_color_purple4 a{
  background-color:#9e62ad;
  color:#ffffff;
}

.cta_color_purple4 .selected{
  background-color:#552063;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_purple1 .button-active,
.cta_color_purple2 .button-active,
.cta_color_purple3 .button-active,
.cta_color_purple4 .button-active
{
  color:#ffffff;
  background-color:#8b0074;
  border-color:#8b0074;
}


.cta_color_black1 .cta_color_btn,
.cta_color_black1 a{
  background-color:#ffffff;
  border-color:#000000;
  color:#000000;
  border-width: 3px;
  border-style: solid;
}

.cta_color_black1 .selected{
  background-color:#000000;
  border-color:#000000;
  color:#ffffff;
}

.cta_color_black2 .cta_color_btn,
.cta_color_black2 a{
  background-color:#ffffff;
  border-color:#666666;
  color:#666666;
  border-width: 3px;
  border-style: solid;
}

.cta_color_black2 .selected{
  background-color:#666666;
  border-color:#666666;
  color:#ffffff;
}

.cta_color_black3 .cta_color_btn,
.cta_color_black3 a{
  background-color:#2e2e2e;
  color:#fff;
}

.cta_color_black3 .selected{
  background-color:#000000;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_black4 .cta_color_btn,
.cta_color_black4 a{
  background-color:#666666;
  color:#ffffff;
}

.cta_color_black4 .selected{
  background-color:#2e2e2e;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_black1 .button-active,
.cta_color_black2 .button-active,
.cta_color_black3 .button-active,
.cta_color_black4 .button-active
{
  color:#000000;
  background-color:#ffffff;
  border-color:#000000;
}

.cta_color_blue1 .cta_color_btn,
.cta_color_blue1 a{
  background-color:#ffffff;
  border-color:#0042cf;
  color:#0042cf;
  border-width: 3px;
  border-style: solid;
}

.cta_color_blue1 .selected{
  background-color:#0042cf;
  border-color:#0042cf;
  color:#ffffff;
}

.cta_color_blue2 .cta_color_btn,
.cta_color_blue2 a{
  background-color:#ffffff;
  border-color:#3f83db;
  color:#3f83db;
  border-width: 3px;
  border-style: solid;
}

.cta_color_blue2 .selected{
  background-color:#3f83db;
  border-color:#3f83db;
  color:#ffffff;
}

.cta_color_blue3 .cta_color_btn,
.cta_color_blue3 a{
  background-color:#0042cf;
  color:#fff;
}

.cta_color_blue3 .selected{
  background-color:#001f63;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_blue4 .cta_color_btn,
.cta_color_blue4 a{
  background-color:#3f83db;
  color:#ffffff;
}

.cta_color_blue4 .selected{
  background-color:#113769;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_blue1 .button-active,
.cta_color_blue2 .button-active,
.cta_color_blue3 .button-active,
.cta_color_blue4 .button-active
{
  color:#ffffff;
  background-color:#007ba0;
  border-color:#007ba0;
}


.cta_color_tiffany1 .cta_color_btn,
.cta_color_tiffany1 a{
  background-color:#ffffff;
  border-color:#00a597;
  color:#00a597;
  border-width: 3px;
  border-style: solid;
}

.cta_color_tiffany1 .selected{
  background-color:#00a597;
  border-color:#00a597;
  color:#ffffff;
}

.cta_color_tiffany2 .cta_color_btn,
.cta_color_tiffany2 a{
  background-color:#ffffff;
  border-color:#00ddc0;
  color:#00ddc0;
  border-width: 3px;
  border-style: solid;
}

.cta_color_tiffany2 .selected{
  background-color:#00ddc0;
  border-color:#00ddc0;
  color:#ffffff;
}

.cta_color_tiffany3 .cta_color_btn,
.cta_color_tiffany3 a{
  background-color:#00a597;
  color:#fff;
}

.cta_color_tiffany3 .selected{
  background-color:#006e65;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_tiffany4 .cta_color_btn,
.cta_color_tiffany4 a{
  background-color:#00ddc0;
  color:#ffffff;
}

.cta_color_tiffany4 .selected{
  background-color:#008371;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_tiffany1 .button-active,
.cta_color_tiffany2 .button-active,
.cta_color_tiffany3 .button-active,
.cta_color_tiffany4 .button-active
{
  color:#ffffff;
  background-color:#00a8db;
  border-color:#00a8db;
}


.cta_color_green1 .cta_color_btn,
.cta_color_green1 a{
  background-color:#ffffff;
  border-color:#218531;
  color:#218531;
  border-width: 3px;
  border-style: solid;
}

.cta_color_green1 .selected{
  background-color:#218531;
  border-color:#218531;
  color:#ffffff;
}

.cta_color_green2 .cta_color_btn,
.cta_color_green2 a{
  background-color:#ffffff;
  border-color:#70c998;
  color:#70c998;
  border-width: 3px;
  border-style: solid;
}

.cta_color_green2 .selected{
  background-color:#70c998;
  border-color:#70c998;
  color:#ffffff;
}

.cta_color_green3 .cta_color_btn,
.cta_color_green3 a{
  background-color:#218531;
  color:#fff;
}

.cta_color_green3 .selected{
  background-color:#0c3f15;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_green4 .cta_color_btn,
.cta_color_green4 a{
  background-color:#70c998;
  color:#ffffff;
}

.cta_color_green4 .selected{
  background-color:#2d6b4a;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_green1 .button-active,
.cta_color_green2 .button-active,
.cta_color_green3 .button-active,
.cta_color_green4 .button-active
{
  color:#ffffff;
  background-color:#00aa80;
  border-color:#00aa80;
}


.cta_color_yellow1 .cta_color_btn,
.cta_color_yellow1 a{
  background-color:#ffffff;
  border-color:#b8c500;
  color:#b8c500;
  border-width: 3px;
  border-style: solid;
}

.cta_color_yellow1 .selected{
  background-color:#b8c500;
  border-color:#b8c500;
  color:#ffffff;
}

.cta_color_yellow2 .cta_color_btn,
.cta_color_yellow2 a{
  background-color:#ffffff;
  border-color:#bdbb48;
  color:#bdbb48;
  border-width: 3px;
  border-style: solid;
}

.cta_color_yellow2 .selected{
  background-color:#bdbb48;
  border-color:#bdbb48;
  color:#ffffff;
}

.cta_color_yellow3 .cta_color_btn,
.cta_color_yellow3 a{
  background-color:#b8c500;
  color:#fff;
}

.cta_color_yellow3 .selected{
  background-color:#727a00;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_yellow4 .cta_color_btn,
.cta_color_yellow4 a{
  background-color:#bdbb48;
  color:#ffffff;
}

.cta_color_yellow4 .selected{
  background-color:#8a8820;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_yellow1 .button-active,
.cta_color_yellow2 .button-active,
.cta_color_yellow3 .button-active,
.cta_color_yellow4 .button-active
{
  color:#ffffff;
  background-color:#000000;
  border-color:#000000;
}


.cta_color_orange1 .cta_color_btn,
.cta_color_orange1 a{
  background-color:#ffffff;
  border-color:#ff4800;
  color:#ff4800;
  border-width: 3px;
  border-style: solid;
}

.cta_color_orange1 .selected{
  background-color:#ff4800;
  border-color:#ff4800;
  color:#ffffff;
}

.cta_color_orange2 .cta_color_btn,
.cta_color_orange2 a{
  background-color:#ffffff;
  border-color:#ff8f27;
  color:#ff8f27;
  border-width: 3px;
  border-style: solid;
}

.cta_color_orange2 .selected{
  background-color:#ff8f27;
  border-color:#ff8f27;
  color:#ffffff;
}

.cta_color_orange3 .cta_color_btn,
.cta_color_orange3 a{
  background-color:#ff4800;
  color:#fff;
}

.cta_color_orange3 .selected{
  background-color:#a01800;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_orange4 .cta_color_btn,
.cta_color_orange4 a{
  background-color:#ff8f27;
  color:#ffffff;
}

.cta_color_orange4 .selected{
  background-color:#ad5400;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_orange1 .button-active,
.cta_color_orange2 .button-active,
.cta_color_orange3 .button-active,
.cta_color_orange4 .button-active
{
  color:#ffffff;
  background-color:#270070;
  border-color:#270070;
}


.cta_color_brown1 .cta_color_btn,
.cta_color_brown1 a{
  background-color:#ffffff;
  border-color:#3d251b;
  color:#3d251b;
  border-width: 3px;
  border-style: solid;
}

.cta_color_brown1 .selected{
  background-color:#3d251b;
  border-color:#3d251b;
  color:#ffffff;
}

.cta_color_brown2 .cta_color_btn,
.cta_color_brown2 a{
  background-color:#ffffff;
  border-color:#7e6b48;
  color:#7e6b48;
  border-width: 3px;
  border-style: solid;
}

.cta_color_brown2 .selected{
  background-color:#7e6b48;
  border-color:#7e6b48;
  color:#ffffff;
}

.cta_color_brown3 .cta_color_btn,
.cta_color_brown3 a{
  background-color:#3d251b;
  color:#fff;
}

.cta_color_brown3 .selected{
  background-color:#290d00;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_brown4 .cta_color_btn,
.cta_color_brown4 a{
  background-color:#7e6b48;
  color:#ffffff;
}

.cta_color_brown4 .selected{
  background-color:#685228;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_brown1 .button-active,
.cta_color_brown2 .button-active,
.cta_color_brown3 .button-active,
.cta_color_brown4 .button-active
{
  color:#ffffff;
  background-color:#000000;
  border-color:#000000;
}

.cta_color_cream1 .cta_color_btn,
.cta_color_cream1 a{
  background-color:#ffffff;
  border-color:#d4b893;
  color:#d4b893;
  border-width: 3px;
  border-style: solid;
}

.cta_color_cream1 .selected{
  background-color:#d4b893;
  border-color:#d4b893;
  color:#ffffff;
}

.cta_color_cream2 .cta_color_btn,
.cta_color_cream2 a{
  background-color:#ffffff;
  border-color:#c9b69b;
  color:#c9b69b;
  border-width: 3px;
  border-style: solid;
}

.cta_color_cream2 .selected{
  background-color:#c9b69b;
  border-color:#c9b69b;
  color:#ffffff;
}

.cta_color_cream3 .cta_color_btn,
.cta_color_cream3 a{
  background-color:#d4b893;
  color:#fff;
}

.cta_color_cream3 .selected{
  background-color:#917552;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_cream4 .cta_color_btn,
.cta_color_cream4 a{
  background-color:#c9b69b;
  color:#ffffff;
}

.cta_color_cream4 .selected{
  background-color:#8b7658;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_cream1 .button-active,
.cta_color_cream2 .button-active,
.cta_color_cream3 .button-active,
.cta_color_cream4 .button-active
{
  color:#ffffff;
  background-color:#382811;
  border-color:#382811;
}

.cta_color_white1 .cta_color_btn,
.cta_color_white1 a{
  border-color:#ffffff;
  color:#ffffff;
  border-width: 3px;
  border-style: solid;
}

.cta_color_white1 .selected{
  background-color:#ffffff4d;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_white2 .cta_color_btn,
.cta_color_white2 a{
  border-color:#ece9e6;
  color:#ece9e6;
  border-width: 3px;
  border-style: solid;
}

.cta_color_white2 .selected{
  background-color:#ffffff4d;
  border-color:#ffffff;
  color:#ffffff;
}

.cta_color_white3 .cta_color_btn,
.cta_color_white3 a{
  background-color:#ffffff;
  color:#2e2e2e;
}

.cta_color_white3 .selected{
  background-color:#ffffff;
  border-color:#6d6d6d;
  color:#6d6d6d;
}

.cta_color_white4 .cta_color_btn,
.cta_color_white4 a{
  background-color:#fffaf3;
  color:#464040;
}

.cta_color_white4 .selected{
  background-color:#ffffff;
  border-color:#464040;
  color:#464040;
}

.cta_color_white1 .button-active,
.cta_color_white2 .button-active,
.cta_color_white3 .button-active,
.cta_color_white4 .button-active
{
  color:#ffffff;
  background-color:#3b3b3b;
  border-color:#3b3b3b;
}



.general_bg_{
  background-image: url(./front_basic__img/pcbg.png);
}

.general_bg_red1{
  background-color:#dd0000;
  color:#fff;
}
.general_bg_red2{
  background-color:#ffd3d3;
  color:#242424;
}

.general_bg_red1 h2 span{
  border-bottom-color:#a70000;
  color:#fff;
}
.general_bg_red2 h2 span{
  border-bottom-color:#a70000;
  color:#444444;
}


.general_bg_pink1{
  background-color:#db1064;
  color:#fff;
}
.general_bg_pink2{
  background-color:#f3cedb;
  color:#242424;
}

.general_bg_pink1 h2 span{
  border-bottom-color:#a80046;
  color:#fff;
}
.general_bg_pink2 h2 span{
  border-bottom-color:#a80046;
  color:#444444;
}

.general_bg_purple1{
  background-color:#3e0b4b;
  color:#fff;
}
.general_bg_purple2{
  background-color:#ead7ec;
  color:#242424;
}

.general_bg_purple1 h2 span{
  border-bottom-color:#450057;
  color:#fff;
}
.general_bg_purple2 h2 span{
  border-bottom-color:#450057;
  color:#444444;
}

.general_bg_black1{
  background-color:#000000;
  color:#fff;
}
.general_bg_black2{
  background-color:#c7c7c7;
  color:#242424;
}

.general_bg_black1 h2 span{
  border-bottom-color:#4d4d4d;
  color:#fff;
}
.general_bg_black2 h2 span{
  border-bottom-color:#4d4d4d;
  color:#444444;
}

.general_bg_blue1{
  background-color:#0042cf;
  color:#fff;
}
.general_bg_blue2{
  background-color:#dfedff;
  color:#242424;
}

.general_bg_blue1 h2 span{
  border-bottom-color:#00236e;
  color:#fff;
}
.general_bg_blue2 h2 span{
  border-bottom-color:#00236e;
  color:#444444;
}


.general_bg_tiffany1{
  background-color:#00a597;
  color:#fff;
}
.general_bg_tiffany2{
  background-color:#dffffa;
  color:#242424;
}

.general_bg_tiffany1 h2 span{
  border-bottom-color:#00d3c2;
  color:#fff;
}
.general_bg_tiffany2 h2 span{
  border-bottom-color:#006e65;
  color:#444444;
}


.general_bg_green1{
  background-color:#218531;
  color:#fff;
}
.general_bg_green2{
  background-color:#d4f9e5;
  color:#242424;
}

.general_bg_green1 h2 span{
  border-bottom-color:#0c741d;
  color:#fff;
}
.general_bg_green2 h2 span{
  border-bottom-color:#0c741d;
  color:#444444;
}


.general_bg_yellow1{
  background-color:#b8c500;
  color:#fff;
}
.general_bg_yellow2{
  background-color:#fffed9;
  color:#242424;
}

.general_bg_yellow1 h2 span{
  border-bottom-color:#000000;
  color:#fff;
}
.general_bg_yellow2 h2 span{
  border-bottom-color:#000000;
  color:#444444;
}


.general_bg_orange1{
  background-color:#ff4800;
  color:#fff;
}
.general_bg_orange2{
  background-color:#ffe7d0;
  color:#242424;
}

.general_bg_orange1 h2 span{
  border-bottom-color:#06003f;
  color:#fff;
}
.general_bg_orange2 h2 span{
  border-bottom-color:#06003f;
  color:#444444;
}

.general_bg_brown1{
  background-color:#3d251b;
  color:#fff;
}
.general_bg_brown2{
  background-color:#e5e0d8;
  color:#242424;
}

.general_bg_brown1 h2 span{
  border-bottom-color:#61511c;
  color:#fff;
}
.general_bg_brown2 h2 span{
  border-bottom-color:#61511c;
  color:#444444;
}

.general_bg_cream1{
  background-color:#d4b893;
  color:#fff;
}
.general_bg_cream2{
  background-color:#fff8ef;
  color:#242424;
}

.general_bg_cream1 h2 span{
  border-bottom-color:#927b59;
  color:#fff;
}
.general_bg_cream2 h2 span{
  border-bottom-color:#927b59;
  color:#444444;
}

.general_bg_white1{
  background-color:#ffffff;
  color:#242424;
}
.general_bg_white2{
  background-color:#f5f5f5;
  color:#242424;
}
.general_bg_white1 h2 span{
  color:#808080;
}
.general_bg_white2 h2 span{
  color:#808080;
}


.speechbubble{
  width: 66%;
  margin: 24px 0 24px 0;
}

.speechbubble .speechbubble__head{max-height: 32px;}
.speechbubble .speechbubble__bg{
  background-image: url(./front_article__img/speechballon_02.png);
  background-size: 100%;
  background-repeat: repeat-y;
  width: 100%;
  padding: 4px 6% 4px 12%;
}
.speechbubble .speechbubble__foot{max-height: 32px;}




.general_text_color_{
  color:#969696;
}

.general_text_color_red1{
  color:#dd0000;
}
.general_text_color_red2{
  color:#ffd3d3;
}


.general_text_color_pink1{
  color:#db1064;
}
.general_text_color_pink2{
  color:#f3cedb;
}


.general_text_color_purple1{
  color:#3e0b4b;
}
.general_text_color_purple2{
  color:#ead7ec;
}


.general_text_color_black1{
  color:#000000;
}
.general_text_color_black2{
  color:#424242;
}


.general_text_color_blue1{
  color:#0042cf;
}
.general_text_color_blue2{
  color:#dfedff;
}


.general_text_color_tiffany1{
  color:#00a597;
}
.general_text_color_tiffany2{
  color:#dffffa;
}


.general_text_color_green1{
  color:#218531;
}
.general_text_color_green2{
  color:#d4f9e5;
}


.general_text_color_yellow1{
  color:#b8c500;
}
.general_text_color_yellow2{
  color:#fffed9;
}


.general_text_color_orange1{
  color:#ff4800;
}
.general_text_color_orange2{
  color:#ffe7d0;
}

.general_text_color_brown1{
  color:#3d251b;
}
.general_text_color_brown2{
  color:#e5e0d8;
}


.general_text_color_cream1{
  color:#d4b893;
}
.general_text_color_cream2{
  color:#fff8ef;
}

.general_text_color_white1{
  color:#ffffff;
}
.general_text_color_white2{
  color:#f5f5f5;
}



  /* 比較表 20240801 From here */
  .article__table {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 99%;
    margin: auto;
    position: relative;
    border-width: 2px;
    border-style: solid;
    border-color: #ccc;
    margin: 0 0 36px 0;
    border-radius: 16px;
    overflow: hidden;
    padding: 12px 0;
    background-color: #fff;
  }
  
  .article__table .article__table__td {
    width: 33.33%;
    padding: 12px 3.2% 40px 3.2%;
    margin: 0;
    border-width: 0 1px;
    border-style: solid;
    border-color: #ccc;
    display: flex;
    justify-content: center;
  }
  
  .article__table .article__table__td span {
    text-align: left;
    line-height: 1.0;
    font-size: 14px;
  }
  
  .article__table .pic__full__size,
  .article__table .cta_btn {
    width: 33.33%;
    padding: 12px 2% 12px 2%;
    line-height: 1.2;
    margin: 0;
    border-width: 0 1px;
    border-style: solid;
    border-color: #ccc;
  }
  
  .article__table .article__table__subhead {
    width: 100%;
    text-align: center;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-color: #ccc;
    border-width: 0 1px;
    border-style: solid;
    background-color: #e5e5e5;
  }
  
  .article__table .article__table__subhead span {
    padding: 24px 4% 8px 4%;
    text-align: left;
    display: block;
    font-weight: bold;
    color: #666666;
    line-height: 1.2;
    font-size: 14px;
    max-width: 100%;
    margin: 0 auto;
  }
  
  ::after .article__table .article__table__subhead span {
    content: "test";
  
  }
  
  .article__table .article__table__rankicon {
    font-size: 28px;
    font-weight: bold;
    width: 33.33%;
    padding: 12px 2% 0px 2%;
    line-height: 1.2;
    margin: 0;
    text-align: center;
    position: sticky;
    top: 0;
    border-width: 0 1px;
    border-style: solid;
    border-color: #ccc;
  }
  
  .article__table .article__table__rankicon1 {
    color: #c7bd69;
  }
  
  .article__table .article__table__rankicon2 {
    color: #acaa9a;
  }
  
  .article__table .article__table__rankicon3 {
    color: #c4794d;
  }
  
  
  
  .article__table .article__table__2maru {
    background-image: url(./front_article__img_asset/2maru.png);
  }
  
  .article__table .article__table__maru {
    background-image: url(./front_article__img_asset/maru.png);
  }
  
  .article__table .article__table__sankaku {
    background-image: url(./front_article__img_asset/sankaku.png);
  }
  
  .article__table .article__table__batsu {
    background-image: url(./front_article__img_asset/batsu.png);
  }
  
  .article__table .article__table__shape {
    background-repeat: no-repeat;
    background-size: 40px;
    background-position-x: center;
    background-position-y: 12px;
    padding: 64px 4% 24px 4%;
  }
  
  
  .article__table .article__table__50star {
    background-image: url(./front_article__img_asset/star5-0.png);
  }
  .article__table .article__table__45star {
    background-image: url(./front_article__img_asset/star4-5.png);
  }
  .article__table .article__table__40star {
    background-image: url(./front_article__img_asset/star4-0.png);
  }
  .article__table .article__table__35star {
    background-image: url(./front_article__img_asset/star3-5.png);
  }
  .article__table .article__table__30star {
    background-image: url(./front_article__img_asset/star3-0.png);
  }
  .article__table .article__table__25star {
    background-image: url(./front_article__img_asset/star2-5.png);
  }
  .article__table .article__table__20star {
    background-image: url(./front_article__img_asset/star2-0.png);
  }
  .article__table .article__table__15star {
    background-image: url(./front_article__img_asset/star1-5.png);
  }
  .article__table .article__table__10star {
    background-image: url(./front_article__img_asset/star1-0.png);
  }
  .article__table .article__table__05star {
    background-image: url(./front_article__img_asset/star1-0.png);
  }
  .article__table .article__table__00star {
    background-image: url(./front_article__img_asset/star0-0.png);
  }
  
  .article__table .article__table__star {
    background-repeat: no-repeat;
    background-size: 80px;
    background-position-x: center;
    background-position-y: 12px;
    padding: 36px 4% 24px 4%;
  }
  
  .article__table .cta_btn a span{
  font-size: 12px;
  }
  
  
  /* 比較表 20240801 To here */