@charset "utf-8";

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


.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  display: none; /* 初期は非表示 */
}

/* ホバー時に表示 */
.dropdown-submenu:hover .dropdown-menu {
  display: block;
}

/* 矢印の方向調整 */
.dropdown-submenu .dropdown-toggle::after {
  transform: rotate(-90deg);
}


.dropdown-pg-section {
    display: flex;
    width: 100%!important;
    padding: 0.4rem 1rem;
    font-size: 1.2rem;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    align-items: center;
}

.dropdown-pg-section::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: #000000;
  margin-left: 10px;
}

.dropdown-pg-section.kozo::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: #253242;
  margin-left: 0.4rem;
}
.dropdown-pg-section.pivot::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: #B92623;
  margin-left: 0.4rem;
}



.btn-service-pg_kozo {
  color: #FFFFFF;
  border-color: #FFFFFF;
  padding: 1rem 2rem;
  font-size: 1.3rem;
  background:rgba(10,61,98,1);
  box-shadow: 4px 3px 5px rgba(0,0,0,0.3);
}
.btn-service-pg_kozo:hover, .btn-service-pg_kozo:focus, 
.btn-service-pg_kozo:active, .btn-service-pg_kozo:active:focus, .btn-service-pg_kozo:active:hover, .btn-service-pg_kozo:active.focus,
.btn-service-pg_kozo.active, .btn-service-pg_kozo.active:focus, .btn-service-pg_kozo.active:hover, .btn-service-pg_kozo.active.focus,
.open > .dropdown-toggle.btn-service-pg_kozo, 
.open > .dropdown-toggle.btn-service-pg_kozo:hover,
.open > .dropdown-toggle.btn-service-pg_kozo:focus, 
.open > .dropdown-toggle.btn-service-pg_kozo.focus,
.btn-service-pg_kozo.disabled:hover, .btn-service-pg_kozo[disabled]:hover, fieldset[disabled] .btn-service-pg_kozo:hover,
.btn-service-pg_kozo.disabled:focus, .btn-service-pg_kozo[disabled]:focus, fieldset[disabled] .btn-service-pg_kozo:focus,
.btn-service-pg_kozo.disabled.focus, .btn-service-pg_kozo[disabled].focus, fieldset[disabled] .btn-service-pg_kozo.focus {
  color: #FFFFFF;
  border-color: #FFFFFF;
  background:rgba(10,61,98,1);
  box-shadow: none;
}

.btn-service-pg_pivot {
  color: #FFFFFF;
  border-color: #FFFFFF;
  padding: 1rem 2rem;
  font-size: 1.3rem;
  background:rgba(185,38,35,1);
  box-shadow: 4px 3px 5px rgba(0,0,0,0.3);
}
.btn-service-pg_pivot:hover, .btn-service-pg_pivot:focus, 
.btn-service-pg_pivot:active, .btn-service-pg_pivot:active:focus, .btn-service-pg_pivot:active:hover, .btn-service-pg_pivot:active.focus,
.btn-service-pg_pivot.active, .btn-service-pg_pivot.active:focus, .btn-service-pg_pivot.active:hover, .btn-service-pg_pivot.active.focus,
.open > .dropdown-toggle.btn-service-pg_pivot, 
.open > .dropdown-toggle.btn-service-pg_pivot:hover,
.open > .dropdown-toggle.btn-service-pg_pivot:focus, 
.open > .dropdown-toggle.btn-service-pg_pivot.focus,
.btn-service-pg_pivot.disabled:hover, .btn-service-pg_pivot[disabled]:hover, fieldset[disabled] .btn-service-pg_pivot:hover,
.btn-service-pg_pivot.disabled:focus, .btn-service-pg_pivot[disabled]:focus, fieldset[disabled] .btn-service-pg_pivot:focus,
.btn-service-pg_pivot.disabled.focus, .btn-service-pg_pivot[disabled].focus, fieldset[disabled] .btn-service-pg_pivot.focus {
  color: #FFFFFF;
  border-color: #FFFFFF;
  background:rgba(185,38,35,1);
  box-shadow: none;
}


.tp-service {
  border: 1px solid #DDDDDD;
  box-shadow: 4px 3px 5px rgba(0,0,0,0.3)
}
.tp-service:hover {
  box-shadow:none;
}

.tp-service div.card-body {
  padding: 0;
 
}
.tp-service img.card-img-fit {
  height: 360px;
  opacity:0.95;
}
.tp-service p.card-title {
  color: #149EC7;
  padding: 0.6rem 1rem;
  background:rgba(255,255,224,0.6);
  border-top: 2px solid #FFFFE0;
  border-bottom: 2px solid #FFFFE0;
}

.tp-service p.card-title.kozo {
  color: #FFFFFF;
  background:rgba(37,50,66,1);
  border-top: 2px solid #253242;
  border-bottom: 2px solid #253242;
  margin-bottom:0;
}

.tp-service p.card-title.pivot {
  color: #FFFFFF;
  background:rgba(185,38,35,1);
  border-top: 2px solid #B92623;
  border-bottom: 2px solid #B92623;
  margin-bottom:0;
}



.btn-service-select-arc {
  color: #FFFFFF;
  border-color: #FFFFFF;
  padding: 2rem;
  font-size: 1.3rem;
  background: rgba(185,38,35, 0.6) url("../img/general/service-arc_bg.png") no-repeat center left;
  background-blend-mode:darken;
  background-size:300%;
  box-shadow: 4px 3px 5px rgba(80,80,80,0.5);
}
.btn-service-select-arc:hover, .btn-service-select-arc:focus, 
.btn-service-select-arc:active, .btn-service-select-arc:active:focus, .btn-service-select-arc:active:hover, .btn-service-select-arc:active.focus,
.btn-service-select-arc.active, .btn-service-select-arc.active:focus, .btn-service-select-arc.active:hover, .btn-service-select-arc.active.focus,
.open > .dropdown-toggle.btn-service-select-arc, 
.open > .dropdown-toggle.btn-service-select-arc:hover,
.open > .dropdown-toggle.btn-service-select-arc:focus, 
.open > .dropdown-toggle.btn-service-select-arc.focus,
.btn-service-select-arc.disabled:hover, .btn-service-select-arc[disabled]:hover, fieldset[disabled] .btn-service-select-arc:hover,
.btn-service-select-arc.disabled:focus, .btn-service-select-arc[disabled]:focus, fieldset[disabled] .btn-service-select-arc:focus,
.btn-service-select-arc.disabled.focus, .btn-service-select-arc[disabled].focus, fieldset[disabled] .btn-service-select-arc.focus {
  color: #000000;
  text-shadow: 1px 2px 4px rgba(80,80,80,0.3);
  border-color: #000000;
  background: rgba(255, 255, 255, 0.6) url("../img/general/service-arc_bg.png") no-repeat center left;
  background-blend-mode:multiply;
  background-size:300%;
  box-shadow: none;
}
.service-select-l2 {
  padding: 3rem;
}


.btn-service-soft-list.dracad {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/image_dracad_l.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.dracad:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/image_dracad_l.jpg");
}

.btn-service-soft-list.iarm {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/image_iarm.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.iarm:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/image_iarm.jpg");
}

.btn-service-soft-list.kensyo {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/image_kensyo.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.kensyo:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/image_kensyo.jpg");
}

.btn-service-soft-list.draar {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/image_DRAAR.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.draar:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/image_DRAAR.jpg");
}

.btn-service-soft-list.draviewer {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/image_draviewer.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.draviewer:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/image_draviewer.jpg");
}

.btn-service-soft-list.caddata {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/image_caddata.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.caddata:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/image_caddata.jpg");
}

.btn-service-soft-list.save {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/image_save.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.save:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/image_save.jpg");
}

.btn-service-soft-list.save_b {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/image_save_building.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.save_b:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/image_save_building.jpg");
}

.btn-service-soft-list.save_h {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/image_save_house.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.save_h:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/image_save_house.jpg");
}

.btn-service-soft-list.house_sv {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/image_house.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.house_sv:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/image_house.jpg");
}


.btn-inquiry-list {
  box-shadow: 4px 3px 5px rgba(0,0,0,0.3);
}
.btn-inquiry-list:hover, .btn-inquiry-list:focus, 
.btn-inquiry-list:active, .btn-inquiry-list:active:focus, .btn-inquiry-list:active:hover, .btn-inquiry-list:active.focus,
.btn-inquiry-list.active, .btn-inquiry-list.active:focus, .btn-inquiry-list.active:hover, .btn-inquiry-list.active.focus,
.open > .dropdown-toggle.btn-inquiry-list, 
.open > .dropdown-toggle.btn-inquiry-list:hover,
.open > .dropdown-toggle.btn-inquiry-list:focus, 
.open > .dropdown-toggle.btn-inquiry-list.focus,
.btn-inquiry-list.disabled:hover, .btn-inquiry-list[disabled]:hover, fieldset[disabled] .btn-inquiry-list:hover,
.btn-inquiry-list.disabled:focus, .btn-inquiry-list[disabled]:focus, fieldset[disabled] .btn-inquiry-list:focus,
.btn-inquiry-list.disabled.focus, .btn-inquiry-list[disabled].focus, fieldset[disabled] .btn-inquiry-list.focus {
  box-shadow: none;
}


/* ============================================================
   ABOUT MERGER
   ============================================================ */


.ly_tp_about { padding: 60px 30px; }
.ly_hd_about { padding: 35px 20px; color: #FFFFFF; background: url("../img/general/info_hd.webp") no-repeat top left; background-size:cover; }
.ly_bd_about { padding: 60px 30px; }
.ly_en_about { padding: 60px 30px; }


.bg-surviving {
  background: #eff6ff;
  border: 1px solid  #93c5fd;
  color: #1d4ed8;
}
.bg-surviving-tags {
  background: #eff6ff;
  border: 1px solid  #93c5fd;
  color: #1d4ed8;
}

.bg-absorbed {
  background: #f8fafc !important;
  border: 1px solid  #cbd5e1;
  color: #94a3b8 !important;
}
.bg-absorbed-tags {
  background: #f5f3ff;
  border: 1px solid #ddd6fe;
  color: #6d28d9;
}
.absorbed {
  opacity: 0.75;
}
img.absorbed {
  filter: grayscale(1) opacity(0.55);
}


.tp-about {
  padding:30px 22px;
  border: 1px solid #ddd6fe;
  box-shadow:4px 3px 5px rgb(0 0 0 / 30%);
}
.tp-about.surviving {
}
.tp-about.absorbed {
  background: #f8fafc;
}

.tp-new_about {
  padding:40px 32px;
  text-align:center;
  border: 3px solid #1e3a8a;
  box-shadow:4px 3px 5px rgb(0 0 0 / 30%);
}


.absorb-circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1d4ed8, #2563eb);
  box-shadow: 0 0 40px rgba(37, 99, 235, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing:0.1em;
  color: #FFFFFF;
  box-shadow: 0 0 40px rgba(59, 124, 244, 0.5);
  animation: pulse 3s ease-in-out infinite;
}

@keyframes pulse {

  0%,
  100% {
    box-shadow: 0 0 32px rgba(37, 99, 235, 0.4);
  }

  50% {
    box-shadow: 0 0 56px rgba(37, 99, 235, 0.65), 0 0 72px rgba(124, 58, 237, 0.3);
  }

}

.absorb-result {
  font-size: 4rem;
  color: #1d4ed8;
  animation: bounce 2s ease-in-out infinite;
}

@keyframes bounce {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(6px);
  }

}


.about-message {
  text-align: left;
  background: linear-gradient(135deg, #eff6ff, #f5f3ff);
  border: 1px solid #eff6ff;
  padding: 38px 46px;
}

.about-message p.card-title {
  font-size: 1rem;
  color: #1d4ed8;
  font-weight: bold;
  padding-bottom:20px;
  display: flex;
}


.alert-ivr {
  color: #FFFFFF;
  border: 3px solid;
  border-color: #9ec5fe;
  padding: 2rem;
  background: #0a58ca;
}


@media print, screen and (max-width: 991px) {

.tp-service img.card-img-fit {
  height: 120px;
}


.tp-about {
  padding:20px 12px;
}

.tp-new_about {
  padding:20px 12px;
  text-align:unset;
  border: 1px solid #1e3a8a;
}


}