@charset "utf-8";

/* スタイルシート共通　一覧 */


/* スタイルシート　ステップ表示部分 */

:root {
  --square-size: clamp(1.5rem, 3vw, 4rem);
  --spacing: clamp(0.25rem, 2vw, 0.5rem);
}


.conft-stepper {
  display: flex;
}

.conft-stepper_item {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left:1rem;
  padding-right:1rem;
}

.conft-stepper_item:before {
  --size: 3rem;
  content: "";
  display: flex;
  width: var(--square-size);
  height: var(--square-size);
  background-color:#d82824;
  margin: 0 auto 1rem;
  color:#FFFFFF;
  font-size: 1.6rem;
  font-weight: bold;
  justify-content: center; 
  align-items: center;
}
.conft-stepper_item.do_01:before {
  content: "01";
}
.conft-stepper_item.do_02:before {
  content: "02";
}
.conft-stepper_item.do_03:before {
  content: "03";
}
.conft-stepper_item.do_04:before {
  content: "04";
}

.conft-stepper_item.save:before {
  background-color:#4caf50;
}



.conft-stepper_item:not(:last-child):after {
  content: "";
  position: relative;
  top: calc(var(--square-size) / 2);
  width: calc(100% - calc(var(--square-size) / 1.2));
  left: calc(50% + calc(var(--square-size) / 2 + var(--spacing)));
  height: 2px;
  background-color: #e0e0e0;
  order: -1;
}

.conft-stepper__item {
  position: relative;
  display: flex;
  gap: 1rem;
  padding-bottom: 4rem;
}

.conft-stepper__item:before {
  --size: 3rem;
  content: "";
  display: flex;
  width: calc(var(--square-size) * 2);
  height: calc(var(--square-size) * 2);
  background-color:#d82824;
  color:#FFFFFF;
  font-size: 1.6rem;
  font-weight: bold;
  justify-content: center; 
  align-items: center;
}
.conft-stepper__item.do_01:before {
  content: "01";
}
.conft-stepper__item.do_02:before {
  content: "02";
}
.conft-stepper__item.do_03:before {
  content: "03";
}
.conft-stepper__item.do_04:before {
  content: "04";
}

.conft-stepper__item.save:before {
  background-color:#4caf50;
}



.conft-stepper__item:not(:last-child):after {
  content: "";
  position: absolute;
  left: calc(var(--square-size) / 2);
  top: calc(var(--square-size) * 2.5);
  bottom: var(--spacing);
  z-index: -1;
  transform: translateX(calc(var(--square-size) / 2));
  width: 2px;
  background-color: #e0e0e0;
}

.conft-stepper_title {
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
}

.conft-stepper_desc {
  font-size: 1.2rem;
}

.conft-stepper__content {
  max-width: 960px;
}

.conft_step {
  max-width: 1200px;
  margin: 2rem auto 0;
}






ol.cad li {
  position: relative;
  list-style-type: none;
}

ol.cad li:before {
  position: absolute;
  right: calc(100% + 0.5rem);
  content: "（" counter(list-item) "）";
}

ol.recommend62 li {
  position: relative;
  list-style-type: none;
  right: -3rem;
}

ol.recommend62 li:before {
  position: absolute;
  left: -2.5rem;
  content: counters(list-item, "-") ". ";
  counter-increment: item;
}

ol.recommend_nb li {
  list-style-type: none;
}


.list-no-border {
  border-left:none;
  border-right:none;
}

ul.check li::before {
  content:"✔";
  color:#009944;
  padding-right:0.5rem;
}


.popNew {
  position: absolute;
  top: -2.5rem;
  padding: 6px;
  border: 1px solid #DDDDDD;
  border-radius: 3px;
  background-color: #e60023;
  color: #FFFFFF;
}

.popNew::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20%;
  border-style: solid;
  border-width: 10px 0 0 10px;
  border-color: #DDDDDD transparent transparent;
  translate: -50% 100%;
  transform: skew(20deg);
  transform-origin: top;
}

.popNew::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20%;
  border-style: solid;
  border-width: 7.6px 0 0 7.6px;
  border-color: #e60023 transparent transparent;
  translate: calc(-50% + 0.2px) 100%;
  transform: skew(20deg);
  transform-origin: top;
}

.nmttl {
  border-bottom: 2px solid #d82824;
}

.nmttl span.num {
  display: inline-block;
  font-weight:normal;
  color: #FFFFFF;
  padding: 0 10px;
  margin-right: 10px;
  background: #d82824;
  letter-spacing: -1px;
}


.feature-title {
  display: inline-block;
  padding: 5px 25px;
  border: 2px solid #c93a3a;
  border-radius: 6px;
  margin: 25px 0 15px;
}

.law-title {
  border-left: 4px solid #8bc34a;
  border-bottom:2px solid #8bc34a;
  padding-left: 10px;
  padding-bottom:5px;
  margin-bottom:8px;
}
.law-title span.num {
  color:#4caf50;
  margin-right:8px;
}

.btn_law {
  background-color: #8bc34a;
  color: #FFFFFF;
  padding: 1rem;
  margin:0.4rem;
  border-radius: 10px;
}

.bg-lightsv {
  background-color: #8bc34a!important;
}

.bg-lightsvs {
  background-color: #f4faee!important;
}

/* スタイルシート　ステップ表示部分 */



@media (max-width: 1200px) {
.ly_bd_information.arc { padding-left: unset;padding-right: unset; }
}

@media (min-width: 1200px) and (max-width: 1699px){
.ly_bd_information.arc { padding-left: 10%;padding-right: 10%; }
}


@media screen and (min-width:1700px) {
.ly_bd_information.arc { padding-left: 18%;padding-right: 18%; }
}

@media screen and (min-width:2000px) {
.ly_bd_information.arc { padding-left: 22%;padding-right: 22%; }
}


.ly_hd_pgn-dracad {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #00013C url("../img/program/dracad_bg.webp") no-repeat top left;
  background-size:cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-dracad:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-dracad img {
  filter: drop-shadow(1px 1px 2px #00013C);
}

.ly_hd_pgn-dracad.v21 {
  background: #EAEAEB url("../img/program/dracad21_bg.webp") no-repeat top right;
}
.ly_hd_pgn-dracad.v21 img {
  filter: drop-shadow(1px 1px 2px #EAEAEB);
}
.ly_hd_pgn-dracad.v21le {
  background: #EAEAEB url("../img/program/dracad21le_bg.webp") no-repeat top right;
}
.ly_hd_pgn-dracad.v21le img {
  filter: drop-shadow(1px 1px 2px #EAEAEB);
}

.ly_hd_pgn-dracad.v22 {
  background: #49519F url("../img/program/dracad22_bg.webp") no-repeat top right;
}
.ly_hd_pgn-dracad.v22 img {
  filter: drop-shadow(1px 1px 2px #49519F);
}
.ly_hd_pgn-dracad.v22le {
  background: #CD7272 url("../img/program/dracad22le_bg.webp") no-repeat top right;
}
.ly_hd_pgn-dracad.v22le img {
  filter: drop-shadow(1px 1px 2px #CD7272);
}

.ly_hd_pgn-dracad.v2025 {
  background: #2B2F5B url("../img/program/dracad2025_bg.webp") no-repeat top right;
}
.ly_hd_pgn-dracad.v2025 img {
  filter: drop-shadow(1px 1px 2px #2B2F5B);
}
.ly_hd_pgn-dracad.v2025le {
  background: #B74040 url("../img/program/dracadle2025_bg.webp") no-repeat top right;
}
.ly_hd_pgn-dracad.v2025le img {
  filter: drop-shadow(1px 1px 2px #B74040);
}

.ly_hd_pgn-dracad.v2026 {
  background: #007A88 url("../img/program/dracad2026_bg.webp") no-repeat top right;
}
.ly_hd_pgn-dracad.v2026 img {
  filter: drop-shadow(1px 1px 2px #007A88);
}
.ly_hd_pgn-dracad.v2026le {
  background: #FA8484 url("../img/program/dracadle2026_bg.webp") no-repeat top right;
}
.ly_hd_pgn-dracad.v2026le img {
  filter: drop-shadow(1px 1px 2px #FA8484);
}

.ly_hd_pgn-dracad.latest {
  background: #007A88 url("../img/program/dracad_latest_bg.webp") no-repeat top right;
}
.ly_hd_pgn-dracad.latest_le {
  background: #FA8484 url("../img/program/dracadle2026_bg.webp") no-repeat top right;
}
.ly_hd_pgn-dracad.latest_le img {
  filter: drop-shadow(1px 1px 2px #FA8484);
}

.ly_hd_pgn-dracad.no_svg.ly_hd_member {
  padding: 35px 20px;
}


.ly_hd_pgn-iarm {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #CE7E00 url("../img/program/iarm_latest_bg.webp") no-repeat bottom left;
  background-size:cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-iarm:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-iarm img {
  filter: drop-shadow(1px 1px 2px #7F6000);
}


.ly_hd_pgn-saveb {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #A9CEEB url("../img/program/save_building_latest_bg.webp") no-repeat bottom left;
  background-size:cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-saveb:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-saveb img {
  filter: drop-shadow(1px 1px 2px #00897b);
}


.ly_hd_pgn-saveh {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #73AAE0 url("../img/program/save_house_latest_bg.webp") no-repeat bottom left;
  background-size:cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-saveh:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-saveh img {
  filter: drop-shadow(1px 1px 2px #4caf50);
}


.ly_hd_pgn-housesv {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #5E90C5 url("../img/program/housesv_latest_bg.webp") no-repeat bottom left;
  background-size:cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-housesv:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-housesv img {
  filter: drop-shadow(1px 1px 2px #5E90C5);
}

.ly_hd_pgn-housesv.v5 {
  background: #8C725F url("../img/program/housesv_v5_bg.webp") no-repeat top right;
}
.ly_hd_pgn-housesv.v5 img {
  filter: drop-shadow(1px 1px 2px #8C725F);
}


.ly_hd_pgn-kensyo {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #377D44 url("../img/program/kensyo_latest_bg.webp") no-repeat center left;
  background-size:cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-kensyo:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-kensyo img {
  filter: drop-shadow(1px 1px 2px #377D44);
}


.ly_hd_pgn-caddata {
  padding: 20px 20px;
  color: #999999;
  background: #FFFFFF url("../img/program/caddata_latest_bg.webp") no-repeat center left;
  background-size:cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-caddata:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-caddata img {
  filter: drop-shadow(1px 1px 2px #DDDDDD);
}


.ly_hd_pgn-draar {
  padding: 20px 20px;
  color: #999999;
  background: #F4F2F3 url("../img/program/draar_latest_bg.webp") no-repeat center left;
  background-size:cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-draar:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-draar img {
  filter: drop-shadow(1px 1px 2px #DDDDDD);
}


.ly_hd_pgn-draviewer {
  padding: 20px 20px;
  color: #999999;
  background: #F8F8F8 url("../img/program/draviewer_latest_bg.webp") no-repeat center left;
  background-size:cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-draviewer:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-draviewer img {
  filter: drop-shadow(1px 1px 2px #DDDDDD);
}




.main-title.dracad {
  border-left: 10px solid #00013C ;
}

.main-title.iarm {
  border-left: 10px solid #d82824 ;
}

.main-title.saveb {
  border-left: 10px solid #00897b ;
}
.main-title.saveb span.mbmin {
  font-size:1.3rem;
  font-weight:bold;
  color: #FFFFFF;
  padding:5px 20px;
  background-color:#5ab43a;
  border-radius:4px;
}
.main-title.saveb span.stdin {
  font-size:1.3rem;
  font-weight:bold;
  color: #FFFFFF;
  padding:5px 20px;
  background-color:#00acb1;
  border-radius:4px;
}


.main-title.saveh {
  border-left: 10px solid #4caf50 ;
}

.main-title.housesv {
  border-left: 10px solid #5E90C5 ;
}
.main-title.housesv.v5 {
  border-left: 10px solid #8C725F ;
}

.main-title.kensyo {
  border-left: 10px solid #377D44 ;
}

.main-title.caddata {
  border-left: 10px solid #00013C ;
}

.main-title.draar {
  border-left: 10px solid #6FA8DC ;
}

.main-title.draviewer {
  border-left: 10px solid #ED3232 ;
}




.sub-title.dracad:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #00013C;
}

.sub-title.iarm:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #d82824;
}

.sub-title.saveb:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #00897b;
}

.sub-title.saveh:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #4caf50;
}

.sub-title.housesv:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #5E90C5;
}

.sub-title.kensyo:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #377D44;
}

.sub-title.caddata:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #00013C;
}

.sub-title.draar:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #6FA8DC;
}


.sub-title.draviewer:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #ED3232;
}






.sub2-title.dracad {
  border-bottom: 2px solid #00013C;
}

.sub2-title.dracad span {
  font-size:1.6rem;
  color:#FFFFFF;
  background: linear-gradient(to right, #3954a2 0%, #5569ce 100%);
  background: -ms-linear-gradient(left, #3954a2, #5569ce);
  margin:0 1rem 0.6rem 1rem;
  padding:0.6rem;
  width: 120px;
  display: inline-block;
  text-align: center;
}

.sub2-title.iarm {
  border-bottom: 2px solid #d82824;
}

.sub2-title.iarm span {
  font-size:1.6rem;
  color:#FFFFFF;
  background: linear-gradient(to right, #a33b39 0%, #c84441 100%);
  background: -ms-linear-gradient(left, #a33b39, #c84441);
  margin:0 1rem 0.6rem 1rem;
  padding:0.6rem;
  width: 120px;
  display: inline-block;
  text-align: center;
}

.sub2-title.saveb {
  border-bottom: 2px solid #00897b;
}

.sub2-title.saveh {
  border-bottom: 2px solid #4caf50;
}

.sub2-title.housesv {
  border-bottom: 2px solid #5E90C5;
}

.sub2-title.kensyo {
  border-bottom: 2px solid #377D44;
}


.sub2-title.caddata {
  border-bottom: 2px solid #00013C;
}

.sub2-title.draar {
  border-bottom: 2px solid #6FA8DC;
}


.sub2-title.draviewer {
  border-bottom: 2px solid #ED3232;
}





.sub3-title.dracad:before {
  content:"■ ";
  font-weight:bold;
  color:#00013C;
  font-size:2rem;
}

.sub3-title.iarm:before {
  content:"■ ";
  font-weight:bold;
  color:#d82824;
  font-size:2rem;
}

.sub3-title.saveb:before {
  content:"■ ";
  font-weight:bold;
  color:#00897b;
  font-size:2rem;
}

.sub3-title.saveh:before {
  content:"■ ";
  font-weight:bold;
  color:#4caf50;
  font-size:2rem;
}

.sub3-title.housesv:before {
  content:"■ ";
  font-weight:bold;
  color:#5E90C5;
  font-size:2rem;
}

.sub3-title.kensyo:before {
  content:"■ ";
  font-weight:bold;
  color:#377D44;
  font-size:2rem;
}

.sub3-title.caddata:before {
  content:"■ ";
  font-weight:bold;
  color:#00013C;
  font-size:2rem;
}

.sub3-title.draar:before {
  content:"■ ";
  font-weight:bold;
  color:#6FA8DC;
  font-size:2rem;
}

.sub3-title.draviewer:before {
  content:"■ ";
  font-weight:bold;
  color:#ED3232;
  font-size:2rem;
}




.sub4-title.dracad {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #00013C;
  margin-bottom:-0.32rem;
}

.sub4-title.iarm {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #d82824;
  margin-bottom:-0.32rem;
}

.sub4-title.saveb {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #00897b;
  margin-bottom:-0.32rem;
}

.sub4-title.saveh {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #4caf50;
  margin-bottom:-0.32rem;
}

.sub4-title.housesv {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #5E90C5;
  margin-bottom:-0.32rem;
}

.sub4-title.kensyo {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #377D44;
  margin-bottom:-0.32rem;
}

.sub4-title.caddata {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #00013C;
  margin-bottom:-0.32rem;
}

.sub4-title.draar {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #6FA8DC;
  margin-bottom:-0.32rem;
}

.sub4-title.draviewer {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #ED3232;
  margin-bottom:-0.32rem;
}


.card-title.arc {
  position:revert;
  display:table;
}

.card-title.point_01:before {
  color:#dcdcdc;
  content:"01";
  width:1.1em;
  font-size: 4rem;
  padding-right:1rem;
}
.card-title.point_01 span {
  display:table-cell;
  vertical-align:middle;
}

.card-title.point_02:before {
  color:#dcdcdc;
  content:"02";
  width:1.1em;
  font-size: 4rem;
  padding-right:1rem;
}
.card-title.point_02 span {
  display:table-cell;
  vertical-align:middle;
}

.card-title.point_03:before {
  color:#dcdcdc;
  content:"03";
  width:1.1em;
  font-size: 4rem;
  padding-right:1rem;
}
.card-title.point_03 span {
  display:table-cell;
  vertical-align:middle;
}

.card-title.point_04:before {
  color:#dcdcdc;
  content:"04";
  width:1.1em;
  font-size: 4rem;
  padding-right:1rem;
}
.card-title.point_04 span {
  display:table-cell;
  vertical-align:middle;
}

.card-title.point_05:before {
  color:#dcdcdc;
  content:"05";
  width:1.1em;
  font-size: 4rem;
  padding-right:1rem;
}
.card-title.point_05 span {
  display:table-cell;
  vertical-align:middle;
}

.card-title.point_06:before {
  color:#dcdcdc;
  content:"06";
  width:1.1em;
  font-size: 4rem;
  padding-right:1rem;
}
.card-title.point_06 span {
  display:table-cell;
  vertical-align:middle;
}




.card-title.case {
  border-left: 5px solid #ff0000 ;
  padding: 0.75rem 1.5rem;
}

.card-title.dracad {
  border-left: 5px solid #b92623 ;
  padding: 0.35rem 0.8rem;
}

.card-title.iarm {
  border-left: 5px solid #d82824 ;
  padding: 0.35rem 0.8rem;
}

.card-title.saveb {
  border-left: 5px solid #00897b ;
  padding: 0.35rem 0.8rem;
}

.card-title.saveh {
  border-left: 5px solid #4caf50 ;
  padding: 0.35rem 0.8rem;
}

.card-title.housesv {
  border-left: 5px solid #5E90C5 ;
  padding: 0.35rem 0.8rem;
}

.card-title.kensyo {
  border-left: 5px solid #377D44 ;
  padding: 0.35rem 0.8rem;
}

.card-title.draar {
  border-left: 5px solid #6FA8DC ;
  padding: 0.35rem 0.8rem;
}

.card-title.draviewer {
  border-left: 5px solid #ED3232 ;
  padding: 0.35rem 0.8rem;
}



.card-title.asprice {
  color:#FFFFFF;
  background:#b92623;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  line-height: 1.8;
  margin-bottom: 0;
}



.float-link {
  position: absolute;
  margin-left:10px;
  margin-top: 10px;
  width:100px;
  height:100px;
  border:solid 2px #0084ff;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  z-index: 99;
}


.bg-lighty {
  background-color: #fffde4!important;
}

span.dracad_label {
  display: inline-block;
  text-align: center;
  color: #FFFFFF;
  width: auto;
  padding: 0 4px;
  background: #b92623;
  margin-left: 0;
}

.btn-cmd-summary {
  color: rgba(80,80,80,1);
  border-color: #b92523;
  background: #FFFFFF;
  padding:1rem 0;
}
.btn-cmd-summary:hover, .btn-cmd-summary:focus, 
.btn-cmd-summary:active, .btn-cmd-summary:active:focus, .btn-cmd-summary:active:hover, .btn-cmd-summary:active.focus,
.btn-cmd-summary.active, .btn-cmd-summary.active:focus, .btn-cmd-summary.active:hover, .btn-cmd-summary.active.focus,
.open > .dropdown-toggle.btn-cmd-summary, 
.open > .dropdown-toggle.btn-cmd-summary:hover,
.open > .dropdown-toggle.btn-cmd-summary:focus, 
.open > .dropdown-toggle.btn-cmd-summary.focus,
.btn-cmd-summary.disabled:hover, .btn-cmd-summary[disabled]:hover, fieldset[disabled] .btn-cmd-summary:hover,
.btn-cmd-summary.disabled:focus, .btn-cmd-summary[disabled]:focus, fieldset[disabled] .btn-cmd-summary:focus,
.btn-cmd-summary.disabled.focus, .btn-cmd-summary[disabled].focus, fieldset[disabled] .btn-cmd-summary.focus {
  color: rgba(0,0,0,1);
  border-color: #b92523;
  background: #FFFFFF;
}

.btn-cmd-summary.arrow {
  position: relative;
  display: inline-block;
}
.btn-cmd-summary.arrow:after {
  position: absolute;
  top: auto;
  bottom: 6px;
  right: 0;
  left: 0;
  margin: 0 auto;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4.5px 0 4.5px;
  border-color: #b92523 transparent transparent transparent;
  -webkit-transform: none;
  transform: none;
}

img.cmd-summary {
  position: relative;
  overflow: hidden;
  object-fit: cover;
  height: 220px;
}


.btn-action_saveb {
  color: rgba(0,0,0,1);
  border-color: #4db6ac;
  background: #FFFFFF;
  padding:1rem 0;
}
.btn-action_saveb:hover, .btn-action_saveb:focus, 
.btn-action_saveb:active, .btn-action_saveb:active:focus, .btn-action_saveb:active:hover, .btn-action_saveb:active.focus,
.btn-action_saveb.active, .btn-action_saveb.active:focus, .btn-action_saveb.active:hover, .btn-action_saveb.active.focus,
.open > .dropdown-toggle.btn-action_saveb, 
.open > .dropdown-toggle.btn-action_saveb:hover,
.open > .dropdown-toggle.btn-action_saveb:focus, 
.open > .dropdown-toggle.btn-action_saveb.focus,
.btn-action_saveb.disabled:hover, .btn-action_saveb[disabled]:hover, fieldset[disabled] .btn-action_saveb:hover,
.btn-action_saveb.disabled:focus, .btn-action_saveb[disabled]:focus, fieldset[disabled] .btn-action_saveb:focus,
.btn-action_saveb.disabled.focus, .btn-action_saveb[disabled].focus, fieldset[disabled] .btn-action_saveb.focus {
  color: rgba(255,255,255,1);
  border-color: #4db6ac;
  background: #4db6ac;
}

.btn-action_saveh {
  color: rgba(0,0,0,1);
  border-color: #aed581;
  background: #FFFFFF;
  padding:1rem 0;
}
.btn-action_saveh:hover, .btn-action_saveh:focus, 
.btn-action_saveh:active, .btn-action_saveh:active:focus, .btn-action_saveh:active:hover, .btn-action_saveh:active.focus,
.btn-action_saveh.active, .btn-action_saveh.active:focus, .btn-action_saveh.active:hover, .btn-action_saveh.active.focus,
.open > .dropdown-toggle.btn-action_saveh, 
.open > .dropdown-toggle.btn-action_saveh:hover,
.open > .dropdown-toggle.btn-action_saveh:focus, 
.open > .dropdown-toggle.btn-action_saveh.focus,
.btn-action_saveh.disabled:hover, .btn-action_saveh[disabled]:hover, fieldset[disabled] .btn-action_saveh:hover,
.btn-action_saveh.disabled:focus, .btn-action_saveh[disabled]:focus, fieldset[disabled] .btn-action_saveh:focus,
.btn-action_saveh.disabled.focus, .btn-action_saveh[disabled].focus, fieldset[disabled] .btn-action_saveh.focus {
  color: rgba(255,255,255,1);
  border-color: #aed581;
  background: #aed581;
}



.info_label {
  font-size:1rem;
  color:#000000;
  background-color: #FFFFFF;
  margin:0 1rem;
  padding:0.2rem 0.6rem;
  width: 120px;
  display: inline-block;
  text-align: center;
}

.info_label.history {
  color:#FFFFFF;
  font-weight:bold;
  background: linear-gradient(to right, #4ea9de 0%, #5fb1e1 100%);
  background: -ms-linear-gradient(left, #4ea9de, #5fb1e1);
}

.info_label.post {
  color:#FFFFFF;
  font-weight:bold;
  background: linear-gradient(to right, #4ea9de 0%, #5fb1e1 100%);
  background: -ms-linear-gradient(left, #4ea9de, #5fb1e1);
}
.info_label.EXpost {
  color:#FFFFFF;
  font-weight:bold;
  background: linear-gradient(to right, #ff6347 0%, #ff826b 100%);
  background: -ms-linear-gradient(left, #ff6347, #ff826b);
}

.info_label.dracad {
  color:#FFFFFF;
  background: linear-gradient(to right, #3954a2 0%, #5569ce 100%);
  background: -ms-linear-gradient(left, #3954a2, #5569ce);
}
.info_label.iarm {
  color:#FFFFFF;
  background: linear-gradient(to right, #a33b39 0%, #c84441 100%);
  background: -ms-linear-gradient(left, #a33b39, #c84441);
}


.list-recommend {
  margin-right: 1rem;
  margin-left: 1rem;
  padding-top:0.2rem;
  width: 87%;
  display: block;
  float: right;
}

.list-history {
  margin-right: 1rem;
  margin-left: 1rem;
  padding-top:0.2rem;
  width: 87%;
  display: block;
  float: right;
}

.list-post {
  margin-right: 1rem;
  margin-left: 1rem;
  padding-top:0.2rem;
  width: 87%;
  display: block;
  float: right;
}



.list_pg_day {
  width: 120px;
  display: inline-block;
}

.list-news {
  margin-right: 1rem;
  width: 95%;
  display: block;
  float: right;
}


.benefits_opt { background:rgba(185,38,35,1); }
.benefits_saveb { color:white;background:linear-gradient(135deg, #26a69a, #00897b); }
.benefits_saveh { color:white;background:linear-gradient(135deg, #8bc34a, #4caf50); }


.interviewer.dracad {
  color: #b92623;
}


.speaker.dracad {
  color: #b92623;
}



@media (min-width: 1200px){


.list-news.index {
  width: 87%;
}

}



@media (min-width: 1400px){

.list-recommend.index {
  width: 75%;
}

.list-history.index {
  width: 75%;
}

.list-post.index {
  width: 85%;
}


.list-news.index {
  width: 88%;
}

}